* { list-style: none; margin: 0; padding: 0;}
body { min-width: 1300px; font-size: 12px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; color: #333; margin: 0 auto;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: #eb2914;}
img { border: 0;}
.clear { clear: both;}
.warp { width: 1300px; margin: 0 auto;} 
#VCode { cursor: pointer;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	 font-style: normal;
}


/*头部*/
.kong { height: 75px;}
.header { width: 100%; height: 75px; box-shadow: 0 5px 10px rgba(176,186,199,0.1); background: #fff; position: fixed; left: 0; top: 0; z-index: 999999;}
.header .logo { float: left; width: 185px; height: 60px; margin: 7.5px 0; overflow: hidden;}
.header .logo img { display: block; height: 100%;}

/*咨询*/
.header .zxun { float: right; width: 100px; height: 40px; text-align: center; margin: 18px 0 0 15px; border-radius: 5px; overflow: hidden; background: linear-gradient(to right,#196efc,#4897fe); -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .zxun a { display: block; width: 100%; line-height: 40px; font-size: 15px; color: #fff;}
.header .zxun:hover { border-radius: 20px;}

/*导航*/
.header .nav { float: right; max-width: calc(100% - 300px); height: 75px;}
.header .nav li { float: left; line-height: 75px; position: relative;}
.header .nav li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; border-radius: 3px 3px 0 0; overflow: hidden; background: #1867f5; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a { display: block; font-size: 16px; color: #000; padding: 0 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a i { display: inline-block; font-style: normal; font-size: 16px; color: #000; padding-right: 15px; position: relative;}
.header .nav li a i::after { display: block; content: ""; width: 5px; height: 5px; margin: auto; border-right: 1px solid #333; border-bottom: 1px solid #333; border-radius: 0 0 2px 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 2px; top: 0; bottom: 0;}
.header .nav li p { display: none; width: 100%; text-align: center; border-radius: 0 0 4px 4px; overflow: hidden; background: #fff; position: absolute; left: 0; top: 75px;}
.header .nav p a { line-height: 45px; font-size: 14px; color: #666 !important; padding: 0 10px; border-top: 1px solid #f4f4f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav p a:hover { color: #1867f5 !important;}
.header .nav li:hover a,
.header .nav .on a { color: #1867f5;}
.header .nav li:hover::after,
.header .nav .on::after { width: 35px;}
.header .nav li:hover p { display: block;}

.header .nav li .pronav { display: none; width: 400px; border-top: 1px solid #f4f4f4; border-radius: 0 0 4px 4px; overflow: hidden; background: #f6f7fb; position: absolute; top: 75px; left: 0; z-index: 2;}
.header .nav li .pronav .tabs { float: left; width: 160px;}
.header .nav li .pronav .tabs span { display: block; width: 100%; height: 55px; line-height: 55px; font-size: 14px; color: #333; cursor: pointer; text-align: center;}
.header .nav li .pronav .tabs .on { color: #1867f5; background: #fff;}
.header .nav li .pronav .lst { float: right; width: calc(100% - 200px); padding: 10px 20px; background: #fff;}
.header .nav li .pronav .lst .swiper-slide { display: none;}
.header .nav li .pronav .lst .swiper-slide a { display: block; height: 35px; line-height: 35px; font-size: 14px; color: #666; padding: 0;}
.header .nav li .pronav .lst .swiper-slide a:hover { color: #1867f5;}
.header .nav li .pronav .lst .swiper-slide-active { display: block;}
.header .nav li:hover .pronav { display: block;}

/*banner*/
.banner { width: 100%; margin-bottom: 55px; position: relative;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide a,
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-pagination-bullets { bottom: 65px;}
.banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; filter: alpha(opacity=100); opacity: 1; border-radius: 5px; background: #fff; position: relative; -webkit-transition: 0.5s; transition: 0.5s;}
.banner .swiper-pagination-bullet-active { width: 35px; background: #1867f5;}

.banner .botmul { width: 1300px; height: 110px; margin: auto; border-radius: 10px; box-shadow: 0 5px 10px rgba(176,186,199,0.2); overflow: hidden; background: #fff; position: absolute; left: 0; right: 0; bottom: -55px; z-index: 2;}
.banner .botmul li { float: left; width: calc(100% / 3); position: relative;}
.banner .botmul li::after { display: block; content: ""; width: 1px; height: 70%; margin: auto; background: linear-gradient(rgba(225,229,235,0),#e1e5eb,rgba(225,229,235,0)); position: absolute; right: 0; top: 0; bottom: 0;}
.banner .botmul li:last-child::after { display: none;}
.banner .botmul li a { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 60px; padding: 25px 0;}
.banner .botmul li a img { display: block; width: 55px; height: 50px; margin-right: 15px;}
.banner .botmul li a .msg {}
.banner .botmul li a .msg p { width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #96a3b6;}
.banner .botmul li a .msg h3 { width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #252b3a;}

/*二级banner*/
.banner_ej { width: 100%; overflow: hidden;}
.banner_ej img { display: block; width: 100%;}

/*咨询*/
.zixun { width: 100%; text-align: center; padding: 55px 0 45px 0; background: url(../images/srx17.jpg) no-repeat center;}
.zixun p { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #fff;}
.zixun h3 { width: 100%; height: 60px; line-height: 60px; font-size: 24px; color: #fff;}
.zixun a { display: block; width: 120px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; margin: 20px auto 0 auto; border: 1px solid #fff; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.zixun a:hover { border-color: #1867f5; border-radius: 25px; background: #1867f5;}

/*脚部*/
.footer { width: 100%; background: #f5f7fa;}
.footer h3 { width: 100%; height: 40px; line-height: 40px; font-weight: 500; font-size: 16px; color: #252b3a;}
.footer .lst { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 110px; margin-bottom: 40px; border-bottom: 1px solid #e1e4ea;}
.footer .lst p { height: 110px; line-height: 110px; font-size: 16px; color: #252b3a; padding-left: 65px; background-repeat: no-repeat; background-position: left center;}
.footer .lst .ig01 { background-image: url(../images/srx18.png);}
.footer .lst .ig02 { background-image: url(../images/srx19.png);}
.footer .lst .ig03 { background-image: url(../images/srx20.png);}
.footer .lst .ig04 { background-image: url(../images/srx21.png);}
.footer .nva { float: left; width: calc(100% - 330px);}
.footer .nva li { float: left; width: 100px; margin-right: 70px;}
.footer .nva li:last-child { width: 185px;}
.footer .nva li a { display: block; width: 100%; line-height: 30px; font-size: 14px; color: #48566f; filter: alpha(opacity=85); opacity: 0.85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .nva li a:hover { color: #252b3a; filter: alpha(opacity=100); opacity: 1;}
.footer .nva li p { line-height: 25px; font-size: 14px; color: #48566f; filter: alpha(opacity=85); opacity: 0.85; margin-top: 5px;}
.footer .lxwm { float: right; width: 310px;}
.footer .lxwm span { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #48566f; filter: alpha(opacity=85); opacity: 0.85; margin-bottom: 5px;}
.footer .lxwm .img { float: left; width: 85px; height: 85px; box-shadow: 0 5px 5px rgba(176,186,199,0.1); overflow: hidden;}
.footer .lxwm .img img { display: block; width: 85px; height: 85px;}
.footer .lxwm .msg { float: right; width: 200px;}
.footer .lxwm .msg p { width: 100%; height: 45px; line-height: 40px; font-size: 14px; color: rgba(72,86,111,0.8);}
.footer .lxwm .msg p b { font-size: 16px; color: #252b3a;}
.footer .lxwm .msg a { display: block; width: 100%; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden; background: #1867f5;}
.footer .copy { width: 100%; margin-top: 40px; padding: 15px 0; border-top: 1px solid #e1e4ea;}
.footer .copy .msg { display: flex; flex-direction: row; align-items: center; float: left; height: 45px;}
.footer .copy .msg img { display: block; height: 40px; margin-right: 30px;}
.footer .copy .msg span { display: block; line-height: 40px; font-size: 13px; color: #48566f; margin-right: 15px;}
.footer .copy .msg span a { color: #48566f;}
.footer .copy .link { float: right; width: 200px; height: 40px; border-radius: 4px 4px 0 0; position: relative;}
.footer .copy .link span { display: block; height: 40px; line-height: 40px; font-size: 13px; color: #48566f; padding: 0 15px; box-shadow: 0 5px 10px rgba(176,186,199,0.1); overflow: hidden; background: #fff; position: relative;}
.footer .copy .link span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #646f81 transparent transparent transparent; position: absolute; right: 15px; top: 18px;}
.footer .copy .link p { display: none; width: 100%; box-shadow: 0 -5px 10px rgba(176,186,199,0.1); overflow: hidden; background: #fff; position: absolute; left: 0; bottom: 40px; z-index: 2;}
.footer .copy .link p a { display: block; width: calc(100% - 30px); height: 40px; line-height: 40px; font-size: 13px; color: #48566f; padding: 0 15px; border-bottom: 1px solid #f4f4f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .copy .link p a:hover { color: #1867f5;}
.footer .copy .link:hover p { display: block;}

/*右侧客服*/
.webonline { width: 60px; padding: 10px 0; border-radius: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; position: fixed; right: 5px; bottom: 10%; z-index: 999999;}
.webonline li { text-align: center; padding: 10px 0; border-top: 1px solid #eee; position: relative;}
.webonline li:first-child { border-top: none;}
.webonline li .ontop { width: 100%; cursor: pointer;}
.webonline li .ontop i { display: block; width: 25px; height: 25px; line-height: 20px; font-family: FontAwesome; font-style: normal; font-size: 22px; color: #646f81; text-align: center; padding-top: 5px; margin: 0 auto;}
.webonline li .ontop p { line-height: 18px; font-size: 12px; color: #646f81;}
.webonline li .onlft { display: none; padding: 15px; margin: auto; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; position: absolute; right: 65px; bottom: 0;}
.webonline li .onlft::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #fff; position: absolute; right: -6px; bottom: 20px;}
.webonline li .onlft img { display: block; width: 120px; margin-bottom: 10px;}
.webonline li .onlft span { display: block; line-height: 20px; font-size: 12px; color: #646f81;}
.webonline li .onlft p { width: 140px; text-align: left; margin-bottom: 14px; padding: 0 0 10px 22px; border-bottom: 1px solid #eee; background: url(../images/srx165.png) no-repeat left 5px / 15px;}
.webonline li .onlft p:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
.webonline li .onlft p b { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #252b3a;}
.webonline li:hover .onlft { display: block;}
.webonline li.btn_top { display: none;}

/*公共标题*/
.tits { width: 100%; text-align: center; margin-bottom: 25px;}
.tits h3 { width: 100%; height: 45px; line-height: 40px; font-size: 26px; color: #252b3a;}
.tits h3 span { color: #1867f5; margin: 0 5px;}
.tits p { width: 80%; line-height: 30px; font-size: 15px; color: #333; margin: 0 auto;}

/*简介*/
.about { width: 100%; padding: 65px 0;}
.about .msg { margin-top: 85px; border: 1px solid #d9e5ff; box-shadow: 0 5px 15px rgba(176,186,199,0.2); border-radius: 15px; background: #f9fbff; position: relative;}
.about .msg .nr { float: left; width: 625px; padding: 55px;}
.about .msg .nr h3 { display: flex; flex-direction: row; width: 100%; height: 40px; line-height: 40px; font-size: 26px; color: #252b3a; margin-bottom: 15px;}
.about .msg .nr h3 i { display: block; width: 40px; font-weight: 100; font-style: normal; font-size: 22px; text-align: center; position: relative;}
.about .msg .nr p { width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #646f81; margin-bottom: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.about .msg .nr li { float: left; width: calc(40% - 40px); padding-left: 45px; background-repeat: no-repeat; background-position: left top;}
.about .msg .nr .ab01 { background-image: url(../images/srx06.png);}
.about .msg .nr .ab02 { background-image: url(../images/srx07.png);}
.about .msg .nr li b { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 16px; color: #03053b;}
.about .msg .nr li span { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #646f81;}
.about .msg .nr .more { display: inline-block; height: 35px; line-height: 35px; font-size: 14px; color: #1867f5; margin-top: 45px; padding-right: 25px; background: url(../images/srx05.png) no-repeat right 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.about .msg .nr .more:hover { padding-right: 35px;}
.about .msg .img { width: 760px; height: 495px; border-radius: 0 0 15px 0; overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 2;}
.about .msg .img img { display: block; width: 760px; height: 495px;}
.about .numbs { width: calc(100% - 100px); height: 70px; margin-top: 30px; padding: 25px 50px; border-radius: 15px; overflow: hidden; background: url(../images/srx08.jpg) no-repeat center;}
.about .numbs li { float: left; width: calc(100% / 4 - 120px); height: 70px; margin: 0 60px;}
.about .numbs li p { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #fff;}
.about .numbs li h3 { width: 100%; height: 45px; line-height: 45px; font-weight: 500; font-size: 14px; color: #fff;}
.about .numbs li h3 b { font-size: 38px; margin-right: 5px;}

/*产品*/
.prods { width: 100%; padding: 65px 0; background: #f1f7fe url(../images/srx09.jpg) no-repeat center bottom;}
.prods .tabs { display: flex; flex-direction: row; justify-content: center; width: 100%; height: 50px;}
.prods .tabs p { width: 230px; height: 48px; line-height: 48px; font-size: 16px; color: #000; cursor: pointer; text-align: center; margin: 0 15px; border: 1px solid #22232d; border-radius: 5px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .tabs p.on { color: #fff; border-color: #1867f5; background: #1867f5;}
.prods .tip { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 66px; margin: 25px 0;}
.prods .tip p { flex: 1 1 0%; height: 50px; line-height: 50px; font-size: 16px; color: #000; cursor: pointer; margin-right: 90px; border-bottom: 3px solid #d5dce6;}
.prods .tip p:last-child { margin-right: 0;}
.prods .tip p.on { color: #1867f5; border-color: #1867f5;}
.prods .swiper-slide .swiper-slide .nrs { float: left; width: 45%; padding-top: 25px;}
.prods .swiper-slide .swiper-slide .nrs h3 { width: 180px; height: 65px; line-height: 65px; font-size: 28px; color: #03053b; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide .swiper-slide .nrs h4 { width: 100%; height: 40px; line-height: 40px; font-weight: 500; font-size: 18px; color: #03053b; margin: 10px 0;}
.prods .swiper-slide .swiper-slide .nrs p { width: 100%; height: 90px; line-height: 30px; font-size: 15px; color: #252b3a; filter: alpha(opacity=75); opacity: 0.75; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.prods .swiper-slide .swiper-slide .nrs a { display: inline-block; width: 140px; height: 45px; line-height: 45px; font-size: 14px; color: #22232d; text-align: center; margin: 50px 10px 0 0; border: 1px solid #22232d; border-radius: 8px; box-sizing: border-box; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide .swiper-slide .nrs .more { color: #fff; border: none; background: linear-gradient(to right,#1867f5,#4897ff);}
.prods .swiper-slide .swiper-slide .nrs a:hover { border-radius: 25px;}
.prods .swiper-slide .swiper-slide .img { float: right; width: 600px; height: 370px; border-radius: 20px; overflow: hidden;}
.prods .swiper-slide .swiper-slide .img img { display: block; width: 600px; height: 370px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide .swiper-slide:hover .nrs h3 { color: #1867f5;}
.prods .swiper-slide .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.prods .swiper-slide li { float: left; width: calc(100% / 4 - 35px); margin: 50px 35px 0 0; border-radius: 15px; overflow: hidden; background: #fff;}
.prods .swiper-slide li:last-child { margin-right: 0;}
.prods .swiper-slide li .msg { padding: 30px;}
.prods .swiper-slide li .msg h3 { width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #03053b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide li .msg p { width: 100%; height: 75px; line-height: 25px; font-size: 12px; color: #646f81; filter: alpha(opacity=85); opacity: 0.85; margin: 10px 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.prods .swiper-slide li .msg span { display: inline-block; height: 25px; line-height: 25px; font-size: 12px; color: #a4aab3; padding-right: 10px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide li .msg span::after { display: block; content: ""; width: 4px; height: 4px; border-top: 1px solid #a4aab3; border-right: 1px solid #a4aab3; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 11px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide li img { display: block; float: right; width: 230px; height: 250px;}
.prods .swiper-slide li:hover .msg h3 { color: #1867f5;}
.prods .swiper-slide li:hover .msg span { color: #1867f5; padding-right: 20px;}
.prods .swiper-slide li:hover .msg span::after { border-color: #1867f5;}

/*认可*/
.horons { width: 100%; padding: 65px 0;}
.horons li { float: left; width: calc(100% / 4 - 116.5px); text-align: center; margin: 45px 35px 0 0; padding: 0 45px; background: url(../images/srx10.png) no-repeat center;}
.horons li:nth-child(4n) { margin-right: 0;}
.horons li h3 { width: 100%; height: 65px; line-height: 65px; font-size: 18px; color: #1867f5; border-bottom: 1px solid #ebeff5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.horons li p { width: 75%; height: 45px; line-height: 22px; font-size: 14px; color: #03053b; margin: 15px auto 0 auto;}

/*优势*/
.whys { width: 100%; padding-top: 65px; background: #ebf4ff;}
.whys .nr { width: 100%; height: 410px; padding: 100px 0; background: url(../images/srx11.png) no-repeat left center;}
.whys .nr .lft { float: left; width: 210px; padding-top: 20px;}
.whys .nr .lft h3 { width: 100%; height: 75px; line-height: 75px; font-size: 24px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.whys .nr .lft p { width: 100%; height: 150px; line-height: 30px; font-size: 12px; color: rgba(255,255,255,0.8); margin: 10px 0 45px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.whys .nr .lft a { display: block; width: 120px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 8px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.whys .nr .lft a:hover { border-color: #1867f5; border-radius: 25px; background: #1867f5;}
.whys .nr .rgt { float: right; width: calc(100% - 280px); border-radius: 20px; overflow: hidden; background: rgba(255,255,255,0.95); position: relative;}
.whys .nr .rgt::after { display: block; content: ""; width: calc(100% - 50px); height: 1px; margin: auto; background: #e1e5eb; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.whys .nr .rgt li { float: left; width: calc(50% - 90px); padding: 30px 45px;}
.whys .nr .rgt li h3 { height: 40px; line-height: 40px; font-size: 18px; color: #252b3a; padding-left: 45px; background-repeat: no-repeat; background-position: left center; background-size: 35px;}
.whys .nr .rgt li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: rgba(56,62,72,0.65); margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.whys .nr .rgt .wh01 h3 { background-image: url(../images/srx12.png);}
.whys .nr .rgt .wh02 h3 { background-image: url(../images/srx13.png);}
.whys .nr .rgt .wh03 h3 { background-image: url(../images/srx14.png);}
.whys .nr .rgt .wh04 h3 { background-image: url(../images/srx15.png);}

/*新闻*/
.news { width: 100%; padding: 65px 0; background: #ebf4ff url(../images/srx16.jpg) no-repeat center bottom;}
.news .tits .lft { float: left; text-align: left;}
.news .tits .lft p { width: 100%;}
.news .tits .tabs { float: right; height: 45px; margin-top: 17px;}
.news .tits .tabs p { float: left; width: 120px; height: 43px; line-height: 43px; font-size: 14px; color: #000; cursor: pointer; text-align: center; margin-left: 15px; border: 1px solid #22232d; border-radius: 5px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .tits .tabs p.on { color: #fff; border-color: #1867f5; background: #1867f5;}
.news .swiper-slide { border-radius: 15px; overflow: hidden; background: #fff;}
.news .swiper-slide .nr { padding: 35px;}
.news .swiper-slide .nr .img { float: left; width: 605px; height: 365px; border-radius: 10px; overflow: hidden; position: relative;}
.news .swiper-slide .nr .img img { display: block; width: 605px; height: 365px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .nr .img p { width: calc(100% - 40px); line-height: 30px; font-weight: bold; font-size: 16px; color: #fff; padding: 40px 20px 15px 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); position: absolute; left: 0; bottom: 0; z-index: 2;}
.news .swiper-slide .nr .img:hover img { transform: scale(1.1,1.1);}
.news .swiper-slide .nr .lst { float: right; width: calc(100% - 640px);}
.news .swiper-slide .nr .lst li { margin-bottom: 10px; padding: 0 0 10px 15px; border-bottom: 1px solid #e1e5eb; position: relative;}
.news .swiper-slide .nr .lst li:last-child { margin-bottom: 6px; padding-bottom: 0; border-bottom: none;}
.news .swiper-slide .nr .lst li::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background: #1867f5; position: absolute; left: 0; top: 10px;}
.news .swiper-slide .nr .lst li a { display: block; width: 100%; height: 50px; line-height: 25px; font-weight: bold; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .nr .lst li:hover a { color: #1867f5;}
.news .swiper-slide .nr .lst .more { display: block; float: right; height: 25px; line-height: 25px; font-size: 14px; color: #1867f5; padding-right: 25px; background: url(../images/srx05.png) no-repeat right 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .swiper-slide .nr .lst .more:hover { padding-right: 35px;}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.content { width: 1300px; margin: 0 auto; padding: 45px 0;}

.catnav { width: 100%; height: 60px; line-height: 60px; background: #f5f7fa;}
.catnav .lft { display: flex; flex-direction: row; float: left; width: 50%;}
.catnav .lft a { display: block; font-size: 16px; color: #252b3a; margin-right: 50px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav .lft a::after { display: block; content: ""; width: 0%; height: 1px; margin: auto; overflow: hidden; background: #1867f5; position: absolute; left: 0; right: 0; bottom: 0;}
.catnav .lft a:hover,
.catnav .lft .on { color: #1867f5;}
.catnav .lft .on::after { width: 100%;}

.catnav .posit { float: right; font-size: 12px; color: #646f81;}
.catnav .posit i { display: block; float: left; font-style: normal; font-family:'FontAwesome'; font-size: 15px; margin: 0.5px 5px 0 0;}
.catnav .posit a { color: #666; margin: 0 5px;}

/*详情页公用*/
.lh { line-height: 35px; font-size: 15px; color: #252b3a; text-align: justify;}
.lh p { margin-bottom: 10px;}
.lh img { max-width: 100%; height: auto !important;}
.lh ul,
.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.shows { width: 100%;}
.shows .lh { min-height: 300px;}
.show_h3 { width: 100%; margin-bottom: 20px;}
.show_h3 h3 { width: 100%; line-height: 35px; font-size: 24px; color: #333;}
.show_h3 p { width: 100%; line-height: 40px; font-size: 12px; color: #646f81;}
.show_sxp { line-height: 25px; font-size: 12px; color: #646f81; margin-top: 20px;}
.show_sxp p { width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp a { color: #1867f5;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #1867f5; text-decoration: underline;}

/*分页*/
.scott { width: 100%; overflow: hidden;}
.scott li { display: inline-block; line-height: 35px; margin: 0 5px; border: 1px solid #ddd; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; padding: 0 15px; font-size: 16px; color: #666; cursor: pointer;}
.scott li:hover a,
.scott li:hover span { color: #1867f5;}
.scott .active { border-color: #1867f5; background: #1867f5;}
.scott .active:hover span,
.scott .active span { color: #fff;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { float: left; width: calc(100% / 4 - 15px); margin: 0 20px 20px 0; position: relative;}
.newlist li:nth-child(4n) { margin-right: 0;}
.newlist li .img { width: 100%; height: 185px; border-radius: 5px 5px 0 0; overflow: hidden;}
.newlist li .img img { display: block; width: 100%; min-height: 100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .tim { width: 50px; line-height: 30px; font-size: 16px; color: #fff; text-align: center; padding: 5px 10px; border-radius: 4px; background: #1867f5; position: absolute; left: 20px; top: 145px; z-index: 2;}
.newlist li .tim span { display: block; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.newlist li .msg { padding: 45px 20px 15px 20px; border: 1px solid #d9e5ff; border-top: none; border-radius: 0 0 5px 5px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg h3 { width: 100%; height: 50px; line-height: 25px; font-size: 15px; color: #252b3a; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 13px; color: #646f81; filter: alpha(opacity=65); opacity: 0.65; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover .msg { box-shadow: 0 5px 10px rgba(176,186,199,0.2);}
.newlist li:hover .msg h3 { color: #1867f5;}

/*图片列表*/
.piclist { width: 100%;}
.piclist .content .tits p { width: 90%;}
.piclist .lst { width: 100%;}
.piclist .lst li { float: left; width: calc(100% / 3 - 20px); margin: 0 30px 30px 0; box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.piclist .lst li:nth-child(3n) { margin-right: 0;}
.piclist .lst li .img { width: 100%; height: 255px; border-radius: 10px 10px 0 0; overflow: hidden; position: relative;}
.piclist .lst li .img img { display: block; width: 100%; min-height: 255px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist .lst li .msg { padding: 15px 20px; border: 1px solid #d9e5ff; border-top: none; border-radius: 0 0 10px 10px; overflow: hidden;}
.piclist .lst li .msg h3 { width: 100%; height: 50px; line-height: 25px; font-weight: 500; font-size: 16px; color: #03053b; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist .lst li .msg p { line-height: 30px; font-size: 14px; color: #646f81; filter: alpha(opacity=65); opacity: 0.65; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.piclist .lst li:hover .img img { transform: scale(1.1,1.1);}
.piclist .lst li:hover .msg h3 { color: #1867f5;}
.piclist .kehutx { padding: 60px 0; background: #ebf4ff;}
.piclist .kehutx li { float: left; width: calc(100% / 4 - 55px); margin-right: 20px; padding: 20px; background: rgba(24,103,245,0.1);}
.piclist .kehutx li:last-child { margin-right: 0;}
.piclist .kehutx li .img { width: 100%; height: 150px; overflow: hidden; background: #fff;}
.piclist .kehutx li .img img { display: block; width: 100%; min-height: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist .kehutx li h3 { width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #1867f5; margin: 15px 0 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.piclist .kehutx li p { width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #666; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.piclist .kehutx li:hover .img img { transform: scale(1.1,1.1);}
.piclist .funegy { padding: 60px 0; background: #fff;}
.piclist .funegy table { border-left: 3px solid #ebf4ff; border-top: 3px solid #ebf4ff; box-sizing: border-box; box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.piclist .funegy table th,
.piclist .funegy table td { line-height: 25px; text-align: center; padding: 10px; border-right: 3px solid #ebf4ff; border-bottom: 3px solid #ebf4ff; box-sizing: border-box;}
.piclist .funegy table th { font-size: 16px; color: #03053b; background: #f8fbff;}
.piclist .funegy table td { font-size: 14px; color: #646f81;}

/*产品列表*/
.prolist { width: 100%;}
.prolist li { float: left; width: calc(100% / 3 - 72px); margin: 0 30px 30px 0; padding: 25px; border: 1px solid #d9e5ff; border-radius: 10px; box-shadow: 0 5px 15px rgba(176,186,199,0.05); overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li:nth-child(3n) { margin-right: 0;}
.prolist li h3 { width: 100%; height: 50px; line-height: 50px; font-size: 22px; color: #03053b; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #252b3a; filter: alpha(opacity=5); opacity: 0.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.prolist li .btn { display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-top: 25px;}
.prolist li .btn a { flex: 1 1 0%; display: block; height: 45px; line-height: 45px; font-size: 14px; color: #22232d; text-align: center; border: 1px solid #22232d; border-radius: 4px; box-sizing: border-box; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prolist li .btn .more { margin-right: 15px; color: #fff; border: none; background: linear-gradient(to right,#1867f5,#4897ff);}
.prolist li .btn a:hover { border-radius: 25px;}
.prolist li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.4);}

/*专项服务*/
.specialized { width: 100%;}
.specialized h1 { width: 100%; line-height: 40px; font-size: 26px; color: #252b3a; text-align: center; margin-bottom: 20px;}
.specialized .top { width: 75%; line-height: 30px; font-size: 14px; color: #252b3a; text-align: center; margin: 0 auto;}
.specialized .top h2 { width: 100%; line-height: 35px; font-size: 18px;}
.specialized .lsts { width: 100%;}
.specialized .lsts .lst { width: 100%; margin-top: 35px;}
.specialized .lsts .lst .nr { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; width: 100%;}
.specialized .lsts .lst .nr .li { width: 353px; margin: 0 10px 20px 10px; padding: 30px; border-radius: 10px; overflow: hidden; background: #f1f7ff; position: relative;}
.specialized .lsts .lst .nr .li::after { display: block; content: ""; width: 0; height: 3px; background: linear-gradient(to right,#3173d8,#4aa4e6); position: absolute; left: 0; top: 0; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}

.specialized .lsts .lst .nr .li h3 { width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: #252b3a; margin-bottom: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.specialized .lsts .lst .nr .li p { width: 100%; line-height: 25px; font-size: 14px; color: rgba(37,43,58,0.65);}
.specialized .lsts .lst .nr .li:hover::after { width: 100%;}
.specialized .lsts .lst .nr .li:hover h3 { color: #3a85f0;}
.specialized .lsts .lst:nth-child(2) .nr .li { background: #f8f3ff;}
.specialized .lsts .lst:nth-child(2) .nr .li::after { background: linear-gradient(to right,#b06eff,#bb82ff);}
.specialized .lsts .lst:nth-child(2) .nr .li:hover h3 { color: #b06eff;}
.specialized .lsts .lst:nth-child(3) .nr { justify-content: left;}
.specialized .lsts .lst:nth-child(3) .nr .li { background: #fff6ef;}
.specialized .lsts .lst:nth-child(3) .nr .li::after { background: linear-gradient(to right,#fc9419,#ffa944);}
.specialized .lsts .lst:nth-child(3) .nr .li:hover h3 { color: #fc9419;}

/*联系我们*/
.contact { width: 100%;}
.contact h1 { width: 100%; line-height: 40px; font-size: 26px; color: #252b3a; text-align: center; margin-bottom: 20px;}
.contact .top { border: 1px solid #d9e5ff; border-radius: 5px; box-shadow: 0 5px 10px rgba(176,186,199,0.2); overflow: hidden; background: #fff}
.contact .top .map { float: left; width: 650px; height: 600px; overflow: hidden; background: #fff;}
.contact .top .msg { float: right; width: calc(100% - 730px); height: 530px; padding: 35px 40px; background: url(../images/srx22h.png) no-repeat right bottom;}
.contact .top .msg h2 { width: 100%; height: 40px; line-height: 40px; font-size: 24px; color: #1867f5; padding-top: 50px; background: url(../images/srx22.png) no-repeat left top;}
.contact .top .msg p { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #646f81; margin-bottom: 90px;}
.contact .top .msg li { float: left; width: calc(50% - 60px); margin: 0 50px 30px 0; padding-left: 35px; background-repeat: no-repeat; background-position: left 3px;}
.contact .top .msg li:nth-child(2n) { margin-right: 0;}
.contact .top .msg li h3 { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #333;}
.contact .top .msg li span { display: block; width: 100%; line-height: 40px; font-size: 18px; color: #646f81;}
.contact .top .msg li a { display: inline-block; line-height: 30px; font-size: 17px; color: #646f81;}
.contact .top .msg .cm01 { background-image: url(../images/srx23.png);}
.contact .top .msg .cm02 { background-image: url(../images/srx24.png);}
.contact .top .msg .cm03 { background-image: url(../images/srx25.png);}
.contact .top .msg .cm04 { background-image: url(../images/srx26.png);}

.contact .traic { margin: 40px 0;}
.contact .traic h3 { height: 35px; line-height: 35px; font-size: 24px; color: #1867f5; margin-bottom: 15px; padding-left: 45px; background: url(../images/srx27.png) no-repeat left center / 35px;}
.contact .traic p { width: 100%; line-height: 35px; font-size: 16px; color: #252b3a;}
.contact .traic p span { color: #646f81;}

.contact .yewu { padding: 50px 50% 50px 50px; border: 1px solid #d9e5ff; border-radius: 5px; box-shadow: 0 5px 10px rgba(176,186,199,0.2); overflow: hidden; background: #fff url(../images/srx28.jpg) no-repeat right bottom / 90%;}
.contact .yewu .nam { height: 60px; padding-left: 80px; background: url(../images/srx29.png) no-repeat left center;}
.contact .yewu .nam h3 { width: 100%; height: 40px; line-height: 40px; font-size: 22px; color: #1867f5;}
.contact .yewu .nam p { width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #646f81;}
.contact .yewu  li { float: left; width: 50%; margin-top: 40px;}
.contact .yewu  li h3 { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #252b3a;}
.contact .yewu  li p { width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #646f81;}

/*公司介绍*/
.abouts { width: 100%;}
.abouts .gsjs { width: 100%; padding: 50px 0 80px 0; background: url(../images/srx164.jpg) no-repeat center bottom;}
.abouts .gsjs .lh { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 100px;}

.abouts .hxyw { width: 100%; padding: 50px 0; background: url(../images/srx09.jpg) no-repeat center bottom;}
.abouts .hxyw li { float: left; width: calc(100% / 2 - 75px); margin: 0 25px 25px 0; padding: 30px 30px; border: 1px solid #d9e5ff; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.85);}
.abouts .hxyw li:nth-child(2n) { margin-right: 0;}
.abouts .hxyw li h3 { width: 100%; height: 40px; line-height: 30px; font-size: 18px; color: #252b3a; position: relative;}
.abouts .hxyw li h3::after { display: block; content: ""; width: 25px; height: 3px; background: #1867f5; position: absolute; left: 0; bottom: 0;}
.abouts .hxyw li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #646f81; margin-top: 20px;}

.abouts .jyln { width: 100%; padding: 50px 0;}
.abouts .jyln .msg { float: left; width: calc(100% - 600px);}
.abouts .jyln .msg li { margin-top: 40px; padding: 25px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.abouts .jyln .msg li i { display: block; float: left; width: 45px; height: 45px; line-height: 45px; font-weight: bold; font-size: 18px; text-align: center; margin-top: 5px; border-radius: 4px; overflow: hidden;}
.abouts .jyln .msg li .nr { float: right; width: calc(100% - 60px);}
.abouts .jyln .msg li .nr h3 { width: 100%; height: 30px; line-height: 30px; font-weight: 500; font-size: 18px; color: #333;}
.abouts .jyln .msg li .nr p { width: 100%; height: 25px; line-height: 25px; font-size: 15px; color: #ccc;}
.abouts .jyln .msg li:nth-child(1) { border-color: #ebeffd; box-shadow: 0 2px 15px rgba(235,239,253,0.5);}
.abouts .jyln .msg li:nth-child(1) i { color: #3b61ee; background: #ebeffd;}
.abouts .jyln .msg li:nth-child(2) { border-color: #fef4d3; box-shadow: 0 2px 15px rgba(255,249,229,0.5);}
.abouts .jyln .msg li:nth-child(2) i { color: #ffc002; background: #fff9e5;}
.abouts .jyln .msg li:nth-child(3) { border-color: #e6f9f5; box-shadow: 0 2px 15px rgba(230,249,245,0.5);}
.abouts .jyln .msg li:nth-child(3) i { color: #06c29c; background: #e6f9f5;}
.abouts .jyln .img { float: right; width: 500px; height: 470px; overflow: hidden;}
.abouts .jyln .img img { display: block; width: 500px; height: 470px;}
.abouts .jyln .botm { margin-top: 50px; padding-top: 150px; background: url(../images/srx35.jpg) no-repeat center top;}
.abouts .jyln .botm li { float: left; width: calc(50% - 125px); margin-right: 50px; padding: 50px; border-radius: 10px; box-shadow: 0 5px 15px rgba(176,186,199,0.2); overflow: hidden; background-color: #fff; background-repeat: no-repeat; background-position: 95% 70%;}
.abouts .jyln .botm li:first-child { background-image: url(../images/srx36.png);}
.abouts .jyln .botm li:last-child { margin-right: 0; background-image: url(../images/srx37.png);}
.abouts .jyln .botm li h3 { width: 100%; height: 40px; line-height: 40px; font-size: 22px; color: #252b3a; margin-bottom: 40px;}
.abouts .jyln .botm li p { height: 30px; line-height: 30px; font-size: 14px; color: #333; padding-left: 15px; position: relative;}
.abouts .jyln .botm li p::after { display: block; content: ""; width: 4px; height: 4px; margin: auto; border-radius: 50%; overflow: hidden; background: #666; position: absolute; left: 0; top: 0; bottom: 0;}
.abouts .jdrk { width: 100%; padding: 10px 0 60px 0;}
.abouts .jdrk .msg { float: left; width: calc(100% - 700px); padding-top: 30px;}
.abouts .jdrk .msg .nam { width: 100%; height: 50px; line-height: 50px; font-weight: bold; font-size: 26px; color: #252b3a; margin-bottom: 15px;}
.abouts .jdrk .msg p { width: 100%; line-height: 35px; font-size: 14px; color: #333; padding-left: 15px; position: relative;}
.abouts .jdrk .msg p::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #666; position: absolute; left: 0; top: 17px;}
.abouts .jdrk .img { float: right; width: 640px; overflow: hidden;}
.abouts .jdrk .img img { display: block; width: 100%;}
.abouts .gtcz { width: 100%; padding: 65px 0; background: #e6f2ff url(../images/srx09.jpg) no-repeat center top;}
.abouts .gtcz .nam { width: 100%; line-height: 45px; font-weight: bold; font-size: 26px; color: #252b3a; text-align: center; margin-bottom: 25px;}
.abouts .gtcz li { float: left; width: calc(100% / 3 - 79px); margin-right: 25px; padding: 25px 30px; border: 1px solid #d9e5ff; border-radius: 10px; overflow: hidden; background: rgba(255,255,255,0.5);}
.abouts .gtcz li:last-child { margin-right: 0;}
.abouts .gtcz li h3 { width: 100%; height: 40px; line-height: 25px; font-size: 18px; color: #252b3a; position: relative;}
.abouts .gtcz li h3::after { display: block; content: ""; width: 25px; height: 2px; background: #1867f5; position: absolute; left: 0; bottom: 0;}
.abouts .gtcz li p { width: 100%; height: 120px; line-height: 30px; font-size: 14px; color: #646f81; margin-top: 15px;}
.abouts .gtcz .img { width: 100%; margin-top: 40px; border-radius: 10px; overflow: hidden;}
.abouts .gtcz .img img { display: block; width: 100%;}

/*AI 星空*/
.starrysky { width: 100%;}
.starrysky .bank1 { width: 100%; padding: 50px 0;}
.starrysky .bank1 .tits p { width: 90%;}
.starrysky .bank1 .tits p span { font-weight: bold; color: #1867f5;}
.starrysky .bank1 .img { width: 100%; border-radius: 10px; overflow: hidden;}
.starrysky .bank1 .img img { display: block; width: 100%;}
.starrysky .bank2 { width: 100%; padding: 60px 0; background: #f1f7fe;}
.starrysky .bank2 .img { float: left; width: 760px; overflow: hidden;}
.starrysky .bank2 .img img { display: block; width: 100%;}
.starrysky .bank2 .lst { float: right; width: calc(40% - 45px);}
.starrysky .bank2 .lst li { width: 100%; margin-bottom: 30px;}
.starrysky .bank2 .lst li h3 { width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #252b3a;}
.starrysky .bank2 .lst li p { width: 100%; line-height: 25px; font-size: 14px; color: #575d6c;}
.starrysky .bank2 .botm { width: 100%;}
.starrysky .bank2 .botm li { float: left; width: calc(100% / 4 - 97px); text-align: center; margin: 35px 35px 0 0; padding: 0 35px; background: url(../images/srx10.png) no-repeat center;}
.starrysky .bank2 .botm li:nth-child(4n) { margin-right: 0;}
.starrysky .bank2 .botm li h3 { width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #1867f5; margin-bottom: 15px; border-bottom: 1px solid #ddd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.starrysky .bank2 .botm li p { width: 100%; line-height: 25px; font-size: 14px; color: #252b3a;}
.starrysky .bank3 { width: 100%; padding: 50px 0;}
.starrysky .bank3 .lh b { font-size: 18px;}
.starrysky .bank3 .lh span { color: #1867f5;}
.starrysky .bank3 li { float: left; width: calc(100% / 3 - 92px); margin: 30px 30px 0 0; padding: 25px 35px; border: 1px solid #d9e5ff; border-radius: 10px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.starrysky .bank3 li:nth-child(3n) { margin-right: 0;}
.starrysky .bank3 li img { display: block; width: 45px; height: 45px; margin-bottom: 5px; overflow: hidden;}
.starrysky .bank3 li h3 { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #333;}
.starrysky .bank3 li span { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #575d6c; margin-bottom: 5px;}
.starrysky .bank3 li p { width: 100%; height: 75px; line-height: 25px; font-size: 12px; color: #575d6c; filter: alpha(opacity=65); opacity: 0.65; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.starrysky .bank3 li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.starrysky .bank4 { width: 100%; padding: 50px 0; background: #f1f7fe;}
.starrysky .bank4 li { float: left; width: calc(100% / 7 - 39.5px); height: 55px; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #d9e5ff; border-radius: 5px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.starrysky .bank4 li:nth-child(7n) { margin-right: 0;}
.starrysky .bank4 li img { display: block; max-width: 100%; height: 55px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.starrysky .bank4 li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.starrysky .bank4 li:hover img { transform: scale(0.95);}

/*AI 星辰*/
.stars { width: 100%;}
.stars .bank1 { width: 100%; padding: 50px 0;}
.stars .bank1 li { float: left; width: calc(100% / 4 - 65px); text-align: center; margin-right: 20px; padding: 25px; border-radius: 10px; overflow: hidden; background: #e8f9fe;}
.stars .bank1 li:last-child { margin-right: 0;}
.stars .bank1 li img { display: block; width: 150px; margin: 0 auto;}
.stars .bank1 li h3 { width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #252b3a;}
.stars .bank1 li p { width: 100%; line-height: 25px; font-size: 14px; color: #646f81;}
.stars .bank1 li:nth-child(2n) { background: #e6f8f9;}
.stars .bank2 { width: 100%; padding: 50px 0 20px 0; background: #f1f7fe;}
.stars .bank2 .lh b { font-size: 18px;}
.stars .bank2 .lh span { color: #1867f5;}
.stars .bank2 li { float: left; width: calc(100% / 4 - 93px); margin: 0 30px 30px 0; padding: 25px 35px; border-radius: 10px; background: #fff; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stars .bank2 li:nth-child(4n) { margin-right: 0;}
.stars .bank2 li img { display: block; width: 50px; height: 50px; margin-bottom: 5px; overflow: hidden;}
.stars .bank2 li h3 { width: 100%; height: 50px; line-height: 50px; font-weight: 500; font-size: 18px; color: #333;}
.stars .bank2 li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #575d6c; filter: alpha(opacity=65); opacity: 0.65; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.stars .bank2 li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.stars .bank3 { width: 100%; padding: 50px 0;}
.stars .bank3 li { float: left; width: calc(100% / 2 - 75px); margin: 15px 25px 15px 0; padding: 20px 30px; border: 1px solid #d9e5ff; border-radius: 10px; overflow: hidden; background: #f9fbff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stars .bank3 li:nth-child(2n) { margin-right: 0;}
.stars .bank3 li h3 { width: 100%; height: 40px; line-height: 30px; font-size: 18px; color: #252b3a; margin-bottom: 20px; position: relative;}
.stars .bank3 li h3::after { display: block; content: ""; width: 25px; height: 2px; background: #1867f5; position: absolute; left: 0; bottom: 0;}
.stars .bank3 li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #646f81; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.stars .bank3 li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.stars .bank4 { width: 100%; padding: 50px 0; background: #f1f7fe;}
.stars .bank4 li { float: left; width: calc(100% / 4 - 73px); text-align: center; margin-right: 30px; padding: 35px 25px; border-radius: 10px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stars .bank4 li:nth-child(4n) { margin-right: 0;}
.stars .bank4 li img { display: block; width: 100px; height: 100px; margin: 0 auto; overflow: hidden;}
.stars .bank4 li h3 { width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #333;}
.stars .bank4 li p { width: 100%; line-height: 25px; font-size: 14px; color: #575d6c; filter: alpha(opacity=85); opacity: 0.85;}
.stars .bank4 li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.stars .bank5 { width: 100%; padding: 50px 0;}
.stars .bank5 .four { width: 100%;}
.stars .bank5 .four li { float: left; width: calc(100% / 5 - 16px); margin-right: 20px; padding: 40px 0; border-radius: 10px; overflow: hidden; background: #fff;}
.stars .bank5 .four li img { display: block; width: 50px; height: 50px; margin: 0 auto 10px auto;}
.stars .bank5 .four li h3 { width: 100%; height: 40px; line-height: 40px; font-size: 26px; color: #fff; text-align: center; letter-spacing: 5px;}
.stars .bank5 .four li:nth-child(1) { line-height: 50px; font-weight: bold; font-size: 32px; color: #1867f5; letter-spacing: 5px; padding-left: 40px; box-sizing: border-box; background: #f1f7fe url(../images/srx73.png) no-repeat 120px 52px;}
.stars .bank5 .four li:nth-child(2) { background: #f4b637;}
.stars .bank5 .four li:nth-child(3) { background: #03bac6;}
.stars .bank5 .four li:nth-child(4) { background: #15c0f2;}
.stars .bank5 .four li:nth-child(5) { margin-right: 0; background: #289cd7;}
.stars .bank5 .lst { width: 100%;}
.stars .bank5 .lst li { float: left; width: calc(100% / 3 - 88px); margin: 30px 30px 0 0; padding: 30px; border: 4px solid #d9e5ff; border-radius: 10px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stars .bank5 .lst li:nth-child(3n) { margin-right: 0;}
.stars .bank5 .lst li h3 { width: 100%; height: 50px; line-height: 35px; font-size: 22px; color: #252b3a; position: relative;}
.stars .bank5 .lst li h3::after { display: block; content: ""; width: 25px; height: 3px; border-radius: 3px; background: #1867f5; position: absolute; left: 0; bottom: 0;}
.stars .bank5 .lst li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #646f81; margin-top: 15px;}
.stars .bank5 .lst li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.stars .bank5 .img { width: 100%; margin-top: 30px; border-radius: 10px; overflow: hidden;}
.stars .bank5 .img img { display: block; width: 100%;}
.stars .bank6 { width: 100%; padding: 50px 0; background: #f1f7fe;}
.stars .bank6 li { float: left; width: calc(100% / 4 - 47px); margin: 30px 20px 0 0; padding: 35px 15px 15px 15px; border: 1px solid #d9e5ff; border-radius: 10px; background: #fff; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.stars .bank6 li:nth-child(4n) { margin-right: 0;}
.stars .bank6 li b { display: block; width: 100px; height: 92px; line-height: 65px; font-size: 28px; color: #fff; text-indent: 45px; background: url(../images/srx79.png) no-repeat 0 0 / 100%; position: absolute; right: -12px; top: -19px; z-index: 2;}
.stars .bank6 li h3 { width: 100%; height: 40px; line-height: 40px; font-size: 26px; color: #4472c4; letter-spacing: 2px; text-indent: 4px;}
.stars .bank6 li img { display: block; width: 100%; margin-top: 10px; border-radius: 10px; overflow: hidden;}
.stars .bank6 li .msg { height: 165px;}
.stars .bank6 li .msg p { line-height: 25px; font-size: 14px; color: #646f81; margin-top: 15px; padding-left: 15px; position: relative;}
.stars .bank6 li .msg p::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 2px; background: #646f81; position: absolute; left: 0; top: 11.5px;}
.stars .bank6 li:nth-child(2n) b { background-image: url(../images/srx80.png);}
.stars .bank6 li:nth-child(2n) h3 { color: #ed7d31;}

/*AI HR*/
.humans { width: 100%;}
.humans .bank1 { width: 100%; padding: 50px 0;}
.humans .bank1 .tabs { width: 100%; border-bottom: 1px solid #eee;}
.humans .bank1 .tabs li { float: left; width: calc(100% / 8); cursor: pointer; text-align: center; padding-bottom: 15px; position: relative;}
.humans .bank1 .tabs li::after { display: block; content: ""; width: 0; height: 3px; margin: 0 auto; border-radius: 3px 3px 0 0; background: #1867f5; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.humans .bank1 .tabs li p { width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.humans .bank1 .tabs li span { display: block; width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.humans .bank1 .tabs li.on p,
.humans .bank1 .tabs li.on span { color: #1867f5;}
.humans .bank1 .tabs li.on::after { width: 50%;}
.humans .bank1 .swiper-slide { background: #fff;}
.humans .bank1 .swiper-slide .nr { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 550px;}
.humans .bank1 .swiper-slide .nr .img { width: 760px; height: 550px; overflow: hidden;}
.humans .bank1 .swiper-slide .nr .img img { display: block; width: 100%;}
.humans .bank1 .swiper-slide .nr .msg { width: 500px;}
.humans .bank1 .swiper-slide .nr .msg h3 { width: 100%; line-height: 40px; font-size: 24px; color: #252b3a; margin-bottom: 20px;}
.humans .bank1 .swiper-slide .nr .msg p { line-height: 30px; font-size: 15px; color: #252b3a; padding-left: 25px; background: url(../images/srx85.png) no-repeat left 10px;}
.humans .bank1 .swiper-slide .nr .msg .btn { width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; margin-top: 30px; border-radius: 4px; overflow: hidden; background: linear-gradient(to right,#0068dd,#00aeee); -webkit-transition: all .5s ease; transition: all .5s ease;}
.humans .bank1 .swiper-slide .nr .msg .btn:hover { border-radius: 20px;}
.humans .bank2 { width: 100%; padding: 50px 0; background: #f5f7fa;}
.humans .bank2 .img { width: 100%; overflow: hidden;}
.humans .bank2 .img img { display: block; width: 100%;}
.humans .bank3 { width: 100%; padding-top: 50px;}
.humans .bank3 li { width: 100%; padding: 65px 0;}
.humans .bank3 li .img { float: left; width: 630px; overflow: hidden;}
.humans .bank3 li .img img { display: block; width: 100%;}
.humans .bank3 li .msg { float: right; width: calc(100% - 780px);}
.humans .bank3 li .msg h3 { width: 100%; line-height: 35px; font-size: 18px; color: #252b3a;}
.humans .bank3 li .msg .nr { width: 100%; line-height: 30px; font-size: 15px; color: #252b3a; margin: 15px 0;}
.humans .bank3 li .msg p { line-height: 30px; font-size: 14px; color: #252b3a; padding-left: 25px; background: url(../images/srx85.png) no-repeat left 10.5px;}
.humans .bank3 li .msg .btn { width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; margin-top: 30px; border-radius: 4px; overflow: hidden; background: linear-gradient(to right,#0068dd,#00aeee); -webkit-transition: all .5s ease; transition: all .5s ease;}
.humans .bank3 li .msg .btn:hover { border-radius: 20px;}
.humans .bank3 li:first-child { padding-top: 25px;}
.humans .bank3 li:nth-child(2n) { background: #f5f7fa;}
.humans .bank3 li:nth-child(2n) .img { float: right;}
.humans .bank3 li:nth-child(2n) .msg { float: left;}

/*CRM*/
.crm { width: 100%;}
.crm .bank1 { width: 100%; padding: 50px 0;}
.crm .bank1 .tits { margin-bottom: 0;}
.crm .bank2 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.crm .bank2 li { float: left; width: calc(100% / 5); text-align: center; margin: 25px 0;}
.crm .bank2 li .img { width: 40px; height: 40px; margin: 0 auto 20px auto; padding: 25px; border-radius: 50%; box-shadow: 0 5px 20px rgba(56,92,141,0.25); background: #fff; position: relative;}
.crm .bank2 li .img i { display: block; width: 98px; height: 98px; margin: auto; border-radius: 50%; position: absolute; top: -4px; left: -4px; z-index: 1; animation: zhuan 15s linear infinite;}
.crm .bank2 li .img i::before,
.crm .bank2 li .img i::after { display: block; content: ""; width: 9px; height: 9px; margin: auto; border-radius: 50%; overflow: hidden; background: #1867f5; position: absolute; top: 0; bottom: 0;}
.crm .bank2 li .img i::before { left: 0;}
.crm .bank2 li .img i::after { right: 0;}
@keyframes zhuan {
     0% { transform: rotate(0);}
    50% { transform: rotate(0.5turn);}
   100% { transform: rotate(1turn);}
}
.crm .bank2 li .img img { display: block; width: 40px; height: 40px; position: relative; z-index: 2;}
.crm .bank2 li h3 { width: 100%; height: 35px; line-height: 35px; font-weight: 500; font-size: 18px; color: #252b3a;}
.crm .bank2 li p { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #646f81;}

.crm .bank3 { width: 100%; padding: 50px 0;}
.crm .bank3 .tabs { width: 100%;}
.crm .bank3 .tabs li { float: left; width: calc(100% / 6 - 20px); cursor: pointer; text-align: center; margin: 0 20px 30px 0; padding: 20px 0; border-bottom: 2px solid #8392a7; box-sizing: border-box; position: relative;}
.crm .bank3 .tabs li:last-child { margin-right: 0;}
.crm .bank3 .tabs li::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 12px 0 12px; border-color: #1867f5 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -6px;}
.crm .bank3 .tabs li img { display: block; width: 40px; height: 40px; margin: 0 auto;}
.crm .bank3 .tabs li p { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #333; }
.crm .bank3 .tabs li.on { border-bottom: none; border-radius: 10px; background: #1867f5;}
.crm .bank3 .tabs li.on img { filter: grayscale(100) brightness(100);}
.crm .bank3 .tabs li.on p { color: #fff;}
.crm .bank3 .tabs li.on::after { display: block;}
.crm .bank3 .swiper-slide { background: #fff;}
.crm .bank3 .swiper-slide .nr { display: flex; flex-direction: row; justify-content: space-between; border: 1px solid rgba(59,124,255,0.4); padding: 25px 50px; border-radius: 10px; overflow: hidden;}
.crm .bank3 .swiper-slide .nr .img { width: 355px; height: 290px; overflow: hidden;}
.crm .bank3 .swiper-slide .nr .img img { display: block; width: 100%;}
.crm .bank3 .swiper-slide .nr .msg { width: 600px; padding-top: 25px;}
.crm .bank3 .swiper-slide .nr .msg h3 { width: 100%; line-height: 30px; font-size: 18px; color: #39475b; margin-bottom: 15px;}
.crm .bank3 .swiper-slide .nr .msg p { line-height: 30px; font-size: 15px; color: #39475b; margin-top: 5px;}
.crm .bank4 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.crm .bank4 li { float: left; width: calc(100% / 4 - 95px); margin: 10px 20px 10px 0; padding: 40px 40px 25px 40px; border-radius: 10px; box-shadow: 0 5px 10px rgba(24,103,245, 0.05); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.crm .bank4 li:nth-child(4n) { margin-right: 0;}
.crm .bank4 li .img { width: 40px; height: 40px; margin-bottom: 10px; padding: 15px; box-shadow: 0 5px 10px rgba(24,103,245, 0.25); border-radius: 50%; overflow: hidden; background: #1867f5; -webkit-transition: all .5s ease; transition: all .5s ease;}
.crm .bank4 li .img img { display: block; width: 40px; height: 40px; filter: grayscale(100) brightness(100);}
.crm .bank4 li h3 { width: 100%; height: 45px; line-height: 45px; font-size: 18px; color: #252b3a; -webkit-transition: all .5s ease; transition: all .5s ease;}
.crm .bank4 li p { width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #646f81; -webkit-transition: all .5s ease; transition: all .5s ease;}
.crm .bank4 li:hover { background: #1867f5;}
.crm .bank4 li:hover .img { background: #fff;}
.crm .bank4 li:hover .img img { filter: grayscale(0%);}
.crm .bank4 li:hover h3,
.crm .bank4 li:hover p { color: #fff;}
.crm .bank5 { width: 100%; padding: 50px 0;}
.crm .bank5 .nam { width: 100%; line-height: 45px; font-weight: bold; font-size: 26px; color: #252b3a; margin-bottom: 30px;}
.crm .bank5 li { float: left; width: calc(100% / 5 - 58px); margin-right: 20px; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(24,103,245, 0.05); overflow: hidden; border: 1px solid #d9e5ff;}
.crm .bank5 li:last-child { margin-right: 0;}
.crm .bank5 li b { display: block; height: 30px; line-height: 30px; font-size: 24px; color: #1867f5;}
.crm .bank5 li h3 { width: 100%; height: 60px; line-height: 30px; font-size: 18px; color: #252b3a; padding: 5px 0 20px 0; position: relative;}
.crm .bank5 li h3::after { display: block; content: ""; width: 25px; height: 3px; border-radius: 3px 3px 0 0; overflow: hidden; background: #1867f5; position: absolute; left: 0; bottom: 0;}
.crm .bank5 li p { width: 100%; height: 125px; line-height: 25px; font-size: 12px; color: #646f81; margin-top: 15px;}
.crm .bank6 { width: 100%; padding: 50px 0; background: #f1f7fe;}
.crm .bank6 li { float: left; width: calc(100% / 7 - 39.5px); height: 55px; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #d9e5ff; border-radius: 5px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.crm .bank6 li:nth-child(7n) { margin-right: 0;}
.crm .bank6 li img { display: block; max-width: 100%; height: 55px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.crm .bank6 li:hover { box-shadow: 0 5px 15px rgba(176,186,199,0.2);}
.crm .bank6 li:hover img { transform: scale(0.95);}

/*我家云*/
.myun { width: 100%;}
.myun .bank1 { width: 100%; padding: 50px 0;}
.myun .bank1 .tits { margin-bottom: 0;}
.myun .bank2 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.myun .bank2 li { float: left; width: calc(100% / 3 - 27px); margin-right: 40px; border-radius: 10px; overflow: hidden; background: #fff;}
.myun .bank2 li:last-child { margin-right: 0;}
.myun .bank2 li .img { width: 100%; height: 230px; overflow: hidden;}
.myun .bank2 li .img img { display: block; width: 100%;}
.myun .bank2 li .msg { padding: 20px;}
.myun .bank2 li .msg h3 { width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: #252b3a; margin-bottom: 10px;}
.myun .bank2 li .msg p { width: 100%; line-height: 25px; font-size: 14px; color: #646f81;}
.myun .bank3 { width: 100%; padding: 50px 0;}
.myun .bank3 .img { width: 100%; overflow: hidden;}
.myun .bank3 .img img { display: block; width: 100%;}
.myun .bank4 { width: 100%;}
.myun .bank4 li { width: 100%; padding: 50px 0;}
.myun .bank4 li .img { float: left; width: 610px; overflow: hidden;}
.myun .bank4 li .img img { display: block; width: 100%;}
.myun .bank4 li .msg { float: right; width: 570px; margin-top: 20px;}
.myun .bank4 li .msg p { line-height: 30px; font-size: 15px; color: #666; margin-top: 5px; padding-left: 30px; background: url(../images/srx130.png) no-repeat left 8px;}
.myun .bank4 li .msg img { display: block; width: 400px; margin: 25px 0 35px 0;}
.myun .bank4 li .msg .btn { width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; cursor: pointer; text-align: center; border-radius: 4px; overflow: hidden; background: linear-gradient(to right,#0068dd,#00aeee); -webkit-transition: all .5s ease; transition: all .5s ease;}
.myun .bank4 li .msg .btn:hover { border-radius: 20px;}
.myun .bank4 li:nth-child(2n-1) { background: #f1f8ff;}
.myun .bank4 li:nth-child(2n) .img { float: right;}
.myun .bank4 li:nth-child(2n) .msg { float: left;}

/*MES*/
.messty { width: 100%;}
.messty .bank1 { width: 100%; padding: 50px 0;}
.messty .bank1 .img { float: left; width: 650px; overflow: hidden;}
.messty .bank1 .img img { display: block; width: 100%;}
.messty .bank1 .msg { float: right; width: 590px;}
.messty .bank1 .msg h3 { width: 100%; height: 35px; line-height: 35px; font-size: 20px; color: #252b3a;}
.messty .bank1 .msg p { line-height: 30px; font-size: 15px; color: #252b3a; padding: 15px 0 15px 50px; background-repeat: no-repeat; background-position: left center; background-size: 35px;}
.messty .bank1 .msg .bg01 { background-image: url(../images/srx133.png);}
.messty .bank1 .msg .bg02 { background-image: url(../images/srx134.png);}
.messty .bank1 .msg .bg03 { background-image: url(../images/srx135.png);}
.messty .bank1 .msg .bg04 { background-image: url(../images/srx136.png);}
.messty .bank1 .msg .bg05 { background-image: url(../images/srx137.png);}
.messty .bank2 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.messty .bank2 li { float: left; width: calc(100% / 5 - 76px); margin: 10px 20px 10px 0; padding: 25px 30px; border-radius: 10px; box-shadow: 0 5px 10px rgba(24,103,245, 0.05); overflow: hidden; background: #fff; position: relative;}
.messty .bank2 li:nth-child(5n) { margin-right: 0;}
.messty .bank2 li i { display: block; width: 50px; height: 50px; line-height: 50px; font-size: 24px; color: rgba(24,103,245,0.85); text-align: center; border-radius: 0 0 0 40%; background: rgba(24,103,245,0.1); position: absolute; top: 0; right: 0; z-index: 2;}
.messty .bank2 li h3 { width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: #252b3a; margin-bottom: 5px;}
.messty .bank2 li p { width: 100%; height: 125px; line-height: 25px; font-size: 14px; color: #646f81; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.messty .bank3 { width: 100%; padding: 50px 0;}
.messty .bank3 .img { width: 100%; overflow: hidden;}
.messty .bank3 .img img { display: block; width: 100%;}
.messty .bank4 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.messty .bank4 li { display: flex; flex-direction: row; justify-content: space-between; float: left; width: calc(50% - 30px); margin: 15px 60px 15px 0;}
.messty .bank4 li:nth-child(2n) { margin-right: 0;}
.messty .bank4 li p { display: flex; flex-direction: row; align-items: center; width: 30px; line-height: 30px; font-size: 18px; color: #fff; text-align: center; padding: 20px; border-radius: 10px; overflow: hidden; background: #1867f5;}
.messty .bank4 li .img { width: 520px; height: 305px; border-radius: 10px; overflow: hidden;}
.messty .bank4 li .img img { display: block; width: 100%;}
.messty .bank5 { width: 100%; padding: 50px 0 20px 0;}
.messty .bank5 li { float: left; width: calc(100% / 3 - 102px); margin: 0 30px 30px 0; padding: 25px 40px; border-radius: 10px; box-shadow: 0 5px 10px rgba(24,103,245, 0.05); overflow: hidden; border: 1px solid #d9e5ff;}
.messty .bank5 li:nth-child(3n) { margin-right: 0;}
.messty .bank5 li h3 { width: 100%; line-height: 30px; font-size: 18px; color: #252b3a; padding: 15px 0 20px 0; position: relative;}
.messty .bank5 li h3::after { display: block; content: ""; width: 25px; height: 3px; border-radius: 3px 3px 0 0; overflow: hidden; background: #1867f5; position: absolute; left: 0; bottom: 0;}
.messty .bank5 li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #646f81; margin-top: 15px;}
.messty .bank6 { width: 100%; height: 500px; overflow: hidden; background: url(../images/srx143.jpg) no-repeat center;}
.messty .bank6 li { display: flex; flex-direction: row; justify-content: center; align-items: center; float: left; width: calc(100% / 4); height: 500px; background: rgba(0,0,0,0.5); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.messty .bank6 li::after { display: block; content: ""; width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: absolute; top: 0; right: 0;}
.messty .bank6 li:last-child::after { display: none;}
.messty .bank6 li .msg { text-align: center; padding: 0 65px;}
.messty .bank6 li .msg h3 { width: 100%; height: 65px; line-height: 65px; font-size: 28px; color: #fff; padding-top: 20px; position: relative;}
.messty .bank6 li .msg h3::after { display: block; content: ""; width: 8px; height: 8px; margin: auto; border-radius: 50%; overflow: hidden; background: #fff; position: absolute; top: 0; left: 0; right: 0;}
.messty .bank6 li .msg p { width: 100%; height: 0; line-height: 30px; font-size: 16px; color: rgba(255,255,255,0.8); overflow: hidden;}
.messty .bank6 li:hover { background: rgba(24,103,245,0.85);}
.messty .bank6 li:hover .msg p { height: auto;}
.messty .bank7 { width: 100%; padding: 80px 0;}
.messty .bank7 ul { display: flex; flex-direction: row; justify-content: center; width: 100%;}
.messty .bank7 li { margin-right: 65px; padding-right: 65px; position: relative;}
.messty .bank7 li::after { display: block; content: ""; width: 1px; height: 80%; margin: auto; background: #eee; position: absolute; right: 0; top: 0; bottom: 0;}
.messty .bank7 li:last-child { margin-right: 0; padding-right: 0;}
.messty .bank7 li:last-child::after { display: none;}
.messty .bank7 li img { display: block; width: 50px; height: 50px; margin-bottom: 10px;}
.messty .bank7 li h3 { width: 100%; height: 45px; line-height: 45px; font-size: 36px; color: #1867f5;}
.messty .bank7 li p { width: 100%; height: 25px; line-height: 25px; font-size: 15px; color: #646f81;}

/*PMS*/
.pmsty { width: 100%;}
.pmsty .bank1 { width: 100%; padding: 50px 0;}
.pmsty .bank1 li { float: left; width: calc(100% / 3 - 92px); text-align: center; margin-right: 30px; padding: 25px 35px; border: 1px solid #d9e5ff; border-radius: 10px; box-shadow: 0 5px 10px rgba(24,103,245, 0.05); overflow: hidden;}
.pmsty .bank1 li:last-child { margin-right: 0;}
.pmsty .bank1 li h3 { width: 100%; line-height: 30px; font-size: 18px; color: #252b3a; margin-bottom: 20px; padding: 15px 0 20px 0; position: relative;}
.pmsty .bank1 li h3::after { display: block; content: ""; width: 25px; height: 3px; margin: auto; border-radius: 3px 3px 0 0; overflow: hidden; background: #1867f5; position: absolute; left: 0; right: 0; bottom: 0;}
.pmsty .bank1 li p { width: 100%; height: 75px; line-height: 25px; font-size: 14px; color: #646f81; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.pmsty .bank2 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.pmsty .bank2 .img { width: 100%; overflow: hidden;}
.pmsty .bank2 .img img { display: block; width: 100%;}
.pmsty .bank3 { width: 100%; padding: 50px 0;}
.pmsty .bank3 .img { width: 100%; overflow: hidden;}
.pmsty .bank3 .img img { display: block; width: 100%;}
.pmsty .bank4 { width: 100%; padding: 50px 0; background: #f1f8ff;}
.pmsty .bank4 li { float: left; width: calc(50% - 90px); margin: 10px 20px 10px 0; padding: 40px; border-radius: 10px; overflow: hidden; background: #fff;}
.pmsty .bank4 li:nth-child(2n) { margin-right: 0;}
.pmsty .bank4 li h3 { width: 100%; height: 30px; line-height: 30px; font-size: 20px; color: #252b3a;}
.pmsty .bank4 li p { width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #252b3a; margin: 10px 0 20px 0; overflow: hidden;}
.pmsty .bank4 li .img { width: 100%; overflow: hidden;}
.pmsty .bank4 li .img img { display: block; width: 100%;}
.pmsty .bank4 li:nth-child(5) p,
.pmsty .bank4 li:nth-child(6) p { height: 100px;}