* { word-break:break-word;}
body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Arial, Helvetica, sans-serif; color:#333;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#eb2914;}
img { border:0;}
ul li { list-style:none;}
.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;
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}



/*top*/
.header { width:100%; min-width:1300px; height:80px; margin:0 auto; position:absolute; top:0; right:0; z-index:99999999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .warp { position:relative; z-index:3;}
.header .logo { float:left; height:40px; margin-top:20px;}
.header .logo img { display:block; height:100%; filter:grayscale(100) brightness(100);}

/***右侧***/
.header .rgt { float:right; max-width:80%;}
.header .muen,.header .mnavs { display:none;}

/*导航*/
.header .rgt .nav { float:left;}
.header .rgt .nav li { float:left; height:60px; text-align:center; margin:10px 15px 0 15px; position:relative;}
.header .rgt .nav li::after { display:block; content:""; width:0; height:3px; background:#e60012; margin:auto; position:absolute; left:0; top:-10px; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .nav li a { display:block; width:100%; line-height:60px; font-size:15px; color:#fff;}
.header .rgt .nav li:hover::after,.header .rgt .nav .on::after { width:100%;}
.header .rgt .nav li ul { width:300%; height:0; overflow:hidden; position:absolute; top:60px; right:-100%; z-index:2; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .nav li li { float:none; height:40px; margin:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .nav li li::after { display:none;}
.header .rgt .nav li li a { line-height:40px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*语言*/
.header .rgt .laug { float:left; height:25px; line-height:25px; margin:29px 10px 0 20px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .laug span { display:block; font-size:14px; color:#fff; padding-right:10px; cursor:pointer; background:url(../images/sr_01.png) no-repeat right center;}
.header .rgt .laug a { display:block; font-size:14px; color:#fff;}
.header .rgt .laug:hover { height:50px;}

/*搜素*/
.header .rgt .search { float:right; width:40px; height:75px; margin-top:5px; overflow:hidden;}
.header .rgt .search i { display:block; width:100%; height:100%; cursor:pointer; background:url(../images/sr_02.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .search form { display:block; width:260px; height:50px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:80px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .search input { float:left; width:160px; line-height:50px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .rgt .search .btn { width:80px; color:#fff; background:#de0505;}
.header .rgt .search.on { overflow:inherit;}
.header .rgt .search.on form { filter:alpha(opacity=100); opacity:1;}

/*头部高亮*/
.header:hover,.headeron { background:#fff;}
.header:hover .logo img,.headeron .logo img { filter:grayscale(0%);}
.header:hover .rgt .nav li a,.headeron .rgt .nav li a { color:#000;}
.header:hover .rgt .nav li li a,.headeron .rgt .nav li li a { color:#666;}
.header:hover .rgt .nav li:hover ul,.headeron .rgt .nav li:hover ul { height:auto; top:60px; filter:alpha(opacity=100); opacity:1;}
.header:hover .rgt .nav li:hover li:hover a,.headeron .rgt .nav li:hover li:hover a { color:#e60012;}
.header:hover .rgt .laug span,.headeron .rgt .laug span { color:#333; background-image:url(../images/sr_01h.png);}
.header:hover .rgt .laug a,.headeron .rgt .laug a { color:#666;}
.header:hover .rgt .search i,.headeron .rgt .search i { background-image:url(../images/sr_02h.png);}
.bghover { height:280px;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .warp { height:310px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.banner .text { color:#fff; text-transform:Uppercase;}
.banner .text h1 { font-size:60px; line-height:100px; letter-spacing:5px;}
.banner .text a { display:block; width:175px; height:55px; line-height:55px; font-size:16px; color:#333; margin-top:55px; padding-left:35px; border-radius:27.5px; background:#fff url(../images/sr_05.png) no-repeat 80% center; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .text a:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012 url(../images/sr_05h.png) no-repeat 80% center;}
/*.banner img { display:block; width:100%;}*/
.banner .swiper-slide { width:100vw; height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullet { width:11px; height:11px; margin:0 10px !important; border-radius:8px; opacity:1; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet::after { display:block; content:""; width:20px; height:1px; margin:auto; filter:alpha(opacity=50); opacity:0.5; background:#fff; position:absolute; right:-20px; top:0; bottom:0;}
.banner .swiper-pagination-bullet:last-child::after { display:none;}
.banner .swiper-pagination-bullet-active { width:15px; height:15px; top:2px;}
.banner .swiper-button-prev,.banner .swiper-button-next { width:42px; height:42px; filter:alpha(opacity=60); opacity:0.6; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.banner .swiper-button-prev { background-image:url(../images/sr_03.png); left:4%;}
.banner .swiper-button-next { background-image:url(../images/sr_04.png); right:4%;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;}
.banner .swiper-slide-active .text { -webkit-animation:fade-right 1.0s forwards; animation:fade-right 1.0s forwards;}
@-webkit-keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-right { 
	from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}

/*二级banner*/
.banner_ej { width:100%; margin:0 auto; position:relative;}
.banner_ej h1 { height:60px; line-height:60px; font-weight:500; font-size:56px; color:#fff; letter-spacing:5px; text-align:center; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.banner_ej img { display:block; width:100%;}

/*脚部*/
.footer { width:100%; line-height:25px; font-size:12px; color:#666; padding-top:30px; background:#f6f6f6; position:relative; z-index:9;}
.footer .nva { float:left; width:640px;}
.footer .nva li { float:left; margin-right:60px;}
.footer .nva li h3 { font-weight:500; font-size:15px; color:#000; margin-bottom:10px;}
.footer .nva li a { display:block; font-size:12px; color:#666;}
.footer .nva li a:hover { color:#e60012;}
.footer .rgt { float:right; max-width:50%;}
.footer .rgt a { color:#666;}
.footer .rgt h3 { font-weight:500; font-size:12px; color:#000; text-align:right; margin-bottom:10px;}
.footer .rgt li { float:right; width:26px; margin-left:10px; position:relative;}
.footer .rgt li a,.footer .rgt li i { display:block; width:26px; height:26px; border-radius:50%; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.footer .rgt li p { display:none; width:120px; text-align:center; padding:10px 10px 5px 10px; border:1px solid #eee; background:#fff; position:absolute; right:0; bottom:30px;}
.footer .rgt li p img { display:block; width:120px; height:120px;}
.footer .rgt li p span { display:block; line-height:25px; font-size:12px; margin-top:5px;}
.footer .rgt .qq a { background-color:#308ae2; background-image:url(../images/sr_13.png);}
.footer .rgt .phone i { background-color:#e96d6d; background-image:url(../images/sr_14.png);}
.footer .rgt .wchat i { background-color:#42bc78; background-image:url(../images/sr_15.png);}
.footer .rgt li:hover p { display:block;}
.footer .rgt .nava { display:block; float:right; height:35px; line-height:35px; font-size:12px; color:#333; text-indent:40px; margin:15px 0 15px 10px; padding-right:15px; border:1px solid #eee; background-color:#fff; border-radius:17.5px; background-position:15px 9px; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .rgt .ico5 { background-image:url(../images/sr_16.png);}
.footer .rgt .ico6 { background-image:url(../images/sr_17.png);}
.footer .rgt .nava:hover { color:#e60012; border-color:#e60012;}
.footer .rgt .ico5:hover { background-image:url(../images/sr_16h.png);}
.footer .rgt .ico6:hover { background-image:url(../images/sr_17h.png);}
.footer .copy { line-height:35px; padding:10px 0; margin-top:25px; border-top:1px solid #eaeaea;}
.footer .copy .log { float:left; width:70px; height:30px; padding:2.5px 0;}
.footer .copy .log img { display:block; height:30px;}
.footer .copy p { float:right; font-size:12px; color:#666;}
.footer p a { color:#666;}
.footer p a:hover { color:#e60012;}
.footer p .gslz { display:inline-block; width:20px; height:20px; background:url(../images/liangzhao.png) no-repeat 0 0 / 100%; position:relative; top:4px;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:40px; position:fixed; right:1%; bottom:2%; z-index:999999;}
.webonline li { width:100%; text-align:center; cursor:pointer;}
.webonline li i { display:block; width:40px; height:40px; line-height:40px; font-family:FontAwesome; font-style:normal; font-size:24px; color:#999; text-align:center; margin:0 auto; border-radius:50%; background:#eee; -webkit-transition:all .5s ease; transition:all .5s ease;}
.webonline li i:hover { color:#fff; background:#e60012;}

/*简介*/
.about { width:100%; padding:180px 0 270px 0; overflow:hidden; background:url(../images/sr_06.png) no-repeat center bottom;}
.about .warp { position:relative;}
.about .lft { float:left; width:685px; margin-top:80px;}
.about .lft h2 { line-height:60px; font-size:50px; color:#333; margin-bottom:80px; position:relative;}
.about .lft h2::after { display:block; content:""; width:70px; height:2px; background:#333; position:absolute; left:0; bottom:-25px;}
.about .lft p { line-height:40px; font-size:18px; color:#666; letter-spacing:1px;}
.about .lft a { display:block; width:170px; height:45px; line-height:45px; font-size:18px; color:#fff; text-align:center; margin-top:80px; border-radius:22.5px; box-shadow:0 5px 10px rgba(51,51,51,0.35); background:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft a:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;}
.about .rgt { width:600px; height:591px; position:absolute; top:0; right:0; z-index:1;}
.about .rgt .img { width:200px; height:200px; border:1px dotted #ddd; border-radius:50%; overflow:hidden; position:absolute; top:190px; left:195px; z-index:2;}
.about .rgt .img img { display:block; width:100%;}
.about .rgt .mumber { width:100%; position:relative; z-index:2;}
.about .rgt .mumber li { width:110px; line-height:25px; position:absolute;}
.about .rgt .mumber li::after { display:block; content:""; width:8px; height:8px; border:6px solid #fbd9dc; border-radius:50%; background:#e60012; position:absolute; top:30px;}
.about .rgt .mumber li p { font-size:12px; color:#666;}
.about .rgt .mumber li h3 { font-weight:500; font-size:14px; color:#000;}
.about .rgt .mumber li h3 span { font-weight:bold; font-size:30px; color:#e60012; position:relative; top:2px;}
.about .rgt .mumber li h3 sup { font-weight:bold; font-size:16px; color:#e60012; margin-right:5px; position:relative; top:-5px;}
.about .rgt .mumber .mum01 { left:95px; top:95px;}
.about .rgt .mumber .mum01::after { right:-15px;}
.about .rgt .mumber .mum02 { right:0px; top:165px;}
.about .rgt .mumber .mum02::after { left:-37px;}
.about .rgt .mumber .mum03 { left:38px; top:340px;}
.about .rgt .mumber .mum03::after { right:0px;}
.about .rgt .mumber .mum04 { right:95px; top:420px;}
.about .rgt .mumber .mum04::after { left:-37px;}
.about .rgt .imgbg { width:600px; height:591px; overflow:hidden; background:url(../images/sr_07.png) no-repeat 0 0 / 100%; animation:rotation 50s linear infinite; -moz-animation:rotation 50s linear infinite; -webkit-animation:rotation 50s linear infinite; -o-animation:rotation 50s linear infinite; position:absolute; left:0; top:0; z-index:1;}
.about .imgbotm { display:none;}
@-webkit-keyframes rotation {
	from { -webkit-transform:rotate(0deg);}
	to { -webkit-transform:rotate(360deg);}
}

/*业务介绍*/
.pros { width:100%; height:720px; padding-top:255px; background:url(../images/sr_08.jpg) no-repeat center top / cover;}
.pros li { float:left; width:165px; padding:0 47.5px; text-align:center;}
.pros li a { display:block; width:100%;}
.pros li .img { width:165px; height:165px; margin:0 auto; position:relative;}
.pros li .img::after { display:block; content:""; width:205px; height:205px; margin:auto; filter:alpha(opacity=50); opacity:0.5; border:1px solid #fff; border-radius:50%; overflow:hidden; position:absolute; top:-20px; left:-20px; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros li .img img { width:165px; height:165px; border-radius:50%; position:relative; z-index:1;}
.pros li .img .norm { display:block; background:#fff;}
.pros li .img .on { display:none;}
.pros li h3 { height:70px; line-height:35px; font-weight:500; font-size:18px; color:#fff; margin:50px 0 30px 0;}
.pros li span { display:inline-block; max-width:calc(100% - 40px); height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; margin:0 auto; padding:0 10px; border:1px solid #fff; border-radius:17.5px; filter:alpha(opacity=50); opacity:0.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .more { display:block; width:175px; height:45px; line-height:45px; font-size:18px; color:#333; text-align:center; margin:105px auto 0 auto; border-radius:22.5px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .more:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;}
.pros li:hover .img::after,.pros li:hover span,.pros li:hover i { filter:alpha(opacity=100); opacity:1;}
.pros li:hover .img .norm { display:none;}
.pros li:hover .img .on { display:block;}

/*新闻*/
.news { width:100%; padding:100px 0; overflow:hidden; position:relative;}
.news .warp { position:relative; z-index:2;}
.news .tits { float:left; margin-bottom:80px;}
.news .tits h1 { line-height:30px; font-size:30px; color:#333; filter:alpha(opacity=10); opacity:0.1;}
.news .tits h3 { line-height:40px; font-size:30px; color:#333; letter-spacing:2px; position:relative;}
.news .tits h3::after { display:block; content:""; width:30px; height:2px; background:#e60012; position:absolute; left:0; bottom:-20px;}
.news .tabs { float:right; margin-top:20px;}
.news .tabs li { float:left; line-height:40px; margin-left:40px; position:relative;}
.news .tabs li::after { display:block; content:""; width:0; height:1px; background:#e60012; position:absolute; left:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .tabs li a { font-size:16px; color:#333;}
.news .tabs li.on::after { width:100%;}
.news .tabs li.on a { color:#e60012;}
.news .newnr { width:100%; margin:0 auto; overflow:hidden;}
.news .newnr .newul { width:100%; margin:0 auto; position:relative;}
.news .newnr .newli .swiper-slide { display:block; padding-bottom:5px;}
.news .newnr .newli .swiper-slide a { display:block; padding:20px; border:1px solid #ddd; background:#fdfdfd; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative; z-index:1;}
.news .newnr .newli .swiper-slide .imgbg { width:180px; height:180px; overflow:hidden; filter:alpha(opacity=8); opacity:0.08; position:absolute; right:0; top:0; z-index:1;}
.news .newnr .newli .swiper-slide .imgbg img { display:block; width:100%;}
.news .newnr .newli .swiper-slide .time { line-height:30px; font-size:16px; color:#666; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr .newli .swiper-slide .time b { display:block; font-size:28px;}
.news .newnr .newli .swiper-slide h3 { line-height:30px; font-weight:500; font-size:16px; color:#000; margin:20px 0 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newnr .newli .swiper-slide p { height:50px; line-height:25px; font-size:12px; color:#666; margin-bottom:30px; overflow:hidden;}
.news .newnr .newli .swiper-slide .img { width:100%; max-height:210px; overflow:hidden;}
.news .newnr .newli .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr .newli .swiper-slide a:hover { border-color:#e60012; background:#fff;}
.news .newnr .newli .swiper-slide a:hover .time { color:#e60012;}
.news .newnr .newli .swiper-slide a:hover .img img { transform:scale(1.1,1.1);}
.news .newnr .newul .swiper-button-next,.news .newnr .newul .swiper-button-prev { width:45px; height:100%; margin-top:-5px; background-color:rgba(0,0,0,0.02); background-position:center 45%; background-repeat:no-repeat; background-size:100%; top:0; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news .newnr .newul .swiper-button-next:hover,.news .newnr .newul .swiper-button-prev:hover { background-color:rgba(0,0,0,0.2); filter:alpha(opacity=100); opacity:1;}
.news .newnr .newul .swiper-button-next { background-image:url(../images/sr_11.png); left:0;}
.news .newnr .newul .swiper-button-next:hover { background-image:url(../images/sr_11h.png);}
.news .newnr .newul .swiper-button-prev { background-image:url(../images/sr_12.png); left:auto; right:0;}
.news .newnr .newul .swiper-button-prev:hover { background-image:url(../images/sr_12h.png);}

.newbg { width:100%; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); position:absolute; top:50%; left:50%; z-index:0;}
.newbg img { display:block; width:100%; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play {
    0% { -webkit-transform:rotate(0deg);}
    100% { -webkit-transform:rotate(360deg);}
}
@-moz-keyframes play {
    0% { -moz-transform:rotate(0deg);}
    100% { -moz-transform:rotate(360deg);}
}
@keyframes play {
    0% { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.bggry { background:#fafafa;}
.content { width:100%; margin-top:85px; border-top:1px solid #eee; overflow:hidden;}

.catnav { width:100%; height:65px; line-height:65px; border-bottom:1px solid #f4f4f4; background:#fff;}
.catnav li { float:left; margin-right:90px; cursor:pointer; position:relative;}
.catnav li::after { display:block; content:""; width:0; height:2px; margin:0 auto; background:#e60012; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.catnav li a { display:block; width:100%; font-size:16px; color:#999;}
.catnav li:hover::after,.catnav .on::after { width:100%;}
.catnav li:hover a,.catnav .on a { color:#e60012;}

.topnav { width:100%; height:65px; line-height:65px; border-bottom:1px solid #f4f4f4; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.topnav li { float:left; margin-right:60px; font-size:16px; color:#999; cursor:pointer; position:relative;}
.topnav li a { display:block; width:100%; font-size:16px; color:#999;}
.topnav li::after { display:block; content:""; width:0; height:2px; margin:0 auto; background:#00188f; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.topnav li:hover,.topnav li.on,.topnav li:hover a,.topnav li.on a { color:#00188f; font-weight: bold;}
.topnav li:hover::after,.topnav li.on::after { width:100%;}
.topnfix { position:fixed; top:0; left:0; z-index:9999;}

/*详情页公用*/
.showpage { padding-top:40px;}
.lh { line-height:40px; font-size:16px; color:#666;}
.lh img { max-width:100%; height:auto !important;}
.lh p { margin-bottom:30px;}
.showcont { padding:65px 165px 0 165px; overflow:hidden;}
.show_h3 { width:100%; text-align:center; padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #eee;}
.show_h3 h3 { line-height:50px; font-size:32px; color:#333;}
.show_h3 p { line-height:30px; font-size:14px; color:#999; margin-top:10px;}
.show_sxp { font-size:14px; line-height:90px; color:#999; margin-top:50px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; margin-right:10px;}
.show_sxp a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#e60012;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { overflow:hidden; text-align:center; padding:60px 0;}
.scott li { display:inline-block; line-height:35px; margin:5px; border:1px solid #dedede; border-radius:4px;}
.scott a,.scott span { display:block; padding:0px 15px; font-size:14px; color:#333; cursor:pointer;}
.scott li:hover,.scott .active { border-color:#e50012; background:#e50012;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;}

/******走进斯瑞******/
.intosr { width:100%;}
.intosr h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; padding-bottom:30px;}
.intosr .abtmore{ position:absolute; right:0; top:20px; font-size:14px; }
.intosr .into01 { width:100%; padding:50px 0; background:#fafafa;}
.intosr .into01 .msg { width:100%; margin-top:20px; position:relative;}
.intosr .into01 .msg .lh { font-size:15px; line-height:35px; text-align:justify; margin:15px 0 60px 0;}
.intosr .into01 .msg .lh p { margin-bottom:15px;line-height: 2;}
.intosr .into01 .mumber { width:100%;}
.intosr .into01 .mumber li {     float: left;
    width: calc(100% / 4 - 15px);
    margin-right: 15px;
    padding: 30px 0 30px 150px;
    background-position: 70px center;
    background-repeat: no-repeat;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
    position: relative;}
.intosr .into01 .mumber li:last-child { margin-right:0;}
.intosr .into01 .mumber li h3 { line-height:30px; font-weight:500; font-size:14px; color:#666; margin-left:5px;}
.intosr .into01 .mumber li h3 span { font-weight:bold; font-size:33px; color:#e60012;}
.intosr .into01 .mumber li h3 sup { font-weight:bold; font-size:16px; color:#e60012; margin-left:5px; position:relative; top:-10px;}
.intosr .into01 .mumber li p { line-height:30px; font-size:14px; color:#666; padding-left:6px;}

.intosr .into01 .mumber .mb1 { background-image:url(../images/mb1.png);}
.intosr .into01 .mumber .mb2 { background-image:url(../images/mb2.png);}
.intosr .into01 .mumber .mb3 { background-image:url(../images/mb3.png);}
.intosr .into01 .mumber .mb4 { background-image:url(../images/mb4.png);}



.intosr .into02 { width:100%; padding:80px 0; background:#fafafa;}
.intosr .into02 li { float:left; width:232px; height:490px; cursor:pointer; overflow:hidden; position:relative; -webkit-transition:all .3s ease; transition:all .3s ease;margin-top: 20px}
.intosr .into02 li .lft { width:232px; height:450px; padding:50px 20px; background-position:center top; background-repeat:no-repeat; position:relative; z-index:2;}
.intosr .into02 li .lft h3 { line-height:35px; font-weight:500; font-size:18px; color:#fff; margin-bottom:75px;}
.intosr .into02 li .lft span { display:block; width:28px; height:28px; background:url(../images/arr-about.png) no-repeat 0 0;}
.intosr .into02 .in01 .lft { background-image:url(../images/guoji01.jpg);}
.intosr .into02 .in02 .lft { background-image:url(../images/guoji02.jpg);}
.intosr .into02 .in03 .lft { background-image:url(../images/guoji03.jpg);}
.intosr .into02 .in04 .lft { background-image:url(../images/guoji04.jpg);}
.intosr .into02 .in05 .lft { background-image:url(../images/guoji05.jpg);}
.intosr .into02 li .rgt { width:340px; height:440px; padding:25px; background:#fff; position:absolute; right:0; top:0; z-index:0;}
.intosr .into02 li .rgt .img { width:275px; margin:70px auto 20px auto; overflow:hidden;}
.intosr .into02 li .rgt .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.intosr .into02 li .rgt .img:hover img { transform:scale(1.1,1.1);}
.intosr .into02 li .rgt p { line-height:30px; font-size:14px; color:#666; letter-spacing:1px;}
.intosr .into02 .on { width:560px;}

.intosr .into03 { width:100%; padding:80px 0;}
.intosr .into03 li { float:left; width:425px; margin:30px 12px 30px 0;}
.intosr .into03 li img { display:block; width:100%;}
.intosr .into03 li:last-child { margin-right:0;}

.intosr .wlbj { width:100%; position:relative;}
.intosr .wlbj .bg { height:450px; background:url(../images/sr_97.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:66px; z-index:1;}

.intosr .into04 { width:100%; background:#fff;}
.intosr .into04 .tittabs { width:100%; height:310px; margin:auto; position:absolute; top:80px; left:0; right:0; z-index:2;}
.intosr .into04 .tittabs h1 { color:#fff;}
.intosr .into04 .tittabs li { float:left; width:95px; height:95px; line-height:95px; font-weight:bold; font-size:22px; color:#ccc; cursor:pointer; text-align:center; margin:25px 142px 0 0; border:1px solid #fff; border-radius:50%; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.intosr .into04 .tittabs li:first-child::before,.intosr .into04 .tittabs li::after { display:block; content:""; width:150%; height:1px; margin:auto; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:absolute; left:95px; top:0; bottom:0;}
.intosr .into04 .tittabs li:nth-child(6) { margin-right:0;}
.intosr .into04 .tittabs li:first-child::before { left:auto; right:95px;}
.intosr .into04 .tittabs li:first-child::before,.intosr .into04 .tittabs li:nth-child(6)::after { width:325%;}
.intosr .into04 .tittabs li i { font-style:normal; font-weight:500; font-size:14px;}
.intosr .into04 .tittabs li:hover,.intosr .into04 .tittabs .on { color:#fff; border-color:#e60012; background:#e60012;}

.intosr .into04 .swiper-container { width:100%; padding:30px 0 60px 0; overflow:hidden; background:#fff;}
.intosr .into04 .swiper-slide h4 { line-height:50px; font-size:27px; color:#505968; font-style:italic; border-bottom:1px solid #d8d9dc;}
.intosr .into04 .swiper-slide p { line-height:30px; font-size:16px; color:#666; margin-top:10px; padding-left:15px; position:relative;}
.intosr .into04 .swiper-slide p::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#505968; position:absolute; left:0; top:13.5px;}

.intosr .into05 { width:100%; padding:80px 0; background:#fafafa; position:relative; z-index:2;}
.intosr .into05 .warp { position:relative;}
.intosr .into05 .prolst { margin-top:40px;}
.intosr .into05 .prolst img { display:block; width:100%;}
.intosr .into05 .swiper-button-prev,.intosr .into05 .swiper-button-next { width:35px; height:35px; border:2px solid #ddd; border-radius:50%; background:none; top:65%;}
.intosr .into05 .swiper-button-prev { left:-50px;}
.intosr .into05 .swiper-button-next { right:-50px;}
.intosr .into05 .swiper-button-prev::after,.intosr .into05 .swiper-button-next::after { display:block; content:""; width:10px; height:10px; border-top:2px solid #ddd; border-right:2px solid #ddd; -webkit-transform-origin:50%; transform-origin:50%; position:absolute; top:12px;}
.intosr .into05 .swiper-button-prev::after { -webkit-transform:rotate(-135deg); transform:rotate(-135deg); left:14px;}
.intosr .into05 .swiper-button-next::after { -webkit-transform:rotate(45deg); transform:rotate(45deg); left:10px;}
.intosr .into05 .swiper-button-prev:hover,.intosr .into05 .swiper-button-next:hover,.intosr .into05 .swiper-button-prev:hover::after,.intosr .into05 .swiper-button-next:hover::after { border-color:#e60012;}


.intosr .into06 { width:100%; padding:50px 0;}
.intosr .into06 .wenhuabg{ width: 100%; height: 606px;  background:url(../images/wenhuabg.jpg) no-repeat center top;}

/******联系我们******/
.contact { width:100%; padding-bottom:50px;}
.contact .top { padding:100px 0; background:#fcfcfc url(../images/sr_52.jpg) no-repeat center bottom;}
.contact .top .msg { float:left; width:580px;}
.contact .top .msg i { line-height:25px; font-style:normal; font-weight:100; font-size:16px; color:#b2b2b2; letter-spacing:1px;}
.contact .top .msg h3 { line-height:60px; font-size:32px; color:#333;}
.contact .top .msg li { float:left; width:200px; margin:50px 90px 0 0;}
.contact .top .msg li i { display:block; float:left; width:40px; height:40px; margin-right:10px; border:1px solid #666; border-radius:10px; box-sizing:border-box; background-position:center; background-repeat:no-repeat;}
.contact .top .msg li p { float:left; width:150px; line-height:20px; font-size:14px; color:#333;}
.contact .top .msg li p span { display:block; color:#999;}
.contact .top .msg .cot01 { width:84%;}
.contact .top .msg .cot01 p { width:300px;}
.contact .top .msg .cot01 i { background-image:url(../images/sr_53.png);}
.contact .top .msg .cot02 i { background-image:url(../images/sr_54.png);}
.contact .top .msg .cot03 i { background-image:url(../images/sr_55.png);}
.contact .top .msg .cot04 i { background-image:url(../images/sr_56.png);}
.contact .top .img { float:right; width:665px; height:440px; overflow:hidden;}
.contact .top .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.contact .top .img:hover img { transform:scale(1.1,1.1);}

.contact .bottom { width:100%; padding:50px 0; background:url(../images/sr_58.png) no-repeat center 100px;}
.contact .bottom .tabs { width:100%; height:60px; line-height:60px; border-bottom:1px solid #dbdbdb;}
.contact .bottom .tabs li { float:left; font-size:16px; color:#333; padding:0 50px; cursor:pointer; position:relative;}
.contact .bottom .tabs li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#e60012; position:absolute; left:0; right:0; bottom:-1px;}
.contact .bottom .tabs .on { color:#e60012;}
.contact .bottom .tabs .on::after { width:100%;}
.contact .bottom .cotnr { width:100%;}
.contact .bottom .cotnr li { float:left; width:calc(100% / 3 - 17px); height:185px; margin:50px 25px 0 0;}
.contact .bottom .cotnr li:nth-child(3n) { margin-right:0;}
.contact .bottom .cotnr li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; margin-bottom:15px;}
.contact .bottom .cotnr li h3 span { display:block; color:#000;}
.contact .bottom .cotnr li p { line-height:30px; font-size:14px; color:#999; margin-bottom:10px; padding-left:25px; background-position:left 6.5px; background-repeat:no-repeat; background-size:20px;}
.contact .bottom .cotnr li p a { color:#999;}
.contact .bottom .cotnr li p a:hover { color:#e60012; text-decoration:underline;}
.contact .bottom .cotnr .bot1 { background-image:url(../images/sr_59.png);}
.contact .bottom .cotnr .bot2 { background-image:url(../images/sr_60.png);}
.contact .bottom .cotnr .bot3 { background-image:url(../images/sr_61.png);}

/*****投资者关系*****/
.investor { width:100%;}
.investor h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; margin-bottom:30px;}
.investor p { line-height:30px; font-size:16px; color:#666;}
.investor .lft { float:left; width:650px;}
.investor .notice { width:100%; padding:90px 0;}
.investor .notice .rgt { float:right; width:245px; height:135px; border:1px solid #ddd; border-radius:4px; background:url(../images/sr_62.png) no-repeat 45px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .notice .rgt a { display:block; height:95px; line-height:40px; font-size:18px; color:#333; padding:40px 0 0 145px; background:url(../images/sr_10.png) no-repeat 145px 90px;}
.investor .notice .rgt:hover { border-color:#e50012;}
.investor .notice .rgt:hover a { background-image:url(../images/sr_10h.png);}

.investor .wlbj { width:100%; position:relative;}
.investor .wlbj .bg { height:473px; background:url(../images/sr_63.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:66px; z-index:1;}
.investor .shares { width:100%; margin:auto; position:absolute; top:105px; left:0; right:0; z-index:2;}
.investor .shares h1 { font-size:40px;}
.investor .shares span { display:block; line-height:35px; font-size:18px; color:#333; padding-left:10px;}
.investor .shares a { display:block; width:105px; height:45px; line-height:45px; font-size:16px; color:#fff; padding:0 40px; margin-top:50px; border-radius:22.5px; background:#e60012 url(../images/sr_05h.png) no-repeat 120px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .shares a:hover { transform:scale(1.1,1.1);}
.investor .organize { width:100%; padding:60px 0; background:#fff; position:relative; z-index:2;}
.investor .organize .img { width:100%; margin:0 auto; overflow:hidden;}
.investor .organize .img img { display:block; max-width:100%; margin:0 auto;}
.investor .team { width:100%; padding:60px 0 100px 0; background:#fafafa;}
.investor .team li { float:left; width:260px; text-align:center; margin:60px 86px 0 0;}
.investor .team li:nth-child(4n) { margin-right:0;}
.investor .team li .img { width:260px; height:260px; border-radius:50%; overflow:hidden;}
.investor .team li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.investor .team li h3 { line-height:35px; font-weight:500; font-size:22px; color:#333; margin-top:20px;}
.investor .team li p { line-height:25px; font-size:16px; color:#666;}
.investor .team li:hover .img img { transform:scale(1.1,1.1);}

/*****产品综合页*****/
.proall {}
.proall .proa1,.proall .proa2,.proall .proa3,.proall .proa4,.proall .proa5 { width:100%; padding:160px 0; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.proall .msg { width:50%;}
.proall .msg .img { width:180px; height:180px; overflow:hidden;}
.proall .msg .img img { display:block; width:100%; filter:grayscale(100) brightness(100);}
.proall .msg h1 { line-height:75px; font-size:24px; color:#fff; margin-bottom:15px; position:relative;}
.proall .msg h1::after { display:block; content:""; width:50px; height:2px; background:#e83328; position:absolute; left:0; bottom:0;}
.proall .msg p { line-height:35px; font-size:16px; color:#fff;}
.proall .msg h3 { line-height:55px; font-weight:500; font-size:22px; color:#fff; margin:60px 0 15px 0;}
.proall .msg h3 i { float:left; width:50px; height:50px; margin-right:10px; border:2px solid #fff; border-radius:10px; background-position:center; background-repeat:no-repeat;}
.proall .msg a { display:block; width:130px; height:55px; line-height:55px; font-size:16px; color:#fff; padding:0 40px; margin-top:45px; border:1px solid #fff; border-radius:27.5px; background:url(../images/sr_05h.png) no-repeat 150px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proall .msg a:hover { border-color:#e83328; background-color:#e83328;}
.proall .proa1 { background-image:url(../images/sr_42.jpg);}
.proall .proa1 .msg h3 i { background-image:url(../images/sr_47.png);} 
.proall .proa2 { background-image:url(../images/sr_43.jpg);}
.proall .proa2 .msg h3 i { background-image:url(../images/sr_48.png);} 
.proall .proa3 { background-image:url(../images/sr_44.jpg);}
.proall .proa3 .msg .img img { filter:grayscale(0);}
.proall .proa3 .msg h3 i { border-color:#333; background-image:url(../images/sr_49.png);}
.proall .proa3 .msg h1,.proall .proa3 .msg h3 { color:#333;}
.proall .proa3 .msg p { color:#666;} 
.proall .proa3 .msg a { border-color:#e83328; background-color:#e83328;}
.proall .proa4 { background-image:url(../images/sr_45.jpg);}
.proall .proa4 .msg h3 i { background-image:url(../images/sr_50.png);} 
.proall .proa5 { background-image:url(../images/sr_46.jpg);}
.proall .proa5 .msg h3 i { background-image:url(../images/sr_51.png);} 

/*产品列表*/
.prolist { width:100%; padding-top:10px;}
.prolist li { margin-top:20px; padding:15px; border-radius:20px; overflow:hidden; background:#fff;}
.prolist li .img { display:block; width:530px; height:285px; border-radius:10px; overflow:hidden;}
.prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg { width:660px; padding:15.5px 40px;}
.prolist li .msg h3 { width:100%; line-height:40px; font-weight:500; font-size:24px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .8s ease; transition:all .8s ease;}
.prolist li .msg p { line-height:30px; font-size:12px; color:#808080; margin:10px 0 40px 0;}
.prolist li .msg a { display:block; width:145px; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; border:1px solid #d9d9d9; border-radius:20px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li:hover .img img { transform:scale(1.1,1.1);}
.prolist li:hover h3 { color:#e60012;}
.prolist li:hover a { color:#fff; border-color:#e60012; border-radius:4px; background:#e60012;}
.prolist li:nth-child(2n-1) .img,.prolist li:nth-child(2n) .msg { float:left;}
.prolist li:nth-child(2n-1) .msg,.prolist li:nth-child(2n) .img { float:right;}

/*产品详情*/
.proshow { width:100%; padding-top:100px; position:relative;}
.proshow::after { display:block; content:""; width:843px; height:317px; background:url(../images/sr_98.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:405px; color:#fafafa;*/ position:absolute; left:0; top:80px; z-index:0;}
.proshow .msg { float:left; width:645px; padding-right:55px; position:relative; z-index:2;}
.proshow .msg h3 { line-height:80px; font-weight:500; font-size:50px; color:#333; padding:30px 0 20px 0;}
.proshow .msg p { line-height:35px; font-size:20px; color:#999;}
.proshow .msg a { display:block; width:320px; height:60px; line-height:60px; font-size:22px; color:#fff; text-indent:80px; margin-top:100px; border-radius:30px; background:#e60012 url(../images/sr_05h.png) no-repeat 230px center; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .msg a:hover { transform:scale(1.1,1.1);}
.proshow .img { display:table-cell; width:600px; height:425px; text-align:center; vertical-align:middle; overflow:hidden; position:relative; z-index:999;}
.proshow .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .img:hover img { transform:scale(1.1,1.1);}

.proshow .tit { width:100%; margin-top:50px; position:relative; z-index:2;}
.proshow .tit h4 { line-height:35px; font-weight:500; font-size:28px; color:#999;}
.proshow .tit h2 { line-height:90px; font-weight:500; font-size:50px; color:#333;}
.proshow .tit p { line-height:35px; font-size:18px; color:#333; margin-top:10px;}

.superiority { width:100%;}
.superiority li { float:left; width:calc(100% / 4); margin:40px 0;}
.superiority li i { display:block; float:left; width:95px; height:95px; border:3px solid #333; border-radius:15px; background-position:center; background-repeat:no-repeat;}
.superiority li .nr { float:right; width:200px; padding-top:5px;}
.superiority li .nr h3 { line-height:60px; font-size:24px; color:#333;}
.superiority li .nr p { line-height:25px; font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.superiority .sup01 i { background-image:url(../images/sr_38.png);}
.superiority .sup02 i { background-image:url(../images/sr_39.png);}
.superiority .sup03 i { background-image:url(../images/sr_40.png);}
.superiority .sup04 i { background-image:url(../images/sr_41.png);}

.superiority .lst { width:100%; margin-bottom:80px;}
.superiority .lst .msg { width:605px; padding:30px 70px 0 0;}
.superiority .lst .msg h4 { line-height:85px; font-weight:500; font-size:28px; color:#333;}
.superiority .lst .msg p { line-height:35px; font-size:18px; color:#999;}
.superiority .lst .tops { width:625px; height:360px; overflow:hidden;}
.superiority .lst .tops .img { height:360px;}
.superiority .lst .tops .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.superiority .lst:hover .img img { transform:scale(1.1,1.1);}
.superiority .lst:nth-child(2n-1) .msg,.superiority .lst:nth-child(2n) .tops { float:left;}
.superiority .lst:nth-child(2n) .msg,.superiority .lst:nth-child(2n-1) .tops { float:right;}
.superiority .lst:nth-child(2n) .msg { padding:30px 0 0 70px;}

.proshow .norms { width:100%; margin-top:40px; padding-top:30px; border-top:1px solid #d9d9d9; position:relative;}
.proshow .norms::after { display:block; content:""; width:652px; height:237px; background:url(../images/sr_99.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:430px; color:#fafafa; letter-spacing:5px;*/ position:absolute; right:-20%; top:5%; z-index:0;}
/*.proshow .norms h4 { float:left; width:150px; line-height:80px; font-weight:500; font-size:28px; color:#999;}*/
.proshow .norms .nr { /*float:right; width:1000px;*/ width:100%; position:relative; z-index:2;}
.proshow .norms .nr li { float:left; width:calc(100% / 3); margin:20px 0 60px 0;}
.proshow .norms .nr li p { line-height:40px; font-size:16px; color:#999;}
.proshow .norms .nr li b { display:block; font-weight:500; font-size:24px; color:#333;}
.proshow .norms .nr img { display:block; max-width:100%;}
.proshow .norms .nr .lh { margin-top:30px;}
.proshow .norms .nr .lh p { margin-bottom:0;}

.proshow .mytabs { width:100%; margin:20px 0;}
.proshow .mytabs li { float:left; height:60px; line-height:60px; font-size:16px; color:#999; padding:0 20px; cursor:pointer; border-bottom:2px solid #ededed; position:relative;}
.proshow .mytabs li::after { display:block; content:""; width:0%; height:3px; margin:auto; background:#e60012; position:absolute; left:0; right:0; bottom:-2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .mytabs .on { color:#333;}
.proshow .mytabs .on::after { width:100%;}
.proshow .mynr { width:100%;}
.proshow .mynr .swiper-slide { width:100%; background:#fff;}
.proshow .mynr .swiper-slide img { display:block; width:1245px; height:550px;}
.proshow .mynr .swiper-slide .mg { width:400px; height:230px; margin:auto; padding:60px; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff; position:absolute; right:10px; top:0; bottom:0; z-index:2;}
.proshow .mynr .swiper-slide .mg h4 { line-height:70px; font-size:28px; color:#333; margin-bottom:25px; position:relative;}
.proshow .mynr .swiper-slide .mg h4::after { display:block; content:""; width:45px; height:2px; background:#e83328; position:absolute; left:0; bottom:0;}
.proshow .mynr .swiper-slide .mg p { line-height:30px; font-size:16px; color:#666;}

.proshow .recpro { width:100%; margin-top:80px; padding:60px 0; background:#fafafa;}
.proshow .recpro .tit { margin-top:0;}
.proshow .recpro li { float:left; width:420px; margin:40px 20px 40px 0; border-radius:10px 10px 0 0; overflow:hidden; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .recpro li:last-child { margin-right:0;}
.proshow .recpro li a { display:block; width:100%;}
.proshow .recpro li .img { display:block; width:420px; height:225px; margin-top:0; overflow:hidden;}
.proshow .recpro li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .recpro li .mgs { padding:10px 30px;}
.proshow .recpro li .mgs h4 { line-height:50px; font-weight:500; font-size:18px; color:#333; border-bottom:2px dotted #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.proshow .recpro li .mgs p { height:50px; line-height:25px; font-size:13px; color:#999; margin:10px auto;}
.proshow .recpro li:hover { box-shadow:0 0 15px rgba(0,0,0,0.1);}
.proshow .recpro li:hover .img img { transform:scale(1.1,1.1);}
.proshow .recpro li:hover .mgs h4 { color:#e60012;} 

/*****新闻综合页*****/
.newcomp { padding:40px 0;}
.newcomp .tweet { width:100%; height:360px; border-radius:20px; overflow:hidden; position:relative;}
.newcomp .tweet a { display:block; width:100%;}
.newcomp .tweet .msg { width:95%; height:85px; color:#fff; padding:0 2.5%; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position:absolute; left:0; bottom:0; z-index:1;}
.newcomp .tweet .msg h3 { float:left; max-width:85%; line-height:85px; font-weight:500; font-size:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newcomp .tweet .msg span { float:right; line-height:80px; font-size:18px; margin-top:5px;}
.newcomp .tweet img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative; z-index:0;}
.newcomp .tweet a:hover img { transform:scale(1.1,1.1);}

.newcomp .tit { line-height:40px; margin-bottom:45px;}
.newcomp .tit h1 { float:left; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px;}
.newcomp .tit a { float:right; font-size:18px; color:#666;}
.newcomp .tit a:hover { color:#e83328;}
.newcomp .siruinew { width:100%; margin:80px auto;}
.newcomp .siruinew li { float:left; width:420px; margin-right:20px; overflow:hidden; position:relative;}
.newcomp .siruinew li:last-child { margin-right:0;}
.newcomp .siruinew li a { display:block; width:100%;}
.newcomp .siruinew li i { display:block; width:46px; height:46px; line-height:40px; font-style:normal; font-weight:100; font-size:34px; color:#fff; text-align:center; margin:auto; border-radius:50%; background:#e83328 url(../images/sr_02.png) no-repeat center center; position:absolute; left:0; right:0; top:-50px; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .siruinew li .img { width:420px; height:242px; margin-bottom:15px; border-radius:20px; overflow:hidden; position:relative;}
.newcomp .siruinew li .img::after { display:block; content:""; width:420px; height:0; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .siruinew li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .siruinew li .msg { padding:0 15px;}
.newcomp .siruinew li .msg h3 { line-height:40px; font-weight:500; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .siruinew li .msg p { line-height:25px; font-size:14px; color:#808080; margin:5px 0 30px 0;}
.newcomp .siruinew li .msg span { display:block; font-size:14px; color:#999;}
.newcomp .siruinew li:hover i { top:98px;}
.newcomp .siruinew li:hover .img::after { height:242px;}
.newcomp .siruinew li:hover .img img { transform:scale(1.1,1.1);}
.newcomp .siruinew li:hover .msg h3 { color:#e83328;}
.newcomp .inform { width:100%;}
.newcomp .inform .lft { float:left; width:590px; height:395px; border-radius:20px; overflow:hidden; position:relative;}
.newcomp .inform .lft::after { display:block; content:""; width:590px; height:395px; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .inform .lft a { display:block; width:100%;}
.newcomp .inform .lft h3 { width:90%; height:70px; line-height:70px; font-weight:500; font-size:24px; color:#fff; padding:0 5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2;}
.newcomp .inform .lft img { display:block; height:395px;}
.newcomp .inform .lft:hover::after { background:rgba(0,0,0,0.5);}
.newcomp .inform .rgt { float:right; width:635px;}
.newcomp .inform .rgt li { margin-bottom:40px;}
.newcomp .inform .rgt li a { display:block; width:100%;}
.newcomp .inform .rgt li .msg { float:left; width:565px;}
.newcomp .inform .rgt li .msg h3 { width:100%; line-height:35px; font-weight:500; font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .inform .rgt li .msg p { line-height:35px; font-size:16px; color:#999;}
.newcomp .inform .rgt li span { display:block; float:right; width:60px; height:25px; margin-top:10px; border:1px solid #e60012; border-radius:15px; background:url(../images/sr_10h.png) no-repeat center center; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newcomp .inform .rgt li:hover .msg h3 { color:#e60012;}
.newcomp .inform .rgt li:hover span { filter:alpha(opacity=100); opacity:1;}

/*新闻列表*/
.newlist { width:100%; padding:70px 0 40px 0;}
.newlist h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px;}
.newlist li { width:100%; padding:35px 0; border-bottom:1px solid #e6e6e6;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:85px; margin:50px 0 0 20px;}
.newlist li .time span { display:block; font-size:14px; color:#999;}
.newlist li .time b { line-height:35px; font-size:28px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time i { display:block; width:30px; height:30px; margin-top:25px; border:1px solid #ccc; border-radius:50%; overflow:hidden; position:relative;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .time i::after { display:block; content:""; width:7px; height:7px; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:10px; top:12px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:left; width:690px; margin:45px 0 0 100px;}
.newlist li .msg h3 { width:100%; line-height:40px; font-weight:500; font-size:20px; color:#000; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg p { line-height:25px; font-size:14px; color:#666;}
.newlist li .msg i { display:block; font-size:12px; color:#999; font-style:normal; margin-top:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg i small { margin-left:5px;}
.newlist li .img { float:right; width:348px; height:200px; border-radius:20px; overflow:hidden;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li:hover .time b { color:#333;}
.newlist li:hover .time i,.newlist li:hover .time i::after { border-color:#e60012;}
.newlist li:hover h3 { color:#e60012;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover i { color:#000;}

/*相关阅读*/
.reading { width:100%;}
.reading h2 { line-height:40px; font-size:22px; color:#333;}
.reading li:last-child { border-bottom:none;}
.reading li .time { margin-left:0;}
.reading li .msg { width:430px; margin-left:60px;} 

/*****加入斯瑞****/
.join { width:100%;}
.join h1 { line-height:40px; font-style:italic; font-weight:500; font-size:30px; color:#333; margin-bottom:45px; padding-left:35px; background:url(../images/sr_18.png) no-repeat left 10px;}

/*需求岗位*/
.join .jobdem { padding:60px 0; background:#fafafa;}
.join .jobdem li { width:100%; height:300px; margin-bottom:30px; padding:40px 65px; box-sizing:border-box; overflow:hidden; background-position:center top; background-repeat:no-repeat; position:relative;}
.join .jobdem li::after { display:block; content:""; width:100%; height:100%; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.join .jobdem li .msg { position:relative; z-index:2;}
.join .jobdem li .msg h3 { line-height:40px; font-size:26px; color:#fff; text-shadow:1px 1px 0 #999; letter-spacing:2px;}
.join .jobdem li .msg p { line-height:30px; font-size:18px; color:#fff; margin:4px 0 115px 0;}
.join .jobdem li .msg a { display:inline-block; height:30px; line-height:30px; font-size:16px; color:#fff; padding-right:35px; background:url(../images/arr-about.png) no-repeat right 2px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.join .jobdem li:hover::after { filter:alpha(opacity=20); opacity:0.2;}
.join .jobdem li:hover .msg a { padding-right:55px;}

/*为什么选择斯瑞*/
.join .whysir { padding-top:60px;}
.join .whysir li { float:left; width:300px; margin:0 160px 60px 26px;}
.join .whysir li:nth-child(3n) { margin-right:0;}
.join .whysir li i { display:block; width:60px; height:60px; background-position:center; background-repeat:no-repeat;}
.join .whysir li h3 { line-height:40px; font-size:26px; color:#333; margin:10px 0 50px 0; position:relative;}
.join .whysir li h3::after { display:block; content:""; width:65px; height:5px; background:#e60012; position:absolute; left:0; bottom:-25px;}
.join .whysir li p { line-height:35px; font-size:18px; color:#666;}
.join .whysir .why01 i { background-image:url(../images/sr_20.png);}
.join .whysir .why02 i { background-image:url(../images/sr_21.png);}
.join .whysir .why03 i { background-image:url(../images/sr_22.png);}
.join .whysir .why04 i { background-image:url(../images/sr_23.png);}
.join .whysir .why05 i { background-image:url(../images/sr_24t.png);}
.join .whysir .why06 i { background-image:url(../images/sr_24.png);}

/*招聘流程*/
.circuit { padding:60px 0; background:#fafafa;}
.circuit h3 { line-height:50px; font-weight:500; font-size:20px; color:#666; padding-left:35px; margin-bottom:15px;}
.circuit .martop { margin-top:40px;}
.circuit li { float:left; width:141px; text-align:center; margin-right:90px; position:relative;}
.circuit li::after { display:block; content:""; width:90px; height:121px; background:url(../images/sr_25.png) no-repeat center center / 88px; position:absolute; top:0; right:-90px;}
.circuit li:last-child { margin-right:0;}
.circuit li:last-child::after { display:none;}
.circuit li i { display:block; width:121px; height:121px; margin:0 auto; background-position:center; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease;}
.circuit li p { line-height:25px; font-size:16px; color:#666; text-align:center; margin-top:15px;}
.circuit li p span { display:block; font-size:12px; color:#999;}
.circuit .cir01 i { background-image:url(../images/sr_26.png);}
.circuit .cir02 i { background-image:url(../images/sr_27.png);}
.circuit .cir03 i { background-image:url(../images/sr_28.png);}
.circuit .cir04 i { background-image:url(../images/sr_29.png);}
.circuit .cir05 i { background-image:url(../images/sr_30.png);}
.circuit .cir06 i,.circuit .cir08 i { background-image:url(../images/sr_64.png);}
.circuit .cir07 i { background-image:url(../images/sr_65.png);}
/*.circuit li:hover i { transform:rotate(360deg);}*/

/*人才培育计划*/
.plan { padding:60px 0;}
.plan li { float:left; width:305px; height:540px; margin-right:25px; text-align:center; padding-top:40px; box-shadow:0 0 20px rgba(0,0,0,0.05);}
.plan li:last-child { margin-right:0;}
.plan li i { display:block; width:50px; height:50px; margin:0 auto; background-position:center; background-repeat:no-repeat;}
.plan li h3 { line-height:40px; font-size:22px; color:#333; margin:10px 0 25px 0;}
.plan li p { line-height:40px; font-size:18px; color:#999; padding-bottom:20px; background:url(../images/sr_35.png) no-repeat center 45px;}
.plan li p:last-child { background:none;}
.plan .pl01 i { background-image:url(../images/sr_31.png);}
.plan .pl02 i { background-image:url(../images/sr_32.png);}
.plan .pl03 i { background-image:url(../images/sr_33.png);}
.plan .pl04 i { background-image:url(../images/sr_34.png);}

/*晋升计划*/
.promotion { padding:60px 0; border-top:1px solid #eee;}
.promotion .msg { padding:40px; box-shadow:0 0 20px rgba(0,0,0,0.05);}

/*招聘列表*/
.job { width:100%; padding:30px 0 40px 0; background:#fafafa; overflow:hidden;}
.job h1 { line-height:50px; font-size:20px; color:#333; margin-bottom:15px;}
.job .lft { float:left; width:330px;}
.job .lft .nvs { padding:25px 25px 15px 25px; background:#fff;}
.job .lft .nvs li { height:65px; line-height:65px; margin:0 5px 5px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.job .lft .nvs li:last-child { border-bottom:none;}
.job .lft .nvs li a { display:block; font-size:20px; color:#333; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.job .lft .nvs li a::before,.job .lft .nvs li a::after { display:block; content:""; background:#333; position:absolute; -webkit-transition:all .5s ease; transition:all .5s ease;}
.job .lft .nvs li a::before { width:12px; height:2px; top:32px; right:5px;}
.job .lft .nvs li a::after { width:2px; height:12px; top:27px; right:10px;}
.job .lft .nvs li:hover a,.job .lft .nvs .on a { color:#e60012;}
.job .lft .nvs li:hover a::before,.job .lft .nvs .on a::before { background:#e60012;}
.job .lft .nvs li:hover a::after,.job .lft .nvs .on a::after { filter:alpha(opacity=0); opacity:0; top:-10px;}
.job .rgt { float:right; width:950px;}
.job .rgt li { padding:25px 30px; margin-bottom:15px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.job .rgt li a { display:block; width:100%; background:url(../images/sr_36.png) no-repeat right bottom;}
.job .rgt li h3 { line-height:30px; font-weight:bold; font-size:22px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.job .rgt li p { width:100%;}
.job .rgt li p span { display:inline-block; font-size:16px; color:#666; margin:5px 35px 20px 0; position:relative;}
.job .rgt li p span::after { display:block; content:""; width:1px; height:15px; background:#999; position:absolute; right:-20px; top:6px;}
.job .rgt li p span:last-child::after { display:none;}
.job .rgt li .mg { width:80%; height:50px; line-height:25px; font-size:14px; color:#999; overflow:hidden;}
.job .rgt li:hover { box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.job .rgt li:hover a { background-image:url(../images/sr_36h.png);}
.job .rgt li:hover h3 { color:#e60012;}

/*招聘详情*/
.jobshow { padding:35px; background:#fff; position:relative;}
.jobshow::after { display:block; content:""; width:652px; height:237px; background:url(../images/sr_99.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:430px; color:#fafafa; letter-spacing:5px;*/ position:absolute; right:0; top:40%; z-index:0;}
.jobshow h1 { height:35px; line-height:35px; font-weight:bold; font-size:26px; color:#333; padding:0 0 35px 50px; border-bottom:1px solid #e9e9e9; background:url(../images/sr_37.png) no-repeat left 2px;}
.jobshow h2 { line-height:40px; font-weight:bold; font-size:20px; color:#333;}
.jobshow .msg { padding:15px 20px; margin:40px 0 30px 0; background:#f7f7f7;}
.jobshow .msg span { display:inline-block; width:300px; line-height:40px; font-size:16px; color:#999;}
.jobshow .msg span i { font-style:normal; color:#333;}
.jobshow .lh { width:100%; position:relative; z-index:2;}
.jobshow .lh h5 { line-height:30px; font-weight:500; font-size:18px; color:#000; margin:35px 0 5px 0;}
.jobshow .lh p { line-height:40px; font-size:16px; color:#666; margin-bottom:0;}

/*岗位推荐*/
.abutjob { padding:60px 0 20px 0;}
.abutjob h1 { line-height:40px; font-style:italic; font-weight:500; font-size:30px; color:#333; margin-bottom:45px; padding-left:35px; background:url(../images/sr_18.png) no-repeat left 10px;}
.abutjob li { padding:25px 30px; margin-bottom:15px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abutjob li a { display:block; width:100%; background:url(../images/sr_36.png) no-repeat right bottom;}
.abutjob li h3 { line-height:30px; font-weight:bold; font-size:22px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abutjob li p { width:80%; line-height:25px; font-size:14px; color:#999; margin:5px 0 20px 0;}
.abutjob li p span { display:inline-block; font-size:16px; color:#666; margin-right:35px; position:relative;}
.abutjob li p span::after { display:block; content:""; width:1px; height:15px; background:#999; position:absolute; right:-20px; top:6px;}
.abutjob li p span:last-child::after { display:none;}
.abutjob li:hover { box-shadow:0 5px 20px rgba(0,0,0,0.05);}
.abutjob li:hover a { background-image:url(../images/sr_36h.png);}
.abutjob li:hover h3 { color:#e60012;}

/*****社会责任*****/
.social { width:100%;}
.social h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; padding-bottom:20px;}
.social p { line-height:35px; font-size:16px; color:#666; margin-top:25px;}
.social i { display:block; width:75px; height:75px; border:2px solid #fff; border-radius:10px; background-position:center; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease;}

.social .soc1 { width:100%; padding:100px 0; background:url(../images/sr_71.png) no-repeat center bottom;}
.social .soc1 .mumber { width:100%; margin-top:50px;}
.social .soc1 .mumber li { float:left; width:160px; text-align:center; margin:0 80px;}
.social .soc1 .mumber li h3 { line-height:50px; font-weight:500;}
.social .soc1 .mumber li h3 span { font-weight:bold; font-size:66px; color:#33cd6b;}
.social .soc1 .mumber li h3 sub { font-size:20px; color:#333; margin-left:5px; position:relative; top:-5px;}
.social .soc1 .mumber li p { line-height:25px; font-size:16px; margin-top:15px; letter-spacing:0;}

.social .wlbj { width:100%; position:relative;}
.social .wlbj .bg1 { height:735px; background:url(../images/sr_72.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:0; z-index:1;}
.social .wlbj .bg2 { height:735px; background:url(../images/sr_79.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:0; z-index:1;}

.social .soc2 { width:100%; margin:auto; position:absolute; top:100px; left:0; right:0; z-index:2;}
.social .soc2 h1,.social .soc2 p { color:#fff;}
.social .soc2 .msg { float:left; width:435px; margin:100px 80px 0 0;}
.social .soc2 .msg i { float:left; margin-right:20px;}
.social .soc2 .msg .so01 { background-image:url(../images/sr_73.png);}
.social .soc2 .msg .so02 { background-image:url(../images/sr_74.png);}
.social .soc2 .msg .nr { float:left; width:335px;}
.social .soc2 .msg .nr h3 { line-height:40px; font-weight:500; font-size:22px; color:#fff;}
.social .soc2 .msg .nr p { line-height:45px; font-size:16px; color:#fff; margin-top:0; padding-left:20px; position:relative;}
.social .soc2 .msg .nr p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:0; top:21px;}
.social .soc2 .msg:hover i { border-radius:30px;}

.social .soc3 { width:100%; padding:110px 0 65px 0; background:#fff; position:relative; z-index:2;}
.social .soc3::after { display:block; content:""; width:652px; height:237px; background:url(../images/sr_99.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:430px; color:#fafafa; letter-spacing:5px;*/ position:absolute; right:1%; top:40%; z-index:0;}
.social .soc3 .warp { position:relative; z-index:2;}
.social .soc3 li { float:left; width:45%; margin:60px 10% 0 0;}
.social .soc3 li:nth-child(2n) { margin-right:0;}
.social .soc3 li i { float:left; border-color:#333; margin-right:20px;}
.social .soc3 li .sc01 { background-image:url(../images/sr_75.png);}
.social .soc3 li .sc02 { background-image:url(../images/sr_76.png);}
.social .soc3 li .sc03 { background-image:url(../images/sr_77.png);}
.social .soc3 li .sc04 { background-image:url(../images/sr_78.png);}
.social .soc3 li .msg { float:left; width:435px;}
.social .soc3 li .msg h3 { line-height:30px; font-weight:500; font-size:22px; color:#333; margin-bottom:10px;}
.social .soc3 li .msg p { height:90px; line-height:30px; font-size:16px; color:#666; margin-top:0;}
.social .soc3 li:hover i { border-radius:30px;}

.social .soc4 { width:100%; margin:auto; position:absolute; top:100px; left:0; right:0; z-index:2;}
.social .soc4 h1,.social .soc4 p { color:#fff;}
.social .soc4 li { float:left; width:240px; margin:80px 113px 0 0;}
.social .soc4 li:last-child { margin-right:0;}
.social .soc4 li .oc01 { background-image:url(../images/sr_80.png);}
.social .soc4 li .oc02 { background-image:url(../images/sr_81.png);}
.social .soc4 li .oc03 { background-image:url(../images/sr_82.png);}
.social .soc4 li .oc04 { background-image:url(../images/sr_83.png);}
.social .soc4 li h3 { line-height:40px; font-weight:500; font-size:22px; color:#fff; margin:25px auto 10px auto;}
.social .soc4 li p { line-height:35px; font-size:16px; color:#fff; margin-top:0;}
.social .soc4 li:hover i { border-radius:30px;}

.social .soc5 { width:100%; padding:80px 0; background:#fff; position:relative; z-index:2;}
.social .soc5 li { float:left; width:210px; height:210px; margin:40px 60px 0 0; border:1px solid #e6e6e6; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.social .soc5 li:nth-child(5n) { margin-right:0;}
.social .soc5 li a { display:block; height:90px; padding:15px;}
.social .soc5 li h3 { max-width:100%; line-height:40px; font-size:24px; color:#333;}
.social .soc5 li h3 sup { display:inline-block; width:40px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; margin-left:5px; border-radius:10px; background:#31a580; position:relative; top:3px;}
.social .soc5 li p { line-height:30px; font-size:14px; color:#666; margin-top:0;}
.social .soc5 li span { display:block; width:35px; height:35px; border-radius:50%; background:#f2f3f5 url(../images/sr_84.png) no-repeat center center; position:absolute; right:20px; bottom:-40px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.social .soc5 li:hover { border-color:#31a580; background:#31a580;}
.social .soc5 li:hover h3,.social .soc5 li:hover p { color:#fff;}
.social .soc5 li:hover h3 sup { color:#31a580; background:#fff;}
.social .soc5 li:hover span { bottom:15px;}

/*下载*/
.softs { width:100%;}
.softs li { float:left; width:390px; margin:0 5px 30px 5px; overflow:hidden; position:relative;}
.softs li a { display:block; width:100%;}
.softs li .msg { width:90%; height:200px; padding:95px 5%; text-align:center; background:rgba(222,5,5,0.8); position:absolute; top:0; left:0; z-index:2;}
.softs li .msg i { display:block; width:20px; height:2px; margin:0 auto; background:#fff;}
.softs li .msg h3 { width:100%; line-height:40px; font-size:18px; color:#fff; margin-bottom:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.softs li .msg p { width:90px; height:30px; line-height:30px; font-size:12px; color:#fff; margin:0 auto; border:1px solid #fff; border-radius:15px; overflow:hidden;}
.softs li img { width:390px; height:300px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.softs li:hover img { transform:scale(1.1,1.1);}

/*搜索*/
.form_div { display:none;}

/*1520以下*/
@media screen and (max-width:1519px) {
	.banner .swiper-button-prev,.banner .swiper-button-next { top:auto; bottom:20px;}
}

@media screen and (max-width:1366px) {
	.about .rgt { top:-45px;}
}

/*1366以下768以上*/
@media screen and (max-width:1365px) {
	.mine { overflow:hidden; position:relative; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
	.open { overflow:hidden;}	
	.open .mine { overflow:initial;}
	.open .mine { right:200px;}
	.warp { width:calc(100% - 30px); padding:0 15px;}
	.content { margin-top:80px;}
	.showcont { padding:30px 0 0 0;}
	.catnav li { margin-right:25px;}
	.catnav li a { font-size:14px;}
	.scott { padding:30px 0;}
	
	.form_div { display:block; width:90%; height:45px; line-height:45px; margin:15px auto; border:1px solid #ddd; border-radius:22.5px; overflow:hidden;}
	.form_div input { display:block; float:left; width:calc(100% - 130px); height:45px; line-height:45px; padding:0 15px; outline:none; border:none; background:none;}
	.form_div .btn { width:100px; text-indent:20px; background:url(../images/sr_02h.png) no-repeat 20px center;}
	
	/*头部*/
    .header { min-width:100%;}
	.header .rgt { display:none;}	
	.header .muen { display:block; float:right; width:30px; height:15px; margin-top:30px; cursor:pointer; border-top:2px solid #fff; border-bottom:2px solid #fff; position:relative;}
	.header .muen::after { display:block; content:""; width:30px; height:2px; margin:auto; background:#fff; position:absolute; left:0; top:0; bottom:0;}
	.header .mnavs { display:block; width:199px; height:100vh; overflow-y:scroll; border-left:1px solid #eee; background:#fff; position:absolute; right:-200px; -webkit-transition:all .5s ease; transition:all .5s ease;}
	.header .mnavs li { width:100%; border-bottom:1px solid #eee;}
	.header .mnavs li a { display:block; height:50px; line-height:50px;}
	.header .mnavs li .lang { float:left; width:70%; font-size:18px; color:#e60012; padding-left:10px;}	
	.header .mnavs li .mserch { float:right; width:40px; filter:grayscale(0) brightness(0); background:url(../images/sr_02.png) no-repeat center center;}	
	.header .mnavs li h3 { height:50px; line-height:50px; padding:0 10px; position:relative;}
	.header .mnavs li h3 a { display:block; width:100%; font-size:16px;}
	.header .mnavs li h3 i { display:block; width:45px; height:50px; line-height:45px; font-style:normal; font-weight:500; font-size:16px; color:#999; text-align:center; cursor:pointer; position:absolute; right:0; top:0; z-index:1;}
	.header .mnavs li .xlej { display:none; padding:10px; border-top:1px solid #eee; background:#fafafa;}
	.header .mnavs li .xlej a { display:block; float:left; width:50%; height:40px; line-height:40px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.header .mnavs li .xlej a:hover { color:#eb2914;}
	.header .mnavs .on h3 a { color:#e60012;}
	.header .mnavs li .on { display:block;}	
	
	/*头部高亮*/
	.header:hover { background:none;}
	.header:hover .logo img { filter:grayscale(100) brightness(100);}
	.headeron .logo img { filter:grayscale(0);}
	.headeron:hover .logo img { filter:grayscale(0);}
	.headeron .muen { border-color:#333;}
	.headeron .muen::after { background:#333;}
	
	/*banner*/
	.banner .warp { height:280px;}
	.banner .text h1 { line-height:80px; font-size:50px; letter-spacing:2px;}
	.banner .text a { width:140px; height:50px; line-height:50px; font-size:14px; padding-left:20px; margin-top:45px; border-radius:25px; background-position:85% center;}
	
	/*二级banner*/
	.banner_ej h1 { height:40px; line-height:40px; font-size:34px; letter-spacing:4px;}
	
	/*关于我们*/
	.about { padding:80px 0; position:relative;}
	.about .lft { width:40%; margin-top:0; position:relative; z-index:2;}
	.about .lft h2 { line-height:50px; font-size:40px; margin-bottom:50px;}
	.about .lft h2::after { bottom:-20px;}
	.about .lft p { line-height:35px; font-size:16px; letter-spacing:0;}
	.about .lft a { width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; border-radius:20px; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;}
	.about .rgt { width:500px; height:493px; margin:auto; letter-spacing:0; right:2%;}
	.about .rgt .imgbg { width:500px; height:493px;}
	.about .rgt .img { top:145px; left:145px;}
	.about .rgt .mumber li { width:80px;}
	.about .rgt .mumber li h3 span { font-size:26px;}
	.about .rgt .mumber .mum01 { left:90px; top:75px;}
	.about .rgt .mumber .mum02 { width:85px; right:-12px;}
	.about .rgt .mumber .mum03 { left:75px; top:308px;}
	.about .rgt .mumber .mum04 { width:85px; top:335px; right:60px;}

	
	/*产品*/
	.pros { height:auto; text-align:center; padding:120px 0; background-size:auto 100%;}
	.pros li { width:calc(100% / 5 - 1%); padding:16px 0; margin:30px 0.35% 0 0.35%; overflow:hidden; box-sizing:border-box;}
	.pros li .img,.pros li .img img { width:110px; height:110px;}
	.pros li .img::after { width:130px; height:130px; top:-10px; left:-10px;}
	.pros li h3 { width:90%; height:60px; line-height:30px; font-size:16px; margin-top:35px; padding:0 5%;}
	.pros li i { margin:30px auto;}
	.pros li span { height:30px; line-height:30px; font-size:12px; border-radius:15px;}
	.pros li:hover i { margin:15px auto 45px auto;}
	.pros .more { margin-top:80px; color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;}
	
	/*新闻*/
	.indexall #swiper-container3 .swiper-slide { height:100% !important;}
	.news .tits { margin-bottom:50px;}
	.news .newnr .newli .swiper-slide a	{ padding:15px;}
	.news .newnr .newul .swiper-button-next { left:0; background-image:url(../images/sr_11h.png);}
	.news .newnr .newul .swiper-button-prev { right:0; background-image:url(../images/sr_12h.png);}
	
	/*脚部*/
	.footer .nva { width:355px;}
	.footer .nva li { margin-right:30px;}
	.footer .cotact { padding-left:0; border-left:none;}
	
	/*走进斯瑞*/
	.intosr .into01 { padding:20px 0;}
	.intosr .into01 .msg { float:none; width:100%;}
	.intosr .into01 .msg .lh { margin-bottom:50px; height:auto; overflow-y:inherit;}
	.intosr .into01 .msg .mumber { width:100%; margin-bottom:15px; position:inherit;}
	.intosr .into01 .msg .mumber li { padding:30px 0 15px 0;}
	.intosr .into01 .msg .mumber li h3 { line-height:15px;}
	.intosr .into01 .msg .mumber li h3 span { font-size:34px;}
	.intosr .into01 .msg .mumber li h3 sub { font-size:14px;}
	.intosr .into01 .msg .mumber li p { font-size:12px;}
	.intosr .into01 .img { display:none;}	
	.intosr .into02 { padding:30px 0;}
	.intosr .into02 li { width:120px; height:auto;}
	.intosr .into02 li .lft { width:120px; height:295px; padding:30px 10px; box-sizing:border-box; background-size:100%;}
	.intosr .into02 li .lft h3 { height:50px; line-height:25px; font-size:14px; margin-bottom:35px;}
	.intosr .into02 li .rgt { width:calc(100% - 140px); height:275px; padding:10px;}
	.intosr .into02 li .rgt .img { width:100%; max-height:115px; margin-bottom:10px; overflow:hidden;}
	.intosr .into02 li .rgt p { height:150px; overflow:hidden;}
	.intosr .into02 .on { width:calc(100% - 480px);}	
	.intosr .into03 { padding:30px 0;}
	.intosr .into03 li { width:calc(100% / 3 - 8px); margin:0 12px 0 0; padding:0; box-sizing:border-box;}
	.intosr .into03 li h3 { line-height:60px; font-size:24px;}
	.intosr .into03 li b { line-height:35px; font-size:16px;}
	.intosr .into03 li p { line-height:30px; font-size:14px; margin-top:15px;}	
	
	.intosr .wlbj .bg { height:300px;}	
	.intosr .into04 .tittabs { top:75px;}
	.intosr .into04 .tittabs li { line-height:80px; width:80px; height:80px; font-size:18px; margin:15px 49px 0 0;}
	.intosr .into04 .tittabs li::after { width:50px; left:80px;}
	.intosr .into04 .tittabs li:last-child::after { display:none;}
	.intosr .into04 .swiper-container { padding-bottom:30px;}
	.intosr .into04 .swiper-slide h4 { font-size:24px;}
	.intosr .into04 .swiper-slide p { line-height:25px; font-size:14px;}
	.intosr .into04 .swiper-slide p::after { top:10.5px;}	
	.intosr .into05 { padding:40px 0;}
	.intosr .into05 .prolst { margin-top:15px;}
	
	/*联系我们*/
	.contact .top { padding:30px 0; background-size:100%;}
	.contact .top .msg { width:50%;}
	.contact .top .msg i { line-height:20px;}
	.contact .top .msg h3 { line-height:40px; font-size:26px; letter-spacing:0;}
	.contact .top .msg li { width:calc(50% - 30px); margin:30px 30px 0 0;}	
	.contact .top .msg li p { width:calc(100% - 50px) !important;}
	.contact .top .msg .cot01 { width:100%; margin-right:0;}
	.contact .top .img { width:50%; max-height:260px; margin-top:15px;}
	.contact .bottom { padding:10px 0; background-position:center top; background-size:100%;}
	.contact .bottom .tabs li { padding:0 30px;}
	.contact .bottom .cotnr li { margin-top:20px;}
	.contact .bottom .cotnr li h3 { font-size:16px;}
	.contact .bottom .cotnr li h6 { font-size:12px; letter-spacing:0; margin-bottom:10px;}
	.contact .bottom .cotnr li p { line-height:30px; font-size:14px; padding-left:25px; margin-bottom:5px; background-position:left 6px; background-size:20px;}
	
	/*新闻内页*/
	.newcomp { padding:15px 0;}
	.newcomp .tweet { height:300px; border-radius:10px;}
	.newcomp .tweet .msg { height:65px;}
	.newcomp .tweet .msg h3 { line-height:65px; font-size:20px;}
	.newcomp .tweet .msg span { line-height:65px; font-size:16px; margin-top:0;}
	.newcomp .siruinew { margin:40px auto;}
	.newcomp .tit { margin-bottom:30px;}
	.newcomp .siruinew li { width:calc(100% / 3 - 15px); margin-right:15px;}
	.newcomp .siruinew li:hover i { top:14%;}
	.newcomp .siruinew li .img { width:100%; height:auto; margin-bottom:5px; border-radius:5px;}
	.newcomp .siruinew li .img::after { width:100%;}
	.newcomp .siruinew li .msg { padding:0;}
	.newcomp .siruinew li .msg h3 { font-size:16px;}
	.newcomp .siruinew li .msg p { font-size:12px; margin:0 0 15px 0;}
	.newcomp .siruinew li .msg span { font-size:12px; color:#333;}
	.newcomp .inform .lft { width:385px; height:225px; border-radius:10px;}
	.newcomp .inform .lft img { width:385px; height:225px;}
	.newcomp .inform .lft h3 { width:95%; height:45px; line-height:45px; font-size:18px; padding:0 2.5%;}
 	.newcomp .inform .rgt { width:calc(100% - 410px);}
	.newcomp .inform .rgt li { margin-bottom:10px;}
	.newcomp .inform .rgt li .msg { width:75%;}
	.newcomp .inform .rgt li .msg h3 { line-height:30px; font-size:16px;}
	.newcomp .inform .rgt li .msg p { line-height:20px; font-size:12px;}
	.newlist { padding:30px 0;}
	.newlist li { padding:20px 0;}
	.newlist li .time { width:75px; margin:12px 0 0 0;}
	.newlist li .time b { line-height:30px; font-size:24px;}
	.newlist li .msg { width:calc(100% - 350px); margin:5px 0 0 15px;}
	.newlist li .msg h3 { font-size:16px; margin-bottom:5px;}
	.newlist li .msg p { font-size:12px;}
	.newlist li .img { width:235px; height:135px; border-radius:10px;}
	
	/*产品内页*/
	.proall .proa1, .proall .proa2, .proall .proa3, .proall .proa4, .proall .proa5 { padding:100px 0;}	
	.proall .msg { width:500px;}
	.proall .swiper-slide-active .msg, .proall .swiper-slide-active #swiper-container2 .swiper-slide-active .msg { transform:translateX(0px);}
	.proall .swiper-slide .msg .img { width:160px; height:160px;}
	.proall .swiper-slide .msg h1 { line-height:65px; font-size:22px;}
	.proall .swiper-slide .msg p { font-size:14px;}
	.proall .swiper-slide .msg h3 { margin-top:40px;}
	.prolist li { border-radius:10px;}
	.prolist li .img { width:335px; height:180px;}
	.prolist li .msg { width:calc(100% - 345px); padding:0 20px; box-sizing:border-box;}
	.prolist li .msg p { height:83px; line-height:22px; margin:0 0 20px 0; overflow:hidden;}
	.prolist li .msg a { width:100px; height:35px; line-height:35px; border-radius:17.5px;}
	.proshow { padding-top:0;}
	.proshow::after { width:100%; height:140px; background-size:auto 100%;}
	.proshow .msg { width:46%;}
	.proshow .msg h3 { line-height:45px; font-size:34px; padding-top:55px;}
	.proshow .msg p { line-height:25px; font-size:14px;}
	.proshow .msg a { width:175px; height:45px; line-height:45px; font-size:18px; text-indent:20px; margin-top:50px; border-radius:22.5px; background-position:135px center;}
	.proshow .img { width:410px; height:325px; margin-top:10px;}
	.proshow .tit { margin-top:50px;}
	.proshow .tit h4 { line-height:30px; font-size:20px;}
	.proshow .tit h2 { line-height:60px; font-size:34px;}
	.proshow .tit p { line-height:30px; font-size:16px;}
	.superiority li { margin:40px 0;}
	.superiority li i { width:50px; height:50px; border-width:2px; background-size:80%;}
	.superiority li .nr { width:calc(100% - 60px); padding-top:0;}
	.superiority li .nr h3 { line-height:30px; font-size:18px;}
	.superiority li .nr p { font-size:14px;}
	.superiority .lst { margin:30px 0 0 0; padding:15px 0;}
	.superiority .lst .msg { width:calc(100% - 405px); padding:0 30px 0 0;}
	.superiority .lst .msg h4 { line-height:45px; font-size:22px; margin-bottom:10px;}
	.superiority .lst .msg p { line-height:30px; font-size:14px;}
	.superiority .lst .tops { width:375px; height:100%; margin-top:0;}
	.superiority .lst .tops .img { height:auto;}
	.superiority .lst:nth-child(2n) .msg { padding:0 0 0 30px;}
	.proshow .norms { margin-top:25px; padding-top:15px;}
	.proshow .norms::after { width:385px; height:140px; background-size:auto 100%; right:0;}
	.proshow .norms h4 { width:85px; font-size:20px;}
	.proshow .norms .nr { width:calc(100% - 120px);}
	.proshow .norms .nr li { margin-bottom:20px;}
	.proshow .norms .nr li b { font-size:20px;}
	.proshow .mynr .swiper-slide img { width:95%; height:auto;}
	.proshow .mynr .swiper-slide .mg { padding:30px;}
	.proshow .mynr .swiper-slide .mg p { font-size:14px;}
	.proshow .recpro { margin-top:30px; padding:40px 0 0 0;}
	.proshow .recpro li { width:calc(100% / 3 - 7px); margin-right:10px;}
	.proshow .recpro li .img { width:100%; height:auto;}
	.proshow .recpro li .mgs { padding:10px 10px;}
	.proshow .recpro li .mgs h4 { line-height:40px;}
	
	/*投资者关系*/	
	.investor .notice { padding:40px 0;}
	.investor h1 { margin-bottom:25px;}
	.investor .lft { width:70%;}
	.investor .notice .rgt { width:190px; background-position:20px center;}
	.investor .notice .rgt a { padding-left:95px; background-position:95px 90px;}
	.investor .team { padding:40px 0;}
	.investor .team li { width:calc(100% / 4); margin-right:0;}
	.investor .team li .img { width:85%; height:auto; margin:0 auto;}
	
	/*加入斯瑞*/
	.join h1 { margin-bottom:25px;}
	.join .jobdem { padding:40px 0;}
	.join .jobdem li:last-child { margin-bottom:0;}
	.join .whysir { padding:40px 0 20px 0;}
	.join .whysir li { width:calc(100% / 3 - 7%); margin:10px 4% 30px 26px;}
	.join .whysir li i { width:40px; height:40px; background-size:100%;}
	.join .whysir li h3 { font-size:20px; margin:5px 0 20px 0;}
	.join .whysir li h3::after { width:35px; height:2px; bottom:-5px;}
	.join .whysir li p { line-height:30px; font-size:16px;}
	.circuit { padding:50px 0;}
	.circuit li { width:calc(100% / 6); margin-right:0;}
	.circuit li::after { width:25%; background-size:100%; right:-10%;}
	.circuit li i { margin:0 auto; background-size:65%;}
	.circuit li p { font-size:16px;}
	.plan { padding:40px 0;}
	.plan li { width:calc(100% / 4 - 12px); height:475px; margin:20px 15px 0 0;}
	.plan .pl04 { margin-right:0;}
	.plan li p { line-height:30px; font-size:16px; background-position:center 35px;}
	.job { padding-bottom:0;}
	.job .lft { width:180px;}
	.job .lft .nvs { padding:15px;}
	.job .lft .nvs li { height:50px; line-height:50px;}
	.job .lft .nvs li a { font-size:16px;}
	.job .lft .nvs li a::before { height:1px;}
	.job .lft .nvs li a::after { width:1px;}
	.job .rgt { width:calc(100% - 200px);}
	.job .rgt li { padding:15px 20px;}
	.job .rgt li h3 { font-size:18px;}
	.job .rgt li p span { font-size:14px; margin:5px 25px 10px 0;}
	.jobshow { padding:20px;}
	.jobshow h1 { padding-bottom:15px; margin-bottom:0;}
	.jobshow .msg span { width:32%;}
	
	/*社会责任*/
	.social .wlbj .bg1,.social .wlbj .bg2 { display:none;}
	.social .soc2,.social .soc4 { position:initial;}
	.social .soc4 { background: url(../images/sr_79.jpg) no-repeat center top / cover;}
	.social .soc1 { padding:50px 0;}
	.social h1 { padding-bottom:0;}
	.social p { line-height:30px; font-size:16px;}
	.social i { width:50px; height:50px; background-size:40px;}
	.social .soc1 .mumber li { width:calc(100% / 4); margin:0;}
	.social .soc1 .mumber li h3 span { font-size:50px;}
	.social .soc1 .mumber li p { font-size:14px; margin-top:0;}
	.social .soc2 { padding:50px 0; background-color:#294e3d; background-position:right bottom;}
	.social .soc2 .msg { margin:50px 25px 0 0;}
	.social .soc2 .msg i { margin-right:15px;}
	.social .soc2 .msg .nr p { padding-left:15px; line-height:35px;}
	.social .soc2 .msg .nr p::after { top:16px;}
	.social .soc3 { padding:50px 0 15px 0;}
	.social .soc3 li i { margin-right:15px;}
	.social .soc3 li .msg { width:calc(100% - 70px);}
	.social .soc3 li .msg p { line-height:25px; font-size:13px;}
	.social .soc4 { padding:50px 0; background-position:right top;}
	.social .soc4 li { width:calc(100% / 4 - 20px); margin-right:0; padding-right:20px;}
	.social .soc4 li h3 { font-weight:bold; font-size:20px; margin:10px auto 0 auto;}
	.social .soc4 li p { line-height:25px; font-size:12px;}
	.social .soc5 { padding:50px 0;}
	.social .soc5 li { margin-right:30px;}
}

/*768以下*/
@media screen and (min-width:320px) and (max-width:767px) {	
	.open .header { right:200px;}
	.open .topnav,.open .topnfix { left:-200px;}
	.content { margin-top:40px; border-top:none;}
	.warp { width:calc(100% - 20px); padding:0 10px;}	
	.lh { line-height:30px; font-size:14px;}
	.showcont { padding:15px 0 0 0;}
	.show_h3 { padding-bottom:15px; margin-bottom:15px;}
	.show_h3 h3 { line-height:35px; font-size:22px;}
	.show_h3 p { font-size:12px;}
	.catnav { height:50px; line-height:50px; overflow-x:scroll;}
	.catnav::-webkit-scrollbar { width:0px; height:0px;} 
	.catnav ul { display:block; width:700px;}
	.catnav li { margin-right:15px;}
	.topnav { height:50px; line-height:50px; overflow-x:scroll;}
	.topnav::-webkit-scrollbar { width:0px; height:0px;} 
	.topnav ul { display:block; width:455px;}
	.topnav li { margin-right:15px;}
	.topnav li a { font-size:14px;}
	.topnfix { top:41px;}
	
	/*头部*/
	.header { height:40px !important; border-bottom:1px solid #eee; background:#fff; position:fixed; -webkit-transition:all .5s ease; transition:all .5s ease;}
	.header .logo { height:30px; margin-top:5px;}
	.header .logo img,.header:hover .logo img { filter:grayscale(0);}
	.header .muen { width:20px; height:10px; margin:15px 10px 0 0; border-color:#333;}
	.header .muen::after { background:#333;}
	.header:hover { background:#fff;}
	
	.footer .rgt li p { left:0; right:auto;}
	
	/*banner*/
	.banner {}
	.banner .warp { height:260px; padding-top:40px;}
	.banner .text h1 { line-height:35px; font-size:28px;}
	.banner .text a { width:150px; height:40px; line-height:40px; /*color:#fff; box-shadow:0 5px 30px rgb(230 0 18 / 60%); background:#e60012 url(../images/sr_05h.png) no-repeat 85% center;*/}
	.banner .swiper-button-prev,.banner .swiper-button-next { display:none;}
	
	/*二级banner*/
	.banner_ej { margin-top:41px;}
	.banner_ej h1 { font-size:24px; letter-spacing:2px;}
	
	/*关于我们*/
	.about { padding:50px 0;}
	.about .lft { float:none; width:100%; margin-top:0px;}
	.about .lft h2 { line-height:30px; font-size:28px; margin-bottom:45px;}
	.about .lft h2::after { width:40px; bottom:-15px;}
	.about .lft p { line-height:35px; font-size:16px;}
	.about .rgt { display:none; width:100%; height:auto; position:inherit; right:0;}
	.about .rgt .img,.about .rgt .imgbg { display:none;}
	.about .rgt .mumber { margin-top:50px;}
	.about .rgt .mumber li { float:left; width:calc(100% / 2); margin-bottom:30px; position:inherit;}
	.about .rgt .mumber li::after { display:none;}
	.about .rgt .mumber li h3 { font-size:14px;}
	.about .rgt .mumber li h3 span { font-size:30px;}
	.about .rgt .mumber li h3 sup { font-size:16px;}
	.about .imgbotm { display:block; width:90%; max-width:500px; margin:auto; overflow:hidden; position:absolute; left:0; right:0; bottom:-25%;}
	.about .imgbotm img { display:block; width:100%; animation:rotation 50s linear infinite; -moz-animation:rotation 50s linear infinite; -webkit-animation:rotation 50s linear infinite; -o-animation:rotation 50s linear infinite;}
		
	/*产品*/
	.pros { padding:50px 0 80px 0;}
	.pros li { width:calc(100% / 3 - 1%); margin-top:40px; padding:0;}
	.pros li .img { width:90%; height:auto;}
	.pros li .img img { width:100%; height:auto; border-radius:10px;}
	.pros li .img::after { display:none;}
	.pros li h3 { height:25px; line-height:25px; font-size:12px; margin:10px auto 20px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.pros li i { width:11px; height:20px; margin:15px auto; background-size:11px 20px;}
	.pros li span { height:25px; line-height:25px;}
	.pros li:hover i { margin:5px auto 25px auto;}
	.pros .more { width:120px; height:40px; line-height:40px; font-size:14px; margin-top:30px; border-radius:20px;}
	
	/*新闻*/	
	.news { padding:60px 0;}
	.news .tits h1 { line-height:25px; font-size:24px;}
	.news .tits h3 { line-height:25px; font-size:22px;}
	.news .tits h3::after { width:25px; bottom:-10px;}
	.news .tabs { margin-top:2px;}
	.news .tabs li { line-height:30px; margin-left:15px;}
	.news .tabs li a { font-size:14px;}
	.news .newnr .newli .swiper-slide a { padding:10px;}
	.news .newnr .newli .swiper-slide .time { line-height:25px; font-size:14px;}
	.news .newnr .newli .swiper-slide .time b { font-size:22px;}
	.news .newnr .newli .swiper-slide h3 { margin:15px 0 10px 0;}
	.news .newnr .newul .swiper-button-next,.news .newnr .newul .swiper-button-prev { background-color:rgba(0,0,0,0.1);}
	
	/*脚部*/
	.footer { padding-top:20px;}
	.footer .nva { display:none;}
	.footer .rgt { float:none; width:100%; max-width:100%; position:relative;}
	.footer .rgt h3 { text-align:left;}
	.footer .rgt li { float:left; margin:0 10px 15px 0;}
	.footer .rgt .nava { display:none; width:85px; text-indent:25px; margin:0; background-position:5px 9px; position:absolute; top:25px;}
	.footer .rgt .ico5 { right:0;}
	.footer .rgt .ico6 { right:90px;}	
	.footer .copy { margin-top:15px;}
	.footer .copy .log { display:none;}
	.footer .copy p { float:none; line-height:25px; color:#999;}
	.footer .copy p a { color:#999;}
	
	/*走进斯瑞*/	
	.intosr  h1 { line-height:30px; font-size:24px;}	
	.intosr .into01 .msg { margin-top:0;}
	.intosr .into01 .msg .lh { line-height:25px; font-size:14px; margin-top:0; margin-bottom:30px;}
	.intosr .into01 .mumber li { width:calc(50% - 7.5px); padding:10px 10px 10px 65px; margin:0 15px 15px 0; border:1px solid #eee; box-sizing:border-box; background-position:10px center; background-size:50px;}
	.intosr .into01 .mumber li:nth-child(2n) { margin-right:0;}
	.intosr .into01 .mumber li::after { display:none;}
	.intosr .into01 .mumber li h3 { line-height:40px; font-size:12px;}
	.intosr .into01 .mumber li h3 span { font-size:24px;}
	.intosr .into01 .mumber li h3 sub { font-size:14px;}
	.intosr .into01 .mumber li p { font-size:14px;}
	.intosr .into02 li,.intosr .into02 .on { width:calc(100% / 3); max-width:120px;}
	.intosr .into02 li .lft { width:100%; max-width:120px; height:auto; max-height:295px; padding:30px 20px 30px 15px; box-sizing:border-box; background-position:center bottom;}
	.intosr .into02 li .lft h3 { height:75px;}
	.intosr .into02 li .lft span { margin-bottom:30px;}
	.intosr .into02 li .rgt { display:none;}
	.intosr .into03 li { width:100%; height:auto; margin:0 0 15px 0; /*background-size:100%; background-position:0 bottom;*/}
	.intosr .wlbj .bg { height:200px;}
	.intosr .into04 .tittabs { height:auto; text-align:center; top:45px;}
	.intosr .into04 .tittabs li { float:none; display:inline-block; width:40px; height:40px; line-height:40px; font-weight:500; font-size:12px; margin-right:5px; overflow:hidden;}
	.intosr .into04 .swiper-container { padding-top:5px;}
	.intosr .into05 .prolst { margin-top:0;}
	
	/*联系我们*/
	.contact .top { padding:20px 0;}
	.contact .top .msg { float:none; width:100%;}
	.contact .top .msg h3 { font-size:22px;}
	.contact .top .msg li { float:none; width:100%; margin-right:0;}
	.contact .bottom .tabs li { padding:0 15px;}
	.contact .bottom .cotnr li { float:none; width:100%; height:auto; margin:20px 0 0 0;}
	.contact .bottom .cotnr li p { line-height:25px; font-size:12px; background-position:left 4px;}
	
	/*新闻内页*/	
	.newcomp .tweet { height:140px;}
	.newcomp .tweet img { height:140px;}
	.newcomp .tweet .msg { height:40px; padding-top:10px;}
	.newcomp .tweet .msg h3 { width:75%; line-height:40px; font-size:16px;}
	.newcomp .tweet .msg span { line-height:40px; font-size:12px;}
	.newcomp .tweet .swiper-button-next,.newcomp .tweet .swiper-button-prev { background-size:15px;}
	.newcomp .tit h1 { line-height:30px; font-size:24px;}
	.newcomp .tit { line-height:30px;}
	.newcomp .tit a { font-size:14px;}
	.newcomp .siruinew li { float:none; width:100%; margin:0 0 25px 0;}
	.newcomp .siruinew li .msg p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.newcomp .inform .lft { float:none; width:100%; height:auto;}
	.newcomp .inform .rgt { float:none; width:100%; margin-top:20px;}
	.newcomp .inform .rgt li span { width:28px; height:28px; border:none; filter:alpha(opacity=80); opacity:0.8; background:url(../images/sr_36h.png) no-repeat 0 0;}
	.newlist { padding:15px 0;}
	.newlist h1 { line-height:30px; font-size:24px;}
	.newlist li .time { display:none;}
	.newlist li .time b { line-height:25px; font-size:18px;}
	.newlist li .time i { width:25px; height:25px; margin-top:10px;}
	.newlist li .time i::after { left:7.5px; top:8.5px;}
	.newlist li .msg { width:calc(100% - 140px); margin:0;}
	.newlist li .msg h3 { line-height:25px; font-size:16px;}
	.newlist li .msg p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.newlist li .img { width:130px; height:75px; border-radius:4px; margin-top:3px; overflow:hidden;}
	.reading h2 { line-height:35px; font-size:18px;}
	
	/*产品内页*/
	.proall .proa1, .proall .proa2, .proall .proa3, .proall .proa4, .proall .proa5 { padding:65px 0;}
	.proall .msg { width:65%;}
	.proall .msg .img { width:90px; height:90px;}
	.proall .msg h1 { line-height:50px; font-size:18px;}
	.proall .msg h1::after { width:35px;}
	.proall .msg p { line-height:30px; font-size:14px;}
	.proall .msg h3 { line-height:30px; font-size:18px; margin-top:30px;}
	.proall .msg h3 i { width:30px; height:30px; border-radius:4px; background-size:80%;}
	.proall .msg a { width:100px; height:35px; line-height:35px; font-size:14px; margin-top:35px; padding-left:15px; background-position:110px center;}
	.prolist li { margin:0 0 15px 0; padding:10px;}
	.prolist li .img,.prolist li .msg { float:none !important;}
	.prolist li .img { width:100%; height:auto;}
	.prolist li .msg { width:100%; padding:15px 0;}
	.prolist li .msg h3 { line-height:30px; font-size:20px;}
	.prolist li .msg p { height:auto; line-height:24px; font-size:12px; margin:5px 0 20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
	.prolist li .msg a { color:#fff; border:none; background:#e60012;}
	.proshow .msg { float:none; width:100%;}
	.proshow .msg h3 { line-height:35px; font-size:26px;}
	.proshow .msg a { width:160px; font-size:14px; margin:40px 0; background-position:120px center;}
	.proshow .img { float:none; width:100%; height:auto;}
	.proshow .tit { margin-top:30px;}
	.proshow .tit h4 { line-height:25px; font-size:16px;}
	.proshow .tit h2 { line-height:40px; font-size:26px;}
	.proshow .tit p { line-height:25px; font-size:12px;}
	.superiority li { width: calc(100% / 2); margin:30px 0 0 0;}
	.superiority li i { width:35px; height:35px; margin-top:5px; border-radius:10px;}
	.superiority li .nr { width: calc(100% - 45px);}	
	.superiority li .nr h3 { line-height:25px; font-size:16px;}
	.superiority .lst { margin-top:0;}
	.superiority .lst .tops { float:none;}
	.superiority .lst .tops,.superiority .lst .msg { float:none; width:100%;}
	.superiority .lst .tops .img { display:block; width:100%;}
	.superiority .lst .msg { margin-top:10px;}
	.superiority .lst .msg h4 { line-height:30px; font-size:18px; margin-bottom:5px;}
	.superiority .lst .msg p { line-height:25px; font-size:12px;}
	.proshow .norms::after { display:none;}	
	.proshow .norms h4,.proshow .norms .nr { float:none; width:100%;}
	.proshow .norms h4 { line-height:30px; font-size:18px;}
	.proshow .norms .nr li { width:calc(100% / 2); margin:20px 0 0 0;}
	.proshow .norms .nr li p { line-height:25px; font-size:12px;}
	.proshow .norms .nr li b { font-size:16px;}
	.proshow .mytabs { margin:10px 0; border-bottom: 2px solid #ededed;}
	.proshow .mytabs li { height:40px; line-height:40px; font-size:14px; padding:0 15px 0 0; border-bottom:none;}
	.proshow .mytabs .on::after { width:70%; margin:0;}
	.proshow .mynr .swiper-slide img { width:100%;}
	.proshow .mynr .swiper-slide .mg { width:100%; height:auto; padding:0; position:inherit; right:0;}
	.proshow .mynr .swiper-slide .mg h4 { line-height:50px; font-size:18px; margin-bottom:10px;}
	.proshow .recpro { padding:20px 0;}
	.proshow .recpro li { float:none; width:100%; margin:15px 0 0 0;}
	
	/*投资者关系*/
	.investor .wlbj .bg { height:345px;}
	.investor .shares { top:70px;}
	.investor h1,.investor .shares h1 { line-height:30px; font-size:24px; margin-bottom:15px;}
	.investor .team { padding:30px 0;}
	.investor p { line-height:25px; font-size:12px;}
	.investor .lft { width:65%;}
	.investor .notice .rgt { width:28%; height:auto; background-position:center 15px; background-size:40px;}
	.investor .notice .rgt a { font-size:16px; text-align:center; padding:65px 0 0 0; background-position:center 115px;}
	.investor .shares span { font-size:16px; padding-left:5px;}
	.investor .shares a { width:90px; height:35px; line-height:35px; margin-top:40px; padding:0 15px; border-radius:17.5px; background-position:85px center;}
	.investor .team li { width:calc(100% / 3); margin-top:20px;}
	.investor .team li h3 { line-height:25px; font-size:16px; margin-top:15px;}
	.investor .team li p { font-size:12px;}
	
	/*招聘*/
	.join h1 { line-height:30px; font-size:24px; padding-left:25px; background-position:left 5px;}
	.join .jobdem,.join .whysir,.circuit,.plan { padding:25px 0;}
	.join .jobdem li { height:220px; padding:30px 20px; margin-bottom:15px;}
	.join .jobdem li .msg h3 { line-height:30px; font-size:22px;}
	.join .jobdem li .msg p { line-height:25px; font-size:16px; margin-bottom:65px;}
	.join .jobdem li .msg a { font-size:14px;}
	.join .whysir li { width:calc(100% / 2); height:220px; margin:10px 0 20px 0;}
	.join .whysir li h3 { line-height:30px; font-size:18px;}
	.join .whysir li h3::after { width:20px;}
	.join .whysir li p { line-height:25px; font-size:14px;}
	.circuit h3 { font-size:18px; padding-left:25px;}
	.circuit li { width: calc(100% / 3);}
	.circuit li::after { display:none;}
	.circuit li i { width:100px; height:100px; background-size:80%; position:relative;}
	.circuit li p { height:50px; font-size:12px; margin-top:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.circuit li i::before { display:block; width:20px; height:20px; line-height:20px; font-size:12px; color:#fff; border-radius:50%; background:#e60012; position:absolute; right:5%; top:20px;}
	.circuit .cir01 i::before { content:"01";}
	.circuit .cir02 i::before { content:"02";}
	.circuit .cir03 i::before { content:"03";}
	.circuit .cir04 i::before { content:"04";}
	.circuit .cir05 i::before { content:"05";}
	.circuit .cir06 i::before { content:"06";}
	.circuit .cir07 i::before { content:"02";}
	.circuit .cir08 i::before { content:"03";}
	.plan li { width:calc(100% / 2 - 8px); height:480px; padding:20px 15px 0 15px; box-sizing:border-box;}
	.plan li:nth-child(2n) { margin-right:0;}
	.plan li h3 { line-height:30px; font-size:18px;}
	.plan li p { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.job { padding:20px 0 0 0;}
	.job h1 { line-height:30px; font-weight:500; font-size:18px; color:#333; margin-bottom:10px;}
	.job .lft,.job .rgt { float:none; width:100%;}
	.job .lft .nvs { padding:0; background:none;}
	.job .lft .nvs li { float:left; height:35px; line-height:35px; border:1px solid #ddd; background:#fefefe;}
	.job .lft .nvs li:last-child { border:1px solid #eee;}
	.job .lft .nvs li a { font-size:15px; padding:0 30px 0 10px;}
	.job .lft .nvs li a::before { width:10px; top:18px; right:8px;}
	.job .lft .nvs li a::after { height:10px; top:13px; right:12px;}
	.job .lft .nvs .on { border-color:#e60012; background:#e60012;}
	.job .lft .nvs .on a { color:#fff;}
	.job .lft .nvs .on a::before,.job .lft .nvs .on a::after { background:#fff;}
	.job .rgt { margin-top:20px;}
	.job .rgt li { padding:15px;}
	.job .rgt li a { background-image:url(../images/sr_36h.png);}
	.job .rgt li h3 { font-size:16px;}
	.job .rgt li p span { font-size:12px; margin-right:15px;}
	.job .rgt li p span::after { height:10px; background:#ccc; right:-10px; top:4px;}
	.job .rgt li .mg { font-size:12px;}
	.jobshow { padding:10px;}
	.jobshow h1 { line-height:35px; font-weight:bold; font-size:22px; margin-bottom:0; padding-left:40px; background-size:30px;}
	.jobshow .msg { margin:15px auto;}
	.jobshow .msg span { width:45%; line-height:30px; font-size:12px;}
	.jobshow .lh h5 { font-size:16px; margin-top:20px;}
	.jobshow .lh p { line-height:30px; font-size:14px;}
	.jobshow::after { width:90%; height:140px; background-size:100% auto; top:50%;}
	.abutjob {}
	.abutjob h1 { line-height:30px; font-size:24px; padding-left:25px; margin-bottom:25px; background-position:left 5px;}
	.abutjob li { padding:15px;}
	.abutjob li h3 { font-size:16px;}
	.abutjob li p span { font-size:12px; margin-right:15px;}
	.abutjob li p span::after { height:10px; background:#ccc; right:-10px; top:4px;}
	
	/*社会责任*/	
	.social h1 { line-height:30px; font-size:24px;}
	.social .soc1,.social .soc2,.social .soc3,.social .soc4,.social .soc5 { padding:30px 0;}
	.social p { line-height:25px; font-size:12px; letter-spacing:0; margin-top:15px;}
	.social .soc1 .mumber { margin-top:0;}
	.social .soc1 .mumber li { width:calc(100% / 2); margin:30px 0;}
	.social .soc1 .mumber li h3 { line-height:30px;}
	.social .soc1 .mumber li h3 span { font-size:34px;}
	.social .soc1 .mumber li h3 sub { font-size:14px;}
	.social .soc1 .mumber li p { font-size:12px;}
	.social .soc2 .msg { float:none; width:100%; margin-right:0;}
	.social .soc2 .msg .nr { width:calc(100% - 70px);}
	.social .soc2 .msg .nr p { line-height:30px; font-size:14px;}
	.social .soc3 li { float:none; width:100%; margin:40px 0 0 0;}
	.social .soc3 li .msg p { height:auto;}
	.social .soc3::after { width:100%; height:120px; background-size:auto 100%; right:-10%;}
	.social .soc4 { background-position:center top;}
	.social .soc4 li { width:calc(100% / 2 - 20px); margin:40px 0 0 0;}
	.social .soc4 li h3 { font-size:18px;}
	.social .soc4 li p { height:100px; line-height:25px; font-size:12px;}
	.social .soc5 li { width:calc(100% / 2 - 10px); margin:20px 15px 0 0; border-color:#31a580; background:#31a580;}
	.social .soc5 li:nth-child(2n) { margin-right:0;}
	.social .soc5 li h3,.social .soc5 li p { color:#fff;}
	.social .soc5 li h3 sup { color:#31a580; background:#fff;}
	.social .soc5 li span { bottom:15px;}
}