/*-----------------------------------------------------------------------------------------------------------------------*/
.ban img{ display:block; width:100%;}

/*-----------------------------------------------------------------------------------------------------------------------*/
nav{height:7rem; overflow:hidden;text-align:center;}
nav a{ display:inline-block; width:33.33%; height:3.45rem; line-height:3.45rem; float:left; background:#004db2; margin-top:1px; text-align:center; font-size:1.2rem; color:#fff; position:relative;}
nav a:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#3371c1; border-right:1px solid #00347a;}
nav a:nth-child(3n):before{ background:none; border:0;}
/*-----------------------------------------------------------------------------------------------------------------------*/
.tit1{ text-align:center; font-size:1.5rem; font-weight:bold; color:#004db1;}
.tit1 em{ display:block; font-size:1rem; color:#9a9a9a; text-transform:uppercase; font-weight:normal;}
.tit1 i{ display:block; width:89.84375%; height:0.7rem; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcqJ11ET0SpIN.jpg) no-repeat center top; background-size:100% auto; margin:0.3rem auto 0;}
.tit1 b{ color:#111;}

.g-par{ background:#fff; padding:2.5rem 0 3.2rem 0;}
.par{width:89.84375%; margin:1.75rem auto 0; position:relative;}
.par .con{ float:left; width:100%;}
.par .con li{ width:50%; float:left; position:relative;border-bottom:0.4rem solid #004db2;}
.par .con a:nth-child(1) li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ddd;}
.par .con li img{ display:block; width:100%;}
.par .prev{ width:2.5rem; height:2.25rem; background:#333; overflow:hidden; position:absolute; top:3.5rem; left:0; z-index:1;}
.par .next{ width:2.5rem; height:2.25rem; background:#333; overflow:hidden; position:absolute; top:3.5rem; right:0;z-index:1;}
.par .prev img,.par .next img{ display:block; width:100%;}

.g-fen{width:89.84375%; margin:3.5rem auto 0;}
.g-fen dl{ width:47.3%; height:15.7rem; border:1px solid #ddd; margin-top:1.7rem; box-sizing:border-box;}
.g-fen dt{ height:3.3rem; background:#004db1; line-height:3.3rem; font-size:1.2rem; font-weight:bold;padding-left:10%; color:#fff; margin-bottom:1rem;}
.g-fen dd a{ display:block; font-size:1.2rem; line-height:2.4rem; color:#555; height:2.4rem; overflow:hidden; padding-left:10%;}
.g-fen dl:nth-child(4){ width:100%; height:7.75rem;}
.g-fen dl:nth-child(4) dt{ background:none; padding:0;}
.g-fen dl:nth-child(4) dt em{ display:block; height:3.3rem; width:37.3%; background:#004db1; line-height:3.3rem; font-size:1.2rem; font-weight:bold;padding-left:10%; color:#fff; margin-bottom:1rem;}
.g-fen dl:nth-child(4) dd a{ display:block; width:33.33%; float:left; padding:0; text-align:center;}

.pro{width:89.84375%; margin:2.5rem auto 0; position:relative;}
.pro .con{ float:left; width:100%;}
.pro .con dt{ padding-bottom:1.8rem; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcqJ11EOk9PKIZ.jpg) no-repeat center bottom; background-size:100% auto;}
.pro .con dt img{ display:block; width:100%; padding:0.2rem; border:1px solid #ddd; box-sizing:border-box;}
.pro .con dd h3{ font-size:1.2rem; font-weight:bold; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcODSkeKE9PKIZ.jpg) no-repeat center center; background-size:100% auto; text-align:center;}
.pro .con dd p{ width:100%; float:left; margin-top:1.2rem; font-size: 1.1rem;color: #555;}
.pro .con dd p em{ display:block; font-size:1.2rem; font-weight:bold; color:#333; margin-bottom:1rem;}
.pro .con dd i{ display:block; font-size:1.1rem; color:#555; height:2rem; line-height:2rem; overflow:hidden; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcODSkeIRANUHEoIt.jpg) no-repeat left center; background-size:1.05rem 0.85rem; padding-left:10%;}
.arr{ width:5.1rem; height:2.25rem; overflow:hidden; position:absolute; top:14.35rem; right:0.3rem; z-index:1;}
.arr .prev{ width:2.5rem; height:2.25rem; background:#004db2; overflow:hidden; float:left; margin-right:1px;}
.arr .next{ width:2.5rem; height:2.25rem; background:#004db2; overflow:hidden;}
.arr .prev img,.arr .next img{ display:block; width:100%;}

.g-pinz{ background:#ededeb; padding:3.1rem 0 1rem 0; margin-top:2.6rem;}
.g-pinz h2{width:89.84375%; margin:1.8rem auto 0; }
.g-pinz h2 img{ display:block; width:100%;}
.pinz{width:89.84375%; margin:1rem auto 0;}
.pinz .m-cnt{ height:3rem; border-bottom:1px solid #c3c3c2; overflow:hidden;}
.pinz .m-cnt li{ width:18%; float:left; height:3rem; line-height:3rem; text-align:center; font-size:1.15rem;}
.pinz .m-cnt li:nth-child(2n){ width:32%;}
.pinz .m-cnt li.z-on{ color:#fff; font-weight:bold; background:#004db1;}
.pinz .con{ float:left; width:100%;}
.pinz .con dl{ position:relative; margin-top:1.8rem;}
.pinz .con dd{ width:90.78%; float:right; background:#fff;}
.pinz .con dd:nth-child(3){ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcqJ11EOk9PKIZ.jpg) no-repeat center top; background-size:100% auto; height:1.8rem;}
.pinz .con dd h3{ margin:0 5% 0 15%; padding:0.8rem 0; font-size:1.2rem; font-weight:bold; color:#004db1; border-bottom:1px solid #ccc;}
.pinz .con dd p{ margin:0 5% 0 15%; font-size:1.1rem; line-height:1.9rem; color:#666; padding:0.8rem 0;}
.pinz .con dt{ width:12.5%; height:3.5rem; border-radius:3rem; background:#004db2; font-size:1.5rem; text-align:center; line-height:3.5rem; color:#fff; border:0.75rem solid #ededeb; position:absolute; top:2.4rem; left:0;}

.guan1{ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcJE1WnOO9LD1Z.jpg) no-repeat center top; background-size:100% auto; padding:8rem 0 5rem 56.875%;}
.guan1 p{ font-size:1.1rem; color:#fff; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcJE1Wnny1XUHEoIt.jpg) no-repeat left center; background-size:1.8rem 1.8rem; padding-left:15%;}
.guan1 p em{ display:block; font-size:1.5rem; font-family:Calibri; color:#fff;}

.ys{ margin-top:4.15rem;}
.ys h2 img{ display:block; width:100%;}
.ys .con{ float:left; width:100%;}
.ys .con dl{ width:92.5%; margin:2.15rem auto 0;}
.ys .con dt{ width:93.75%; margin:0 auto;}
.ys .con dt img{ display:block; width:100%;}
.ys .con dd{ margin-top:1.2rem; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcVDDZST1gPIN.jpg) no-repeat center top; background-size:100% auto;}
.ys .con:nth-child(2) dd{ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcVDDZTT1gPIN.jpg) no-repeat center top; background-size:100% auto;}
.ys .con:nth-child(3) dd{ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcVDDZUT1gPIN.jpg) no-repeat center top; background-size:100% auto;}
.ys .con:nth-child(3) dd h3,.ys .con:nth-child(4) dd h3{padding:1.2rem 0 3rem 30%;}
.ys .con:nth-child(4) dd{ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcVDDZNT1gPIN.jpg) no-repeat center top; background-size:100% auto;}
.ys .con dd h3{ font-size:0.9rem; color:#004db1; padding:3rem 0 3rem 30%;}
.ys .con dd h3 em{ display:block; font-size:1.4rem; font-weight:bold; color:#111;}
.ys .con p{ padding-left:28%; font-size:1.1rem; color:#555; line-height:1.6rem; position:relative; margin-bottom:1rem;}
.ys .con p b{ color:#004db2;}
.ys .con p:before{ content:""; position:absolute; top:0.8rem; left:23%; width:0.4rem; height:0.4rem; border-radius:0.4rem; background:#aaa;}
.arr2{ height:2.5rem; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcVDJkLKS9KUIApIj.jpg) repeat-x center center; background-size:1px 1px; padding:0 36%; margin-top:1rem;}
.arr2 .prev{ width:2.5rem; height:2.25rem; background:#004db2; overflow:hidden; float:left; margin-right:1px;}
.arr2 .next{ width:2.5rem; height:2.25rem; background:#004db2; overflow:hidden;}
.arr2 .prev img,.arr2 .next img{ display:block; width:100%;}

.case{ background:#ededeb; padding:3rem 0 3.8rem 0; border-top:0.4rem solid #004db2; margin:2.5rem 0 0 0;}
.case .m-cnt{ height:3.5rem;background:#fff;width:89.84375%; margin:1.8rem auto 0;}
.case .m-cnt li{ width:33.33%; float:left; height:3.5rem; text-align:center; line-height:3.5rem; font-size:1.2rem; color:#333; position:relative;}
.case .m-cnt li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#d9d9d9;}
.case .m-cnt li:last-child:before{ background:none;}
.case .m-cnt li.z-on{ background:#004db1; font-weight:bold; color:#fff;}
.case .con{ float:left; width:100%;}
.case .con dl{width:89.84375%; margin:1.6rem auto 0; background:#fff;}
.case .con dt img{ display:block; width:100%;}
.case .con dd{ padding:2rem 5%;}
.case .con dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding:0 0 1rem 0; position:relative;}
.case .con dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:3rem; height:0.2rem; background:#004db2;}
.case .con dd p{ font-size:1.2rem; line-height:1.6rem; height:1.6rem; overflow:hidden; padding-top:1rem; color:#666;}
.casebtn{ width:38.0625%; height:3.5rem; background:#004db2 url(/mobile/Images/Index/case_icon.png) no-repeat 90% center; background-size:1.5rem 2.2rem; line-height:3.5rem; font-weight:bold; color:#fff; margin:1.5rem auto 0; font-size:1.3rem; padding-left:6%;}

.guan2{ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcJE1WnOk9LD1Z.jpg) no-repeat center top; background-size:100% auto; padding:2.5rem 0 6.8rem 5.625%;}
.guan2 dd{ font-size:2.5rem; line-height:2.5rem; font-size:1.2rem; color:#fff; margin-bottom:0.3rem;}
.guan2 dd em{ display:inline-block; font-size:1.05rem; padding:0 0.5rem; border:2px solid #fff; float:left; margin-right:3%;}
.guan2 dt{ font-size:1.1rem; color:#fff; margin-top:2rem;}
.guan2 dt em{ display:block; width:31.25%; height:1.8rem; background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcJE1Wnny1XNEcSK1H.jpg) no-repeat center top; background-size:100% auto;}
.guan2 dt i{ display:block; font-size:1.5rem; font-family:Calibri; font-weight:bold;}

.g-about{ margin-top:3.7rem;}
.g-about dl{width:89.84375%; margin:1.8rem auto 0;}
.g-about dt{ background:url(/KS1EKIyHUKcMISMKDOg8K1MJGOcDHSkODJ5DIOcFJSD.jpg) no-repeat left top; background-size:55.65% 18.9rem; position:relative;}
.g-about dt img{ display:block; padding:1.8rem 0 5rem 5%; width:72.34%;}
.g-about dt p{ width:31%; position:absolute; top:5.6rem; right:0;}
.g-about dt p a{ display:block; height:2.8rem; background:#004db2; font-size:1.2rem; font-weight:bold; color:#fff; text-align:center; margin-bottom:1rem; line-height:2.8rem;}
.g-about dd h3{ font-size:1.2rem; font-weight:bold; color:#333; padding:0 0 1rem 0; position:relative;}
.g-about dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:3rem; height:0.2rem; background:#004db2;}
.g-about dd p{font-size:1.2rem; line-height:2rem; padding-top:1rem; color:#666;}
.g-about .casebtn{ width:28%;}


html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}