::selection {
  color: #fff!important;
  background-color: #38f!important;
}
.cm { color: #cd2727; }
.cm2 { color: #29c3ab; }
.jianbian { background-image: -webkit-gradient(linear, left top, right top, from(#29c3ab), to(#16a8b5)); background-image: linear-gradient(to right, #29c3ab, #16a8b5); }
@font-face { font-family: 'Geometr415BlkBT'; src: url('../font/Geometr415BlkBT.ttf'); }
@font-face { font-family: 'swissbt'; src: url('../font/SWISSBT.TTF'); }
@font-face { font-family: 'Century751No2BT'; src: url('../font/Century751No2BT.TTF'); }
.inbanner { width: 100%; position: relative; }
.inbanner .ibwrap { position: relative; width: 100%; height: 100%; z-index: 0; overflow: hidden; }
.inbanner .ibwrap > img { position: relative; width: 100%; height: 100%; z-index: 0; }
.inbanner2 { width: 100%; height: 500px; position: relative; overflow: hidden; }
.inbanner2 .ibwrap { position: relative; width: 100%; height: 100%; z-index: 0; overflow: hidden; }
.inbanner2 .ibwrap > img { position: relative; width: 100%; height: 100%; z-index: 0; }
@media screen and (max-width:750px) {
	.p1_2_1 ul li span{width: 90%!important}
	.p1_2_1 ul li span em{width:100%!important}
	
.inbanner { height: 12vh; }
}
.mb0{margin-bottom:0!important}
/*匠心住宿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('http://www.scydyc.com//static/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; }
.ibcate { width: 100%; display: table; position: absolute; text-align: center; height: 100%; left: 0; top: 0; z-index: 1; }
.ibcatein { display: table-cell; vertical-align: middle; position: relative; color: #fff; text-shadow: 0 3px 0px rgba(0,0,0,.2); display:none }
.ibcatein .cn { font-size: 40px; line-height: 60px; }
.ibcatein .en { font-size: 34px; line-height: 50px; font-weight: bold; text-transform: uppercase; /*! display: none; */ font-family: 'Geometr415BlkBT'; }
.ibcatein .hx { width: 40px; height: 5px; background-color: #fff; margin: 18px auto 0; box-shadow: 0 3px 0px rgba(0,0,0,.2); }
/* .ibcate {position:absolute;left:50%;top:50%;z-index:3;-webkit-transform:translate(-50%,-67%);transform:translate(-50%,-67%);width:90%;-webkit-perspective:500px;perspective:500px;}
.ibcate .cnp {width:100%;text-align:center;}
.ibcate .cnp img {max-width:100%;} */
.pt50{padding-top:50px!important}
.ww3{margin:0 125px!important}
.ww3 li{    width: 32.3333333333%!important;}
@-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; border-bottom: 1px solid #e9e9e9; overflow: hidden;}
.baninfo .cer8 { height: 100%; }
.erji { float: left; font-size: 0; white-space: nowrap; text-align: center; max-width: 100%; line-height: 70px; height: 70px; }
.erji a { display: inline-block; height: 100%; position: relative; margin-left: 65px; color: #333; font-size: 17px; line-height: 70px; vertical-align: top; }
.erji a:first-child { margin-left: 0; }
.erji a:after { content: ''; position: absolute; left: 100%; bottom: -1px; z-index: 0; width: 0; height: 2px; background-color: #cd2727; -webkit-transition: 0.3s; transition: 0.3s; }
.erji a:hover { color: #cd2727; }
.erji a.on { color: #cd2727 !important; font-weight: bold !important; }
.erji a.on:after { background-color: #cd2727 !important; width: 100%; left: 0; }
.erji a:hover:after { left: 0; width: 100%; -webkit-transition: width 0.3s; transition: width 0.3s; background-color: #cd2727 !important; }
.tree { float: right; height: 100%; font-size: 17px; line-height: 70px; color: #666; }
.tree a { display: inline-block; height: 100%; color: #666; vertical-align: middle; }
.tree a:hover, .tree a.leaf { color: #cd2727; }
.tree i { display: inline-block; width: 24px; height: 24px; vertical-align: middle; background: url('../images/sjr1-tree.png') center no-repeat; }
@media screen and (max-width:1380px) {
.tree { display: none; }
.erji { float: none; }
}
@media screen and (max-width:1024px) {
.tree { display: none; }
.erji { float: none; }
}
@media screen and (max-width:750px) {
.erji { overflow: auto; }
.erji a { margin-left: 50px; }
.erji a:after { bottom: 0; }
}
@media screen and (max-width:640px) {
.erji a { width: 25%; margin-left: 0; }
}
/*宝创8产品详情 */
.bneck { width: 100%; position: absolute; left: 0; bottom: 66px; z-index: 3; }
.berji { font-size: 0; width: 100%; text-align: center; }
.berji a { display: inline-block; width: 164px; height: 100%; font-size: 16px; color: #fff; line-height: 54px; position: relative; overflow: hidden; background-color: #66807f; margin: 10px 17px; border-radius: 8px; }
.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 { width: 80px; margin-left: -40px; }
.berji a.on, .berji a:hover { background-color: #1fb5b0; }
/*海创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('http://www.scydyc.com//static/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('http://www.scydyc.com//static/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('http://www.scydyc.com//static/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; }
.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('http://www.scydyc.com//static/images/lt3.png'); }
.outnav7 .nav-right { right: 0; background-image: url('http://www.scydyc.com//static/images/gt3.png'); }
.outnav7 .nav-left:hover { background-image: url('http://www.scydyc.com//static/images/lt3h.png'); background-color: #eb0104; }
.outnav7 .nav-right:hover { background-image: url('http://www.scydyc.com//static/images/gt3h.png'); background-color: #eb0104; }
.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 { width: 170px; display: inline-block; height: 100%; overflow: hidden; }
.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; }
.nav7 li a:before { content: ''; position: absolute; left: 0; top: 50%; z-index: 0; display: none; width: 1px; height: 14px; background-color: #ccc; margin-top: -7px; }
.nav7 li a:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 1; width: 0; height: 2px; margin-left: 0; -webkit-transition: 0.3s; transition: 0.3s; background-color: #014ab1; }
.nav7 li:hover a { color: #eb0104; }
.nav7 li:hover a:after { width: 108px; margin-left: -54px; }
.nav7 li.on a { color: #eb0104; }
.nav7 li.on a:after { width: 108px; margin-left: -54px; }
.mouse { width: 60px; height: 34px; position: absolute; left: 50%; bottom: 100px; z-index: 4; background: url('../images/mouse.png') center no-repeat; margin-left: -30px; }
.shutwindowup { -webkit-transform: rotateX(-80deg) translateZ(-100px); transform: rotateX(-80deg) translateZ(-100px); opacity: 0; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; }
.ani.shutwindowup { -webkit-transform: rotateX(0deg) translateZ(0); transform: rotateX(0deg) translateZ(0); opacity: 1; }
.fside { position: fixed; z-index: 50; left: 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 { left: -100px; }
.fside i { width: 11px; height: 68px; position: absolute; left: 100%; top: 50%; margin-top: -34px; z-index: 10; background: #38b9b0 url('http://www.scydyc.com//static/images/sandao.png') center no-repeat; cursor: pointer; border-radius: 0 9px 9px 0; }
.fside label { display: block; width: 100%; height: 55px; border-radius: 6px 6px 0 0; background: #38bab1 url('http://www.scydyc.com//static/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; height: 20px; }
.fside a:hover > .pic { background-color: #fff; }
.fside a:hover > p { color: #38bab1; }
.sideinfo { width: 0; height: 56px; overflow: hidden; position: absolute; left: 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('http://www.scydyc.com//static/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; left: 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('http://www.scydyc.com//static/images/ssd1.png'); }
.fside a .pic.sd2 { background-image: url('http://www.scydyc.com//static/images/ssd2.png'); }
.fside a .pic.sd3 { background-image: url('http://www.scydyc.com//static/images/ssd3.png'); }
.fside a .pic.sd4 { background-image: url('http://www.scydyc.com//static/images/ssd4.png'); }
.fside a:hover .pic.sd1 { background-image: url('http://www.scydyc.com//static/images/ssd1h.png'); }
.fside a:hover .pic.sd2 { background-image: url('http://www.scydyc.com//static/images/ssd2h.png'); }
.fside a:hover .pic.sd3 { background-image: url('http://www.scydyc.com//static/images/ssd3h.png'); }
.fside a:hover .pic.sd4 { background-image: url('http://www.scydyc.com//static/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('http://www.scydyc.com//static/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; }
.news-out { padding: 128px 0 156px; }
@media screen and (max-width:1440px) {
.news-out { padding: 96px 0 120px; }
}
@media screen and (max-width:1023px) {
.news-out { padding: 78px 0 100px; }
}
@media screen and (max-width:750px) {
.news-out { padding: 60px 0 80px; }
}
.footer0 { padding: 74px 0 130px; }
.mwlist { padding: 0 4%; font-size: 0; text-align: center; overflow: hidden; }
.mwlist li { display: inline-block; width: 16.66%; vertical-align: top; }
.mwlist li a { display: block; width: 100%; position: relative; }
.mwlist .pic { width: 100%; height: 120px; overflow: hidden; position: relative; line-height: 120px; -webkit-perspective: 1000px; perspective: 1000px; }
.mwlist .inner { width: 120px; height: 100%; margin: 0 auto; -webkit-transition: background-image 0.4s, -webkit-transform 1s; transition: background-image 0.4s, -webkit-transform 1s; transition: transform 1s, background-image 0.4s; transition: transform 1s, background-image 0.4s, -webkit-transform 1s; background: url('../images/hex1.png') center no-repeat; }
.mwlist .pic img.p1 { display: inline-block; }
.mwlist .pic img.p2 { display: none; }
.mwlist li h3 { font-size: 24px; color: #333; line-height: 36px; height: 36px; overflow: hidden; margin-top: 26px; -webkit-transition: .4s; transition: .4s; }
.mwlist li:hover .inner { background-image: url('../images/hex2.png'); }
.mwlist li:hover h3 { color: #cd2727; }
.mwlist li:hover .pic img.p1 { display: none; }
.mwlist li:hover .pic img.p2 { display: inline-block; }
.mwlist li:hover .inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.mwlist li .txt { font-size: 16px; color: #999; line-height: 26px; height: 52px; overflow: hidden; margin-top: 10px; }
@media screen and (max-width:1100px) {
.mwlist li { width: 33.33%; }
.mwlist li { margin-top: 30px; }
}
@media screen and (max-width:750px) {
.mwlist li { width: 50%; }
}
/*11联系我们*/.lxway { font-size: 0; text-align: center; }
.lxway span { display: inline-block; width: 280px; height: 54px; border-radius: 28px; color: #cd2727; font-size: 16px; line-height: 54px; background-color: #fff; border: 1px solid #cd2727; -webkit-transition: 0.3s; transition: 0.3s; margin: 0 8px; }
.lxway span:first-child { font-size: 20px; }
.lxway span:hover { background-color: #cd2727; color: #fff; }
.lxone { padding: 70px 0 84px; }
.rexian { font-size: 36px; color: #cd2727; line-height: 62px; text-align: center; margin: 12px 0 30px; }
.rexian span.mtel { display: inline-block; vertical-align: top; padding-left: 49px; position: relative; }
.rexian span.mtel:before { content: ''; position: absolute; left: 0; top: 50%; z-index: 0; border-radius: 50%; width: 40px; height: 40px; background: #cd2727 url('../images/tel1.png') center no-repeat; margin-top: -20px; }
.cate6 { text-align: center; }
.cate6 .txt { font-size: 18px; color: #333; line-height: 30px; }
.cate6 .cn { font-size: 44px; color: #333; line-height: 64px; font-weight: bold; }
.cate6 .hx { width: 72px; height: 3px; background-color: #cd2727; margin: 24px auto 32px; }
@media screen and (max-width:750px) {
.cate6 .cn { font-size: 32px; line-height: 50px; }
.rexian { font-size: 26px; line-height: 50px; }
}
@media screen and (max-width:660px) {
.lxway span { display: block; margin: 0 auto; }
.lxway span:first-child { font-size: 16px; margin-bottom: 20px; }
.rexian { font-size: 20px; }
}
#map { width: 100%; height: 700px; }
.maphand { width: 100%; font-size: 0; text-align: center; margin-bottom: 2px; position: relative; z-index: 10; }
.maphand dd { display: inline-block; width: 50%; height: 54px; background-color: #231f20; color: #fff; font-size: 16px; line-height: 54px; -webkit-transition: 0.3s; transition: 0.3s; cursor: pointer; position: relative; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }
.maphand dd.on { background-color: #cd2727; }
.maphand dd:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: -1; -webkit-transition: 0.3s; transition: 0.3s; width: 0; height: 0; margin-left: -24px; border: 24px solid transparent; border-top-color: #cd2727; border-bottom-width: 0; }
.maphand dd.on:after { bottom: -18px; }
@media screen and (max-width:960px) {
.maphand dd { padding: 10px 5%; line-height: 24px; height: 68px; }
}
@media screen and (max-width:600px) {
.maphand dd { font-size: 12px; }
}
.cate2 { padding: 60px 0 54px; text-align: center; }
.cate2 .cn { font-size: 38px; color: #333; line-height: 54px; margin-bottom: 12px; }
.cate2 .txt { font-size: 18px; color: #666; line-height: 30px; padding: 0 5%; }
.cate2 .txt a { display: inline-block; color: #666; }
.cate2 .txt a:hover { color: #cd2727; }
@media screen and (max-width:750px) {
.cate2 .cn { font-size: 26px; line-height: 44px; }
.cate2 .txt { font-size: 16px; }
}
.yewulist { margin: 0 -6px; overflow: hidden; font-size: 0; }
.yewulist li { display: inline-block; width: 25%; height: 332px; margin-bottom: 12px; }
.yewulist li .lin { padding: 0 6px; height: 100%; }
.yewulist li a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.yewulist .pic { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; font-size: 0; }
.yewulist .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.yewulist .pic i { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url('../images/jab1.png') bottom repeat-x; }
.yewulist .bg1 { position: absolute; left: 0; top: -50%; z-index: 3; width: 100%; height: 200%; display: block; background:rgba(205,39,39,.8); -webkit-transform: translateX(-200%) rotate(60deg); transform: translateX(-200%) rotate(60deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }
.yewulist .bg2 { position: absolute; right: 0; top: -50%; z-index: 3; width: 100%; height: 200%; background:rgba(205,39,39,.8); -webkit-transform: translateX(200%) rotate(60deg); transform: translateX(200%) rotate(60deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }
.yewulist li .one { padding: 0 60px 30px; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: none;}
.yewulist li h3 { font-size: 22px; color: #fff; line-height: 34px; height: 34px; overflow: hidden; }
.yewulist li h4 { font-size: 14px; color: #999; line-height: 24px; text-transform: uppercase; word-break: normal; }
.yewulist li .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); display: -webkit-box; display: -ms-flexbox; display: flex; }
.yewulist li .cover .in { margin: auto; text-align: center; padding: 0 10px; }
.yewulist li .cover .txt2 { font-size: 26px; color: #fff; line-height: 38px; height: 38px; overflow: hidden; font-weight: bold; }
.yewulist li .cover .hx { width: 26px; height: 1px; margin: 10px auto; background-color: #fff; }
.yewulist li .cover .txt3 { font-size: 16px; color: #fff; line-height: 30px; text-transform: uppercase; max-height: 60px; overflow: hidden; word-break: normal; }
.yewulist li .cover label { display: block; margin: 18px auto 0; width: 112px; height: 32px; font-size: 16px; color: #fff; line-height: 32px; text-align: center; background-color: transparent; border: 1px solid #fff; border-radius: 4px; cursor: pointer; -webkit-transition: .4s; transition: .4s; }
.yewulist li .cover label:hover { background-color: #fff; color: #cd2727; }
.yewulist .one, .yewulist .bg1, .yewulist .bg2 { -webkit-transition: .5s; transition: .5s; }
.yewulist .cover { -webkit-transition: .5s .2s; transition: .5s .2s; }
.yewulist li:hover .cover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.yewulist li:hover .one { opacity: 0; }
.yewulist li:hover .bg1 { -webkit-transform: translateX(-40%) rotate(60deg); transform: translateX(-40%) rotate(60deg); }
.yewulist li:hover .bg2 { -webkit-transform: translateX(40%) rotate(60deg); transform: translateX(40%) rotate(60deg); }
@media screen and (max-width:1440px) {
.yewulist li { width: 33.33%; }
.yewulist li .one { padding: 0 40px 30px; }
}
@media screen and (max-width:1024px) {
.yewulist li { width: 50%; }
.yewulist li .one { padding: 0 20px 20px; }
}
@media screen and (max-width:750px) {
	.yewulist .pic i{display: none}
.yewulist { margin: 0 6px; }
.yewulist li .one { padding: 0 5% 20px; }
}
@media screen and (max-width:640px) {
.yewulist li { width: 50%; height:160px}
}
.cate22 { padding: 70px 0 54px; text-align: center; }
.cate22 .cn { font-size: 30px; color: #cd2727; line-height: 40px; height: 40px; position: relative; margin-bottom: 20px; }
.cate22 .cn span { display: inline-block; vertical-align: top; height: 100%; position: relative; z-index: 2; }
.cate22 .cn i { position: absolute; top: 0; z-index: 0; width: 351px; height: 100%; }
.cate22 .cn i.i1 { right: 50%; margin-right: 178px; background: url('../images/sanzen1.png') center no-repeat; }
.cate22 .cn i.i2 { left: 50%; margin-left: 178px; background: url('../images/sanzen2.png') center no-repeat; }
.cate22 .txt { font-size: 18px; color: #999; line-height: 30px; padding: 0 5%; }
@media screen and (max-width:750px) {
.cate22 .cn { font-size: 26px; }
.cate22 .txt { font-size: 16px; }
}
.tcc{text-align: center}
.m00{margin: 0!important}
.atc h2{font-size: 20px; color: #333; padding-bottom: 10px}
@media screen and (min-width:750px) {
	.dy{padding-bottom: 25px}
	.w30 li{width: 32.666%!important; }
	.w30 li:last-child{margin-right: 0!important}
	.w30 li h3{line-height:45px!important; padding: 15px}
	.w30 li .pic{width:100%;
height: 300px;
display: flex;
align-items: center;}
	.w30 li .pic img{max-width: 100%;
    width:auto;
    max-height:300px;
    margin: 0 auto;
    display: block;}
}
.tll{text-align: left!important; padding-left: 15px!important; font-size: 18px!important;}
.xqing{overflow: hidden; position: relative}
.xqing ul{line-height: 25px; padding:0 15px; font-size: 15px;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:3; margin-bottom: 45px}
.xqing span{display: block;
    position: absolute;
    bottom:10px;
    font-size: 15px;
    left: 15px;}
.dy h3{font-size: 34px; line-height:150px; text-align: center; color: #000}
.dy .linian{overflow: hidden; background: #fff}
.dy .linian ul{width: 40%; padding:4%; float: left;line-height: 36px; color: #000}
.dy .linian img{width: 50%; float: right}

.dy1{padding-bottom:100px}
.dy1 h3{font-size: 34px; line-height:150px; text-align: center; color: #000}
.dy1 .linian{overflow: hidden; background: #fff; text-indent: 36px;}
.dy1 .linian ul{width: 58%; padding:6%; float: left;line-height: 36px; color: #000}
.dy1 .linian img{width: 30%; float: right}

.mt30{margin-top:30px}
.wanglist { margin: 0 -15px; overflow: hidden; font-size: 0; padding-bottom: 16px; }
.wanglist li { display: inline-block; width:24.25%; margin:0 1% 1% 0; overflow: hidden; background: #fff}
.wanglist li:hover{box-shadow:0px 0px 10px #c9c8c9;transition: all 0.3s;cursor:pointer; }
.wanglist li:nth-child(3n){margin-right: 0}
.wanglist li .lin { padding: 0; }
.wanglist .pic {width: 100%; 
display: flex; height:250px;
align-items: center;}
.wanglist .pic img {width: 100%;
    margin: 0 auto;
  height:100%;
	padding-top:0px;
    display: block;
}
.wanglist .pic i { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url('../images/jab2.png') bottom repeat-x; }
.wanglist .layer { position: absolute; left: -100%; top: -100%; z-index: 3; width: 100%; height: calc(100% - 50px);; background:rgba(205,39,39,.8); }
.wanglist li h3 { font-size:16px; line-height:50px; text-align: center; overflow: hidden;text-align: center; color: #333!important; overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; padding:0 8px}
.wanglist li .cover { position: absolute; width: 100%; height: 250px; top: 0; left: 0; z-index: 4; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); display: -webkit-box; display: -ms-flexbox; display: flex; }
.wanglist li:hover .cover{opacity:1}
.wanglist li .cover .in { margin: auto; text-align: center; padding: 0 10px; }
.wanglist li .cover .txt2 { font-size: 24px; color: #fff; line-height: 36px; overflow: hidden; font-weight: bold; }
.wanglist li .cover label { display: block; margin: 30px auto 0; width: 112px; height: 32px; font-size: 16px; color: #fff; line-height: 32px; background-color: transparent; border: 1px solid #fff; border-radius: 4px; cursor: pointer; -webkit-transition: .4s; transition: .4s; }
.wanglist li .cover label:hover { background-color: #fff; color: #cd2727; }
.wanglist .cover, .wanglist .one { -webkit-transition: .6s; transition: .6s; }
	#welcome{    padding: 30px 10px 10px;
    position: fixed;
    width: 120px;
    left: -15px;
    top: 30%;
    visibility: visible;
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    z-index: 99;}
	#welcome_close{position: absolute; top:0; right:0;}
	#welcome_close .gb{display: block; position: absolute; background: #333; color: #fff; padding: 5px; top:0; right:0;text-decoration: none;}
	#welcome_close img{width: 100%}

@media screen and (max-width:1440px) {
.wanglist { margin: 0 -10px; }
.wanglist li .lin { padding: 0 10px; }
.wanglist li .one { padding: 0 20px 20px; }
}
@media screen and (max-width:1024px) {
.wanglist li { width: 50%; }
}
@media screen and (max-width:750px) {
	.wanglist .pic{height:auto!important}
.wanglist { margin: 0 0; }
.wanglist li .one { padding: 0 5% 20px; }
}
@media screen and (max-width:600px) {
.wanglist li { width: 100%; }
}
.yewuerji { background-color: #cd2727; border-radius: 10px; padding: 10px; margin-top: 80px; }
.yewuerji .inner { border-radius: 10px; border: 1px solid rgba(255,255,255,0.5); padding: 28px 50px 22px; font-size: 0; }
.yewuerji .inner a { display: inline-block; width: 16.66%; height: 50px; background-color: transparent; vertical-align: top; font-size: 18px; color: #fff; line-height: 50px; text-align: center; border-radius: 25px; margin: 12px 0; overflow: hidden; }
.yewuerji .inner a.on, .yewuerji .inner a:hover { background-color: #fff; color: #cd2727; }
@media screen and (max-width:1200px) {
.yewuerji .inner { padding: 25px 20px 25px; }
.yewuerji .inner a { width: 25%; }
}
@media screen and (max-width:750px) {
.yewuerji { margin-top: 60px; }
.yewuerji .inner { padding: 20px 10px 20px; }
.yewuerji .inner a { width: 33.33%; margin: 6px 0; font-size: 16px; line-height: 40px; height: 40px; }
}
@media screen and (max-width:560px) {
.yewuerji { padding: 0; margin-top: 40px; }
.yewuerji .inner a { font-size: 14px; }
}
.caselist { padding: 0 0 20px; margin: 0 -15px; overflow: hidden; }
.caselist li { float: left; width: 23%;/*! margin-bottom:50px; */ margin: 30px 1% 0; }
.caselist li .lin {/* background: #fff; */ box-shadow: 0 29px 30px -30px rgba(0,36,100,.3); }
.caselist li a { display: block; position: relative; }
.caselist li a:after { left: 100%; position: absolute; bottom: 0; content: " "; width: 0; border-bottom: 1px solid #cd2727; -webkit-transition: .5s; transition: .5s; }
.caselist li .lin:hover { background: #fff; }
.caselist li:hover a:after { width: 100%; left: 0; -webkit-transition: width 0.5s; transition: width 0.5s; }
.caselist .pic { width: 100%; height: 0; padding-bottom: 62.6%; position: relative; -webkit-perspective: 800px; perspective: 800px;overflow: hidden}

.caselist img { position: absolute; z-index: 1; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -webkit-transition: .3s linear; transition: .3s linear; }
.caselist li:hover img{transition: all 0.3s;transform: scale(1.05);}
.caselist li .wz { padding: 20px 0; }
.caselist li .wz .date{border-bottom:1px solid #ccc; padding-bottom: 8px}
.caselist li .wz:hover .date{border-bottom:1px solid #cd2727}
.caselist li h3 { font-size: 18px; color: #000; line-height:58px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.caselist li .txt { font-size: 14px; color: #666; line-height: 1.6; text-align: justify; letter-spacing: 1px;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;}
.caselist li .date { font-size: 24px; color: #222; line-height: 35px; overflow: hidden; margin-top: 8px; }
.caselist li:hover h3 { color: #cd2727; }
.caselist h3 { -webkit-transition: .6s; transition: .6s; }
@media screen and (max-width:1440px) {
.caselist { margin: 0 0; }
}
@media screen and (max-width:1100px) {
	.ct,.ct1{margin: 30px 0 30px 33.5%!important}
.caselist { padding: 0px 0 20px; }
.caselist li .lin { padding: 0 10px; }
}
@media screen and (max-width:1023px) {
.caselist li { width: 48%; }
}
@media screen and (max-width:640px) {
.caselist li { width: 99%; }
}
.xBan { margin-top: 10px; }
.xBan li { float: left; width: 49%;/*! margin-bottom:50px; */ margin: 30px 2% 0 0; }
.xBan li:nth-child(2n) { margin-right: 0; }
.xBan li img { max-width: 100%; }
@media screen and (max-width:640px) {
.xBan { margin-top: 0; }
.xBan li { width: 99%; margin-top: 0; margin-bottom: 20px; }
}
.news-out2 { padding: 50px 0 20px; }
.mainbox { position: relative; padding-right: 490px; }
.mainleft { width: 100%; min-height: 800px; }
.mainright { width: 420px; position: absolute; top: 0; right: 0; z-index: 1; }
.sdbox .title { height: 46px; line-height: 46px; }
.sdbox .title h5 { font-size: 34px; color: #333; }
.atc{ margin-bottom: 50px;}
.atc-con { padding: 18px 0 0; font-size: 16px; line-height: 24px; color: #333; text-align: justify; border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.atc-con p{ color: #333;line-height: 1.75; letter-spacing: 1px;}
.atc-con img { max-width: 100%; }
.atc-con a { color: #cd2727; }
.atc-pn { overflow: hidden; margin-top: 64px; }
.atc-pn a { display: block; position: relative; padding-left: 32px; margin-bottom: 18px; font-size: 16px; color: #333; line-height: 22px; overflow: hidden;letter-spacing: 1px; }
a.atc-prev:hover, a.atc-next:hover { color: #cd2727; }
.atc-pn a:before { content: ''; position: absolute; left: 0; top: 0; z-index: 1; border-radius: 50%; width: 20px; height: 20px; border: 1px solid #000; -webkit-transition: .4s; transition: .4s; }
a.atc-prev:before { background: #ffffff url('../images/lt-atc.png') center no-repeat; }
a.atc-next:before { background: #ffffff url('../images/gt-atc.png') center no-repeat; }
a.atc-prev:hover:before { border-color: #cd2727; background-color: #cd2727; background-image: url('../images/lt-atch.png'); }
a.atc-next:hover:before { border-color: #cd2727; background-color: #cd2727; background-image: url('../images/gt-atch.png'); }
.pt30{padding-top: 30px}
.ibcate2 { position: absolute; left: 0; bottom: 60px; z-index: 2; width: 100%; }
.atc-h { position: relative; padding-right: 150px;}
.atc-h h1 { font-size: 22px;
  color: #333;
  line-height:30px;}
.atc-date {  font-size: 14px;
  color: #999;
  line-height:45px; border-top:1px solid #eee; margin-top:5px}
.atc-date span {   display: inline-block;
  margin-right: 20px;
  background-position: 0 center;
  background-repeat: no-repeat; }
a.atc-ret { position: absolute; right: 0; top: 10px; z-index: 1; width: 130px; height: 44px; background-color: #cd2727; font-size: 16px; color: #fff; line-height: 44px; text-align: center; border-radius: 22px; }
a.atc-ret span { display: inline-block; vertical-align: top; height: 100%; padding-left: 28px; background: url('../images/ret.png') left no-repeat; }
a.atc-ret:hover span { text-decoration: underline; }
@media screen and (max-width:1600px) {
.mainbox { padding-right: 400px; }
.mainright { width: 340px; }
}
@media screen and (max-width:1300px) {
.mainbox { padding-right: 0; }
.mainleft { width: 100%; min-height: 0; }
.mainright { position: relative; width: 100%; }
.mainright .sdbox { display: none; }
}
@media screen and (max-width:1024px) {
.atc-h h1 { font-size: 32px; line-height: 54px; }
}
@media screen and (max-width:750px) {
.ibcate2 { bottom: 36px; }
.atc-h { padding-right: 0; }
a.atc-ret { position: static; display: block; }
.atc-h h1 { font-size: 24px; line-height: 44px; }
.atc-date { font-size: 16px; margin-top: 10px; margin-bottom: 10px; }
}
.sdnewslist { width: 100%; margin-top: 20px; }
.sdnewslist li { width: 100%; border-bottom: 1px dotted #c3c3c3; }
.sdnewslist li a { display: block; position: relative; }
.sdnewslist li .wz { padding: 12px 0 17px; }
.sdnewslist li h3 { font-size: 16px; color: #333; line-height: 26px; height: 26px; overflow: hidden; }
.sdnewslist li .date { font-size: 16px; color: #d5d5d5; line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 6px; }
.sdnewslist li:hover h3 { color: #cd2727; }
.sdnewslist h3 { -webkit-transition: .6s; transition: .6s; }
.fzinfo { padding: 15px 30px; background-color: #cd2727; margin: 46px 0 36px; font-size: 24px; color: #fff; line-height: 42px; text-align: center; border-radius: 10px; }
.lichenlist { width: 100%; padding: 108px 0 150px; position: relative; margin-top: 100px; background: url('../images/dot-gy.png') center top no-repeat; }
.lichenlist:before { content: ''; position: absolute; left: 50%; top: 0; z-index: 0; bottom: 30px; width: 4px; background-color: #cd2727; margin-left: -2px; }
.lichenlist:after { content: ''; position: absolute; left: 50%; bottom: 0; z-index: 0; margin-left: -19px; width: 39px; height: 34px; background: url('../images/sjd-gy.png') center no-repeat; -webkit-animation: movt 6s linear 0s both infinite; animation: movt 6s linear 0s both infinite; }
.lichenlist li { width: 100%; height: 262px; position: relative; z-index: 1; }
.lichenlist li .inner { width: 100%; height: 100%; position: relative; }
.lichenlist li .lcleft { width: 50%; padding-right: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; }
.lichenlist li .pic { width: 100%; height: 216px; }
.lichenlist li .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.lichenlist li .txt { width: 100%; margin-top: 12px; font-size: 18px; color: #cd2727; line-height: 34px; }
.lichenlist li .title { width: 162px; height: 46px; background-color: #cd2727; text-align: center; position: absolute; left: 50%; top: 97px; z-index: 1; margin-left: 125px; font-size: 26px; color: #fff; line-height: 46px; font-weight: bold; -webkit-transition: .4s; transition: .4s; }
.lichenlist li .title:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100px; height: 1px; background-color: #cd2727; margin-left: -92px; }
.lichenlist li .number { position: absolute; left: 50%; top: 107px; z-index: 0; width: 66px; height: 66px; margin-left: -33px; }
.lichenlist li .number:before { content: ''; position: absolute; left: -11px; top: 0; z-index: 0; width: 18px; height: 100%; background: url('../images/lt-gy.png') center no-repeat; -webkit-transition: .6s; transition: .6s; }
.lichenlist li span.num { display: block; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px; background-color: #cd2727; border-radius: 50%; font-size: 18px; color: #fff; line-height: 50px; text-align: center; -webkit-transition: .8s; transition: .8s; }
.lichenlist li i.yuanhu { position: absolute; right: 0; top: 0; z-index: 1; width: 12px; height: 100%; overflow: hidden; -webkit-transition: .8s; transition: .8s; }
.lichenlist li i.yuanhu:after { content: ''; position: absolute; right: 0; top: 0; z-index: 1; width: 58px; height: 58px; border-radius: 50%; background-color: #fff; border: 4px solid #cd2727; }
.lichenlist li:hover i.yuanhu { width: 100%; }
.lichenlist li:hover .number:before { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
.lichenlist li:hover span.num { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.lichenlist li:hover .title { -webkit-box-shadow: 0 0 10px 0 #cd2727; box-shadow: 0 0 10px 0 #cd2727; }
.lichenlist li:nth-child(2n) .lcleft { left: auto; right: 0; padding-right: 0; padding-left: 100px; }
.lichenlist li:nth-child(2n) .title { left: auto; right: 50%; margin-left: 0; margin-right: 125px; }
.lichenlist li:nth-child(2n) .title:before { left: auto; right: 0; margin-left: 0; margin-right: -92px; }
.lichenlist li:nth-child(2n) .number:before { left: auto; right: -11px; background-image: url('../images/gt-gy.png'); }
.lichenlist li:nth-child(2n) i.yuanhu { left: 0; right: auto; }
.lichenlist li:nth-child(2n) i.yuanhu:after { left: 0; right: auto; }
@-webkit-keyframes movt { 0% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
25% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
70% {
-webkit-transform:rotateY(360deg);
transform:rotateY(360deg);
}
100% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
}
@keyframes movt { 0% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
25% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
70% {
-webkit-transform:rotateY(360deg);
transform:rotateY(360deg);
}
100% {
-webkit-transform:rotateY(0deg);
transform:rotateY(0deg);
}
}
@media screen and (max-width:1500px) {
.lichenlist li .lcleft { padding-right: 50px; }
.lichenlist li:nth-child(2n) .lcleft { padding-right: 0; padding-left: 50px; }
.lichenlist li .title { margin-left: 75px; }
.lichenlist li:nth-child(2n) .title { margin-left: 0; margin-right: 75px; }
.lichenlist li .title:before { width: 50px; margin-left: -42px; }
.lichenlist li:nth-child(2n) .title:before { margin-left: 0; margin-right: -42px; }
}
@media screen and (max-width:1200px) {
.lichenlist li { margin-bottom: 60px; }
.lichenlist li .title { margin-left: 0; left: 0; top: -60px; }
.lichenlist li:nth-child(2n) .title { right: 0; margin-right: 0; }
.lichenlist li .title:before { display: none; }
.lichenlist li .number { top: -80px; }
}
@media screen and (max-width:1024px) {
.lichenlist:before { width: 2px; margin-left: -1px; opacity: 0.3; }
.lichenlist li { height: auto; padding-top: 80px; }
.lichenlist li .lcleft { padding-right: 0; }
.lichenlist li:nth-child(2n) .lcleft { padding-right: 0; padding-left: 0; }
.lichenlist li .lcleft { position: relative; width: 680px; max-width: 100%; margin: 0 auto; }
.lichenlist li .title { position: relative; top: 0; margin: 0 auto; }
.lichenlist li:nth-child(2n) .title { margin: 0 auto; }
.lichenlist li .txt { text-align: center; margin-bottom: 12px; }
}
@media screen and (max-width:750px) {
.lichenlist:before { width: 1px; }
.lichenlist { margin-top: 60px; padding-bottom: 100px; }
.fzinfo { font-size: 18px; }
}
.casepage { position: relative; background-color: #262324; overflow: hidden; }
.casepage .cer8 { position: relative; z-index: 1; }
.casepagein { padding: 98px 0 168px; }
#canvasRoom { width: 100%; height: 100%; overflow: hidden; position: absolute; bottom: -36%; left: 0px; z-index: 0; pointer-events: none; }
.newsout #canvasRoom, .ab1 #canvasRoom { height: 100vh; bottom: -280px; }
@media screen and (max-width:1199px) {
#canvasRoom { display: none; }
}
.moju-one { position: relative; padding-right: 380px; overflow: hidden; margin-bottom: 46px; }
.mojuleft { width: 100%; }
.mojuright { width: 280px; height: 40px; position: absolute; right: 0; top: 0; z-index: 1; font-size: 0; }
.mojutitle { font-size: 34px; color: #999; line-height: 46px; }
.mojucon { font-size: 16px; color: #999; line-height: 30px; text-align: justify; padding-top: 44px; padding-bottom: 60px; border-top: 1px solid rgba(255,255,255,0.1); }
.mojucon img { max-width: 100%; }
.moju-next, .moju-prev { position: absolute; top: 0; width: 108px; height: 38px; z-index: 1; border: 1px solid #cd2727; background-color: transparent; border-radius: 20px; -webkit-transition: 0.5s; transition: 0.5s; font-size: 16px; color: #cd2727; line-height: 38px; text-align: center; }
.moju-prev { left: 0; }
.moju-next { right: 0; }
.moju-prev:hover, .moju-next:hover { background-color: #cd2727; color: #fff; }
.moju-ret { display: block; width: 60px; height: 100%; font-size: 0; margin: 0 auto; background: url('../images/nine.png') center no-repeat; }
@media screen and (max-width:1200px) {
.mojutitle { font-size: 26px; }
.casepagein { padding: 98px 0 98px; }
}
@media screen and (max-width:1024px) {
.moju-one { padding-right: 0; }
.mojuright { position: relative; right: auto; margin-top: 30px; }
}
@media screen and (max-width:750px) {
.casepagein { padding: 80px 0 98px; }
}
.mozlist { overflow: hidden; margin: 0 -15px; }
.mozlist li { float: left; width: 33.33%; margin-bottom: 20px; }
.mozlist li .lin { padding: 0 15px; }
.mozlist li a { display: block; position: relative; }
.mozlist li .pic { height: 338px; overflow: hidden; font-size: 0; text-align: center; line-height: 338px; }
.mozlist li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
@media screen and (max-width:1023px) {
.mozlist { margin: 0 -10px; }
.mozlist li { width: 50%; }
.mozlist li .lin { padding: 0 10px; }
.mozlist li .pic { height: 280px; line-height: 280px; }
}
@media screen and (max-width:640px) {
.mozlist { margin: 0; }
.mozlist li .lin { padding: 0; }
.mozlist li { width: 100%; }
}
.newsout { position: relative; background-color: #231f20; overflow: hidden; }
.newsout .cer10 { position: relative; z-index: 1; }
.newsin { padding: 150px 0 175px; position: relative; }
.cate4 { text-align: right; position: absolute; right: 0; top: 150px; z-index: 0; padding-top: 60px; width: 100%; background: url('../images/trend.png') right 20px no-repeat; }
.cate4 .cn { font-size: 40px; color: #fff; line-height: 60px; font-weight: bold; }
.cate4 .txt { font-size: 20px; color: #fff; line-height: 32px; margin-top: 10px; }
@media screen and (max-width:750px) {
.cate4 .cn { font-size: 30px; line-height: 46px; }
.cate4 .txt { font-size: 16px; line-height: 26px; }
}
.newslist { overflow: hidden; padding-bottom: 186px; margin: 0 -92px; position: relative; }
.newslist li { float: left; width: 50%; margin-bottom: 90px; }
.newslist li:nth-child(even) { -webkit-transform: translate(0, 276px); transform: translate(0, 276px); }
.newslist li:last-child { margin-bottom: 0; }
.newslist li .lin { padding: 0 92px; }
.newslist li a { display: block; width: 100%; padding-top: 10px; position: relative; }
.newslist li a:after { left: 100%; position: absolute; top: 4px; content: " "; width: 0; border-bottom: 6px solid #cd2727; -webkit-transition: .5s; transition: .5s; }
.newslist li:hover a:after { width: 100%; left: 0; -webkit-transition: width 0.5s; transition: width 0.5s; }
.newslist .pic { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; background-color: #000; }
.newslist .pic i { position: absolute; right: 0; bottom: 0; z-index: 0; width: 0; height: 0; border: 25px solid transparent; border-bottom-color: #cd2727; border-right-color: #cd2727; -webkit-transition: 0.4s; transition: 0.4s; }
.newslist img { -o-object-fit: cover; object-fit: cover; z-index: 2; }
.newslist li .cover { width: 100%; position: absolute; z-index: 3; left: 0; top: 0; background-color: #252729; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; }
.newslist li h3 { font-size: 24px; color: #e0e0e0; line-height: 38px; height: 38px; margin-top: 40px; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s; }
.newslist li .txt { font-size: 16px; color: #8c8c8c; line-height: 26px; height: 52px; overflow: hidden; margin-top: 22px; }
.newslist li label { display: block; position: relative; height: 24px; overflow: hidden; font-size: 16px; color: #dcdcdc; line-height: 24px; margin-top: 40px; }
.newslist li label:before { content: ''; position: absolute; left: 75px; top: 50%; z-index: 0; width: 50px; height: 1px; background-color: #fff; -webkit-transition: 0.4s; transition: 0.4s; }
.newslist li:hover .pic i { right: -8px; bottom: -8px; }
.newslist li:hover h3 { color: #cd2727; }
.newslist li:hover label:before { width: 100px; left: 60px; background-color: rgba(255,255,255,0.2); }
@media screen and (max-width:1200px) {
.newslist { margin: 0 -20px; }
.newslist li { margin-bottom: 70px; }
.newslist li .lin { padding: 0 20px; }
}
@media screen and (max-width:780px) {
.cate4 { top: 10px; text-align: center; }
.newsin { padding-bottom: 100px; }
.newslist { margin: 0 0; padding-top: 70px; padding-bottom: 120px; }
.newslist li { float: none; width: 100%; margin-bottom: 50px; }
.newslist li:nth-child(even) { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.newslist li .lin { padding: 0 0; }
.newslist li h3 { font-size: 20px; }
}
.whlist { overflow: hidden; font-size: 0; text-align: center; width: 100%; }
.whlist li { display: inline-block; width: 25%; vertical-align: top; }
.whlist li a { display: block; padding: 40px 10px 48px; position: relative; background-color: #231f20; cursor: pointer; }
.whlist li a:before { content: ''; position: absolute; top: 0; right: 0; z-index: 0; width: 1px; height: 100%; background-color: #525255; }
.whlist .pic { height: 80px; line-height: 80px; }
.whlist .pic img { max-width: 100%; max-height: 100%; }
.whlist h3 { font-size: 20px; color: #fff; height: 28px; line-height: 28px; margin-top: 14px; }
.whlist h3 span { display: inline-block; }
.whlist li:hover a { background-color: #cd2727; }
.whlist li.on a { background-color: #cd2727; }
@media screen and (max-width:750px) {
.whlist h3 { font-size: 16px; height: 56px; }
.whlist li a { padding: 30px 10px 40px; }
}
.ab3 { padding: 76px 0 35px; }
.cate1 { text-align: center; }
.cate1 .cn { font-size: 34px; color: #333; line-height: 60px; }
.cate1 .txt { font-size: 20px; color: #999; line-height: 32px; margin-top: 12px; }
.catewhite .cn, .catewhite .txt { color: #fff; }
.cate1 .en { font-size: 16px; line-height: 20px; height: 20px; color: #666; font-family: 'Helvetica'; text-transform: uppercase; opacity: 0.5; }
.cen_img { width: 100%; margin: 30px auto 0; }
.cen_img img { max-width: 100%; display: block; margin: 0 auto; }
@media screen and (max-width:750px) {
.ab3 { padding-top: 56px; }
.cate1 .cn { font-size: 32px; line-height: 46px; }
.cate1 .txt { font-size: 16px; line-height: 26px; }
}
.yslist { padding-bottom: 2px; margin: 0 -15px; font-size: 0; padding-top: 72px; }
.yslist li { float: left; width: 33.33%; margin-bottom: 36px; }
.yslist li .lin { padding: 0 15px; }
.yslist li a { display: block; padding: 52px 48px 44px; border-radius: 10px; border: 1px solid #dedede; position: relative; }
.yslist .ysone { position: relative; padding-left: 80px; height: 66px; }
.yslist .pic { width: 66px; height: 66px; position: absolute; left: 0; top: 0; z-index: 0; font-size: 0; line-height: 66px; text-align: center; }
.yslist .pic.i1 { z-index: 0; }
.yslist .pic.i2 { z-index: 1; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; }
.yslist img { max-width: 100%; max-height: 100%; }
.yslist li:hover .pic.i2 { opacity: 1; }
.yslist .cn { font-size: 30px; color: #cd2727; line-height: 46px; height: 46px; overflow: hidden; }
.yslist .en { font-size: 16px; color: #ef9aa8; line-height: 20px; height: 20px; overflow: hidden; text-transform: uppercase; }
.yslist .txt { font-size: 16px; color: #666; line-height: 30px; height: 150px; overflow: auto; margin-top: 32px; }
.yslist .num { font-size: 100px; color: #fdeeef; line-height: 120px; height: 120px; position: absolute; right: 48px; top: 20px; z-index: 0; }
.scrollarea2 .scrollbar { width: 2px; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.scrollarea2 .track { width: 2px; height: 100%; background-color: #d7d7d7; position: relative; left: 0; }
.scrollarea2 .thumb { width: 2px; background-color: #cd2727; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer; }
.scrollarea2 { position: relative; padding-right: 20px; height: 150px; margin-top: 32px; }
.scrollarea2 .viewport { position: relative; width: 100%; overflow: hidden; height: 100%; }
.scrollarea2 .overview { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; font-size: 16px; line-height: 30px; color: #666; text-align: justify; }
.scrollarea2 .overview img { max-width: 100%; }
.yslist .txt, .yslist .overview, .yslist a, .yslist .cn, .yslist .en { -webkit-transition: .4s; transition: .4s; }
.yslist li:hover a { background-color: #cd2727; border-color: #cd2727; }
.yslist li:hover .cn { color: #fff; }
.yslist li:hover .en { color: #fff; }
.yslist li:hover .txt, .yslist li:hover .overview { color: #fff; }
.yslist li:hover .scrollarea2 .thumb { background-color: #222; }
@media screen and (max-width:1440px) {
.yslist .txt, .scrollarea2 { height: 180px; }
.yslist .num { font-size: 70px; }
}
@media screen and (max-width:1300px) {
.yslist li a { padding: 40px 30px 30px; }
.yslist .num { top: 8px; right: 30px; }
}
@media screen and (max-width:1200px) {
.yslist li { width: 50%; }
}
@media screen and (max-width:750px) {
.yslist { margin: 0 -10px; }
.yslist li .lin { padding: 0 10px; }
.yslist li a { padding: 30px 20px 30px; }
.yslist .num { top: 0; right: 20px; font-size: 50px; }
.yslist .txt, .scrollarea2 .overview { font-size: 14px; }
.yslist .cn { font-size: 24px; }
}
@media screen and (max-width:600px) {
.yslist li { width: 100%; }
.yslist .txt { height: auto; }
.scrollarea2 { padding-right: 0; height: auto; }
.scrollarea2 .overview { position: static; }
}
.ab2 { padding: 96px 0 70px; background: url('../images/whbg.jpg') top no-repeat; }
.wenhua { padding: 50px 0 90px; background: #f5f5f5 url('../images/citybg.jpg') bottom no-repeat; }
.wenhua .certify .swiper-slide .rycontxt { color: #333; }
.certify { position: relative; overflow: hidden; padding-left: 12%; padding-right: 12%; margin-top: 30px; }
.certify .swiper-container { height: auto; }
.certify .swiper-wrapper {display: block;}
.certify .swiper-slide { width: 100%;margin-bottom: 30px;}
.certify .swiper-slide a { display: block; font-size: 0; text-align: center; cursor: pointer; }
.certify .swiper-slide .title { display: inline-block; padding: 0 48px; height: 64px; background-color: #cd2727; font-size: 26px; color: #fff; line-height: 64px; border-radius: 32px; margin: 0 auto; }
.certify .swiper-slide .rycontxt { font-size: 16px; line-height: 2;  text-align: left; min-height: 150px; -webkit-transition: 0.5s; transition: 0.5s;letter-spacing: 1px;text-indent: 36px; }
.certify .swiper-slide .rycontxt .ry_left{ margin-left: 36%; text-align: left;}
.certify .swiper-slide .rycontxt .ry_left b{ font-size: 17px;font-weight: bold; width: 12%; text-align-last: justify;display: inline-block;margin-right: 10px;}
.certify .swiper-slide .rycontxt .ry_left dd{text-indent: 0;}
.certify .sw-next, .certify .sw-prev { position: absolute; top: 50%; width: 40px; height: 80px; z-index: 10; cursor: pointer; font-size: 0; border-radius: 5px; margin-top: -40px; opacity: 0.2; -webkit-transition: 0.5s; transition: 0.5s; }
.certify .sw-prev { left: 9%; background: #666 url('../images/lt-wh.png') center no-repeat; }
.certify .sw-next { right: 9%; background: #666 url('../images/gt-wh.png') center no-repeat; }
.certify .sw-next, .certify .sw-prev { background-size: 60% auto; }
.certify .sw-prev:hover, .certify .sw-next:hover { opacity: 1; }
.certify .swiper-pagination { bottom: 30px; font-size: 0; width: 100%; }
.certify .swiper-pagination-bullet { width: 18px; height: 2px; margin: 0 3px; opacity: 1; background-color: #000; outline: 0 none; border-radius: 0; -webkit-transition: 0.4s; transition: 0.4s; }
.certify .swiper-pagination-bullet-active { background-color: #f39700; }
@media screen and (max-width:1400px) {
.certify .sw-prev { left: 5%; }
.certify .sw-next { right: 5%; }
}
@media screen and (max-width:750px) {
.certify { padding-left: 5%; padding-right: 5%; }
.certify .swiper-slide .title { font-size: 20px; height: 50px; line-height: 50px; border-radius: 25px; }
.certify .sw-next, .certify .sw-prev { width: 30px; }
.certify .sw-prev { left: 2%; }
.certify .sw-next { right: 2%; }
.certify .swiper-slide .rycontxt .ry_left{margin-left: 7%;}
}
.ab1 { padding: 100px 0 85px; position: relative; overflow: hidden; width: 100%; }
.ab1 .intro { font-size: 16px; color: #333; line-height: 2; text-align: justify; margin: -40px auto 76px; }
.ab1 .intro p{text-indent: 39px; letter-spacing:1px; line-height: 2;}
.cate11 { text-align: center; }
.cate11 .en { font-size: 26px; color: #999; line-height: 46px; letter-spacing: 9px; text-transform: uppercase; }
.cate11 .cn { font-size: 44px; color: #cd2727; line-height: 78px; }
.cate11 .cn2 { font-size: 22px; color: #4b4b4b; line-height: 46px; margin-top: 20px; }
.cate11 span { display: inline-block; }
.guolist4 { overflow: hidden; font-size: 0; text-align: center; }
.guolist4 li { display: inline-block; width: 25%; max-width: 33%; }
.guolist4 li a { display: block; border-left: 1px solid #ddd; }
.guolist4 h3 { font-size: 24px; color: #666; line-height: 68px; height: 68px; }
.guolist4 h3 span { letter-spacing: -2px; font-size: 48px; color: #cd2727; display: inline-block; margin-right: 5px; height: 58px; vertical-align: top; font-family: "arial"; font-weight: bold; background-image: -webkit-linear-gradient(top, #54a25f, #cd2727, #498366); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.guolist4 h3 s { display: inline-block; width: 30px; height: 30px; background-color: #cd2727; text-decoration: none; font-size: 16px; color: #fff; line-height: 30px; text-align: center; border-radius: 50%; margin-left: 5px; background: -webkit-linear-gradient(to right, #54a25f, #cd2727, #498366); background: linear-gradient(to right, #54a25f, #cd2727, #498366); }
.guolist4 .txt { font-size: 20px; color: #666; line-height: 30px; margin-top: 10px; }
@media screen and (max-width:1024px) {
.ab1 { padding: 84px 0 100px; }
.guolist4 h3 span { font-size: 50px; }
}
@media screen and (max-width:750px) {
.ab1 .intro { margin-bottom: 50px; }
.cate11 .cn { font-size: 32px; line-height: 60px; }
.cate11 .cn2 { margin-top: 10px; }
.guolist4 h3 span { font-size: 30px; margin-right: 4px; }
.guolist4 h3 s { margin-left: 0; width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
}
@media screen and (max-width:600px) {
.ab1 .intro { margin-bottom: 40px; }
.ab1 { padding: 60px 0 80px; }
.cate11 .cn { font-size: 28px; line-height: 46px; }
.cate11 .en { font-size: 22px; line-height: 40px; }
.cate11 .cn2 { font-size: 18px; line-height: 36px; }
}
.ab4 { padding: 100px 0 45px; background: url('../images/sec2.jpg') bottom / cover no-repeat; }
.roundabout { position: relative; z-index: 3; overflow: hidden; height: 520px; margin-top: 70px; }
ul#ra-slider { position: relative; width: 100%; max-width: 1560px; height: 320px; z-index: 1; margin: 0 auto; overflow: hidden; padding-bottom: 130px!important; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }
ul#ra-slider li { width: 465px; height: 320px; }
ul#ra-slider li a { display: block; width: 100%; height: 100%; position: relative; font-size: 0; line-height: 320px; text-align: center; padding-bottom: 90px; }
ul#ra-slider li a img { max-width: 100%; max-height: 100%; vertical-align: middle; }
ul#ra-slider li a p { font-size: 0; color: #fff; line-height: 36px; width: 100%; max-height: 72px; overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 1; text-shadow: 0 0 3px #000; }
ul#ra-slider li.roundabout-in-focus a p { font-size: 22px; }
a.raprev, a.ranext { position: absolute; width: 30px; height: 60px; z-index: 1; cursor: pointer; font-size: 0; top: 50%; margin-top: -30px; background-position: center; background-repeat: no-repeat; border-radius: 5px; }
a.raprev { left: 0; background-image: url('../images/lt-ry.png'); }
a.ranext { right: 0; background-image: url('../images/gt-ry.png'); }
a.raprev:hover, a.ranext:hover { background-color: #cd2727; }
ul.switcher { text-align: center; font-size: 0; display: none; position: absolute; width: 100%; left: 0; bottom: 0; height: 10px; z-index: 2; }
ul.switcher li { display: inline-block; width: 10px; height: 100%; margin: 0 5px; background-color: #fff; border-radius: 5px; }
ul.switcher li:hover, ul.switcher li.on { background-color: #cd2727; }
@media screen and (max-width:1024px) {
.ab4 { padding: 80px 0 110px; }
.roundabout { margin-top: 100px; }
}
.ser4 { padding: 96px 0 106px; background: url('../images/serbg.jpg') center / cover; }
.cate24 { text-align: center; }
.cate24 .cn { font-size: 36px; color: #fff; line-height: 56px; }
@media screen and (max-width:750px) {
.ab3 { padding-top: 80px; padding-bottom: 86px; }
.cate24 .cn { font-size: 26px; line-height: 46px; }
}
/*大事记*/
.aboutHistoyr * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.aboutHistoyr { padding: 80px 0; }
.aboutHistoyr .cer8 { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.historyList { padding-top: 50px; }
.historyList ul { float: left; width: 100%; position: relative; padding-top: 95px; padding-bottom: 80px; }
.historyList ul::before { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 12px; height: 12px; background: #bdbdbd; margin-left: -6px; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.historyList ul::after { content: ""; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; margin-left: -0.5px; background: #e8e8e8; }
.historyList ul li { float: left; width: 100%; margin-top: -35px; }
.historyList ul li .div { float: left; width: 675px; padding: 22px 24px 26px 55px; border: 1px solid #e3e3e3; position: relative; z-index: 9; cursor: pointer; line-height: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.historyList ul li .div::after { content: ""; display: block; position: absolute; right: -39px; top: 27px; background: url(../images/img_9_5_h.png) no-repeat center/100% 100%; width: 24px; height: 24px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.historyList ul li .div::before { content: ""; display: block; position: absolute; right: -15px; top: 38px; width: 15px; height: 1px; background: #e3e3e3; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.historyList ul li img { float: right; width: 158px; height: 114px; }
/* .historyList ul li span { float: left; width: 387px; } */
.historyList ul li span h2 { float: left; width: 100%; line-height: 40px; font-size: 24px; color: #cd2727; font-family: "Arial"; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }
.historyList ul li span p { float: left; width: 100%; font-size: 16px; line-height: 26px; color: #333; }
@media (min-width: 768px) {
.aboutHistoyr .cer8 { max-width: 768px; }
}
@media (min-width: 992px) {
.aboutHistoyr .cer8 { max-width: 992px; }
}
@media (min-width: 1230px) {
.aboutHistoyr .cer8 { max-width: 1230px; }
}
@media (min-width: 1430px) {
.aboutHistoyr .cer8 { max-width: 1430px; }
}
@media screen and (max-width:1429px) {
.historyList ul li .div { width: 573px; padding: 22px 24px 26px 22px; }
.historyList ul li span { width: 345px; }
}
@media screen and (max-width:1229px) {
.historyList ul li .div { width: 456px; padding: 12px 14px 16px 14px; }
.historyList ul li span { width: 256px; }
.historyList ul li span h2 { line-height: 24px; font-size: 20px; }
.historyList ul li span font { font-size: 14px; margin-top: 10px; }
}
@media screen and (max-width:991px) {
.historyList { padding-top: 25px; }
.historyList ul li .div { width: 100%; }
}
.historyList ul li:nth-child(2n) { margin-top: -70px; }
.historyList ul li:nth-child(2n) .div { float: right; padding: 22px 20px 26px 55px; }
.historyList ul li:nth-child(2n) .div::after { left: -39px; }
.historyList ul li:nth-child(2n) .div::before { left: -15px; }
.historyList ul li:hover .div { border: 2px solid #cd2727; padding: 21px 23px 25px 54px; }
.historyList ul li:hover .div::after { background: url(../images/img_9_5_h.png) no-repeat center/100% 100%; }
.historyList ul li:hover .div::before { background: #cd2727; }
.historyList ul li:hover span h2 { color: #cd2727; }
.historyList .buttonBox { text-align: center; }
.historyList button { display: inline-block; vertical-align: top; width: 152px; height: 42px; line-height: 42px; outline: none; cursor: pointer; border: 0 none; font-size: 16px; color: #fff; text-align: center; background: #cd2727; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.historyList button:hover { opacity: 0.8; filter: alpha(opacity=80); }
@media screen and (max-width:1429px) {
.historyList ul li:nth-child(2n) .div { padding: 22px 20px 26px 22px; }
.historyList ul li:hover .div { padding: 21px 23px 25px 21px; }
}
@media screen and (max-width:1229px) {
.historyList ul li:nth-child(2n) .div { padding: 12px 10px 16px 12px; }
.historyList ul li:hover .div { padding: 11px 9px 15px 11px; }
}
 @media screen and (max-width:991px) {
.historyList ul { padding-bottom: 20px; padding-top: 0; padding-left: 39px; }
.historyList ul::before { left: 6px; margin-left: 0; }
.historyList ul::after { left: 13px; }
.historyList ul li { width: 100%; margin-top: 25px; padding: 0; }
.historyList ul li div { width: 100%; padding: 10px; border: 1px solid #e3e3e3; min-height: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.historyList ul li div::after { right: auto; left: -39px; }
.historyList ul li div::before { right: auto; left: -15px; }
.historyList ul li div img { float: left; width: 111px; height: 80px; }
.historyList ul li div span { display: block; float: none; width: 100%; margin-top: 5px;  }
.historyList ul li div span h2 { height: auto; line-height: 1; font-size: 18px; }
.historyList ul li div span font { font-size: 12px; line-height: 20px; }
.historyList ul:nth-child(2) li:nth-child(1) { margin-top: 15px; }
.historyList ul li:nth-child(2n) { float: left; padding: 0; margin-top: 15px; }
.historyList ul:nth-child(3) { display: none; position: relative; margin-top: 0; }
.historyList ul:nth-child(3) li:nth-child(1) { margin-top: 15px; }
.historyList button { float: left; width: 82px; height: 36px; line-height: 36px; font-size: 12px; }
}
/* 员工风采 */
.rylist { margin: 0 auto; }
.rylist li { float: left; width: 25%; margin-top: 50px; }
.rylist li .lin { padding: 0 25px; }
.rylist li a { display: block; position: relative; background-color: #fff; }
.rylist li a:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 0; height: 1px; background-color: #c2c2c2; }
.rylist li .pic { width: 100%; height: 0; padding-bottom: 81%; position: relative; overflow: hidden; }
.rylist li .pic .wrap { background-color: #e7e7e7; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; text-align: center; }
.rylist li .pic .wrap i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.rylist li img { max-width: 90%; max-height: 90%; }
.rylist li h3 { font-size: 14px; line-height: 44px; text-align: center; height: 44px; overflow: hidden; color: #333; border-bottom: 1px solid #c2c2c2; border-top: 1px solid #f3f3f3; }
.rylist li h3, .rylist li a { -webkit-transition: .6s; transition: .6s; }
.rylist li a:after { -webkit-transition: 0.8s; transition: 0.8s; }
.rylist li:hover h3 { color: #016641; }
.rylist li:hover a { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 20px 0 rgba(0,0,0,0.2); }
.rylist li:hover a:after { width: 100%; background-color: #016641; }
 @media screen and (max-width:840px) {
.rylist { overflow: hidden; padding: 16px 15px 54px; }
.rylist li { float: left; width: 50%; margin-top: 44px; }
.rylist li .lin { padding: 0 15px; }
.rylist li a { display: block; position: relative; background-color: #fff; }
.rylist li a:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 0; height: 1px; background-color: #ccc; }
.rylist li .pic { width: 100%; height: 0; padding-bottom: 81%; position: relative; overflow: hidden; }
.rylist li .pic .wrap { background-color: #e7e7e7; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; font-size: 0; text-align: center; }
.rylist li .pic .wrap i { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.rylist li img { max-width: 90%; max-height: 90%; }
.rylist li h3 { font-size: 14px; color: #333; text-align: center; border-bottom: 1px solid #ccc; margin: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rylist li h3, .rylist li a { -webkit-transition: .6s; transition: .6s; }
.rylist li a:after { -webkit-transition: 1s; transition: 1s; }
.rylist li:hover h3 { color: #016b45; }
.rylist li:hover a { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2); }
.rylist li:hover a:after { width: 100%; background-color: #016b45; }
}
.jituanlist { padding: 40px 0 20px; max-width: 1200px; margin: 0 auto; }
.gongsi { overflow: hidden; height: 388px; background-color: #fff; margin-bottom: 40px; }
.gongsi .inner { display: block; height: 100%; }
.gongsi .pic { width: 50%; height: 100%; position: relative; overflow: hidden; }
.gongsi .pic img { position: absolute; width: 600px; height: 100%; left: 50%; top: 0; z-index: 0; margin-left: -300px; }
.gongsi .pic i { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url('../images/glass1.png') center no-repeat; opacity: 0; filter: alpha(opacity= 0); }
.gongsi .l { width: 50%; height: 100%; position: relative; }
.gongsi .r { width: 50%; height: 100%; position: relative; }
.ab1left { padding: 40px 50px 10px; }
.ab1left h3 { color: #222; font-size: 24px; line-height: 44px; height: 44px; overflow: hidden; }
.ab1left h3 a { color: #222; }
.ab1left .txt { font-size: 16px; color: #444; line-height: 2; margin-top: 10px; height: 190px; overflow: hidden; text-align: justify;letter-spacing: 1px; }
.ab1left .txt a { color: #444; }
.ab1left label { display: block; width: 160px; height: 40px; cursor: pointer; margin-top: 16px; font-size: 16px; color: #fff; line-height: 40px; text-indent: 38px; background: #cd2727 url('../images/chain.png') 112px center no-repeat; }
.gongsi:hover .pic i { opacity: 1; filter: alpha(opacity= 100); }
.gongsi:hover .ab1left h3 a { color: #cd2727; }
.gongsi i, .gongsi h3 a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media screen and (max-width:1200px){
	.ab1left .txt{ height: 156px;}
}
@media screen and (max-width:1000px){
	.gongsi{ max-width: 95%; height: auto; padding: 30px; margin: 0 auto 40px;}
	.gongsi .pic{ width: 100%; height: auto;}
	.gongsi .pic img{ position: static; margin-left: 0; width: 100%;}
	.gongsi .l{ float: none; width: 100%; height: auto;}
	.gongsi .r{float: none; width: 100%;}
	.ab1left{ padding: 10px 0 30px;}
	.ab1left .txt{ height: auto;}
}
@media screen and (max-width:750px){
	.ab1left h3{ font-size: 20px; line-height: 1.5; height: auto;}
	.ab1left .txt{ font-size: 16px; line-height: 2; margin-top: 10px; }
	.ab1left label{ font-size: 14px; line-height: 40px; height: 40px; margin-top: 10px;
	width: 160px; background-position: 110px center;}
}


.whout{ padding: 50px 0;}
.wh{ font-size: 17px; line-height: 2; color: #111; text-align: justify;
	padding:25px 30px 40px; position: relative;
letter-spacing: 2px;
}
.wh em{ font-size: 18px; color: #007a49;}
.wh h2{text-align: center; font-size: 30px; line-height: 50px}
.wh .span{font-size:10.0pt;text-transform:uppercase;color:#ccc; text-align: center;    margin-bottom: 30px;
    display: block;
    width: 100%;}
.wh p{text-indent: 36px}

.wh .ilt{position: absolute;left: 0;top: 0;z-index: 5;width: 38px;height: 35px;
	background: url('../images/yin1.png') center no-repeat;}
.wh .irt{position: absolute;right: 0;top: 0;z-index: 5;width: 77px;height: 69px;
	background: url('../images/zhi2.png') center no-repeat;}
.wh .ilb{position: absolute;left: 0;bottom: 0;z-index: 5;width: 83px;height: 69px;
	background: url('../images/zhi1.png') center no-repeat;}
.wh .irb{position: absolute;right: 0;bottom: 0;z-index: 5;width: 38px;height: 35px;
	background: url('../images/yin2.png') center no-repeat;}
@media screen and (max-width:1200px){
	.wh{ text-align: justify; padding: 36px 40px;}
	.wh p{ display: inline;}
}
@media screen and (max-width:750px){
	.wanglist li{margin-bottom: 4%!important}
  .whout{ padding: 40px 0 280px;}
	.wh{ font-size: 16px; line-height: 2; padding: 0 0 30px;}
	.wh p,.wh div{ font-size: 16px !important; }
	.wh em{ font-size: 20px;}
}


/* 工程服务 */
.aboutcon{ min-height: 500px; }
.aboutl{ padding-top: 0;display: block;margin-bottom:30px;}
.aboutl h4{ font-size: 24px; color: #007a49; font-weight: bold;
	height: 40px; line-height: 40px; overflow: hidden;text-align: center;}
.aboutl h3{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; color: #999;text-align: center;}
.aboutl h5.hx{ width: 54px; height: 2px; margin-top: 14px; display: block;margin: 0 auto;
	background: url('../images/line-ab.png') center no-repeat;}
/* .abouttxt{ } */
.aboutcon p{ text-indent: 32px; margin-top: 10px; font-weight: 500;font-size: 16px; line-height: 2; color: #333; text-align: justify;letter-spacing: 1px;}
.abouttxt img{ display: none;}

.aboutr{  /*! width: 41.1%; */ margin:30px auto 0; position: relative;}
.aboutr img{ max-width: 100%;/*! margin-top: 45px; *//*! box-shadow: 30px 30px 0 -20px #cd2727; */border-radius: 30px;}

@media screen and (max-width:1260px) {
	.about{ padding: 55px 30px;}
	.aboutl h4{ padding-top: 0;}
	.abouttxt{ height: auto;}
}
@media screen and (max-width:960px) {
	.about{ padding: 55px 30px 100px;}
	.aboutl{ float: none; width: 100%; height: auto;}
	.aboutr{ float: none; width: 500px; max-width: 100%; margin: 0 auto; height: auto;}
	.aboutl{ padding-top: 30px;}
	.aboutl h3{ text-align: center;}
	.aboutl h4{ text-align: center;}
	.aboutl .hx{ margin: 10px auto 0;margin-left: 0;}
	.abouttxt{ max-width: 660px; margin: 40px auto 0;}
}
@media screen and (max-width:750px) {
	.about{ padding: 55px 30px 70px;}
	.aboutl h3{ font-size: 14px; line-height: 20px; height: 20px;}
	.aboutl h4{ font-size: 20px; line-height: 45px; height: 45px;}
	.abouttxt{ font-size: 16px; line-height: 1.5;margin-top: 20px;}
	.abouttxt div,.aboutl p,.aboutl span{ /*! font-size: 26px !important; */ line-height: 2 !important;}
}


.main,.main3{ background-color: #f5f5f5; }
.xq-out{ max-width: 1200px; margin: 0 auto; background-color: #fff;}
.xqtc{ padding: 60px 0 60px; width: 900px; margin: 0 auto;}
.xq-out .xqtc-h{ text-align: center;padding-right: 0;}
.xq-out .xqtc-h h1{ font-size: 24px; color: #222; line-height: 40px;}

.xqtc-con{ padding: 24px 0 40px; font-size: 16px; line-height: 2; color: #444; border-bottom: 1px solid #ebebeb; letter-spacing: 1px;text-align: justify;}
.xqtc-con img{ max-width: 100%; margin: 5px 0;}

.atc-pn{ position: relative; margin-top: 20px;}

.atc-pn a.ret{ font-size: 16px; color: #cd2727; text-align: center; line-height: 44px; padding-left: 0;
	width: 180px; height: 44px; background-color: #fff; border: 1px solid #cd2727; margin-top: 30px;letter-spacing: 1px;}
.atc-pn a.ret:hover{ color: #fff; background-color: #cd2727;}
.atc-pn a.ret::before{ display: none;}

/* 董事长 */
.list_p1_2{ margin: 50px auto;background: url(../images/j51.png) no-repeat center;background-size: cover;}
.list_p1_2 img{ max-width:100%; display: block;}
.p1_2_1 .boss{float: right;width: 48%;}
.p1_2_1{color: #000;font-size: 14px;line-height: 30px;}
.p1_2_1 h3{color: #000;}
.p1_2_1 h3 span{font-size: 32px;line-height: 40px;margin-right: 20px;}
.p1_2_1 h3 i{font-size: 18px;font-style: normal;}
.p1_2_1 h4{font-size: 14px;text-transform: uppercase;letter-spacing: 5px;color: #c0bfbf;}
.p1_2_1 ul{border-top: 1px solid #d9d9d9;float: left;width: 50%;padding-top:15px;margin:15px 0 5px;}
.p1_2_1 ul li{float: left;line-height: 35px;width: 50%;font-size: 17px;font-weight: bold;color: #444;}
.p1_2_1 ul li i{float: left;margin: 16px 12px 0 0;width: 6px;height: 6px;display: inline-block;background: #cd2727;-webkit-border-radius: 100%;border-radius: 100%;}
.p1_2_1 ul li span{width: 76%;display: inline-block;text-align-last: justify;}
.p1_2_1 ul li span em{ width: 306px;margin-right: 40px;font-style: normal;display: inline-block;text-align-last: justify;}
.p1_2_1 ul li span b{ display:inline-block;width: 16px;}
.p1_2_1 ul li span strong{display:inline-block;width: 27%;}
.p1_2_1 .bosstxt{float: right;}
.p1_2_1 .bosswap{display: none;max-width: 100%}
.p1_2_txt p{ font-size: 16px;letter-spacing: 1px;text-indent: 32px;text-align: justify;line-height: 1.8;}
.p1_2_txt p img{ display: block; float: right}

@media screen and (max-width: 1100px){
	.p1_2_1 ul{width: 100%;padding-top: 20px;}
	.p1_2_1 ul li{width: 90%;padding: 0 6%}
	.p1_2_txt{float: left;width: 100%;}
	.boss{display: none;}
	.p1_2_1 .bosswap{display: block;margin: 3% 0 0;}
}
@media screen and (max-width: 768px){
	.p00{padding:0!important}
	.dy .linian ul,.dy .linian img{width: 96%!important; padding: 2%}
	.p1_2_1 h4,.p1_2_1 h3{text-align: center}
  .p1_2_1 .boss{ display:none;}
	.p1_2_1 h3 span{font-size: 24px;}
}

.videowrap{ width: 100%; position: relative; text-align: center;}
.video { width: 900px; max-width: 100%; height: 540px;}

@media screen and (max-width:1200px) {
	.main{ padding-top: 0;}
}
@media screen and (max-width:960px) {
	.videowrap{ padding-bottom: 60%; height: 0;}
	.video{ position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%;}
	.xqtc{ padding: 20px 30px; width: auto;}
}
@media screen and (max-width:750px) {
	.xq-out .xqtc-h h1{ font-size: 30px; line-height: 50px;}
	.xq-out .xqtc-h .atc-date{ font-size: 24px; line-height: 36px; margin-top: 20px;}
	.xq-out{ font-size: 26px; line-height: 46px; padding: 40px 0;}
	.xq-out div,.xq-out p,.xq-out span{ font-size: 16px !important; line-height: 40px !important;text-align: justify;}
	
	.atc-pn{ font-size: 24px;}
	.atc-pn a{ /*! line-height: 40px; */}
	.atc-pn a.ret{ width: 220px; display: block; margin: 40px auto 0;
		 height: 50px; line-height: 50px; font-size: 18px;}
}



.newsbox{ padding: 40px 0 60px; max-width: 1200px; margin: 0 auto;}
.newsbox li{ width: 100%; padding: 30px 0; border-bottom: 1px solid #eaeaea;}
.newsbox li a{ display: block; position: relative; padding-right: 380px;
	height: 200px; overflow: hidden; padding-left: 30px;}

.newsbox li .pic{ position: absolute; right: 30px; top:0; z-index: 1;
	width: 320px; height: 100%; overflow: hidden;}
.newsbox li .pic img{ width: 100%; height: 100%;}

.newsbox li h3{ font-size: 20px; color: #303030; line-height: 40px; height: 40px; overflow: hidden; padding: 10px 0 0 0;}
.newsbox li .txt{ color: #767676; line-height: 2; overflow: hidden; height: 100px; margin-top: 12px; text-align: justify; position:relative; font-size:16px}
.newsbox li .txt span{display: block; position: absolute; bottom:0; left: 0}
.newsbox li .info{ font-size: 12px; color: #999; line-height: 20px; margin-top: 30px;}
.newsbox li .info span{ display: inline-block; padding-left: 22px; margin-right: 20px;}
span.clock{ /*! background: url('../images/clock.png') left no-repeat; */}
span.click{ background: url('../images/click.png') left no-repeat;}

.newsbox li label{ display: block; width: 38px; height: 38px; position: relative;
	 background: #fff url('../images/jia1.png') center no-repeat; border: 1px solid #cacaca;
	position: absolute; right:30px; top:76px; z-index: 1; cursor: pointer;}

.newsbox li:hover h3{ color: #cd2727;}
.newsbox li:hover{ box-shadow: 0 4px 20px 1px rgba(112,112,112,0.2);}
.newsbox li:hover label{ background-color: #cd2727; border-color: #cd2727;
	 background-image: url('../images/jia1h.png');}
.newsbox h3,.newsbox li,.newsbox label{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
@media screen and (max-width:1200px){
	.newsbox li a{ padding-right: 100px;}
}
@media screen and (max-width:1040px){
	.newsbox li a{ padding-right: 30px;}
	.newsbox li label{ display: none;}
	.newsbox li .txt{ height: 96px;}
	.newsbox li .info{ margin-top: 20px;}
}
@media screen and (max-width:900px){
	.newsbox li .txt{ height: 120px;}
	.newsbox li .info{ display: none;}
}
@media screen and (max-width:750px){
	.ww3{margin: 0!important}
	.ww3 li{width: 100%!important}
	.chanye{width: 100%; text-align: center; padding: 0 0 40px}
	.ryu a, .chanye a{width:27%}
	.newsbox li a{ padding-left: 47%; padding-right: 20px; height: 168px;}
	.newsbox li .pic{ left:20px; width: 40%;}
	.newsbox li h3{ font-size: 18px; line-height: 1.5; height: 30px; padding-top: 0;}
	.newsbox li .txt{ line-height: 1.9; height: 128px;}
	.newsbox li .txt c{display: block;overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;}
}




.serlist { margin: 0 -24px; font-size: 0; padding-top: 50px; }
.serlist li { float: left; width: 33.33%; }
.serlist li .lin { padding: 0 24px; }
.serlist li a { display: block; padding: 50px 60px 32px; border-radius: 30px; border: 1px solid rgba(221,221,221,0.2); position: relative; -webkit-transition: .4s; transition: .4s; }
.serlist .serone { position: relative; padding-left: 96px; height: 70px; }
.serlist .pic { width: 70px; height: 70px; position: absolute; left: 0; top: 0; z-index: 0; font-size: 0; line-height: 70px; text-align: left; }
.serlist img { max-width: 100%; max-height: 100%; -webkit-transition: 0.5s; transition: 0.5s; }
.serlist li:hover .pic img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
.serlist .cn { font-size: 30px; color: #fff; line-height: 42px; height: 42px; overflow: hidden; margin-bottom: 6px; }
.serlist .en { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 22px; height: 22px; overflow: hidden; text-transform: uppercase; }
.serlist .txt { font-size: 16px; color: #fff; line-height: 32px; height: 128px; overflow: auto; margin-top: 32px; }
.serlist li:hover a { -webkit-box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); box-shadow: 0 0 10px 0 rgba(255,255,255,0.5); background-color: #111; }
@media screen and (max-width:1300px) {
.serlist { margin: 0 -10px; }
.serlist li .lin { padding: 0 10px; }
.serlist li a { padding: 40px 30px 30px; }
}
@media screen and (max-width:1024px) {
.serlist .txt { height: 160px; }
.serlist .serone { padding-left: 70px; }
.serlist .cn { font-size: 24px; }
}
@media screen and (max-width:840px) {
.ser4 { padding: 80px 0 80px; }
.serlist li a { padding: 30px 20px 30px; }
.serlist { padding-bottom: 2px; }
.serlist li { width: 100%; margin-bottom: 30px; }
.serlist .txt { height: auto; }
}
.ser2 { padding-top: 90px; }
.cate23 { text-align: center; }
.cate23 .cn { font-size: 34px; color: #cd2727; line-height: 50px; font-weight: bold; }
.cate23 .txt { font-size: 20px; color: #666; line-height: 30px; margin-top: 12px; }
@media screen and (max-width:750px) {
.ser2 { padding-top: 70px; }
.cate23 .cn { font-size: 26px; line-height: 40px; }
.cate23 .txt { font-size: 16px; line-height: 26px; }
}
.sw42out { position: relative; margin-top: 48px; }
#sw42 { height: 444px; }
#sw42 .swiper-slide { width: 630px; }
#sw42 .swiper-slide a { display: block; }
#sw42 .swiper-slide .pic { width: 100%; height: 444px; font-size: 0; text-align: center; line-height: 444px; background-color: #000; }
#sw42 .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.7; -webkit-transition: 0.4s; transition: 0.4s; }
#sw42 .swiper-slide:hover img { opacity: 1; }
@media screen and (max-width:1100px) {
#sw42 .swiper-slide { width: 560px; }
}
@media screen and (max-width:640px) {
#sw42 { height: 340px; }
#sw42 .swiper-slide { width: 480px; }
#sw42 .swiper-slide .pic { height: 340px; line-height: 340px; }
}
.baninfo2 { position: relative; z-index: 2; }
.tree2 { float: left; font-size: 16px; line-height: 30px; color: #333; padding: 10px 0; }
.tree2 a { display: inline-block; color: #333; vertical-align: middle; height: 30px; }
.tree2 a:hover, .tree2 a.leaf { color: #cd2727; }
.tree2 i { display: inline-block; width: 20px; height: 30px; vertical-align: middle; background: url('../images/sjr1-tree.png') center no-repeat; }
.yewu-ret { float: right; width: 164px; height: 50px; background-color: #cd2727; font-size: 16px; color: #fff; line-height: 50px; text-align: center; border-radius: 25px; }
.yewu-ret span { display: inline-block; vertical-align: top; height: 100%; padding-left: 36px; background: url('../images/ret2.png') left no-repeat; }
.yewu-ret:hover span { text-decoration: underline; }
.ser1 { padding: 36px 0 90px; background-color: #f7f7f7; }
.issues { height: 550px; overflow: hidden; position: relative; z-index: 1; margin-top: 70px; }
.issues .rightp { float: right; width: 50%; height: 100%; }
.issues .ttxt { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; width: 720px; max-width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 12.5%; }
.issues .ttxt .inner { margin: auto 0; width: 100%; }
.issues .ttxt h2 { font-size: 34px; color: #cd2727; line-height: 48px; height: 48px; font-weight: bold; margin-bottom: 26px; overflow: hidden; }
.issues .leftp { float: left; width: 50%; height: 100%; font-size: 0; text-align: center; }
.issues a.zixunbtn { display: block; width: 156px; height: 54px; background-color: #cd2727; border-radius: 10px; font-size: 18px; color: #fff; line-height: 54px; text-align: center; font-weight: bold; margin-top: 40px; }
.issues a.zixunbtn:hover { letter-spacing: 2px; }
.scrollarea1 .scrollbar { width: 2px; height: 100%; position: absolute; top: 0; right: 2px; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.scrollarea1 .track { width: 2px; height: 100%; background-color: #d7d7d7; position: relative; left: 0; }
.scrollarea1 .thumb { width: 2px; background-color: #cd2727; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer; }
.scrollarea1 { position: relative; padding-right: 40px; height: 330px; }
.scrollarea1 .viewport { position: relative; width: 100%; overflow: hidden; height: 100%; }
.scrollarea1 .overview { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; font-size: 16px; line-height: 30px; color: #333; text-align: justify; }
.scrollarea1 .overview img { max-width: 100%; }
.scrollbar.disable { display: none; }
@media screen and (max-width:1480px) {
.issues .ttxt { padding-left: 5%; padding-right: 5%; }
}
@media screen and (max-width:1023px) {
.issues { height: auto; }
.issues .leftp { float: none; width: 100%; height: auto; }
.issues .rightp { float: none; width: 100%; height: auto; }
.issues .ttxt { float: none; display: block; width: 100%; margin-top: 50px; }
.scrollarea1 { padding-right: 0; height: auto; max-height: none; }
.scrollarea1 .overview { position: static; }
}
@media screen and (max-width:750px) {
.issues .ttxt { padding: 0; }
.issues .ttxt h2 { font-size: 22px; margin-bottom: 20px; }
.issues { margin-top: 50px; }
.ser1 { padding-bottom: 70px; }
}
.propic-scroll { position: relative; width: 100%; height: 100%; }
.propic-scroll .flex-viewport { width: 100%; height: 100%; }
.propic-scroll .slides { overflow: hidden; height: 100%; }
.propic-scroll .slides li { display: none; height: 100%; -webkit-backface-visibility: hidden; position: relative; }
.propic-scroll .slides li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; }
.propic-scroll .slides a > img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.propic-scroll .flex-control-paging { width: 100%; height: 10px; font-size: 0; text-align: center; position: absolute; bottom: 40px; left: 0; z-index: 3; }
.propic-scroll .flex-control-paging li { display: inline-block; *display:inline;
*zoom:1;
overflow: hidden; width: 10px; height: 10px; margin: 0 10px; }
.propic-scroll .flex-control-paging li a { width: 10px; height: 10px; display: block; cursor: pointer; background-color: #ececec; border-radius: 5px; }
.propic-scroll .flex-control-paging li a.flex-active { background-color: #cd2727; }
@media screen and (max-width:750px) {
.propic-scroll .flex-direction-nav a.flex-prev { left: 5%; }
.propic-scroll .flex-direction-nav a.flex-next { right: 5%; }
}
.sw51out { position: relative; width: 100%; height: 100%; }
#sw51 { height: 100%; }
.sw51out .swiper-pagination { left: 0; bottom: 40px; width: 100%; font-size: 0; }
.sw51out .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; background-color: #ececec; outline: 0 none; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 50%; }
.sw51out .swiper-pagination-bullet-active { background-color: #cd2727; }
.sw51out .sw-next, .sw51out .sw-prev { position: absolute; top: 50%; width: 60px; height: 60px; z-index: 10; cursor: pointer; font-size: 0; border-radius: 50%; text-align: center; margin-top: -30px; }
.sw51out .sw-prev { left: 10%; background: url('../images/lt-wh.png') center no-repeat; }
.sw51out .sw-next { right: 10%; background: url('../images/gt-wh.png') center no-repeat; }
.sw51out .sw-prev:hover, .sw51out .sw-next:hover { background-color: #cd2727; }
#sw51 .swiper-slide a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }
#sw51 .swiper-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
@media screen and (max-width:750px) {
.sw51out .sw-prev { left: 5%; }
.sw51out .sw-next { right: 5%; }
}
.ser3 { padding: 90px 0 90px; }
.tmerji { position: relative; font-size: 0; width: 100%; height: 64px; }
.tmerji li { display: inline-block; height: 100%; }
.tmerji li a { display: block; width: 100px; height: 64px; position: relative; font-size: 24px; color: #333; line-height: 64px; text-align: center; }
.tmerji li + li { margin-left: 54px; }
.tmerji li a:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 3px; background-color: transparent; -webkit-transition: 0.4s; transition: 0.4s; }
.tmerji li.on a, .tmerji li:hover a { color: #cd2727; }
.tmerji li.on a:after { background-color: #cd2727; }
.proconout { margin-top: 60px; }
.procontent { font-size: 16px; color: #666; line-height: 30px; }
.procontent img { max-width: 100%; cursor: pointer; }
.procontent .hx { width: 100%; margin: 44px 0 34px; border-top: 1px dashed #ddd; }
@media screen and (max-width:750px) {
.ser3 { padding: 60px 0 80px; }
}

.lianxi {padding-top:70px;}
.lxlist {margin:54px auto 34px;max-width:1400px;font-size:0;text-align:center;}
.lxlist li {display:inline-block;width:25%;position:relative;}
.lxlist li a {display:block;}
.lxlist .pic {width:80px;height:80px;margin:0 auto 16px;background-color:#cd2727;border-radius:50%;line-height:80px;}
.lxlist .pic img {max-width:100%;max-height:100%; }
.lxlist li h3 {font-size:18px;color:#333;line-height:26px;font-weight:bold;height:26px;position:relative;overflow:hidden;padding-bottom:13px;}
.lxlist li h3:after {content:'';position:absolute;left:50%;bottom:0;z-index:0;width:20px;height:2px;background-color:#cd2727;margin-left:-10px;}
.lxlist li .txt {font-size:17px;color:#444;line-height:26px;margin:9px auto 0;height:75px;overflow:hidden;letter-spacing: 2px;}
.lxlist li .txt span {display:inline-block;}
.lxlist li:hover img {-webkit-animation:rotateY360 2s linear 1;animation:rotateY360 2s linear 1;}
#map {width:100%;height:500px;}
@media screen and (max-width:960px) {.lianxi {padding-top:50px;}
.lxlist {margin-top:70px;}
.lxlist li {width:50%;margin-bottom:10px;}
.lxlist li .txt {height:44px;}
}
@media screen and (max-width:750px) {.cate6 .cn {font-size:40px;line-height:64px;}
.cate6 .cn2 {font-size:24px;line-height:36px;}
.lxlist li {width:50%;}
.lxlist li h3 {font-size:18px;line-height:2;height:2;}
.lxlist li .txt {font-size:16px;/*! line-height:36px; */height:108px;}
}

/* 招聘 */
.zpout {padding:50px 0 80px;background-color:#f5f5f5;}
.cate3 {position:relative;padding-bottom:26px;text-align:center;color:#cd2727;}
.cate3 .cn {font-size:32px;line-height:46px;font-weight:bold;}
.cate3 .en {font-size:34px;line-height:40px;text-transform:uppercase;}
.cate3:after {content:'';position:absolute;left:50%;bottom:0;z-index:0;width:160px;height:1px;margin-left:-80px;background-color:#cd2727;}
.recintro {font-size:14px;color:#666;line-height:26px;text-align:center;margin:30px auto 32px;max-width:760px;}
.rec2 {padding:80px 0 70px;background:#fefefe url('../images/zpbg.jpg') center bottom no-repeat;}
.rec2 .mouse {width:66px;height:66px;margin:0 auto;background:url('../images/jtd-zp.png') center no-repeat;}
.rec-head {height:80px;background-color:#333;overflow:hidden;padding-left:140px;margin-top: 30px;}
.rec-head .th {float:left;padding:10px 0;width:18%;height:60px;overflow:hidden;font-size:18px;color:#fff;line-height:60px;text-align:center;}
.rec-head .th.zhiwei {text-align:left;}
.rec-head .th.anu {width:10%;}
.reclist {background-color:#fff;}
.reclist li {border-bottom:1px solid #f5f5f5;}
.rec-hand {height:70px;line-height:70px;background-color:#fff;padding-left:140px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.rec-hand .td {float:left;padding:10px 0;width:18%;overflow:hidden;font-size:16px;color:#666;line-height:50px;text-align:center;height:50px;}
.rec-hand .td.zhiwei {text-align:left;}
.rec-hand .td.anu {width:10%;}
.rec-hand a.more {display:block;cursor:pointer;background:url('../images/zp.png') 30% no-repeat;}
.reclist li.on .rec-hand {background-color:#cd2727;}
.reclist li:hover .rec-hand {background-color:#cd2727;}
.reclist li.on .rec-hand .td {color:#fff;}
.reclist li:hover .rec-hand .td {color:#fff;}
.reclist li.on a.more,.reclist li:hover a.more {background-image:url('../images/zph.png');}
.reclist li,.rec-hand,.reclist .td {-webkit-transition:0.6s;transition:0.6s;}
.reclist .rec-con {display:none;}
.reclist .rec-txt {font-size:16px;color:#444;line-height:2;letter-spacing: 1px;padding:50px 140px;border:1px solid #cd2727;box-sizing: border-box;}
.reclist .rec-txt .red {display:inline-block;}
@media screen and (max-width:1600px) {.rec-head,.rec-hand {padding-left:110px;}
.reclist .rec-txt {padding:50px 110px;}
}
@media screen and (max-width:1400px) {.rec-head,.rec-hand {padding-left:80px;}
.reclist .rec-txt {padding:50px 80px;}
}
@media screen and (max-width:1200px) {.rec-head,.rec-hand {padding-left:60px;}
.reclist .rec-txt {padding:50px 60px;}
}
@media screen and (max-width:1080px) {.rec-head,.rec-hand {padding-left:40px;}
.reclist .rec-txt {padding:50px 40px;}
.rec-head .th.anu,.rec-hand .td.anu {display:none;}
.rec-head .th,.rec-hand .td {width:20%;}
}
@media screen and (max-width:960px) {.rec-head .th,.rec-hand .td {width:25%;}
.rec-head .th.bumen,.rec-hand .td.bumen {display:none;}
}
@media screen and (max-width:750px) {.recintro {font-size:30px;line-height:48px;text-align:left;}
.recintro div {display:inline;}
.rec-head .th {font-size:18px;/*! width:23%; */}
.rec-head .th.zhiwei {/*! width:31%; */}
.rec-hand .td {font-size:16px;width:23%;}
.rec-hand .td.zhiwei {width:31%;}
.rec-head {height:70px;}
.rec-head .th {height:50px;line-height:50px;}
.rec-hand {height:70px;line-height:70px;}
.rec-hand .td {height:50px;line-height:50px;}
.rec-head,.rec-hand {padding-left:30px;}
.reclist .rec-txt {padding:40px 30px;font-size:30px;line-height:48px;border-right-width: 2px;}
.rec-txt div,.rec-txt p,.rec-txt span {font-size:16px !important;line-height:2 !important;}
}




.ffanglist { width: 100%; height: 772px; font-size: 0; }
.ffanglist li { display: inline-block; width: 50%; height: 100%; }
.ffanglist li.i2 { background: url('../images/shenxinbg.jpg') bottom / cover no-repeat; }
.ffanglist li a { padding: 80px 10% 54px; display: block; position: relative; text-align: center; }
.ffanglist li .pic { width: 100%; height: 528px; margin-top: 30px; font-size: 0; line-height: 528px; }
.ffanglist li.i2 .pic { height: 478px; line-height: 478px; margin-top: 0; }
.ffanglist li .pic img { max-width: 100%; max-height: 100%; }
.ffanglist li h3 { font-size: 30px; color: #333; line-height: 52px; letter-spacing: 2px; height: 52px; overflow: hidden; position: relative; }
.ffanglist li.i2 h3 { font-size: 28px; color: #231f20; }
.ffanglist li .txt { font-size: 24px; color: #333; line-height: 28px; opacity: 0.5; letter-spacing: 2px; height: 28px; overflow: hidden; position: relative; text-transform: uppercase; font-family: "Helvetica"; }
.ffanglist li.i2 .txt { font-size: 16px; color: #231f20; }
.ffanglist li .bq { display: block; width: 190px; height: 50px; margin: 0 auto; background-color: #cd2727; font-size: 16px; color: #fff; line-height: 50px; text-align: center; -webkit-transition: 0.4s; transition: 0.4s; }
.ffanglist li .bq:hover { width: 220px; }
@media screen and (max-width:960px) {
.ffanglist { height: auto; }
.ffanglist li { display: block; width: 100%; height: auto; }
.ffanglist li a { padding-top: 50px; }
}
@media screen and (max-width:700px) {
.ffanglist li .pic { height: 400px; line-height: 400px; margin-top: 0; }
.ffanglist li.i2 .pic { height: 350px; line-height: 350px; }
.ffanglist li h3 { letter-spacing: 0; font-size: 24px; }
.ffanglist li.i2 h3 { font-size: 24px; }
.ffanglist li .txt { font-size: 16px; }
}
.sw53out { position: relative; width: 100%; height: 528px; margin-top: 30px; }
#sw53 { height: 100%; }
.sw53out .swiper-pagination { left: 0; bottom: 70px; width: 100%; font-size: 0; }
.sw53out .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px; background-color: #ececec; outline: 0 none; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 50%; }
.sw53out .swiper-pagination-bullet-active { background-color: #cd2727; }
.sw53out .sw-next, .sw53out .sw-prev { position: absolute; top: 50%; width: 60px; height: 60px; z-index: 10; cursor: pointer; font-size: 0; border-radius: 50%; text-align: center; margin-top: -30px; -webkit-transition: 0.3s; transition: 0.3s; }
.sw53out .sw-prev { left: 5%; background: url('../images/lt-ry.png') center no-repeat; }
.sw53out .sw-next { right: 5%; background: url('../images/gt-ry.png') center no-repeat; }
.sw53out .sw-prev:hover, .sw53out .sw-next:hover { background-color: #cd2727; }
.fbtl { position: relative; }
.fcate1 { float: left; position: relative; }
.fcate1 .cn { font-size: 38px; color: #333; line-height: 60px; font-weight: bold; }
.fcate1 .cn a { color: #fff; }
.fcate1 .en { font-size: 50px; color: #cd2727; line-height: 54px; font-family: 'Geometr415BlkBT'; text-transform: uppercase; }
.fcate2 { text-align: center; position: relative; }
.fcate2 .cn { font-size: 38px; color: #302e2f; line-height: 60px; font-weight: bold; }
.fcate2 .cn a { color: #302e2f; }
.fcate2 .en { font-size: 50px; color: #cd2727; line-height: 54px; text-transform: uppercase; font-weight: bold}
.fcate2 .p { font-size: 16px; }
.fbtl .more { position: absolute; right: 0; top: 38px; z-index: 1; display: block; width: 150px; height: 46px; border-radius: 23px; font-size: 16px; color: #fff; line-height: 46px; text-align: center; background: #cd2727; background: -webkit-linear-gradient(to right, #54a25f, #cd2727, #498366); background: linear-gradient(to right, #54a25f, #cd2727, #498366); }
.fbtl .more:hover { text-decoration: underline; }
.ferji { float: right; margin-top: 50px; font-size: 0; white-space: nowrap; }
.ferji a { display: inline-block; margin-left: 20px; overflow: hidden; border-radius: 21px; background-color: #f1f2f4; width: 120px; height: 42px; font-size: 16px; color: #333; line-height: 42px; text-align: center; }
.ferji a:first-child { margin-left: 0; }
.ferji a:hover, .ferji a.on { color: #fff; background-color: #cd2727; }
@media screen and (max-width:840px) {
.ferji a { width: 100px; font-size: 14px; }
}
@media screen and (max-width:750px) {
.fcate1 .en, .fcate2 .en { font-size: 38px; }
.fcate1 .cn, .fcate2 .cn { font-size: 30px; }
.fbtl .more { top: auto; bottom: 0; width: 120px; }
.ferji { margin-top: 20px; width: 100%; }
}
@media screen and (max-width:600px) {
.ferji a { margin-left: 10px; }
}
/*jianjie*/
.index_contain { padding: 80px 0 40px; background: url('../images/fabbg.png') 100% -200px no-repeat; }
.index_01_video { width: 41%; height: 610px; position: relative; z-index: 2; }
.index_01_txt { width: 59%; }
.aboutvideo { height: 100%; }
.title_index { position: relative; padding: 30px 0; text-align: center; }
.title_index em { display: block; font-size: 130px; color: #f7f7f7; text-transform: uppercase; font-style: normal; font-weight: bold; position: absolute; /*! top:0; */ left: 39%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 1; line-height: 1; top: -15px; width: 100%; font-family: 'Geometr415BlkBT'; }
.title_index b { font-size: 36px; color: #cd2727; display: block; line-height: 1; margin-bottom: 10px; position: relative; z-index: 2; }
.title_index span { text-transform: uppercase; display: inline-block; font-size: 18px; color: #424242; /*! font-weight:bold; */ position: relative; padding-left: 30px; z-index: 2; font-family: 'Geometr415BlkBT'; }
.title_index span:before { content: ""; display: block; width: 15px; height: 15px; border: 3px solid #cd2727; border-radius: 100%; box-sizing: border-box; position: absolute; left: 0; top: 50%; margin-top: -7.5px; z-index: 2; }
.index_01_txt .title_index { display: block; text-align: left;padding: 30px 0 20px; }
.index_about_intro .tbc { font-size: 16px; color: #333333; line-height: 2; }
.index_about_intro .table { min-height: 270px; }
.index_about_intro .table a { line-height: 40px; font-size: 16px; border-radius: 5px; color: #fff; background: #cd2727; padding: 0 30px; display: inline-block; margin-top: 20px; background: -webkit-linear-gradient(to right, #54a25f, #cd2727, #498366); background: linear-gradient(to right, #54a25f, #cd2727, #498366); }
.index_about_intro p { line-height: 2; text-indent: 2rem; text-align: justify;letter-spacing: 1px;}
 @media screen and (max-width:1300px) {
.index_01_txt li b { font-size: 20px; }
.index_01_txt li span { font-size: 14px; }
.index_01_video { height: 540px; }
.index_contain { padding: 40px 0; }
.title_index em { font-size: 60px; }
.title_index { padding: 10px 0; }
.title_index b { font-size: 26px; }
.title_index span { font-size: 14px; }
.index_about_intro .table { min-height: inherit; padding: 30px 0; }
.index_about_intro .tbc { font-size: 14px; }
.index_about_intro .table a { margin: 20px auto 0; text-align: center; display: block; width: 150px; }
.index_02 li b { font-size: 18px; }
.index_02 li p { font-size: 14px; }
.index_02 li span { font-size: 14px; }
.case_tab { top: 20px; right: 40px; }
.case_tab span a { line-height: 35px; font-size: 14px; padding: 0 20px; }
.index_03 .case_box ul li .imgs { height: 200px; }
.index_03 .case_box ul li .txts h3 { font-size: 16px; }
.index_03 .case_box ul li .txts p { font-size: 14px; }
.zhuanjiabox img { max-height: 100%; }
.index_04 { padding-bottom: 0; }
.zhuanjiabox a { font-size: 14px; padding: 0 20px; line-height: 35px; margin-top: 20px; }
.zhuanjiabox .xuname, .zhuanjiabox .ul p, .qitajieshao { font-size: 14px; }
.qitajieshao { text-align: justify; }
.footer { padding: 50px 0; }
.fot_ewm li span { font-size: 14px; padding-top: 5px; }
.zhuanjialists li .txts .intros { font-size: 14px; }
.downlists li { padding: 10px 0; padding-right: 20px; }
.downlists li span:before { top: 19px; }
}
@media screen and (max-width:1000px) {
.wap { display: block; }
.pc { display: none; }
.fot_xuanfu { display: none; }
.index_01_video { height: auto; }
.danye_tit b, .con_form b { font-size: 26px }
.danye_tit span { font-size: 20px; }
.danye_intor p { font-size: 14px; }
.zhiwei, .chakan, .renshu { font-size: 16px; }
.contact_le b { font-size: 24px; }
.contact_le span { font-size: 14px; }
.contact_txt p { font-size: 14px; }
.about1_le { padding-right: 40px; }
.about1_le li span { font-size: 14px; }
.yuanjing { margin-top: 20px; }
.about1_le li b { font-size: 18px; }
.index_01_video img { width: 100%; }
}
@media screen and (max-width:768px) {
.index_01_video { width: 100%; height: 20rem; float: none; overflow: hidden; margin-top: 15px; }
.index_01_txt { width: 100%; float: none; margin-top: 30px; }
.index_01_txt .title_index, .index_05 .title_index { display: block; }
.index_01 { padding-top: 0; }
.index_about_intro .table { padding: 15px 0; }
.index_02 .title_index em { font-size: 40px; }
.index_about_intro .tbc { font-size: 16px; }
.index_03 .case_box ul li { width: 48%; margin: 1% !important; margin-bottom: 3% !important }
.index_03 .case_box ul li .imgs { height: 6rem; }
.index_03 .case_box ul li .txts h3, ul.anlilists li .txts h3 { font-size: 14px; padding: 5px 0 0; }
.index_03 .case_box ul li .txts p, ul.anlilists li .txts p { font-size: 12px; }
.fot_logo { float: none; margin: 0 auto; }
.fot_ewm { float: none; margin: 0 auto; max-width: 240px; width: 100%; margin-top: 20px; }
.fot_logo img { max-width: 100px; margin: 0 auto; display: block; }
.fot_copy p, .fot_copy p a { font-size: 14px; }
.title_index b { font-size: 20px; }
.fot_ewm li { max-width: none; margin: 0 auto; float: none; }
.title_index span { font-size: 12px; }
.banner .swiper-slide .tbc p { font-size: 16px; }
.banner .swiper-slide .tbc b { font-size: 20px; }
.banbiaodan img { max-width: 250px; margin-bottom: 15px; }
.banbiaodan button { font-size: 14px; }
.guolist4 li a { border: none; }
.index_01_txt li span { font-size: 28px; margin-right: 3px;}
.title_index em { font-size: 40px; }
.certify .swiper-slide .rycontxt .ry_left b{width: 25%;}
}
/*jianjie ---end */

.fab { width: 100%; height: 888px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; }
.fabmain { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: url('../images/fabbg.png') 90% -197px no-repeat; }
.fabinner { padding: 148px 7.8% 0; }
.fabcont { margin-top: 120px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.guolist1 { width: 360px; overflow: hidden; font-size: 0; }
.guolist1 li { width: 100%; margin-bottom: 86px; }
.guolist1 li:last-child { margin-bottom: 0; }
.guolist1 li a { display: block; }
.guolist1 h3 { display: inline-block; font-size: 24px; color: #333; line-height: 62px; height: 62px; }
.guolist1 h3 span { font-size: 60px; color: #cd2727; background-image: -webkit-linear-gradient(top, #54a25f, #cd2727, #498366); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; margin-right: 10px; height: 68px; vertical-align: top; font-weight: bold; }
.guolist1 h3 s { display: inline-block; width: 40px; height: 40px; text-decoration: none; font-size: 20px; color: #fff; line-height: 40px; text-align: center; border-radius: 50%; margin-left: 10px; background: #cd2727; background: -webkit-linear-gradient(to right, #54a25f, #cd2727, #498366); background: linear-gradient(to right, #54a25f, #cd2727, #498366); }
.guolist1 .txt { display: inline-block; font-size: 20px; color: #333; line-height: 62px; height: 62px; margin-right: 50px; }
.fabright { width: 58%; }
.fabright h3 { font-size: 30px; color: #333; line-height: 40px; }
.fabright .intro { font-size: 20px; color: #333; line-height: 34px; margin-top: 22px; }
.fabtxt { font-size: 16px; color: #666; line-height: 30px; text-align: justify; margin-top: 78px; max-height: 210px; overflow: hidden; }
.fablist { width: 20%; height: 100%; font-size: 0; overflow: hidden; }
.fablist li { display: block; width: 100%; height: 25%; text-align: center; }
.fablist li .lin { height: 100%; }
.fablist li a { display: block; width: 100%; height: 100%; padding-top: 42px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #f2f2f2; border-bottom: 1px solid #dcdcdc; }
.fablist .pic { width: 100%; height: 80px; overflow: hidden; position: relative; line-height: 80px; -webkit-perspective: 1000px; perspective: 1000px; }
.fablist .inner { width: 80px; height: 100%; margin: 0 auto; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; }
.fablist .pic img.p1 { display: none; }
.fablist .pic img.p2 { display: inline-block; }
.fablist li h3 { font-size: 18px; color: #333; line-height: 30px; height: 30px; overflow: hidden; margin-top: 15px; }
.fablist li:hover a { background-color: #cd2727; }
.fablist li:hover h3 { font-weight: bold; color: #fff; }
.fablist li:hover .pic img.p1 { display: inline-block; }
.fablist li:hover .pic img.p2 { display: none; }
.fablist li:hover .inner { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }
@media screen and (max-width:1400px) {
.fabinner { padding: 100px 7.8% 0; }
}
@media screen and (max-width:1300px) {
.fab { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.fabmain { width: 100%; }
.fabinner { padding: 80px 6%; }
.fablist { width: 100%; height: auto; }
.fablist li { display: inline-block; width: 25%; height: 100%; }
.fablist li a { padding: 36px 0; }
}
@media screen and (max-width:1024px) {
.fabcont { margin-top: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.guolist1 { width: 100%; text-align: center; }
.guolist1 li { display: inline-block; width: 33%; margin-bottom: 0; }
.guolist1 h3 { display: block; }
.guolist1 h3 span { font-size: 50px; }
.guolist1 .txt { display: block; line-height: 40px; height: 40px; margin-right: 0; }
.fabright { width: 100%; margin-top: 60px; }
.fabright h3 { font-size: 24px; text-align: center; }
.fabtxt { margin-top: 40px; max-height: none; }
}
@media screen and (max-width:750px) {
.fabinner { padding: 80px 5%; }
.guolist1 h3 span { font-size: 30px; margin-right: 4px; }
.guolist1 h3 s { margin-left: 4px; width: 30px; height: 30px; line-height: 30px; font-size: 16px; }
}
@media screen and (max-width:600px) {
.fablist li a { padding: 16px 0; }
}
.fyewu { padding-top: 76px; }
.fyewu .fbtl { margin-bottom: 56px; }
.fcase { padding-top: 86px; padding-bottom: 50px; }
.fcase .caselist { padding-top: 48px; }
.fcase .caselist li { margin-bottom: 30px; }
.fnews { padding: 74px 0; }
.fdang { padding: 30px 0 15px; min-height: 480px; /*! background: #f5f5f5; */ }
.tongzhigonggao { margin: 0 auto; width: 100%; padding-top: 1%; }
.tongzhigonggao li { float: left; width: 31%; margin-left: 2%; margin-top: 3%; border: 1px solid #e2e1e1; background: #fff; }
.tongzhigonggao li:hover { border: 1px solid #cd2727; background: #fff; box-shadow: 0 0 10px rgba( 0,0,0,.3); }
.tzggtime { float: left; width: 15%; font-size: 20px; height: 55px; line-height: 55px; color: #999; padding: 30px 3% 30px 3%; }
.tzggtle { float: right; width: 75%; font-size:.92rem;
height: 55px; color: #333; margin: 30px 3% 30px 0; overflow: hidden; line-height: 190%; display: table-cell; vertical-align: middle; }
.yuandilist { margin: 0 auto;/*! width:75%; */ max-width: 1440px; margin-top: 3%; }
.yuandilist li { float: left; width: 25%; text-align: center; }
.yuandilist li .lxbox { margin: 0 auto; width: 90%; height: 280px; background: #fff; padding-bottom: 20px; padding-top: 5px; box-shadow: 0 0 10px rgba( 0,0,0,.3); }
.yuandilist li .lxbox p {
font-size:.88rem; height: 80px; line-height: 180%; text-align: left; padding: 0 18px; }
.yuandilist li .lxbox p:hover { color: #0381ba; }
.yuandilist li .lxbox img { margin: 10px; width: 89%; max-width: 291px; height: 162px; }
.fcate3 { position: relative; padding: 60px 0 56px; text-align: center; background: #444 url('../images/n0.png') center 36px no-repeat; }
.fcate3 .cn { font-size: 40px; color: #fff; line-height: 60px; letter-spacing: 2px; margin-bottom: 8px; }
.fcate3 .cn a { color: #fff; }
.fcate3 .en { font-size: 50px; color: #fff; line-height: 54px; text-transform: uppercase;font-weight: bold}
.fcate3 .p { color: rgba(255,255,255,1); font-size: 16px; }
@media screen and (max-width:750px) {
.fcate3 .cn { font-size: 28px; line-height: 50px; margin-bottom: 0; }
.fcate3 .en { font-size: 20px; }
.fdang { background-size: auto; background-position: center bottom; }
}
.rlnewslist { margin: 14px -14px 0; font-size: 0; overflow: hidden; }
.rlnewslist li { float: left; width: 33.33%; margin-top: 28px; }
.rlnewslist li .lin { padding: 0 14px; position: relative; }
.rlnewslist li a { display: block; position: relative; }
.rlnewslist li .pic { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; background-color: #000; }
.rlnewslist li .pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.5; }
.rlnewslist li .wrap { position: relative; z-index: 2; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.rlnewslist li .inner { padding: 0 40px; margin: auto 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.rlnewslist li h3 { font-size: 18px; color: #333; line-height: 44px; max-height: 88px; overflow: hidden; padding-right: 50px; }
.rlnewslist li .type { font-size: 16px; color: #999; line-height: 36px; }
.rlnewslist li i { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; -webkit-box-shadow: 0 0 0 50px rgba(255,255,255,0.15); box-shadow: 0 0 0 50px rgba(255,255,255,0.15); -webkit-transition: 0.5s; transition: 0.5s; opacity: 0; position: absolute; left: 50%; top: 50%; z-index: 2; margin-left: -25px; margin-top: -25px; }
.rlnewslist li:hover i { width: 200px; height: 200px; margin-left: -100px; margin-top: -100px; opacity: 1; }
.rlnewslist li .cov { position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #f6f6f6 url('../images/fn0.jpg') right no-repeat; opacity: 1; }
.rlnewslist li label { position: absolute; right: 40px; top: 50%; z-index: 3; margin-top: -25px; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; background: #dddddd url('../images/gt-fn.png') center no-repeat; }
.rlnewslist li:hover .cov { opacity: 0; }
.rlnewslist li:hover label { background-color: #cd2727; }
.rlnewslist li:hover h3, .rlnewslist li:hover .type { color: #fff; }
.rlnewslist .type, .rlnewslist h3 { -webkit-transition: 0.5s; transition: 0.5s; }
.rlnewslist .cov { -webkit-transition: 0.7s; transition: 0.7s; }
.rlnewslist label { -webkit-transition: 0.3s; transition: 0.3s; }
@media screen and (max-width:1024px) {
.rlnewslist li .inner { padding: 0 20px; }
.rlnewslist li label { right: 20px; }
}
@media screen and (max-width:840px) {
.rlnewslist { margin: 20px 0 0; }
.rlnewslist li { float: none; width: 100%; }
.rlnewslist li .lin { padding: 0 0; }
}
@media screen and (max-width:750px) {
.rlnewslist li h3 { font-size: 20px; }
}
.fyoushi { padding: 0 0 30px; }
.guanlist-wrap { width: 100%; margin-top: 16px; position: relative; }
.guanlist-out { width: 100%; height: 668px; position: relative; z-index: 1; overflow: hidden; cursor: ew-resize; }
.guanlist { width: auto; height: 100%; font-size: 0; white-space: nowrap; }
.guanprev, .guannext { display: none; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; font-size: 0; position: absolute; top: 50%; z-index: 3; margin-top: -25px; }
.guanprev { background: #cccccc url('../images/lt1.png') center no-repeat; left: 0; }
.guannext { background: #cccccc url('../images/gt1.png') center no-repeat; right: 0; }
.guanprev:hover, .guannext:hover { background-color: #cd2727; }
.guanlist li { display: inline-block; width: 350px; height: 100%; }
.guanlist li + li { margin-left: 13px; }
.guanlist li .lin { height: 100%; }
.guanlist li a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.guanlist .pic { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; font-size: 0; }
.guanlist .pic img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; }
.guanlist .pic i { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: url('../images/jab1.png') bottom no-repeat; display: none; }
.guanlist li .one { padding: 0 30px; position: absolute; left: 0; right: 0; bottom: 100px; z-index: 1; text-align: center; }
.guanlist li h3 { font-size: 26px; color: #fff; line-height: 40px; font-weight: bold; height: 40px; overflow: hidden; }
.guanlist li h4 { font-size: 16px; color: #fff; line-height: 26px; text-transform: uppercase; height: 26px; overflow: hidden; margin-top: 14px; }
.guanlist li .cover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); background-color: rgba(205,39,39,0.8); display: -webkit-box; display: -ms-flexbox; display: flex; cursor:pointer}
.guanlist li .cover .in { padding: 0 10px; text-align: center; margin: auto; }
.guanlist li .cover .num { height: 76px; font-size: 36px; color: #fff; line-height: 76px; background: url('../images/wubian.png') center no-repeat; margin-bottom: 94px; }
.guanlist li .cover .txt2 { font-size: 16px; color: #fff; line-height: 26px; text-transform: uppercase; height: 26px; overflow: hidden; }
.guanlist li .cover .txt3 { font-size: 24px; color: #fff; line-height: 40px; font-weight: bold; height: 40px; overflow: hidden; }
.guanlist li .cover .hx { width: 28px; height: 3px; margin: 27px auto 32px; background-color: #fff; }
.guanlist li .cover .cont { font-size: 16px; color: #fff; line-height: 26px; width: 250px; margin: 0 auto; max-height: 104px; overflow: hidden; white-space: normal; }
.guanlist .cover, .guanlist .one { -webkit-transition: .6s; transition: .6s; }
.guanlist li:hover .cover { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.guanlist li:hover .one { opacity: 0; }
@media screen and (max-width:1900px) {
/* .guanprev,.guannext {display:block;} */
}
@media screen and (max-width:960px) {
	.guanlist li .one{bottom:47px!important}
	.guanlist li + li{margin-left: 0}
.guanlist-wrap { width: auto; }
.guanprev, .guannext { display: block; }
.guanlist li { height: 185px;width:100%;display: block; margin-bottom: 10px}
.guanlist-out { height: 770px; }
}
.sw11out { position: relative; width: 100%; padding-bottom: 45.8%; height: auto; z-index: 1; }
#sw11 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
#sw11 .swiper-slide { overflow: hidden; }
.sw11out .sw-next, .sw11out .sw-prev { position: absolute; right: 6.25%; bottom: 11.8%; width: 46px; height: 46px; z-index: 11; font-size: 0; border-radius: 50%; text-align: center; cursor: pointer; border: 1px solid #fff; }
.sw11out .sw-prev { background: url('../images/lt1.png') center no-repeat; margin-right: 66px; }
.sw11out .sw-next { background: url('../images/gt1.png') center no-repeat; }
.sw11out .sw-prev:hover, .sw11out .sw-next:hover { background-color: rgba(232,1,37,0.5); }
#sw11 .slideinner { position: relative; display: block; width: 100%; height: 100%; background-color: #000; }
#sw11 .slideinner img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.5s; transition: 0.5s; }
.sw11out .swiper-pagination { left: 6.25%; bottom: 11%; font-size: 16px; color: #fff; line-height: 40px; width: auto; }
.sw11out .swiper-pagination-current { font-size: 34px; }
.sw11out .swiper-pagination-total { font-size: 16px; }
.sw11out .swiper-scrollbar { position: absolute; left: 6.25%; bottom: 8%; width: 87.5%; height: 1px; background-color: rgba(255,255,255,0.2); z-index: 1; }
.sw11out .swiper-scrollbar-drag { width: 0; background-color: #fff; }
.sw11out .swiper-scrollbar-drag.active { -webkit-animation: widthgrow 6s linear 1; animation: widthgrow 6s linear 1; }
@-webkit-keyframes widthgrow { 0% {
width:0;
}
100% {
width:100%;
}
}
@keyframes widthgrow { 0% {
width:0;
}
100% {
width:100%;
}
}
@media screen and (max-width:750px) {
.sw11out .sw-prev, .sw11out .sw-next { width: 36px; height: 36px; }
.sw11out .sw-prev { left: 4%; right: auto; margin-right: 0; }
.sw11out .sw-next { right: 4%; }
.sw11out .swiper-scrollbar { left: 4%; width: 92%; }
.sw11out .swiper-pagination { left: 4%; width: 90%; }
.sw11out .swiper-pagination-current { font-size: 24px; }
}
@media screen and (max-width:600px) {
.sw11out .swiper-scrollbar { display: none; }
.sw11out .swiper-pagination { bottom: 0; }
}
.scrollarea3 .scrollbar { width: 10px; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.scrollarea3 .track { width: 10px; height: 100%; background-color: #d7d7d7; border-radius: 5px; position: relative; left: 0; }
.scrollarea3 .thumb { width: 10px; background-color: #cd2727; border-radius: 5px; position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer; }
.scrollarea3 { position: relative; padding-right: 20px; height: 100%; }
.scrollarea3 .viewport { position: relative; width: 100%; overflow: hidden; height: 100%; }
.scrollarea3 .overview { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; }
.scrollarea3 .overview img { max-width: 100%; }
.newban .flex-direction-nav a { width: 60px; height: 60px; display: block; position: absolute; top: 50%; z-index: 4; margin-top: -30px; font-size: 0; background-color: rgba(0,0,0,0.3); background-position: center; background-repeat: no-repeat; border-radius: 30px; }
.newban .flex-direction-nav a.flex-prev { left: 60px; background-image: url('../images/lt1.png'); }
.newban .flex-direction-nav a.flex-next { right: 60px; background-image: url('../images/gt1.png'); }
.newban .flex-direction-nav a:hover { background-color: #cd2727; }
.newban .flex-control-paging { width: 100%; height: 4px; font-size: 0; text-align: center; position: absolute; bottom: 40px; left: 0; z-index: 3; }
.newban .flex-control-paging li { display: inline-block; *display:inline;
*zoom:1;
overflow: hidden; width: 40px; height: 4px; margin: 0 5px; }
.newban .flex-control-paging li a { width: 100%; height: 4px; display: block; cursor: pointer; position: relative; background-color: rgba(255,255,255,0.3); }
.newban .flex-control-paging li a:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 1; width: 0; height: 4px; background-color: #cd2727; }
.newban .flex-control-paging li.ac a:before { -webkit-transition: linear 4.5s; -moz-transition: linear 4.5s; -ms-transition: linear 4.5s; -o-transition: linear 4.5s; transition: linear 4.5s; width: 100%; }
.newban { position: relative; width: 100%; height:92vh; overflow: hidden; z-index: 1; }
.flexslider { position: relative; overflow: hidden; width: 100%; height: 100%; }
.flexslider .flex-viewport { height: 100%; }
.flexslider .slides { overflow: hidden; height: 100%; }
.flexslider .slides li { height: 100%; -webkit-backface-visibility: hidden; position: relative; }
.flexslider .slides li .wrap { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.flexslider .slides .wrap>img { position: relative; width: 100%; height: 100%; top: 0; z-index: 1; left: 0; object-fit: cover; }
.flexslider li .wrap:before { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 0; height: 2px; background-color: #acce22; display: none; }
.flexslider li.ac .wrap:before { transition: linear 4.5s; width: 100%; }
.flexslider .slides .wrap>img { -webkit-transition: -webkit-transform 1s ease-in; transition: transform 1s ease-in; transform: scale(1); -webkit-transform: scale(1); }
.flexslider .slides .ac .wrap>img { -webkit-transition: -webkit-transform 5s ease-in; transition: transform 5s ease-in; transform: scale(1); -webkit-transform: scale(1); }

.ac .finu, .ac .find { -webkit-transform: translateY(0); -moz-transform: translateY(0); opacity: 1; -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.ac .finl, .ac .finr { -webkit-transform: translateX(0); -moz-transform: translateX(0); opacity: 1; -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
.ac .findsc05 { -webkit-transform: translateY(0) scale(1, 1); -moz-transform: translateY(0) scale(1, 1); -o-transform: translateY(0) scale(1, 1); -ms-transform: translateY(0) scale(1, 1); transform: translateY(0) scale(1, 1); opacity: 1; }
.ac .scl05, .ac .scl01 { -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); opacity: 1; }
.ac .finrsc05, .ac .finlsc05 { -webkit-transform: translateX(0) scale(1, 1); -moz-transform: translateX(0) scale(1, 1); -o-transform: translateX(0) scale(1, 1); -ms-transform: translateX(0) scale(1, 1); transform: translateX(0) scale(1, 1); opacity: 1; }
@media screen and (max-width:1200px) {
.newban .flex-direction-nav a.flex-prev { left: 40px; }
.newban .flex-direction-nav a.flex-next { right: 40px; }
}
@media screen and (max-width:1024px) {
.newban .flex-direction-nav a.flex-prev { left: 20px; }
.newban .flex-direction-nav a.flex-next { right: 20px; }
/* .btt1 { margin-top: -90px; } */
}
@media screen and (max-width:750px) {
.newban .flex-direction-nav a.flex-prev { left: 0; }
.newban .flex-direction-nav a.flex-next { right: 0; }
/* .btt1 { margin-top: -70px; margin-left: 50px; } */
}
.dy .more{display: block; width: 150px; line-height: 40px; border: 0; background: #cd2727; color: #fff; font-size: 18px; margin: 20px auto; text-align: center}
.dy .more:hover{opacity: 0.8;  transition: all 0.3s;}