@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'swis72';
  src: url('fonts/tt0173m_.eot');
  src: url('fonts/tt0173m_.eot') format('embedded-opentype'), url('fonts/tt0173m_.woff2') format('woff2'), url('fonts/tt0173m_.woff') format('woff'), url('fonts/tt0173m_.ttf') format('truetype'), url('fonts/tt0173m_.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BebasNeue';
  src: url('fonts/BebasNeue.eot');
  src: url('fonts/BebasNeue.eot') format('embedded-opentype'), url('fonts/BebasNeue.woff2') format('woff2'), url('fonts/BebasNeue.woff') format('woff'), url('fonts/BebasNeue.ttf') format('truetype'), url('fonts/BebasNeue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
margin:0 auto;
background-color:#FFFFFF;
font-size:14px;
font-family:"Microsoft YaHei"
}
img
{
border:0;
}
a,a:hover
{
text-decoration: none;
}
a:focus, *:focus 
{
noFocusLine: expression(this.onFocus=this.blur());
} 
ul,li,h1,h2,h3,h4,h5,h6,span,ol,dl,dd,p,form,table,tr,td,th
{
list-style:none;
margin:0;
padding:0;
}
li
{
list-style:none;
}
input,button,select,textarea
{
-webkit-appearance:none;
outline:none;
}
table 
{
border-collapse:separate;
border-spacing:0
}
.white
{
background-color:#FFFFFF;
-webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-moz-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
-o-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
visibility: visible;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2); 
-o-box-shadow: 0 2px 5px rgba(0,0,0,.2); 
box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.red
{
background-color:#ca0000;
}
.gray
{
background-color:#fafafa;
}
.gray2
{
background-color:#f5f5f5;
}
.black
{
background-color:#000000;
}
.black2
{
background-color:#222222;
}
.more
{
display:block;
width:350px;
height:50px;
line-height:50px;
text-align:center;
margin:0 auto;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#ca0000;
-webkit-transition:background-color 0.5s, border 0.5s, -webkit-transform 0.5s;
-moz-transition:background-color 0.5s, border 0.5s, -moz-transform 0.5s;
-o-transition:background-color 0.5s, border 0.5s, -o-transform 0.5s;
transition:background-color 0.5s, border 0.5s, transform 0.5s
}
.more:hover
{
color:#FFFFFF;
background-color:#ab0000;
}
.more2
{
display:block;
width:348px;
height:48px;
line-height:48px;
border:solid 1px #ca0000;
text-align:center;
margin:0 auto;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#ca0000;
background-color:#ffffff;
-webkit-transition:background-color 0.5s, border 0.5s, -webkit-transform 0.5s;
-moz-transition:background-color 0.5s, border 0.5s, -moz-transform 0.5s;
-o-transition:background-color 0.5s, border 0.5s, -o-transform 0.5s;
transition:background-color 0.5s, border 0.5s, transform 0.5s
}
.more2:hover
{
color:#FFFFFF;
background-color:#ab0000;
}
.more3
{
display:block;
width:198px;
height:38px;
line-height:38px;
border:solid 1px #ca0000;
text-align:center;
margin:0 auto;
margin-top: 30px;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#ca0000;
-webkit-transition:background-color 0.5s, border 0.5s, -webkit-transform 0.5s;
-moz-transition:background-color 0.5s, border 0.5s, -moz-transform 0.5s;
-o-transition:background-color 0.5s, border 0.5s, -o-transform 0.5s;
transition:background-color 0.5s, border 0.5s, transform 0.5s
}
.more3:hover
{
color:#ffffff;
background-color:#ca0000;
}
.more4
{
display:block;
width:300px;
height:50px;
line-height:50px;
background-color:#ffffff;
text-align:center;
margin:0 auto;
margin-top: 30px;
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
color:#ca0000;
-webkit-transition:background-color 0.5s, border 0.5s, -webkit-transform 0.5s;
-moz-transition:background-color 0.5s, border 0.5s, -moz-transform 0.5s;
-o-transition:background-color 0.5s, border 0.5s, -o-transform 0.5s;
transition:background-color 0.5s, border 0.5s, transform 0.5s
}
.more4:hover
{
color:#ffffff;
background-color:#ca0000;
}
.clean-m
{
margin:0 !important;
}
.mt-100
{
margin-top:-50px !important;
}
.mt-50
{
margin-top:-50px !important;
}
.mt0
{
margin-top:0px !important;
}
.mt10
{
margin-top:10px !important;
}
.mt15
{
margin-top:15px !important;
}
.mt20
{
margin-top:20px !important;
}
.mt25
{
margin-top:25px !important;
}
.mt30
{
margin-top:30px !important;
}
.mt50
{
margin-top:50px !important;
}
.mt100
{
margin-top:100px !important;
}
.mt125
{
margin-top:125px !important;
}
.mb30
{
margin-bottom:30px !important;
}
.mb50
{
margin-bottom:50px !important;
}
.ml-280
{
margin-left:-280px !important;
}
.ml-240
{
margin-left:-240px !important;
}
.ml-150
{
margin-left:-150px !important;
}
.ml50
{
margin-left:50px !important;
}
.ptb50
{
padding: 50px 0 !important;
}
.textleft
{
text-align:left !important;
}
.textcenter
{
text-align:center !important;
}
.textright
{
text-align:right !important;
}
.middle
{
display: flex;
align-items: center;
justify-content: center;
}
.fl
{
float: left !important;
}
.fr
{
float: right !important;
}
.fc
{
margin-left: auto !important;
margin-right: auto !important; 
}
.line
{
width: 100%;
height: 1px;
background-color: #d2d2d2;
}
.line2
{
width: 100%;
height: 1px;
background-color: #999999;
}
.clear
{
clear:both;
}
.noborder
{
border:none !important;
}
.header
{
width:100%;
height:100px;
position:fixed;
z-index:99999;
top:0;
-webkit-transition:all 0.2s, -webkit-transform 0.2s;
-moz-transition:all 0.2s, -moz-transform 0.2s;
-o-transition:all 0.2s, -o-transform 0.52;
transition:all 0.2s, transform 0.2s;
}
.header .round
{
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
-o-border-radius: 40px; 
}
.header_inner
{
height:80px;
width:1440px;
margin:0 auto;
background: #ffffff;
-webkit-transition:height 0.2s, -webkit-transform 0.2s;
-moz-transition:height 0.2s, -moz-transform 0.2s;
-o-transition:height 0.2s, -o-transform 0.52;
transition:height 0.2s, transform 0.2s
}
.logo
{
width:95px;
height:65px;
float:left;
margin-top:7px;
margin-left:30px; 
}
.logo img
{
width:95px;
height:65px;
}
.header .round .logo
{
margin-left:65px; 
}
.memu
{
width:auto;
float:left;
height:80px;
margin-left: 40px;
-webkit-transition:margin-top 0.2s, -webkit-transform 0.2s;
-moz-transition:margin-top 0.2s, -moz-transform 0.2s;
-o-transition:margin-top 0.2s, -o-transform 0.52;
transition:margin-top 0.2s, transform 0.2s
}
.memu ul
{
height:80px;
}
.memu li
{
width:auto;
height:80px;
float:left;
}
.memu li a
{
display:block;
width:130px;
height:80px;
line-height:80px;
color:#686868;
font-size:19px;
text-align:center;
box-sizing:border-box;
}
.memu li a:hover
{
color:#474747;
}
.memu li .active
{
color:#ca0000;
}
.memu li ul
{
width:140px;
height:auto;
display:none;
padding:10px;
margin-top:0px;
background-color:#ffffff;
overflow:auto;
margin-left:-15px;
margin-right:-15px;
-webkit-transition:display 1.5s, -webkit-transform 1.5s;
-moz-transition:display 1.5s, -moz-transform 0.5s;
-o-transition:display 1.5s, -o-transform 0.5s;
transition:display 1.5s, transform 1.5s;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
-o-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
box-shadow: 0 2px 3px rgba(0,0,0,.1);
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
}
.memu li:hover ul
{
display:block;
}
.memu li ul li
{
clear:both;
height:36px !important;
overflow:hidden;
border-bottom:solid 1px #efefef;
}
.memu li ul li a
{
display:block;
width:140px;
height:36px !important;
margin:0;
padding:0;
font-size:16px;
text-align:center;
line-height:36px !important;
color:#474747;
text-align:center;
}
.memu li ul li:hover
{
background-color:#ca0000;
color:#FFFFFF;
}
.memu li ul li:hover a
{
color:#FFFFFF;
}
.searchbox
{
float: right;
width: 335px;
height: 32px;
padding: 5px 15px;
background-color: #f2f2f2;
border:solid 1px #bfbfbf;
margin-top:18px;
margin-right:30px;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-o-border-radius: 22px; 
}
.key
{
float: left;
width: 300px;
height: 32px;
border:none;
color: #686868;
font-size: 16px;
line-height: 32px;
background-color: #f2f2f2;
}
.searchsub
{
width: 30px;
height: 30px;
float: right;
border:none;
}
.sm
{
width:100%;
height:100px;
margin-top: 0;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
-o-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.sm .header_inner
{
margin-top: 10px;
}
.contain
{
display:block;
clear:both;
width:1440px;
height:auto;
margin:0 auto;
overflow: visible;
min-width:1440px;
}
.fullwidth
{
width:100%;
height:auto;
min-width:1440px;
overflow:hidden;
}
.halfwidth
{
width:50%;
height:auto;
}
.fl
{
float:left;
}
.fr
{
float:right;
}
.banner
{
width:100%;
height:900px;
overflow:hidden;
}
.banner2
{
width: 100%;
height: auto;
overflow: hidden;
}
.h300
{
height: 300px !important;
}
.h350
{
height: 350px !important;
}
.h520
{
height: 520px !important;
}
.h530
{
height: 530px !important;
}
.h550
{
height: 550px !important;
}
.h600
{
height: 600px !important;
}
.h700
{
height: 700px !important;
}
.h860
{
height: 860px !important;
}
.w150
{
width: 150px !important;
}
.w200
{
width: 200px !important;
}
.w300
{
width: 300px !important;
}
.w500
{
width: 500px !important;
}
.w600
{
width: 600px !important;
}
.w1300
{
width: 1300px !important;
}
.font24
{
font-size: 24px !important; 
}
.font36
{
font-size: 30px !important; 
}
.font48
{
font-size: 44px !important; 
}
.fontwhite
{
color:#ffffff !important;
}
.fontgray2
{
color:#444444 !important;
}
.shadow
{
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.15); 
-o-box-shadow: 0 0 15px rgba(0,0,0,.15); 
box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.banner_case
{
background: url(../images/banner_case.jpg) no-repeat center center #000000; 
}
.banner_about
{
background: url(../images/banner_about.jpg) no-repeat center center #000000; 
}
.banner_honor
{
background: url(../images/banner_honor.jpg) no-repeat center center #e60014; 
}
.banner_results
{
background: url(../images/banner_results.jpg) no-repeat center center #e60014; 
}
.banner_advantage
{
background: url(../images/banner_advantage.jpg) no-repeat center center #e60014; 
}
.banner_advantage2
{
background: url(../images/advantage_bg2.jpg) no-repeat center center #e60014; 
}
.banner_advantage3
{
background: url(../images/advantage_06.png) no-repeat center center #000000; 
}
.banner_advantage4
{
background: url(../images/advantage_bg3.jpg) no-repeat center center #e60014; 
}
.banner_patent
{
background: url(../images/banner_patent.jpg) no-repeat center center #e60014; 
}
.banner_team
{
background: url(../images/banner_team.jpg) no-repeat center center #e60014; 
}
.banner_team2
{
background: url(../images/banner_team2.jpg) no-repeat center center #e60014; 
}
.banner_contact
{
background: url(../images/banner_contact.jpg) no-repeat center center #e60014; 
}
.banner_news
{
background: url(../images/banner_news.jpg) no-repeat center center #e60014; 
}
.contain h1
{
display: block;
width: auto;
margin:0 auto;
text-align: center;
font-size: 44px;
color:#999999;
line-height: 60px;
font-weight: 400;
border-bottom: solid 3px #ca0000;
}
.contain h2
{
display: block;
margin:10px auto;
font-size: 30px;
text-align: center;
color:#686868;
line-height: 30px;
font-weight: 400;
}
.contain .title
{
margin:45px auto;
width: auto;
text-align: center;
font-size: 40px;
color:#333333;
line-height: 50px;
font-weight: 500;
}
.contain .con_text
{
width: 850px;
margin:0 auto;
text-align: center;
font-size: 18px;
color:#686868;
line-height: 30px;
}
.contain .numbox
{
display: block;
margin-top:45px;
width: 100%;
}
.contain .numbox li
{
width: 33.333333%;
float: left;
}
.contain .num
{
width: 100%;
font-size: 80px;
line-height: 80px;
color: #333333;
text-align: center;
font-weight: 400;
font-family: "BebasNeue","Arial";
}
.contain .desc
{
margin-top: 5px;
width: 100%;
font-size: 18px;
color: #999999;
line-height: 30px;
text-align: center;
}
.tagbox
{
background: url(../images/tags_bg.jpg) no-repeat center top #ca0000;
}
.accordionbox
{
display:block;
width: 1440px
height:570px;
overflow: hidden;
}
.accordionbox li
{
width:235px;
height: 570px;
float: left;
position: relative;
z-index: 1;
display: inline;
background-color: #000000;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
background: url("../images/accordion_03.jpg") no-repeat center;
overflow: hidden;
}
.accordionbox li:after
{
content: "";
width:100%;
height:100%;
position: absolute;
left:0;
top:0;
z-index: 2;
background: inherit;
filter: blur(3px);
}
.accordionbox li:hover:after
{
filter: blur(0px);
}
.accordionbox li+li
{
margin-left: 6px;
}

.accordionbox li .mark
{
position: absolute;
left:0;
top:0;
z-index: 3;
width: 100%;
height: 100%; 
background-color: #ffffff;
filter:alpha(opacity=5);
-moz-opacity:0.05;
-khtml-opacity:0.05; 
opacity: 0.05; 
filter: blur(3px);
}
.accordionbox li .conbox
{
width: 100%;
height: 100%;
position: absolute;
left:0;
top:0;
z-index: 4;
}
.accordionbox li h3
{
display: block;
font-size:24px;
width: 30px;
line-height: 30px;
font-weight:600;
text-align: center;
color:#ffffff;
margin:60px auto;
-webkit-text-shadow: rgba(0,0,0,.5) 0 0 5px;
-moz-text-shadow: rgba(0,0,0,.5) 0 0 5px;
-o-text-shadow: rgba(0,0,0,.5) 0 0 5px;
text-shadow: rgba(0,0,0,.5) 0 0 5px;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.accordionbox li .icon
{
width: 94px;
height: 75px;
margin:0 auto;
margin-top: 90px;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.accordionbox li span
{
text-align: center;
font-size:30px;
line-height: 48px;
font-weight: bold;
color: #ffffff;
display: none;
}
.accordionbox .big
{
width: 650px;
}
.accordionbox .big h3
{
display: block;
font-size:48px;
width: 400px;
margin:50px auto;
font-weight:600;
text-align: center;
color:#ffffff;
}
.accordionbox .big .mark
{
display: none;
}
.accordionbox .big span
{
display: block;
}
.accordionbox .small
{
width: 152px;
}
.advantagebox
{
width: 100%;
height: 600px;
background-color: #ca0000;
overflow: hidden;
position: relative;
}
.advantage
{
width: 100%;
height: 600px;
background: url("../images/advantage_bg.jpg") no-repeat center bottom fixed;
}
.advantage h1
{
color:#eeeeee;
border-bottom: solid 3px #eeeeee;
}
.advantage h2
{
color:#eeeeee;
}
.advantage img
{
margin-top: 70px;
margin-left: 40px;
width: 800px
}
.advantage .contain
{
overflow: hidden;
}
.advantage_item
{
width: 1440px;
height: 350px;
overflow: hidden;
}
.advantage_item ul
{
width: 485px;
height: 350px;
}
.advantage_item li
{
width: 100%;
height: 175px;
box-sizing:border-box;
}
.advantage_item li+li
{
border-top: solid 1px #ca0000;
}
.advantage_item .icon
{
width: 70px;
height:70px;
float: left;
margin-top: 50px;
margin-left:50px;
}
.advantage_item .context
{
width: auto;
float: left;
margin-top: 50px;
margin-left:50px;
}
.advantage_item .context h3
{
font-size:27px;
line-height: 36px;
font-weight: normal;
color: #ca0000;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.advantage_item .context span
{
font-size:18px;
line-height: 36px;
font-weight: normal;
color: #595959;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.advantage_item .context:hover h3,.advantage_item .context:hover span
{
color: #ca0000;
font-weight: 600; 
}
.advantage_item .runner
{
position: absolute;
left:50%;
margin-left: -175px;
width: 350px;
height: 350px;
border-radius: 175px;
-moz-border-radius: 175px;
-webkit-border-radius: 175px;
-o-border-radius: 175px;
overflow: hidden;
background: url("../images/runner_bg.png") no-repeat center;
z-index: 1
}
.advantage_item .runner ul
{
position: absolute;
z-index: 2
}
.advantage_item .runner li
{
border: none;
width: 175px;
height: 175px;
float: left;
box-sizing:border-box;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.advantage_item .runner li h4
{
width: 80px;
height: 80px;
font-size: 30px;
line-height: 40px;
font-weight: 400;
color: #ffffff;
}
.advantage_item .runner li:nth-child(1) h4,.advantage_item .runner li:nth-child(2) h4
{
margin-top: 60px;
}
.advantage_item .runner li:nth-child(3) h4,.advantage_item .runner li:nth-child(4) h4
{
margin-top: 30px;
}
.advantage_item .runner li:nth-child(1) h4,.advantage_item .runner li:nth-child(3) h4
{
margin-left: 80px;
}
.advantage_item .runner li:nth-child(2) h4,.advantage_item .runner li:nth-child(4) h4
{
margin-left: 30px;
}
.advantage_item .runner .active
{
background-color:rgba(202,0,0,0.5)
}
.advantage_item .runner li:nth-child(1),.advantage_item .runner li:nth-child(2)
{
border-bottom: solid 1px #ffffff;
}
.advantage_item .runner li:nth-child(2),.advantage_item .runner li:nth-child(4)
{
border-left: solid 1px #ffffff;
}
.advantage_item .runner2
{
position: absolute;
width: 318px;
height: 318px;
border-radius: 160px;
-moz-border-radius: 160px;
-webkit-border-radius: 160px;
-o-border-radius: 160px;
margin:15px;
border:solid 1px #ffffff;
z-index: 4;
background:transparent;
pointer-events: none;
}
.advantage_item .pointer
{
position: absolute;
width: 100px;
height: 100px;
left: 50%;
top:50%;
margin-left: -50px;
margin-top: -50px;
z-index: 5;
background: url("../images/pointer.png") no-repeat center;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.xz1
{
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg)
}
.xz2
{
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg)
}
.xz3
{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg)
}
.xz4
{
transform:rotate(270deg);
-ms-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg)
}
.team
{
overflow: visible;
}
.team ul
{
display: block;
width: 1312px;
margin: 0 auto;
}
.team li
{
width: 228px;
height: 139px;
float: left;
margin:0 50px;
}
.teamitembox
{
position: relative;
width: 1420px !important;
height: 500px;
margin: 50px auto !important;
background-color: #ffffff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.15); 
-o-box-shadow: 0 0 15px rgba(0,0,0,.15); 
box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.teamitem
{
height: 500px;
}
.teamitem_list
{
width: 1420px;
height: 500px;
}
.prev,.next
{
position: absolute !important;
top:50% !important;
margin-top: -18px !important;
}
.prev
{
left:-56px !important;
}
.next
{
right:-56px !important;
}
.teamitem_list .left_title
{
width: 255px;
height: 460px;
color: #ffffff;
padding: 20px;
float: left;
background-color: #ca0000;
position:relative;
display: flex;
align-items: center; /*定义body的元素垂直居中*/
justify-content: center; /*定义body的里的元素水平居中*/
}
.teamitem_list .left_title .icon
{
position: absolute;
width: 18px;
height: 18px;
right: 0px;
margin-right:-9px;
top:50%;
margin-top: -9px;
background-color: #ca0000;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
.teamitem_list .left_title h3
{
display: block;
font-size: 36px;
font-family: "swis72", Arial;
color:#ffffff;
font-weight: 400;
text-align: center;
}
.teamitem_list .left_title h4
{
display: block;
font-size: 24px;
color:#ffffff;
font-weight: 400;
text-align: center;
}
.teamitem_list .left_title .more3
{
width: 142px;
height: 48px;
line-height:48px;
border:solid 1px #ffffff;
text-align:center;
margin:0 auto;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#ca0000;
-webkit-transition:background-color 0.5s, border 0.5s, -webkit-transform 0.5s;
-moz-transition:background-color 0.5s, border 0.5s, -moz-transform 0.5s;
-o-transition:background-color 0.5s, border 0.5s, -o-transform 0.5s;
transition:background-color 0.5s, border 0.5s, transform 0.5s;
position: absolute;
bottom: 30px;
}
.teamitem_list .left_title .more3:hover
{
color:#ca0000;
background-color:#ffffff;
}
.teamitem_list .right_con
{
width: 1110px;
height: 420px;
color: #ca0000;
padding: 40px 0;
float: right;
}
.teamitem_list .userlist
{
display: block;
width:1020px;
margin:0 auto;
}
.teamitem_list .userlist li
{
width: 300px;
height: 420px;
float: left;
margin:0;
overflow: hidden;
}
.teamitem_list .userlist li+li
{
margin-left:60px;
}
.teamitem_list .userlist li img
{
display: block;
width: 320px;
height: 350px;
box-sizing:border-box;
}
.teamitem_list .userlist li:hover img
{
border: solid 1px #ca0000;
}
.teamitem_list .userlist li h5
{
display: block;
width: 100%;
text-align: center;
margin:0;
margin-top: 10px;
font-size: 20px;
line-height: 40px;
color:#999999;
font-weight: 500;
}
.teamitem_list .userlist li span
{
display: block;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 20px;
color:#999999;
font-weight: 500;
}
.teamitem_list .userlist li:hover h5,.teamitem_list .userlist li:hover span
{
color:#333333;
}
.teamitem_list .teamlist
{
display: block;
width:1030px;
margin:0 auto;
}
.teamitem_list .teamlist li
{
width: 490px;
height: 420px;
float: left;
overflow: hidden;
margin:0;
}
.teamitem_list .teamlist li+li
{
margin-left:50px;
}
.teamitem_list .teamlist li img
{
width: 490px;
height: 350px;
box-sizing:border-box;
}
.teamitem_list .teamlist li:hover img
{
border: solid 1px #ca0000;
}
.teamitem_list .teamlist li h5
{
display: block;
width: 100%;
text-align: center;
margin:0;
margin-top: 10px;
font-size: 20px;
line-height: 40px;
color:#999999;
font-weight: 500;
}
.teamitem_list .teamlist li span
{
display: block;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 20px;
color:#999999;
font-weight: 500;
}
.teamitem_list .teamlist li:hover h5,.teamitem_list .teamlist li:hover span
{
color:#333333;
}
.brand_news
{
overflow: hidden;
height: 700px;
background: url("../images/brand_bg.jpg") no-repeat center;
}
.brand_news h1
{
display: block;
margin:0;
text-align: left;
font-size: 36px;
color:#999999;
line-height: 50px;
font-weight: 600;
border-bottom: none;
}
.brand_news h2
{
display: block;
margin:10px 0;
font-size: 30px;
text-align: left;
color:#686868;
line-height: 30px;
font-weight: 400;
}
.brand_news .brand
{
position:relative;
height: 700px;
}
.brand .title
{
width: 450px;
margin:0;
text-align: center;
font-size:36px;
font-weight: 500;
line-height: 50px;
color:#999999;
left:50%;
margin-left:-225px;
position: absolute;
bottom: 5px;
}
.brand .round
{
width: 240px;
height: 240px;
background-color: rgba(202,0,0,.6);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.brand .round h3
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 30px;
font-weight: 500;
line-height: 50px;
}
.brand .round h4
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-family: Arial;
font-size: 24px;
font-weight: 100;
line-height: 30px;
}
.brand .r1
{
margin-top: 60px;
position: absolute;
left: 50%;
margin-left:-120px;
}
.brand .r2
{
margin-top: 240px;
position: absolute;
right: 50%;
margin-right:-15px;
}
.brand .r3
{
margin-top: 240px;
position: absolute;
left: 50%;
margin-left:-15px;
}
.news
{
padding: 0 50px;
width: 620px;
height: 700px;
}
.news ul
{
display: block;
padding-top: 35px;
}
.news li
{
width: 620px;
height: 132px;
margin: 25px 0;
}
.news li .datebox
{
float: left;
width: 126px;
height: 126px;
background-color: #0c0407;
border:solid 3px #ca0000;
display: flex;
align-items: center;
justify-content: center;
}
.news .datebox h3
{
display: block;
width: 100%;
text-align: center;
color: #999999;
font-family: Arial;
font-size: 24px;
font-weight: 100;
line-height: 30px;
}
.news .datebox h4
{
display: block;
width: 100%;
text-align: center;
color: #999999;
font-size: 48px;
font-weight: 100;
line-height: 60px;
}
.news li .rightcon
{
width: 460px;
float: right;
}
.news li .rightcon h5
{
display: block;
font-size: 22px;
font-weight: 500;
line-height: 50px;
height: 50px;
color: #999999;
margin:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news li .rightcon span
{
display: block;
font-size: 14px;
line-height: 24px;
height: 72px;
color: #999999;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.news li:hover .datebox h3,.news li:hover .datebox h4,.news li:hover .rightcon h5,.news li:hover .rightcon span
{
color:#ffffff;
}
.news .more3
{
display: block;
width: 200px;
height: 50px;
line-height: 50px;
font-size: 16px;
color:#ffffff;
text-align: center;
float: right;
background-color: #ca0000;
}
.news .more3:hover
{
background-color: #ab0000;
}
.pa
{
position: relative;
z-index: 1;
}
.qrcode
{
width: 135px;
height: 135px;
margin: 50px auto;
margin-bottom: 10px;
}
.qrcode img
{
width: 135px;
height: 135px;  
}
.link_icon
{
display: block;
width: 750px !important;
height: 70px !important;
overflow: visible !important;
margin:0 auto !important;
padding-top: 20px !important;
}
.link_icon li
{
display: block !important;
width: 70px !important;
height: 70px !important;
float: left !important;
margin:0 40px !important;
overflow: visible !important;
position: relative !important;
}
.link_icon li img
{
width: 70px;
height: 70px;
border: none;
}
.link_info
{
display: none;
padding: 10px;
width: 150px;
height: auto;
position: absolute;
top:70px;
left:50%;
font-size: 18px;
line-height: 30px;
color:#333333;
text-align: center;
margin-left: -86px;
background-color: #ffffff;
border:solid 1px #ca0000;
z-index: 993;
}
.link_info a:hover
{
color:#ca0000 !important;
}
.link_info img
{
width: 150px !important;
height: 150px !important;
border: none;
}
.link_icon .tick
{
display: none;
position: absolute;
width: 18px;
height: 18px;
top:69px;
left:50%;
margin-left: -9px;
background-color: #ca0000;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg); 
z-index: 2;
}
.footer
{
height: 525px;
width: 100%;
overflow: hidden;
}
.footer2
{
position: relative; 
width: 100%; 
height: 525px; 
text-align: center; 
line-height: 50px;
}
.footer2:after
{
width: 140%; 
height: 605px; 
position: absolute; 
left: -20%; 
top: 121px; 
z-index: -2; 
content: ''; 
border-radius: 50% 50% 0 0; 
background: 
linear-gradient(#303030, #303030);
}
.footer3
{
width: 100%; 
height: 405px !important; 
background-color: #303030;
}
.footer .contain
{
display: flex;
align-items: center;
justify-content: center;
}
.footer ul
{
margin-top: 50px;
}
.footer li
{
float: left;
margin-left: 50px;
color: #777777;
}
.footer li+li
{
margin-left: 60px;
}
.footer li h3
{
font-size: 22px;
line-height: 50px;
font-weight: 400;
border-bottom: solid 2px #303030;
margin-bottom: 10px;
}
.footer li:hover h3
{
color:#ca0000;
border-bottom: solid 2px #ca0000;
}
.footer li a
{
display: block;
font-size: 16px;
line-height: 34px;
color:#777777;
}
.footer li a:hover
{
color:#ffffff;
}
.copy
{
width: 100%;
height: 50px;
border-top: solid 1px #4d4d4d;
line-height: 50px;
text-align: center;
color:#717171;
background-color: #303030;
}
.copy a
{
color: #717171;
}
.copy a:hover
{
color: #ffffff;
}

/********案例********/
.caseitem
{
height: 800px;
}
.case_01
{
background: url(../images/case_800_1.jpg) no-repeat center top #000000;
}
.case_02
{
background: url(../images/case_800_2.jpg) no-repeat center top #000000;
}
.case_03
{
background: url(../images/case_800_3.jpg) no-repeat center top #000000;
}
.case_04
{
background: url(../images/case_800_4.jpg) no-repeat center top #000000;
}
.case_05
{
background: url(../images/case_800_5.jpg) no-repeat center top #000000;
}
.case_06
{
background: url(../images/case_800_6.jpg) no-repeat center top #000000;
}
.case_bg
{
background: url(../images/case_bg.jpg) no-repeat center top #e60014;
}
.caseitem .innerbox
{
width: 420px;
height: 800px;
display: flex;
align-items: center;
justify-content: center;
}
.caseitem .icon,.banner2 .icon
{
width: 200px;
height: 111px;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
border-bottom: solid 3px #ffffff;
}
.caseitem .icon img,.banner2 .icon img
{
width: auto;
height: 111px;
border:none; 
}
.caseitem h3
{
width: auto;
text-align: center;
font-size: 44px;
color:#ca0000;
font-weight: 500;
line-height: 70px;
margin: 0 auto;
}
.banner2 h3
{
width: auto;
text-align: center;
font-size: 44px;
color:#ffffff;
font-weight: 500;
line-height: 70px;
margin: 0 auto;
}
.caseitem h4
{
margin-top: 120px;
font-size: 24px;
color:#ffffff;
line-height: 36px;
text-align: center;
font-weight:100;
}
.caseitem ul
{
width: 400px;
margin: 0 auto;
margin-top: 30px;
}
.caseitem li
{
width: 85px;
height: 120px;
float:left;
}
.caseitem li+li
{
margin-left: 20px;
}
.caseitem li img
{
width: 85px;
height: 85px;
}
.caseitem li span
{
display:block;
width: 85px;
line-height: 30px;
margin-top: 5px;
font-size: 18px;
font-weight: 400;
text-align: center;
color: #ffffff;
}
.caseitem li:hover span
{
color: #ca0000;
}
.caseitem .itembox
{
width: 620px;
height: 700px;
padding: 50px;
}
.caseitem .itembox h3
{
display: block;
width: 500px;
text-align: left;
font-size: 32px;
color:#ffffff;
line-height: 48px;
}
.itembox.fl h3
{
padding-right: 120px !important;
}
.itembox.fr h3
{
padding-left: 120px !important;
text-align: right;
}
.caseitem .itembox h4
{
display: block;
margin-top: 30px;
font-size: 16px;
line-height: 30px;
color: #ffffff;
text-align: left;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
.caseitem .itembox a
{
margin-top: 50px;
}
.banner_roundbox
{
width: 160px;
height: 80px;
bottom: 0;
left:50%;
margin-left: -80px;
position: absolute;
z-index: 1;
overflow:hidden;
}
.banner_round
{
width: 160px;
height: 160px;
background-color: rgba(202,0,0,.5);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
bottom: 0;
margin-bottom: -80px;
left:50%;
margin-left: -80px;
position: absolute;
z-index: 2
}
.roundline
{
margin:0 auto;
width: 5px;
height: 80px;
background: url(../images/mouse_line.png) no-repeat center bottom;
/*background-color: rgba(255,255,255,.4);*/
}
.mouse
{
width: 17px;
height: 30px;
position: absolute;
left:50%;
margin-left:-8.5px;
top:20px;
}
.mouse img
{
width:17px;
height: 30px;
animation: myMove 2s infinite;
-webkit-animation: myMove 2s infinite;
position: relative;
top: 0px;
}
@keyframes myMove 
{
0% 
{
    top: 0px;
}
50% {
    top: 30px;
}
100% {
    top: 0px;
}
}
.casemore
{
height: 100px;
padding:100px 0;
background: url(../images/case_more.jpg) no-repeat center center #000000;
}
.casemore a
{
display: block;
width: 500px;
height:100px;
line-height: 100px;
font-size: 24px;
color: #ffffff;
text-align:center;
background-color: #ca0000;
margin-left:80px;
}
.casedtls
{
width: 1240px;
height:auto;
padding: 50px 100px;
padding-top:0px;
overflow: auto;
color:#686868;
}
.casedtls h3
{
margin-top: 20px;
font-size: 30px;
line-height: 48px;
text-align: center;
font-weight: 500;
color:#474747;
}
.casedtls ol
{
font-size: 16px;
margin-top: 30px;
line-height: 30px;
font-weight: 400;
}
.casedtls ol a
{
color: #333333;
}
.casedtls ol a:hover
{
color: #e60014;
}
.casedtls ol img
{
max-width: 1240px;
height: auto;
margin:10px;
}
.casedtls ol video
{
display: block;
width: 900px;
height: 550px;
background-color: #000000;
margin:15px auto;
}
/******案例*******/
/******简介*******/
.about .conbox
{
width: 525px;
height: 550px;
float: left;
margin-left: 50px;
}
.about .conbox2
{
padding:0 50px;
box-sizing:border-box;
}
.about h3
{
font-size: 40px;
font-weight: normal;
color:#333333;
line-height: 60px;
}
.about h3 b
{
font-weight: 500;
}
.about h4
{
font-family: Arial;
font-size: 24px;
color:#999999;
line-height: 50px;
font-weight: normal;
}
.about h5
{
display: block;
font-size: 24px;
font-weight: normal;
color:#333333;
line-height: 36px;
text-align: center;
width: 1020px;
margin:0 auto;
}
.about h6
{
display: block;
font-size: 16px;
font-weight: normal;
color:#999999;
font-family: Arial;
line-height: 24px;
text-align: center;
width: 1340px;
margin:0 auto;
margin-top:15px;
}
.about .redline
{
height: 3px;
background-color: #ca0000;
width: 100%
}
.about span
{
display: block;
line-height: 30px;
font-size: 18px;
color:#333333;
margin-top: 30px;
}
.about_siderbox
{
position: relative;
width: 720px !important;
height: 420px !important;
float: right;
margin-right:30px;
padding:10px;
background-color: #ffffff;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.15); 
-o-box-shadow: 0 0 15px rgba(0,0,0,.15); 
box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.about_sideritem
{
width: 720px !important;
height: 420px !important;
overflow: hidden;
}
.about_num
{
display: block;
width: 1050px;
height: 130px;
margin:0 auto;
}
.about_num li
{
width: 250px;
height: 130px;
float: left;
margin:0 50px;
}
.about_num .num
{
font-size: 72px;
font-weight: 500;
line-height: 100px;
color: #ca0000;
text-align: center;
}
.about_num .desc
{
font-size: 22px;
font-weight: 400;
line-height: 30px;
color:#444444;
text-align: center;
}
.about .more4
{
float: left;
margin-top: 420px;
margin-left:60px;
}
.about .round
{
width: 276px;
height: 276px;
background-color: rgba(202,0,0,.8);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.about .round h3
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 36px;
font-weight: 500;
line-height: 60px;
}
.about .round h4
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-family: Arial;
font-size: 27px;
font-weight: 100;
line-height: 40px;
}
.about .r1
{
margin-top: 30px;
position: absolute;
left: 50%;
margin-left:-138px;
}
.about .r2
{
margin-top: 240px;
position: absolute;
right: 50%;
margin-right:-20px;
}
.about .r3
{
margin-top: 240px;
position: absolute;
left: 50%;
margin-left:-20px;
}
.about h1
{
display: block;
width: auto;
margin:0 auto;
text-align: center;
font-size: 40px;
color:#333333;
line-height: 60px;
font-weight: 500;
border:none;
}
.about .red_line
{
width: 300px;
height: 3px;
background-color: #ca0000;
margin: 10px auto;
}
.about h2
{
font-family: Arial;
display: block;
width: auto;
margin:0 auto;
text-align: center;
font-size: 24px;
color:#999999;
line-height: 30px;
font-weight: normal;
}
.about.teambox
{
position: relative;
z-index: 99;
}
.team_siderbox
{
width: 1440px;
height: 540px;
margin-top:50px;
position: relative; 
}
.team_sideritem .leftbox
{
width: 420px;
height: 540px;
margin:0 80px;
float: left;
}
.team_sideritem .leftbox .imgbox
{
width: 420px;
height: 420px;
overflow: hidden;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
}
.team_sideritem .leftbox .imgbox img
{
width: 100%;
height: auto;
}
.team_sideritem .leftbox span,.advisory_left span
{
display: block;
margin:0 auto;
margin-top: 10px;
text-align: center;
font-family: "swis72";
font-size:36px;
line-height: 60px;
color:#444444;
}
.team_sideritem .leftbox p,.advisory_left p
{
display: block;
margin:0 auto;
text-align: center;
font-weight:600;
font-size:30px;
line-height: 40px;
color:#444444;
}
.team_sideritem .rightbox
{
width: 830px;
float: right;
height: 540px;
margin-right: 10px;
}
.team_sideritem .rightbox ol
{
font-size: 22px;
line-height: 40px;
color:#444444;
}
.team_sideritem .rightbox dl
{
margin-top:30px;
font-size: 18px;
line-height: 30px;
color:#999999;
}
.team_siderbox .tprev,.team_siderbox .tnext
{
position: absolute !important;
bottom:0 !important;
}
.team_siderbox .tprev
{
left:auto !important;
right:48px !important;
}
.advisory_left span
{
display: block;
margin:0 auto;
margin-top: 10px;
text-align: center;
font-family: "swis72";
font-size:48px;
line-height: 70px;
color:#444444;
}
.advisory_left p
{
display: block;
margin:0 auto;
text-align: center;
font-weight:400;
font-size:24px;
line-height: 50px;
color:#666666;
}
.advisory_left
{
width: 460px;
margin-left: 260px;
height: auto;
overflow: auto;
}
.advisory_left ol
{
margin-top: 30px;
font-size: 22px;
line-height: 48px;
color: #444444;
}
.advisory_right img
{
width: 420px;
height: 420px;
margin:0 80px;
overflow: hidden;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
}
.indu
{
text-align: center;
position: relative;
}
.indu .imgbox
{
width: 400px;
height: 500px;
margin: 0 auto;
overflow: hidden;
-webkit-transition:all 2s, -webkit-transform 2s;
-moz-transition:all 2s, -moz-transform 2s;
-o-transition:all 2s, -o-transform 2s;
transition:all 2s, transform 2s;
}
.indu .imgbox img
{
width: 400px;
height: 500px;
border:none;
}
.indu.fl .imgbox:hover
{
margin-left: 0px;
}
.indu.fr .imgbox:hover
{
margin-right: 0px;
}
.indu .imgbox .mask
{
display: none;
width: 340px;
height: 440px;
padding: 30px;
/*background-color: rgba(202,0,0,.6);*/
background-color: rgba(245,245,245,1);
color: #444444;
line-height: 40px;
font-weight: normal;
font-size: 18px;
position: absolute;
z-index: 20;
left:50%;
margin-left: -200px;
text-align: left;
-webkit-transition:all 2s, -webkit-transform 2s;
-moz-transition:all 2s, -moz-transform 2s;
-o-transition:all 2s, -o-transform 2s;
transition:all 2s, transform 2s;
}
.indu .imgbox:hover .mask
{
display: block;
}
.indu.fl .imgbox .mask
{
margin-left: 0px;
}
.indu.fr .imgbox .mask
{
margin-left: -400px;
}
.indu span
{
display: block;
margin:0 auto;
margin-top: 10px;
height: 70px;
text-align: center;
font-family: "swis72";
font-size:48px;
line-height: 70px;
color:#444444;
}
.indu p
{
display: block;
margin:0 auto;
text-align: center;
font-weight:400;
font-size:24px;
height: 50px;
line-height: 50px;
color:#444444;
}
.team_pic li
{
width: 650px;
height: 350px;
float: left;
margin:20px 35px;
overflow: hidden;
}
.team_pic li img
{
width: 650px;
height: 350px;
border:none;
}
.team_pic li .mask
{
display: none;
width: 650px;
height: 350px;
background-color: rgba(202,0,0,.6);
color: #ffffff;
position: absolute;
z-index: 1;
text-align: left;
}
.team_pic li:hover .mask
{
display: flex;
}
.team_pic span
{
display: block;
margin:0 auto;
margin-top: 10px;
text-align: center;
font-family: "swis72";
font-size:36px;
line-height: 40px;
color:#ffffff;
}
.team_pic p
{
display: block;
margin:0 auto;
text-align: center;
font-weight:400;
font-size:18px;
line-height: 30px;
color:#ffffff;
}
.whiteline
{
width: 300px;
height: 3px;
background-color: #ffffff;
margin:10px auto; 
}

.map
{
width: 1420px;
height: 690px;
margin:50px auto;
background: url(../images/map.png) no-repeat center center;
}
.mapbox
{
width: 1420px;
height: 690px;
margin:0 auto;
position: relative;
}
.map1
{
width:124px;
height:50px;
line-height: 30px;
color:#ffffff;
font-weight: bold;
font-size: 18px;
position:relative;
left:1035px;
top:276px;
z-index:99;
}
.mapicon
{
width:124px;
height:50px;
z-index:98;
line-height: 30px;
color:#535353;
font-size: 18px;
font-weight: bold;
position:absolute;
}
.mapicon img
{
margin-right:5px;
}
.mapicon_on
{
margin-left:-50px;
margin-top: -25px;
text-align: center;
color:#ffffff;
background: url(../images/map_bg.png) no-repeat center center;
}
.map2
{
left:1070px;
top:445px;
z-index: 102;
}
.map3
{
left:1050px;
top:405px;
z-index: 100;
}
.map4
{
left:286px;
top:270px;
}
.map5
{
left:220px;
top:163px;
}
.map6
{
left:443px;
top:460px;
}
.map7
{
left:390px;
top:550px;
}
.map8
{
left:640px;
top:175px;
}
.map9
{
left:675px;
top:300px;
}
.map10
{
left:810px;
top:395px;
}
.map11
{
left:900px;
top:276px;
}
.map12
{
left:715px;
top:82px;
}
.map13
{
left:1140px;
top:375px;
}
.map14
{
left:1190px;
top:285px;
z-index: 105;
}
.map15
{
left:950px;
top:25px;
}
.map16
{
left:780px;
top:165px;
}
.map17
{
left:670px;
top:225px;
}
.map18
{
left:990px;
top:175px;
}
.map19
{
left:1110px;
top:425px;
z-index: 101;
}
.map20
{
left:1160px;
top:265px;
z-index: 103;
}
.maplist ul
{
display: block;
margin:50px auto;
width: 1260px;
height: auto;
overflow: auto;
}
.maplist li
{
width: 130px;
height: auto;
margin:0 40px;
float: left;
}
.maplist li span
{
display: block;
font-size: 24px;
color:#444444;
font-weight: bold;
line-height: 60px;
border-bottom: solid 3px #ffffff;
text-align: center;
margin-bottom: 10px;
}
.maplist li a
{
display: block;
font-size: 20px;
color:#999999;
font-weight: bold;
line-height: 30px;
text-align: center;
font-weight: normal;
}
.maplist li a:hover,.maplist li:hover span,.maplist_on span,.maplink_on
{
color:#ca0000 !important;
}
.maplist li:hover span,.maplist_on span
{
border-bottom: solid 3px #ca0000 !important;
}
.advantageitembox
{
width: 1300px;
height: 790px;
margin:50px auto;
margin-bottom: 0;
}
.advantagesiderbox
{
position: relative; 
}
.advantageitem
{
width: 1260px;
height: auto;
overflow: auto;
margin:0 auto;
margin-bottom: 50px;
}

.advantageitem li
{
width: 150px;
height: 190px;
float: left;
margin: 0 30px;
}
.advantageitem li img
{
width: 148px;
height: 148px;
margin:1px;
}
.advantageitem span
{
display: block;
margin-top:10px;
text-align: center;
font-size: 22px;
line-height: 30px;
color:#444444;
font-weight: normal;
}
.advantageitem .active span
{
color:#ca0000 !important;
}
.advantage_sideritem
{
width: 1300px;
height: 550px
}
.advantage_sideritem ol
{
display: block;
width: 1300px;
font-size:18px;
line-height: 36px;
color:#333333;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:5;
}
.advantage_sideritem ul
{
width: 1300px;
height: 313px;
margin-top: 50px;
}
.advantage_sideritem li
{
width: 420px;
height: 313px;
overflow: hidden;
float: left;
}
.advantage_sideritem li img
{
max-width: 420px;
max-height: 313px;
}
.advantage_sideritem li+li
{
margin-left: 20px;
}
.patent_nav
{
display:inline-block;
height: 50px;
width: auto;
overflow: auto;
position: relative;
margin-top: 30px;
margin-bottom: 10px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
}
.patent_nav li
{
width: 223px;
height: 48px;
border: solid 1px #999999;
color:#999999;
font-size: 18px;
line-height: 48px;
text-align: center;
float: left;
}
.patent_nav li a
{
color:#999999;  
}
.patent_nav li+li
{
margin-left: 5px;
}
.patent_nav li:hover,.patent_nav .active
{
border: solid 1px #ca0000 !important;
color:#ca0000 !important;
}
.patent_nav li:hover a,.patent_nav .active a
{
color:#ca0000 !important;  
}
.patent_dtls
{
width: 1100px;
height: auto;
overflow: auto;
margin: 0 auto;
padding-bottom:50px;
}
.patent_dtls img
{
max-width: 1100px;
max-height: 550px;
border: 0
}
.patent_dtls ol
{
display: block;
height: 590px;
margin-bottom: 30px;
overflow: hidden;
}
.patent_dtls ol img
{
max-width: 500px;
max-height: 590px;
border:0;
}
.patent_dtls ol .conbox
{
width: 560px;
height: 590px;
padding: 0 20px;
margin-left: 0;
float: left;
}
.patent_dtls ol h3,.patent_dtls ol span
{
color: #444444;
}
.results
{
width: 1260px;
height: auto;
margin: 0 auto;
}
.results table
{
border-collapse: collapse;
width:100% !important;
}
.results tr:nth-child(2n)
{
background-color: #ffffff;
}
.results tr:nth-child(2n+1)
{
background-color:#f9d4d5;
}
.results th
{
font-weight: 500;
border-top: 1px solid #ca0000; 
border-bottom: 1px solid #ca0000;  
}
.results th,.results td
{
height:30px;
font-size: 20px;
color:#ca0000;
text-align: center;
line-height:30px;
padding:10px;
font-family:Arial, Helvetica, sans-serif !important;
}
.honorbox
{
box-sizing:border-box;
padding:0 50px;
}
.honorbox li
{
width: 530px;
height: 580px;
border: solid 1px #aaaaaa;
float: left;
margin: 30px 68px;
position: relative;
text-align: center;
}
.honorbox li img
{
display: block;
max-width: 530px;
max-height: 480px;
margin:0 auto;
border:none;
}
.honorbox li span
{
display: block;
width: 400px;
height: 60px;
padding: 20px 65px;
line-height: 30px;
color:#333333;
font-size: 18px;
margin-top: 0;
text-align: center;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
background: url(../images/honor_title_bg.png) no-repeat center center #ffffff;
}
.honorbox li .mask
{
width: 530px;
height: 480px;
display: none;
position: absolute;
z-index: 2
}
.honorbox li:hover .mask
{
display: block;
}
.honorbox li:hover
{
border:solid 1px #ca0000;
}
.honorbox li:hover span
{
color: #ffffff;
background-color: #ca0000;
background: url(../images/honor_title_bg_active.png) no-repeat center center #ca0000;
}
.contactbox ul
{
width: 920px;
height: auto;
overflow: auto;
margin: 0 auto;
}
.contactbox li
{
width: 50%;
height: 42px;
margin: 5px 0;
margin-bottom: 15px;
float: left;
font-size: 18px;
line-height: 42px;
color:#444444;
}
.contactbox li a
{
color:#444444;
}
.contactbox li a:hover
{
color:#ca0000;
}
.contactbox li img
{
width: 45px;
height: 42px;
float: left;
margin-right:10px;
}
.contactbox ol
{
display: block;
width: 1260px;
height: auto;
overflow: auto;
margin:10px auto;
}
.contactbox ol .qrcode
{
width: 200px;
height: 200px;
overflow: hidden;
border:none;
margin: 0 auto;
}
.experience .imgbox
{
width: 900px;
height: 500px;
padding: 10px;
border:solid 1px #dcdcdc;
float: left;
}
.experience .imgbox img
{
width: 900px;
height: 500px; 
}
.experience .rightbox
{
width:480px;
height: 520px;
float: right;
}
.experience .rightbox dd
{
font-size: 30px;
line-height: 40px;
font-weight: bold;
color:#444444;
}
.experience .rightbox ol
{
font-size: 18px;
line-height: 30px;
color:#444444;
}
.experience .rightbox dl
{
margin-top:50px;
font-size: 16px;
line-height: 24px;
color:#aaaaaa;
}
.newsbox,.newsdtls
{
width: 1240px;
margin: 0 auto;
}
.newsbox li
{
width: 100%;
height: 300px;
overflow: auto;
}
.newsbox li+li
{
margin-top: 50px;
}
.newsbox li img
{
width: 450px;
height: 300px;
overflow: hidden;
float: left;
}
.newsbox .rightbox
{
width: 740px;
height: 300px;
float: right;
}
.newsbox .rightbox ol
{
font-size: 27px;
color:#444444;
height: 50px;
line-height: 50px;
font-weight:500;
white-space:nowrap;
text-align: left;
overflow: hidden;
text-overflow:ellipsis;
}
.newsbox li:hover .rightbox ol
{
color:#ca0000;
}
.newsbox li:hover .more3 
{
color:#ffffff;
background-color: #ca0000;
}
.newsbox .rightbox span
{
display: block;
text-align: right;
font-size: 16px;
color: #999999;
line-height: 40px;
}
.newsbox .rightbox dl
{
display: block;
font-size:18px;
line-height: 36px;
color:#444444;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.newsdtls h1
{
text-align: center;
font-size: 30px !important;
color:#444444 !important;
line-height: 50px !important;
border:none !important;
}
.newsdtls dd
{
text-align: center;
display: block;
font-size: 16px;
color: #999999;
line-height: 40px;
}
.newsdtls dl
{
display: block;
font-size:18px;
line-height: 36px;
color:#999999;
/*text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;*/
}
.newsdtls dl a
{
color:#727272;
}
.newsdtls dl a:hover
{
color:#ca0000;
}
.newsdtls dl video
{
max-width: 1240px;
height: auto;
background-color: #000000;
}
.newsdtls dl img
{
max-width: 1240px;
height: auto;
}
.pagelist
{
display:inline-block;
height: 50px;
width: auto;
overflow: auto;
position: relative;
margin-top: 30px;
margin-bottom: 10px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
}
.pagelist .pprev
{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
-moz-background-size: 20px 20px;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
background-position: center;
background-repeat: no-repeat;
}
.pagelist .pnext
{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
-moz-background-size: 20px 20px;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
background-position: center;
background-repeat: no-repeat;
}
.pagelist a,.pagelist span
{
font-family:Arial;
font-size: 18px;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color:#ffffff;
background-color: #7d7d7d;
float: left;
margin:0 5px;
}
.pagelist .active,.pagelist a:hover
{
background-color: #ca0000;
}
.pflink
{
width: auto;
height: auto;
overflow: visible;
position: fixed;
bottom: 200px;
right:0;
z-index: 9998;
}
.pflink ul
{
display: block;
margin:0;
padding: 0;
width: auto;
height: auto;
overflow: visible;
}
.pflink li
{
display: block;
margin:0;
padding: 0;
width: 60px;
height: 60px; 
background-color: #7d7d7d;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
-o-border-radius: 30px; 
overflow: auto;
}
.pflink li+li
{
margin-top: 5px;
}
.pflink .active
{
background-color: #ca0000 !important;
}
.pflink li a
{
display: block;
padding: 0;
margin:0;
}
.pflink li .infocon
{
display: none;
position: absolute;
width:auto;
height: auto;
overflow: auto;
padding: 10px;
right:60px;
line-height: 30px;
white-space:nowrap;
background-color: #ffffff;
z-index: 9999;
}
.pflink li:hover .infocon
{
display: block;
}
.pflink li img
{
width: 36px;
height: 36px;
margin:12px;
}
.pflink li .infocon img
{
width: 100px;
height: 100px;
margin:0;
}
.up,.goback,.phone,.wechat
{
width: 60px;
height: 60px;
background-color: #ca0000;
position: fixed;
bottom: 300px;
right:0;
z-index: 99999999;
}
.up img,.goback img
{
width: 36px;
height: 36px;
margin:12px;
}
.goback
{
bottom: 238px;
background-color: #7d7d7d;
}
.timeline
{
width: auto;
max-width: 100%;
height: auto;
overflow: auto;
margin:0 auto;
padding-left:70px;
display:inline-block;
position: relative;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
}
.timeline .linebox
{
display: block;
width: auto;
height: auto;
overflow: auto;
border-left: solid 2px #ca0000;
}
.timeline .lineconbox
{
padding: 20px 0;
height: auto;
width: auto;
min-height: 124px;
overflow: auto;
}
.timeline .iconbox
{
float: left;
width: 120px;
height: 120px;
margin-left: -63px;
overflow: hidden;
border: solid 2px #ca0000;
border-radius: 70px;
-moz-border-radius: 70px;
-webkit-border-radius: 70px;
-o-border-radius: 70px; 
position: absolute;
z-index: 20;
}
.timeline .iconbox img
{
width: 120px;
height: 120px;
}
.timeline .textbox
{
width: auto;
height: auto;
overflow: height;
margin-left: 120px;
float: left;
font-size: 21px;
line-height: 40px;
font-weight: normal;
color: #444444;
}
.mshow
{
display: none !important;  
}
@media only screen and (max-width: 960px){
.mclose
{
display: none;
}
.mshow
{
display: block !important;
}
.header,.header_inner,.sm,.sm .header_inner,.w1440
{
width:100% !important;
height:50px;
margin-top: 0 !important;
}
.header
{
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
-o-box-shadow: 0 2px 3px rgba(0,0,0,.1); 
box-shadow: 0 2px 3px rgba(0,0,0,.1);
}
.header .round
{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0; 
}
.header.mt25
{
margin-top: 0 !important;
}
.banner,.banner2
{
width:100%;
margin-top:50px;
height:auto;
}
.banner,.banner a
{
height:240px !important;
overflow:auto;
background-size:auto 240px !important; 
}
.banner_show
{
width:100%;
height:auto;
overflow:auto;
}
.banner_show a img
{
width:100%;
height:auto;
}
.banner2,.h300,.h350,.h520
{
height:200px !important;
background-size:auto 200px !important; 
}
/*.banner_about
{
height:130px !important;
background-size:auto 130px !important; 
}*/
.caseitem,.h700
{
height:300px !important;
overflow:auto;
background-size:auto 300px !important; 
}
.h530
{
height:auto !important;
overflow: auto;
background-size:auto auto !important; 
}
.mbar
{
width:auto;
height:50px;
float:left;
line-height:50px;
position:absolute;
left:10px;
z-index: 2;
-webkit-transition: -webkit-transform 0.2s ease-out;
-moz-transition: -moz-transform 0.2s ease-out;
-o-transition: -o-transform 0.2s ease-out;
-ms-transition: -ms-transform 0.2s ease-out;
}
.mbar i
{
font-size:30px;
}
.xz
{
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-o-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.memu
{
background-color: #ffffff;
width: 130px;
height: auto;
margin-left: 0;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.3); 
-o-box-shadow: 0 5px 5px rgba(0,0,0,.3); 
box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
.memu li
{
height: 60px;
line-height: 60px;
border-bottom: solid 1px #dfdfdf;
}
.memu li a
{
height: 60px;
line-height: 60px;  
}
.memu li ul
{
position: absolute;
top:50px;
margin-left: 130px;
}
.memu li ul li,.memu li ul li a
{
height: 50px !important;
line-height: 50px !important;
}
.logo,.sm .logo
{
width:100%;
height:50px;
margin:0 auto !important;
text-align:center;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
box-sizing:border-box;
}
.logo img,.sm .logo img
{
margin:5px auto !important;
width:auto;
height:40px;
}
.ptb50
{
padding: 20px 0 !important;
}
.more,.more3,.news .more3
{
height: 46px !important;
line-height: 46px !important;
font-size: 15px !important;
}
.more2
{
height: 44px !important;
line-height: 44px !important;
font-size: 15px !important;
}
.contain,.fullwidth
{
width:100%;
height:auto;
min-width:100%;
overflow:auto;
padding:0;
margin:0;
}
.contain canvas
{
width:100%;
height:200px !important;
overflow:auto;
padding:0;
margin:0;
}
.contain h1
{
font-size: 25px;
color:#999999;
line-height: 40px;
max-width: 90% !important;
}
.advantage h1
{
color:#eeeeee;
}
.contain h2
{
margin:5px auto;
font-size: 19px;
line-height: 30px;
}
.contain .title
{
margin:15px auto;
font-size: 17px;
color:#333333;
line-height: 30px;
}
.contain .qrcode
{
margin-top: 20px;
}
.contain .con_text
{
width: 100%;
padding:0 10px;
box-sizing:border-box;
font-size: 15px;
line-height: 24px;
}
.contain .numbox
{
margin-top:20px;
width: 100%;
}
.contain .num
{
font-size: 39px;
line-height: 50px;
}
.contain .desc
{
margin-top: 5px;
font-size: 14px;
line-height: 24px;
padding:0 10px;
box-sizing:border-box;
}
.accordionbox,.advantage_item,.team ul,.teamitembox
{
width: 100%;
height: auto;
overflow: auto;
display: block;
}
.accordionbox .mark
{
display: none;
}
.accordionbox li
{
display: block;
width: 100%;
height: 240px;
float: none;
position:relative;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
background: url("../images/accordion_03.jpg") no-repeat center;
background-size:100% auto !important; 
}
.accordionbox li:after
{
display: none;
content: "";
width: calc(100% - 10px);
height: 240px;
position: static;
left:0;
top:0;
z-index: 2;
background: inherit;
filter: blur(0px);
}
.accordionbox li:hover:after
{
display: none;
filter: blur(0px);
}
.accordionbox li+li
{
margin-left: 0;
margin-top:5px;
}
.accordionbox li .conbox
{
width: 100%;
height: 240px;
background-color: rgba(0,0,0,.5);
}
.accordionbox li h3
{
font-size:21px;
width: 100%;
line-height: 30px;
text-align: center;
color:#ffffff;
font-weight: 500;
margin:10px auto;
}
.accordionbox li .icon
{
margin-top: 25px;
}
.accordionbox li span
{
font-size:15px;
line-height: 26px;
font-weight: normal;
display: block;
}
.accordionbox .big
{
width: 100%;
}
.accordionbox .big h3
{
display: block;
font-size:24px;
width: 30px;
line-height: 30px;
}
.accordionbox .big .mark
{
display: none;
}
.accordionbox .big span
{
display: block;
}
.accordionbox .small
{
width: 100%;
}
.advantage img
{
margin-left: 10%;
margin-right: 10%;
margin-top:40px;
width: 75%;
}
.advantage_item ul
{
width: 50%;
height: auto;
overflow: auto;
margin-left: auto;
margin-right: auto;
float: left;
}
.advantage_item li
{
width: calc(100% - 20px);
margin-left:10px; 
height: 165px;
box-sizing:border-box;
}
.advantage_item li+li
{
border-top: solid 1px #ca0000;
}
.advantage_item .icon
{
width: 50px;
height:50px;
float: none;
margin-top: 20px;
margin-left:auto;
margin-right:auto;
}
.advantage_item .icon img
{
width: 50px;
height: 50px;
}
.advantage_item .context
{
width: auto;
float: none;
margin-top: 10px;
margin-left:auto;
margin-right:auto;
}
.advantage_item .context h3
{
font-size:21px;
line-height: 36px;
text-align: center;
}
.advantage_item .context span
{
font-size:15px;
line-height: 26px;
text-align: center !important;
}
.advantage_item .runner
{
position: relative;
overflow: hidden;
}
.advantage_item .runner ul
{
width: 100% !important;
position: absolute !important;
z-index: 2 !important
}
.advantage_item .runner li
{
border: none !important;
width: 175px !important;
height: 175px !important;
float: left;
margin-left:0; 
box-sizing:border-box;
-webkit-transition:all 0.5s, -webkit-transform 0.5s;
-moz-transition:all 0.5s, -moz-transform 0.5s;
-o-transition:all 0.5s, -o-transform 0.5s;
transition:all 0.5s, transform 0.5s;
}
.advantage_item .runner li h4
{
width: 80px;
height: 80px;
font-size: 30px;
line-height: 40px;
font-weight: 400;
color: #ffffff;
}
.advantage_item .runner li:nth-child(1) h4,.advantage_item .runner li:nth-child(2) h4
{
margin-top: 60px;
}
.advantage_item .runner li:nth-child(3) h4,.advantage_item .runner li:nth-child(4) h4
{
margin-top: 30px;
}
.advantage_item .runner li:nth-child(1) h4,.advantage_item .runner li:nth-child(3) h4
{
margin-left: 80px;
}
.advantage_item .runner li:nth-child(2) h4,.advantage_item .runner li:nth-child(4) h4
{
margin-left: 30px;
}
.advantage_item .runner .active
{
background-color:rgba(202,0,0,0.5)
}
.advantage_item .runner li:nth-child(1),.advantage_item .runner li:nth-child(2)
{
border-bottom: solid 1px #ffffff !important;
}
.advantage_item .runner li:nth-child(2),.advantage_item .runner li:nth-child(4)
{
border-left: solid 1px #ffffff !important;
}
.team li 
{
width: 50%;
height: auto;
margin:10px 0;
float: left;
text-align: center;
}
.team li img
{
width: 80%;
}
.teamitembox
{
width: 100% !important;
height: auto;
overflow: auto;
margin:30px auto !important;
}
.teamitem 
{
height: auto;
overflow: auto;
}
.teamitem_list .left_title 
{
width: 100%;
height: 100px;
color: #ca0000;
padding: 0px;
float: none;
background-color: #ffffff;
position: relative;
display: block;
align-items: center;
justify-content: center;
}
.teamitem_list .left_title .icon
{
display: none;
}
.teamitem_list .left_title h3
{
display: block;
margin-top: 20px;
font-size: 23px;
font-family:Arial;
color:#ca0000;
font-weight: normal;
text-align: center;
}
.teamitem_list .left_title h4
{
display: block;
font-size: 19px;
color:#ca0000;
margin-top: 5px;
font-weight: normal;
text-align: center;
}
.teamitem_list .left_title .more3
{
width: 142px;
height: 44px !important;
line-height:44px !important;
border:solid 1px #ffffff;
text-align:center;
margin:0 auto;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#ca0000;
position: relative;
margin-top: 20px;
bottom: 10px;
}
.teamitem_list .right_con
{
width: 100%;
height: auto;
overflow: auto;
color: #ca0000;
padding: 30px 0 10px 0;
float: right;
}
.teamitem_list .userlist
{
display: block;
width:100%;
margin:0 auto;
}
.teamitem_list .userlist li
{
display: block;
width: 33.33333%;
height: auto;
overflow: auto;
float: left;
margin:0;
text-align: center;
overflow: hidden;
}
.teamitem_list .userlist li+li
{
margin-left:0;
}
.teamitem_list .userlist li img
{
display: block;
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
box-sizing:border-box;
}
.teamitem_list .userlist li:hover img
{
border: solid 1px #ca0000;
}
.teamitem_list .userlist li h5
{
display: block;
width: 100%;
text-align: center;
margin:0;
margin-top: 10px;
font-size: 17px;
line-height: 30px;
color:#999999;
font-weight: 500;
}
.teamitem_list .userlist li span
{
display: block;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 20px;
color:#999999;
font-weight: 500;
}
.teamitem_list .teamlist
{
display: block;
width:100%;
height: auto;
overflow: auto;
margin:0 auto;
}
.teamitem_list .teamlist li
{
width: 50%;
height: auto;
float: left;
overflow: auto;
margin:0;
}
.teamitem_list .teamlist li+li
{
margin-left:0;
}
.teamitem_list .teamlist li img
{
width: 90%;
height: auto;
box-sizing:border-box;
}
.teamitem_list .teamlist li:hover img
{
border: solid 1px #ca0000;
}
.teamitem_list .teamlist li h5
{
display: block;
width: 100%;
text-align: center;
margin:0;
margin-top: 10px;
font-size: 18px;
line-height: 30px;
color:#999999;
font-weight: 500;
}
.teamitem_list .teamlist li span
{
display: block;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 20px;
color:#999999;
font-weight: 500;
}
.teamitem_list .teamlist li:hover h5,.teamitem_list .teamlist li:hover span
{
color:#333333;
}
.brand_news .halfwidth
{
width: 100% !important;
height: auto;
overflow: auto;
}
.brand_news
{
width: 100%;
overflow: auto;
height: auto;
background: url("../images/brand_bg.jpg") no-repeat top;
background-size:auto 600px !important; 
}
.brand_news h1
{
display: block;
width: 100%;
margin:0 auto;
text-align: center !important;
font-size: 31px;
color:#cccccc;
font-weight: 500;
line-height: 40px;
}
.brand_news h2
{
font-size: 19px;
text-align: center;
line-height: 30px;
}
.brand_news .brand
{
position:relative;
height: 560px;
}
.brand .title
{
width: 100%;
margin:0;
text-align: center;
font-size:25px;
font-weight: normal;
line-height: 40px;
color:#ffffff;
left:0;
margin-left:0;
position: absolute;
bottom: 5px;
}
.brand .round
{
width: 180px;
height: 180px;
background-color: rgba(202,0,0,.6);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.brand .round h3
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 25px;
font-weight: 300;
line-height: 50px;
}
.brand .round h4
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-weight: normal;
font-family: Arial;
font-size: 19px;
line-height: 30px;
}
.brand .r1
{
margin-top: 30px;
position: absolute;
left: 50%;
margin-left:-90px;
}
.brand .r2
{
margin-top: 170px;
position: absolute;
right: 50%;
margin-right:-10px;
}
.brand .r3
{
margin-top: 170px;
position: absolute;
left: 50%;
margin-left:-10px;
}
.news
{
margin-top: 50px;
padding: 0 10px;
width: 100%;
height: auto;
overflow: auto;
box-sizing:border-box;
}
.news ul
{
display: block;
padding-top: 0;
}
.news li
{
width: 100%;
height: 115px;
margin: 15px 0;
}
.news li .datebox
{
float: left;
width: 100px;
height: 100px;
background-color: #0c0407;
border:solid 3px #ca0000;
display: flex;
align-items: center;
justify-content: center;
}
.news .datebox h3
{
display: block;
width: 100%;
text-align: center;
color: #999999;
font-family: Arial;
font-size: 24px;
font-weight: 100;
line-height: 30px;
}
.news .datebox h4
{
display: block;
width: 100%;
text-align: center;
color: #999999;
font-size: 40px;
font-weight: 100;
line-height: 60px;
}
.news li .rightcon
{
width: calc(100% - 120px);
float: right;
}
.news li .rightcon h5
{
display: block;
font-size: 17px;
font-weight: 500;
line-height: 30px;
height: 30px;
color: #686868;
margin:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.news li .rightcon span
{
display: block;
font-size: 14px;
line-height: 23px;
height: 69px;
color: #999999;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.news li:hover .datebox h3,.news li:hover .datebox h4,.news li:hover .rightcon h5,.news li:hover .rightcon span
{
color:#ca0000;
}
.news .more3
{
display: block;
width: 200px;
height: 50px;
line-height: 50px;
font-size: 16px;
color:#ffffff;
text-align: center;
float: none;
margin-left: auto;
margin-right: auto;
background-color: #ca0000;
}
.news .more3:hover
{
background-color: #ab0000;
}
.banner_round 
{
width: 100px;
height: 100px;
margin-bottom: -50px;
margin-left: -50px;
}
.mouse 
{
width: 13px;
height: 23px;
margin-left: -6.5px;
top: 15px;
}
.mouse img
{
width: 13px;
height: 23px;  
}
@keyframes myMove 
{
0% 
{
    top: 0px;
}
50% {
    top: 10px;
}
100% {
    top: 0px;
}
}
.caseitem .innerbox,.caseitem .itembox
{
width: 70% !important;
height: 300px !important;
padding: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.caseitem .innerbox
{
background-color:rgba(0,0,0,0.5);  
}
.caseitem .icon,.banner2 .icon
{
width: 80px;
height: 51px;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;
border-bottom: solid 3px #ffffff;
}
.caseitem .icon img,.banner2 .icon img
{
width: auto;
height: 51px;
border:none; 
}
/*.case_01 .contain,.case_02 .contain,.case_03 .contain,.case_04 .contain,.case_05 .contain,.case_06 .contain
{
background-color:rgba(0,0,0,0.4); 
}
.case_01,.case_03,.case_05
{
background-position: 30% center;
}
.case_02,.case_04,.case_06
{
background-position: 80% center;
}*/
.caseitem h3,.banner2 h3
{
width: auto;
text-align: center;
font-size: 21px;
color:#ffffff;
line-height: 40px;
margin: 0 auto;
}
.caseitem h4
{
margin-top: 10px;
font-size: 15px;
color:#ffffff;
line-height: 26px;
text-align: center;
font-weight:400;
}
.caseitem .innerbox .more3
{
margin-top: 20px;
}
.caseitem ul
{
width: 400px;
margin: 0 auto;
margin-top: 30px;
}
.caseitem li
{
width: 85px;
height: 120px;
float:left;
}
.caseitem li+li
{
margin-left: 20px;
}
.caseitem li img
{
width: 85px;
height: 85px;
}
.caseitem li span
{
display:block;
width: 85px;
line-height: 30px;
margin-top: 5px;
font-size: 18px;
font-weight: 400;
text-align: center;
color: #ffffff;
}
.caseitem li:hover span
{
color: #ca0000;
}
.caseitem .itembox
{
box-sizing:border-box;
padding:0 10px !important;
overflow: hidden;
}
.caseitem .itembox h3
{
display: block;
width: 100%;
text-align: left;
font-size: 21px;
color:#ffffff;
line-height: 36px;
margin-top: 30px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.itembox.fl h3
{
padding-right: 0 !important;
}
.itembox.fr h3
{
padding-left: 0 !important;
text-align: right;
}
.caseitem .itembox h4
{
display: block;
height: 90px;
overflow: hidden;
margin-top: 15px;
}
.caseitem .itembox a
{
margin-top: 20px;
}
.casemore 
{
height: 46px;
padding: 57px 0 !important;
background-size:auto 160px !important;
}
.casemore a 
{
width: 300px;
height: 46px;
line-height: 46px;
font-size: 16px;
margin-left: auto;
margin-right: auto;
}
.casedtls
{
width: 100%;
height:auto;
box-sizing:border-box;
padding: 20px 10px;
padding-top:0px;
overflow: auto;
color:#474747;
}
.casedtls h3
{
font-size: 21px;
line-height: 40px;
text-align: center;
font-weight: 500;
}
.casedtls ol
{
font-size: 15px;
margin-top: 20px;
line-height: 26px;
font-weight: 400;
color:#474747;
}
.casedtls ol img
{
max-width: 100%;
height: auto;
border: none;
/*border:solid 1px #ca0000;*/
margin:10px auto;
}
.casedtls ol video
{
display: block;
width: 100%;
height: 240px;
background-color: #000000;
margin:15px auto;
}
.about .halfwidth,.w600,.w500,.patent_dtls ol,.patent_dtls .halfwidth
{
width: 100% !important;
height: auto;
overflow: auto;
}
.about img
{
max-width: 100%;
height: auto;
}
.about .conbox2 
{
padding: 0 15px;
}
.about .textright,.about .textleft
{
text-align: center !important;
}
.about .fr,.about .fl
{
float: none !important;
margin-left: auto;
margin-right: auto;
}
.about h2 
{
font-size: 19px !important;
line-height: 30px;
}
.about h3
{
text-align: center;
}
.about h4 
{
font-size: 15px;
line-height: 26px;
font-weight: normal;
text-align: center;
}
.about .mt100,.about .mt125
{
margin-top: 20px !important;
}
.about span
{
display: block;
font-size: 15px;
margin-top: 20px;
margin-bottom: 20px;
}
.about.h520 img
{
width: 200px;
height: auto;
}
.about .more3
{
margin-bottom: 20px;
}
.about .red_line 
{
height: 1px;
}
.font36
{
font-size: 25px !important;
}
.indu span
{
font-size: 36px;
margin-top: 10px;
height: 60px;
margin-bottom: 0px;
}
.indu.fr .imgbox .mask,.indu.fl .imgbox .mask
{
margin-left: -170px;
}
.banner_advantage4
{
background-position: 20% center;
}
.advantageitembox,.advantageitem,.advantagesiderbox,.advantage_sideritem,.advantage_sideritem ol,.advantage_sideritem ul
{
width: 100%;
height: auto;
}
.advantageitembox
{
margin:30px auto;
margin-bottom: 0;
}
.advantageitem li
{
display: block;
width: 33.333333%;
height: auto;
overflow: auto;
text-align: center;
margin: 0;
margin-bottom: 10px;
}
.advantageitem li img
{
width: 80%;
max-width: 150px;
height: auto;
}
.advantageitem span
{
display: block;
width: 100%;
font-size: 16px;
}
.advantage_sideritem ol ,.advantage_sideritem ul
{
box-sizing:border-box;
padding: 0 10px;
font-size: 16px;
line-height: 26px;
overflow: hidden;
}
.advantage_sideritem ul
{
margin-top: 20px;
}
.advantage_sideritem li 
{
width: 33.333333%;
height: auto;
float: left;
text-align: center;
margin: 0;
}
.advantage_sideritem li+li
{
margin-left:0;
}
.advantage_sideritem li img
{
width: 98%;
max-width: 420px;
height: auto;
}
.patent_nav
{
width: 100%;
height: auto;
margin-top: 15px;
}
.patent_nav li 
{
display: block;
width: calc(50% - 12px);
height: 38px;
font-size: 16px;
line-height: 38px;
margin: 5px;
}
.patent_dtls,.about .conbox,.w1300,.newsbox, .newsdtls,.contactbox ul,.contactbox ol
{
width: 100%;
padding: 0 15px;
padding-bottom:30px;
margin:0;
height: auto;
box-sizing:border-box;
}
.newsbox, .newsdtls,.contactbox ul,.contactbox ol
{
padding-bottom:0px;
}
.patent_dtls ol
{
margin-bottom: 0;
}
.patent_dtls ol img 
{
width: 100%;
height: auto;
max-width: 500px;
max-height: 590px;
border: 0;
}
.patent_dtls ol .conbox
{
padding: 0;
height: auto;
overflow: auto;
}
.about .conbox
{
padding-bottom:10px;
}
.about_siderbox,.about_sideritem,.team_siderbox
{
width: 100% !important;
height: auto !important;
margin-right: 0;
box-sizing:border-box;
}
.about_siderbox
{
margin-bottom: 20px;
}
.about_num,.h550
{
width: 100% !important;
height: auto !important;
overflow: auto;
}
.about_num li 
{
width: 33.333333%;
height: auto;
overflow: auto;
float: left;
margin: 0;
}
.banner_honor,.banner_results,.banner_team2
{
background-position: 25% center;
}
.aboutround
{
position: relative !important;
display: block;
height: 370px !important;
}
.about .more4 
{
width: 160px;
margin-top: 120px;
height: 40px;
line-height: 40px;
font-size: 18px;
float: right;
margin-left: 20px;
}
.banner_honor .more4,.banner_results .more4
{
margin-left: auto !important;
margin-right: 20px !important; 
}
.about .round
{
width: 180px;
height: 180px;
}
.about .round h3
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-size: 25px;
font-weight: normal;
line-height: 40px;
}
.about .round h4
{
display: block;
width: 100%;
text-align: center;
color: #ffffff;
font-family: Arial;
font-size: 19px;
font-weight: normal;
line-height: 30px;
}
.about .r1
{
margin-top: 0px;
position: absolute;
left: 50%;
margin-left:-90px;
}
.about .r2
{
margin-top: 145px;
position: absolute;
right: 50%;
margin-right:-10px;
}
.about .r3
{
margin-top: 145px;
position: absolute;
left: 50%;
margin-left:-10px;
}
.about h5
{
width: 100% !important;
padding: 0 10px;
margin:0;
height: auto;
box-sizing:border-box;
font-size: 16px !important;
height: 120px;
line-height: 30px !important;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
.about h6
{
width: 100% !important;
padding: 0 10px;
box-sizing:border-box;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.honorbox
{
width: 100% !important;
padding: 0;
}
.honorbox ul,.team_pic
{
width: calc(100% + 2px);
margin-left:-1px;
margin-top: 20px;
border-top:solid 1px #dfdfdf;
}
.honorbox li,.honorbox li .mask,.team_pic li,.team_pic li .mask,.indu
{
width: 50% !important;
height: auto !important;
overflow: auto;
text-align: center;
}
.honorbox li,.team_pic li,.indu
{
margin: 0;
padding: 10px;
box-sizing:border-box;
border:none;
border-left:solid 1px #dfdfdf;
border-bottom:solid 1px #dfdfdf;
}
.honorbox li img
{
width: 100%;
height: auto;
max-width: 530px;
max-height: 480px;
}
.honorbox li span 
{
display: block;
width: 100%;
height: 60px;
padding: 0;
line-height: 30px;
color: #333333;
font-size: 16px;
margin-top: 0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.team_pic li img
{
width: 100%;
height: auto;
max-width: 650px;
max-height: 350px;  
}
.indu
{
border-left: none;
border-bottom: none;
}
.indu .imgbox
{
width: 100%;
height: auto; 
}
.indu .imgbox img
{
width: 100%;
height: auto;
max-width: 400px;
max-height: 500px;  
}
.team_sideritem .leftbox,.team_sideritem .rightbox,.advisory_left
{
width: 100%;
height: auto;
overflow: auto;
margin: 0;
float: none;
}
.team_sideritem .leftbox .imgbox,.advisory_right
{
width: 300px;
height: 300px;
margin:0 auto;
}
.team_sideritem .rightbox
{
margin-top: 10px;
padding:10px;
box-sizing:border-box;
}
.team_sideritem .rightbox ol
{
font-size: 18px;
line-height: 30px;
}
.team_siderbox .tprev, .team_siderbox .tnext
{
display: none;
}
.about .redline
{
height: 1px;
margin-left: auto;
margin-right: auto;
}
.advisory_left ol
{
margin-top: 20px;
font-size:18px;
line-height: 30px;
text-align: center !important;
}
.advisory_left span
{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.advisory_right
{
margin-top: 20px;
}
.advisory_right img
{
width: 300px;
height: 300px;
margin:0;
}
.newsbox li
{
width: 100%;
height: auto;
overflow: auto;
}
.newsbox li+li
{
margin-top: 20px;
padding-top: 20px;
border-top: solid 1px #dfdfdf;
}
.newsbox li img
{
width: 120px;
height: auto;
overflow: auto;
float: left;
}
.newsbox .rightbox
{
width: calc(100% - 130px);
height: auto;
overflow: visible;
float: right;
}
.newsbox .rightbox ol
{
font-size: 17px;
color:#474747;
height: 60px;
line-height: 30px;
font-weight:500;
white-space:normal;
text-align: left;
overflow: hidden;
text-overflow:ellipsis;
}
.newsbox li:hover .rightbox ol
{
color:#ca0000;
}
.newsbox li:hover .more3 
{
color:#ffffff;
background-color: #ca0000;
}
.newsbox .rightbox span
{
display: block;
text-align: right;
font-size: 12px;
color: #999999;
line-height: 20px;
}
.newsbox .rightbox dl
{
display: block;
width: calc(100% + 130px);
font-size:14px;
line-height: 24px;
color:#686868;
height: 72px;
overflow: hidden;
margin-top: 20px !important;
margin-left: -130px;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.newsdtls h1
{
text-align: center;
font-size: 21px !important;
color:#444444 !important;
line-height: 40px !important;
border:none !important;
}
.newsdtls dd
{
text-align: center;
display: block;
font-size: 14px;
color: #999999;
line-height: 30px;
}
.newsdtls dl
{
display: block;
font-size:15px;
line-height: 30px;
color:#686868;
/*text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;*/
}
.newsdtls dl a
{
color:#727272;
}
.newsdtls dl a:hover
{
color:#ca0000;
}
.newsdtls dl video
{
max-width: 100%;
height: 220px;
background-color: #000000;
}
.newsdtls dl img
{
max-width: 100%;
height: auto;
}
.contactbox li
{
width: 100%;
font-size:15px;
line-height: 36px;
margin-bottom: 5px;
}
.contactbox li img
{
height: 36px;
width: auto;
}
.contactbox ol .qrcode img
{
width: 200px;
height: 200px;
}
.contactbox ol div+div
{
margin-top: 20px;
}
.experience
{
width: calc(100% - 20px);
height: auto;
padding: 0 10px;
}
.experience .imgbox
{
width: 100%;
height: auto;
box-sizing:border-box;
padding: 10px;
overflow: auto;
margin-bottom: 20px;
float: none;
}
.experience .imgbox img
{
width: 100%;
height: auto;
max-width: 900px;
max-height: 500px; 
}
.experience .rightbox
{
width:100%;
height: auto;
float: none;
}
.experience .rightbox dd
{
font-size: 24px;
line-height: 32px;
font-weight: bold;
color:#444444;
}
.experience .rightbox ol
{
font-size: 18px;
line-height: 30px;
color:#444444;
}
.experience .rightbox dl
{
margin-top:20px;
font-size: 16px;
line-height: 24px;
color:#aaaaaa;
}
.h860
{
height: 350px !important;
}
.h600
{
height: 750px !important;
background-size:auto 100% !important; 
}
.font48,.about h3
{
font-size: 21px !important;
line-height: 40px;
}
.about .fontgray2,.about .fontgray2 b
{
box-sizing:border-box;
font-weight: normal;
font-size: 21px !important;
}
.caseitem ul
{
width: 280px;
margin: 0 auto;
margin-top: 10px;
}
.caseitem li
{
width: 25%;
height: auto;
float:left;
text-align: center;
}
.caseitem li+li
{
margin-left: 0;
}
.caseitem li img
{
width: 40px;
height: 40px;
}
.caseitem li span
{
display:block;
width: 100%;
line-height: 20px;
margin-top: 5px;
font-size: 14px;
font-weight: 400;
text-align: center;
color: #ffffff;
}
.results
{
width: 100%;
height: auto;
margin: 0 auto;
}
.results table
{
width: auto;
}
.results th,.results td
{
font-size: 16px;
white-space:nowrap;
}
.ml50
{
margin-left: 10px !important;
}
.ml-150,.ml-240,.ml-280
{
margin-left: 0 !important;
}
.mt50
{
margin-top: 30px !important;
}
.mt100
{
margin-top: 50px !important;
}
.pagelist
{
display:inline-block;
height: 30px;
width: auto;
overflow: auto;
position: relative;
margin-top: 30px;
margin-bottom: 0px;
left:50%;
transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
}
.pagelist a,.pagelist span
{
font-family:Arial;
font-size: 18px;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
margin:0 3px;
}
.pagelist .active,.pagelist a:hover
{
background-color: #ca0000;
}
.up,.goback
{
width: 80px;
height: 80px;
background-color: #ca0000;
position: fixed;
bottom: 300px;
right:0;
z-index: 99999999;
}
.up img,.goback img
{
width: 36px;
height: 36px;
margin:22px;
}
.goback
{
bottom: 218px;
background-color: #7d7d7d;
}
.timeline
{
padding-left:40px;
}
.timeline .lineconbox
{
min-height: 64px;
}
.timeline .iconbox
{
width: 60px;
height: 60px;
margin-left: -33px;
}
.timeline .iconbox img
{
width: 60px;
height: 60px;
}
.timeline .textbox
{
margin-left: 50px;
font-size: 16px;
line-height: 30px;
}
.pflink li
{ 
background-color: rgba(125,125,125,.7);
}
.pflink .active
{
background-color: rgba(202,0,0,.7) !important;
}
.pflink li .infocon
{
text-align: center;
top:-50px;
}
.pflink li .infocon img
{
width: 200px;
height: 200px;
margin:0;
}
}