* { word-break:break-word;}
body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI, Times New Roman，Arial; 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 {}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#f2281c;}
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;} 

.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;}

.en{display:block;}



/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .warp {  margin:auto; position:absolute; top:30%; right:0; bottom:0; left:10%; z-index:2;}
.banner .text { color:#fff; text-transform:Uppercase;}
.banner .text h3 { font-size:54px; line-height:100px; letter-spacing:5px;  text-shadow: 2px 2px 4px #333333;}
.banner .text p {font-size:30px;  text-shadow: 2px 2px 4px #333333;}
.banner .text a { display:block; width:200px; height:55px; line-height:55px; font-size:18px; color:#333; text-align: center;border-radius:27.5px; background:#fff; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;box-shadow: 2px 2px 5px #808080;margin-top: 55px;}
.banner .text a:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#56175a url(img/sr_05h.png) no-repeat 80% center;}
.banner .text .en{display: inline;font-size:14px;}
/*.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(img/sr_03.png); left:4%;}
.banner .swiper-button-next { background-image:url(img/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);}
}

.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:#56175a;}


/*脚部*/
.footer { width:100%; line-height:25px; font-size:12px; color:#ffffff; padding-top:30px; background:#333333; position:relative; z-index:9;}
.footer .nva { float:left; max-width:100%;background:url(img/COR.png) no-repeat;line-height: 300%;font-size: 16px;}
.footer .nva ul{padding-left:0px;}
.footer .nva li { }
.footer .nva .nav-a{font-size:36px;padding-bottom:20px}
.footer .nva li a {  color:#ffffff;}
.footer .nva li a:hover { color:#56175a;}
.footer .rgt {display: flex; flex-direction: column-reverse; text-align: center; width: 160px; float: right;line-height: 100%;}
.footer .rgt  img {  width:160px;padding:1em 0;}
.footer .copy { line-height:35px; padding:10px 0; margin-top:25px; border-top:1px solid #eaeaea;}
.footer .copy .log { float:left; width:70px; padding:2.5px 0;}
.footer .copy .log img { display:block; }
.footer .copy p { float:right; font-size:12px; color:#fefefe;}
.footer p a { color:#fefefe;}
.footer p a:hover { color:#56175a;}
.footer p .gslz { display:inline-block; width:20px; height:20px; background:url(img/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;}

.tits{font-size:24px;text-align: center;line-height: 120%;height:60px}
.tits .en{font-size: 20px;}
.tits .line-l{background: url(img/line.png) repeat-x center;display: inline-block;width:30%;height: 100%;}
.tits .line-w{display:inline-block;width:15%;min-width: 160px}
.tits .line-r{background: url(img/line.png) repeat-x center;display: inline-block;width:30%;height: 100%;}

/*简介*/
.about { width:100%; padding:130px 0 130px 0; overflow:hidden; background:url(img/sr_06.png) no-repeat center bottom;}
.about .warp { position:relative;}
.about .lft { float:left; width:685px; margin-top:80px;}
.about .lft h1 { line-height:40px; font-size:30px; color:#333; margin-bottom:40px; position:relative;}
.about .lft h1::after { display:block; content:""; width:70px; height:2px; background:#333; position:absolute; left:0; bottom:-25px;}
.about .lft h1 .en{font-size:20px}
.about .lft p { line-height:26px; font-size:16px; color:#666; letter-spacing:1px;text-indent: 2em;}
.about .lft .en{font-size: 14px;}
.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:#56175a;}
.about .rgt { width:600px; height:600px; position:absolute; top:60px; right:-10px; z-index:1;}
.about .rgt .img { width:600px; height:600px;  overflow:hidden; position:absolute; top:0px; left:0px; 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:#56175a; position:absolute; top:30px;}
.about .rgt .mumber li p { font-size:12px; color:#666;}
.about .rgt .mumber li  { font-weight:500; font-size:14px; color:#333;}
.about .rgt .mumber li span { font-weight:bold; font-size:26px; color:#56175a; position:relative; top:2px;}
.about .rgt .mumber li sup { font-weight:bold; font-size:16px; color:#56175a; margin-right:5px; position:relative; top:-5px;}
.about .rgt .mumber .mum01 { left:170px; top:190px;}
.about .rgt .mumber .mum01::after { right:0px;}
.about .rgt .mumber .mum02 { right:140px; top:190px;}
.about .rgt .mumber .mum02::after { left:-37px;}
.about .rgt .mumber .mum03 { left:170px; top:250px;}
.about .rgt .mumber .mum03::after { right:0px;}
.about .rgt .mumber .mum04 { right:140px; top:250px;}
.about .rgt .mumber .mum04::after { left:-37px;}
.about .rgt .imgbg { width:500px; height:500px; overflow:hidden; background:url(img/quan.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:50px; top:10px; z-index:1;}
@-webkit-keyframes rotation {
	from { -webkit-transform:rotate(0deg);}
	to { -webkit-transform:rotate(360deg);}
}

/*产品信息*/
.pros { width:100%; padding:100px 0; background-color: #F6F6F6;}
.pros ul{margin-top: 120px;}
.pros li { float:left; width:25%; padding:0; text-align:center;}
.pros li a { display:block; width:100%;}
.pros li .img {  width:80%;margin:0 auto;position:relative;text-align:center;}
.pros li .img img { width:50%; border-radius:50%; position:relative; z-index:1;margin: 0 auto;border: 2px #333333 solid;padding:5%;}
.pros li .img .norm { display:block; background:#fff;}
.pros li .img .on { display:none;}
.pros li h2 { font-weight:500; font-size:20px; color:#333; margin:1em 0 1em 0;}
.pros li .en {font-size: 16px;}
.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;}

/*应用场景*/
.sean{ width:100%; padding:100px 0; overflow:hidden; position:relative;background-color: #F6F6F6;}
.sean .warp { position:relative; z-index:2;}
.sean .sean-a{width:100%;margin-top: 100px;}

.sean .sean-c{width:33.3333333%;float:left;}
.sean .sean-c img{width:80%;padding-left: 10%;}
.sean .sean-c h2{width:80%;padding-left: 10%;padding-top:1em;text-align: center;font-size: 22px;height:100px;}
.sean .sean-c h2 .en{font-size: 12px;}

/*合作伙伴*/
.partner { width:100%; padding:100px 0; overflow:hidden; position:relative;}
.partner .warp { position:relative; z-index:2;}
.partner .partimg{width:100%;float: left;}
.partner .partimg img{width:25%;float:left}

/*新闻*/
.news { width:100%; padding:100px 0; overflow:hidden; position:relative;background-color: #e6e6e6;}
.news .warp { position:relative; z-index:2;}
.news .newnr { width:100%; margin:100px auto 0; 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; background:#ffffff; -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; 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 h2 { font-weight:500; font-size:20px; color:#56175a; margin:20px 0 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news .newnr .newli .swiper-slide p { line-height:25px; font-size:14px; color:#666; margin-bottom:30px; overflow:hidden;}
.news .newnr .newli .swiper-slide .en{font-size: 12px;}
.news .newnr .newli .swiper-slide .img { width:100%; max-height:210px; overflow:hidden;border:1px solid #F6F6F6;}
.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:#56175a; background:#fff;}
.news .newnr .newli .swiper-slide a:hover .time { color:#56175a;}
.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(img/sr_11.png); left:0;}
.news .newnr .newul .swiper-button-next:hover { background-image:url(img/sr_11h.png);}
.news .newnr .newul .swiper-button-prev { background-image:url(img/sr_12.png); left:auto; right:0;}
.news .newnr .newul .swiper-button-prev:hover { background-image:url(img/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;  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:#56175a; 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:#56175a;}

.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:#56175a; 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:#56175a;}
.topnav li:hover::after,.topnav li.on::after { width:100%;}
.topnfix { position:fixed; top:0; left:0; z-index:9999;}

hr{border: #eee 1px dotted;margin: 1em 0;}
#en{padding: 2em 0 0 0; clear:both;}
#sidebar{position: fixed;left: 0;top:35%;padding:1em;background-color: #333;z-index: 9999999;border-radius: 0px 10px 10px 0px;}
#sidebar a{display: block;padding:10px 0;}
#sidebar img{width: 24px;}

/*详情页公用*/
.showpage { padding-top:40px;}
.lh { line-height:40px; font-size:18px; color:#666;margin-bottom: 2em;}
.lh img { max-width:calc(100% - 5em); height:auto !important;text-indent: -2em;}
.lh p { text-indent: 2em;}
.showcont { padding:65px 5% 0 5%; overflow:hidden;}
.show_h3 { width:100%; text-align:center; padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #eee;}
.show_h3 h2 { font-size:32px; color:#333;}
.show_h3 h2 .en{  font-size:18px; }
.show_h3 p { line-height:30px; font-size:14px; color:#333; 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:#56175a;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

.post-near{font-size: 14px;line-height: 300%;margin: 5em 0;}

.tag-cont li{ width: 100%; padding: 35px 0; border-bottom: 1px solid #e6e6e6; float: left;}
.tag-cont li .msg {width: calc(100% - 370px);margin: 3em 0 0 1em;float: left;}
.tag-cont li .msg p {line-height: 25px;font-size: 14px;color: #666;}
.tag-cont li .img { float: right; width: 348px; height: 200px; border-radius: 20px; overflow: hidden;}
.tag-cont li .msg h3{font-size: 1.5em;}
.tag-cont li .img img{width: 100%;}

#comments{font-size: 1.5em;line-height: 2em;margin-bottom: 5em;}
#comments ol{list-style-type: none;}
#comments li{border: 1px solid;padding: 1em;margin:1em 0;}
.comment-reply{display: none;}

#textarea{width: 100%; font-size: 16px;}
#comment-form .submit{background: #fff; padding: 1em;border:1px solid}

/*分页*/

.newlist .scott{clear: both;text-align: center;margin: auto;display: flex;width: 100%;justify-content: center;}
.newlist .scott li{width: auto;  margin: 2em 1em; float: left; padding: 0;}
.newlist .scott li:hover{color:#fff;background-color: #56175a; cursor: pointer;}
.newlist .scott li a{ padding: 1em 1.2em;border: 1px solid; display: flex;width:auto;}
.newlist .scott li a:hover{color:#fff;}
.newlist .scott ol{list-style-type: none;}

/******关于******/
.intosr { width:100%;}
.intosr h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; padding-bottom:20px;}

.intosr .into01 { width:100%; padding:50px 0; background:url(img/yt10.jpg) no-repeat center bottom;}
.intosr .into01 .msg { width:100%; margin-top:20px; position:relative;}
.intosr .into01 .msg .lh { font-size:18px; line-height:180%; text-align:justify; margin:15px 0 60px 0;}
.intosr .into01 .msg .lh p { margin-bottom:2em;}
.intosr .into01 .mumber { width:100%;}
.intosr .into01 .mumber li { float:left; width:calc(100% / 4 - 165px); margin-right:15px; padding:30px 0 30px 150px; background-position:70px center; background-repeat:no-repeat; box-shadow:0 0 20px rgba(0,0,0,0.05); position:relative;}
.intosr .into01 .mumber li:last-child { margin-right:0;}
.intosr .into01 .mumber li h2 { line-height:30px; font-weight:500; font-size:14px; color:#666; margin-left:5px;}
.intosr .into01 .mumber li h2 span { font-weight:bold; font-size:33px; color:#56175a;}
.intosr .into01 .mumber li h2 sup { font-weight:bold; font-size:16px; color:#56175a; 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(img/mb1.png);}
.intosr .into01 .mumber .mb2 { background-image:url(img/mb2.png);}
.intosr .into01 .mumber .mb3 { background-image:url(img/mb3.png);}
.intosr .into01 .mumber .mb4 { background-image:url(img/mb4.png);}

.intosr .into02 { width:100%; padding:80px 0; background:#fafafa;}
.intosr .into02 li { float:left; width:185px; height:490px; cursor:pointer; overflow:hidden; position:relative; -webkit-transition:all .3s ease; transition:all .3s ease;}
.intosr .into02 li .lft { width:145px; height:390px; 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(img/sr_19.png) no-repeat 0 0;}
.intosr .into02 .in01 .lft { background-image:url(img/sr_86.jpg);}
.intosr .into02 .in02 .lft { background-image:url(img/sr_87.jpg);}
.intosr .into02 .in03 .lft { background-image:url(img/sr_88.jpg);}
.intosr .into02 .in04 .lft { background-image:url(img/sr_89.jpg);}
.intosr .into02 .in05 .lft { background-image:url(img/sr_90.jpg);}
.intosr .into02 li .rgt { width:325px; height:440px; padding:25px; background:#fff; position:absolute; right:0; top:0; z-index:0;}
.intosr .into02 li .rgt .img { width:325px; height:185px; margin-bottom:20px; overflow:hidden;}
.intosr .into02 li .rgt .img img { display:block; height: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(img/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:140px; 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:65px 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:#56175a; background:#56175a;}

.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:#56175a;}

/******联系我们******/
.contact { width:100%; padding-bottom:50px;}
.contact .top { padding:100px 0; background:#fcfcfc url(img/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(img/sr_53.png);}
.contact .top .msg .cot02 i { background-image:url(img/sr_54.png);}
.contact .top .msg .cot03 i { background-image:url(img/sr_55.png);}
.contact .top .msg .cot04 i { background-image:url(img/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(img/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:#56175a; position:absolute; left:0; right:0; bottom:-1px;}
.contact .bottom .tabs .on { color:#56175a;}
.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:#333;}
.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:#56175a; text-decoration:underline;}
.contact .bottom .cotnr .bot1 { background-image:url(img/sr_59.png);}
.contact .bottom .cotnr .bot2 { background-image:url(img/sr_60.png);}
.contact .bottom .cotnr .bot3 { background-image:url(img/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(img/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(img/sr_10.png) no-repeat 145px 90px;}
.investor .notice .rgt:hover { border-color:#e50012;}
.investor .notice .rgt:hover a { background-image:url(img/sr_10h.png);}

.investor .wlbj { width:100%; position:relative;}
.investor .wlbj .bg { height:473px; background:url(img/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:#56175a url(img/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);}

#weibo .sb-en{display: none;}

/*****产品综合页*****/
.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(img/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(img/sr_42.jpg);}
.proall .proa1 .msg h3 i { background-image:url(img/sr_47.png);} 
.proall .proa2 { background-image:url(img/sr_43.jpg);}
.proall .proa2 .msg h3 i { background-image:url(img/sr_48.png);} 
.proall .proa3 { background-image:url(img/sr_44.jpg);}
.proall .proa3 .msg .img img { filter:grayscale(0);}
.proall .proa3 .msg h3 i { border-color:#333; background-image:url(img/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(img/sr_45.jpg);}
.proall .proa4 .msg h3 i { background-image:url(img/sr_50.png);} 
.proall .proa5 { background-image:url(img/sr_46.jpg);}
.proall .proa5 .msg h3 i { background-image:url(img/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:#56175a;}
.prolist li:hover a { color:#fff; border-color:#56175a; border-radius:4px; background:#56175a;}
.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(img/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:#56175a url(img/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(img/sr_38.png);}
.superiority .sup02 i { background-image:url(img/sr_39.png);}
.superiority .sup03 i { background-image:url(img/sr_40.png);}
.superiority .sup04 i { background-image:url(img/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(img/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:1333px;*/ 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:2em;}
.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:#56175a; 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:#56175a;} 

/*****新闻综合页*****/
.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(img/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 #56175a; border-radius:15px; background:url(img/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:#56175a;}
.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;float:left;}
.newlist li a { display:block; width:100%;}
.newlist li .time { float:left; width:85px; margin:50px 5em 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 {  width:690px; margin: 0;display: flex;justify-content: space-evenly;flex-wrap: nowrap;flex-direction: column;height: 200px;float:left}
.newlist li .msg h2 { width:100%;  font-weight:500; font-size:20px; color:#333; 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:#56175a;}
.newlist li:hover h3 { color:#56175a;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover i { color:#333;}


#COR-Product .newlist li .time{display: none;}
#COR-Product .newlist li .msg{width: calc(100% - 370px); }
#COR-Product .show_h3 p{display: none;}

#COR-Scenarios .newlist li .time{display: none;}
#COR-Scenarios .newlist li .msg{width: calc(100% - 370px); }
#COR-Scenarios .show_h3 p{display: none;}

.cont-top{font-size: 24px;color: #56175a;}
/*相关阅读*/
.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(img/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:#333; 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(img/sr_19.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:#56175a; 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(img/sr_20.png);}
.join .whysir .why02 i { background-image:url(img/sr_21.png);}
.join .whysir .why03 i { background-image:url(img/sr_22.png);}
.join .whysir .why04 i { background-image:url(img/sr_23.png);}
.join .whysir .why05 i { background-image:url(img/sr_24t.png);}
.join .whysir .why06 i { background-image:url(img/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(img/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(img/sr_26.png);}
.circuit .cir02 i { background-image:url(img/sr_27.png);}
.circuit .cir03 i { background-image:url(img/sr_28.png);}
.circuit .cir04 i { background-image:url(img/sr_29.png);}
.circuit .cir05 i { background-image:url(img/sr_30.png);}
.circuit .cir06 i,.circuit .cir08 i { background-image:url(img/sr_64.png);}
.circuit .cir07 i { background-image:url(img/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(img/sr_35.png) no-repeat center 45px;}
.plan li p:last-child { background:none;}
.plan .pl01 i { background-image:url(img/sr_31.png);}
.plan .pl02 i { background-image:url(img/sr_32.png);}
.plan .pl03 i { background-image:url(img/sr_33.png);}
.plan .pl04 i { background-image:url(img/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:#56175a;}
.job .lft .nvs li:hover a::before,.job .lft .nvs .on a::before { background:#56175a;}
.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(img/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(img/sr_36h.png);}
.job .rgt li:hover h3 { color:#56175a;}

/*招聘详情*/
.jobshow { padding:35px; background:#fff; position:relative;}
.jobshow::after { display:block; content:""; width:652px; height:237px; background:url(img/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(img/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:#333; margin:35px 0 5px 0;}
.jobshow .lh p { line-height:2em; 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(img/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(img/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(img/sr_36h.png);}
.abutjob li:hover h3 { color:#56175a;}

/*****社会责任*****/
.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(img/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(img/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(img/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(img/sr_73.png);}
.social .soc2 .msg .so02 { background-image:url(img/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(img/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(img/sr_75.png);}
.social .soc3 li .sc02 { background-image:url(img/sr_76.png);}
.social .soc3 li .sc03 { background-image:url(img/sr_77.png);}
.social .soc3 li .sc04 { background-image:url(img/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(img/sr_80.png);}
.social .soc4 li .oc02 { background-image:url(img/sr_81.png);}
.social .soc4 li .oc03 { background-image:url(img/sr_82.png);}
.social .soc4 li .oc04 { background-image:url(img/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(img/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);}

@media screen and (max-width:1240px) {	
	.about .rgt {display: none; }
	.about .lft{width:100%}

}