/* normalize reset */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin: 0;padding: 0;}
html,body,fieldset,img,iframe,abbr {border: 0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display: block;}
*{ box-sizing: border-box; -webkit-box-sizing: border-box;}
*::after,
*::before {box-sizing: border-box;-webkit-box-sizing: border-box;content: '';position: absolute;}
body { position: relative;}
a:active,a:hover,:focus,[hidefocus],summary { outline: none;}
::-moz-focus-inner { border-color: transparent;}
/*for mozilla*/
.glyphicon {cursor: default;}
a,a .glyphicon,a.glyphicon,label { cursor: pointer;}
del,ins,u,s,a,a:hover { text-decoration: none;}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight: bold;}
h1,h2,h3,h4,h5,h6,small {font-size: 100%;}
i,cite,em,var,address,dfn {font-style: normal;}
sup,sub { font-size: 83%;}
pre,code,kbd,samp {font-family: inherit;}
li{list-style: none;}
svg:not(:root) {overflow: hidden;}
textarea{overflow: auto; resize: none;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
.clear {height: 0;clear: both; overflow: hidden;}
.pull-right { float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.show {display: block !important;}
.modal { position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
.grab { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab;}
.grabbing {cursor: -webkit-grabbing !important;cursor: -moz-grabbing !important; cursor: grabbing !important;}
html,body {width: 100%; height: 100%;font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.clear {height: 0; overflow: hidden;clear: both;}
header {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
max-width: 180px;
min-width: 180px;
height: 100%;
background: url(../images/nav_01.jpg) no-repeat;
background-size:cover;
}
header h1 {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
z-index:9;
}
header h1 a {
display: block;
width: 180px;
height: 80px;
position: relative;
background-color: #fff;
}
header h1 a span,
header h1 a i {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
}
header h1 a span {
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
header h1 a i {
background-image: url(../images/logo1.jpg);
opacity: 1;
/* -webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);*/
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
html.ie8 header h1 a i {
display: none;
}
header h1 a:hover span {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0;
}
html.ie8 header h1 a:hover span {
display: none;
}
header h1 a:hover i {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
html.ie8 header h1 a:hover i {
display: block;
}
header nav {
position: relative;
z-index: 9999;
}
header nav ul {
margin: 0 auto;
padding-top: 27px;
}
header nav ul li {
padding: 3px 0;
text-align:left;
border-top: 1px solid #d00f13;
border-bottom: 1px solid #82090c;
}
@media (max-width:1440px) {
header nav ul li {
margin:0;
}
}
html.ie8 header nav ul li {
margin: 0;
}
header nav ul li a {
line-height:35px;
font-size: 17px;
padding: 5px 0 7px 31px;
display: block;
color: #fff;
text-align: left;
position: relative;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
header nav ul li em{ font-size:12px; line-height:15px; display:block; padding-left:31px; color:#eff6ed; font-weight:700}
header nav ul li a:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #fff;
top: 50%;
margin-top: -4px;
opacity: 0;
left: 15px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
html.ie8 header nav ul li a:after {
display: none;
}
header nav ul li:hover a,header nav ul li:hover em,
header nav ul li.active em,header nav ul li.active a{
color: #fff;
font-weight: bold;
}
header nav ul li:hover a:after,
header nav ul li.active a:after {
opacity: 1;
left: 20px;
}
html.ie8 header nav ul li:hover a:after,
html.ie8 header nav ul li.active a:after {
display: block;
}
header .bottom {
border-bottom: 1px solid #d00f13;
position: relative;
z-index: 9999;
}
header .bottom a,
header .bottom span {
border-top: 1px solid #d00f13;
border-bottom: 1px solid #82090c;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
display: block;
width: 100%;
height: 42px;
background-image: url(../images/nav-btm.png);
}
header .bottom a {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
/*&.a3 {
@media @media-lg-desktop { display: none; }
}*/
}
header .bottom a.a1 {
background-position: 0 0;
}
header .bottom a.a2 {
background-position: 0 -42px;
}
header .bottom a:hover,
header .bottom a.on {
background-color: #85090b;
}
header .bottom .a3 {
/* background-color: #82090c;*/
background-position: 0 -84px;
}
header .header-menu {
position: absolute;
top: 0;
left: 180px;
width: 620px;
height: 100%;
display: none;
z-index: 9999;
}
header .header-menu .top {
position: absolute;
}
header .header-menu .menu-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 80px 0 30px;
background: url(../images/menu-bg.png) repeat center center;
}
header .header-menu .menu-content .border-right {
border-right: 1px #106712 dashed;
}
header .header-menu .menu-content ul {
width: 154px;
float: left;
margin: 30px 0 30px;
}
@media (max-width:1440px) {
header .header-menu .menu-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
}
html.ie8 header .header-menu .menu-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
header .header-menu .menu-content ul li {
text-align: left;
height: 32px;
line-height: 32px;
font-size: 14px;
padding-left: 35px;
}
@media (max-width:1440px) {
header .header-menu .menu-content ul li {
height: 25px;
line-height: 25px;
}
}
html.ie8 header .header-menu .menu-content ul li {
height: 25px;
line-height: 25px;
}
header .header-menu .menu-content ul li.first {
font-size: 18px;
}
header .header-menu .menu-content ul li a {
color: #fff;
display: block;
}
header .header-menu .menu-content ul li a:hover {
color: #E22C08;
}
header .header-menu .menu-content ul li a.green {
color: #E22C08;
}
header .header-menu .menu-content ul li a.green:hover {
text-decoration: underline;
}
header .header-menu .menu-content ul.h1 {
height: 200px;
}
@media (max-width:1440px) {
header .header-menu .menu-content ul.h1 {
height: 160px;
}
}
html.ie8 header .header-menu .menu-content ul.h1 {
height: 160px;
}
header .header-menu .menu-content ul.h2 {
height: 150px;
}
@media (max-width:1440px) {
header .header-menu .menu-content ul.h2 {
height: 110px;
}
}
html.ie8 header .header-menu .menu-content ul.h2 {
height: 110px;
}
header .header-menu .menu-content ul.h3 {
height: 235px;
}
header .header-menu .menu-content ul.last li {
padding-left: 20px;
}
.head_index_bot {
position:absolute;
bottom:20px;
left:0;
width:100%;
}
.bot_link {
text-align:center;
margin-bottom:20px;
}
.bot_link a {
display:inline-block;
width:40px;
height:40px;
border:1px solid #dc8a8b;
position:relative;
-webkit-transition: -webkit-transform 0.7s;
transition: transform 0.7s;
}
.bot_link a img {
position:absolute;
top:50%;
left:50%;
margin:-13px 0 0 -13px;
-webkit-transition: -webkit-transform 0.7s;
transition: transform 0.7s;
}
.bot_link span a img {
position:absolute;
top:50%;
left:50%;
margin:-10px 0 0 -10px;
-webkit-transition: -webkit-transform 0.7s;
transition: transform 0.7s;
}
.bot_link a:hover {
background-color:#85090b;
}
.bot_link a:hover img {
margin-top:-15px;
}
.bot_logo {
display:block;
text-align:center;
}
header3 {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 180px;
height: 100%;
background-color: #333;
border-right: 8px solid #000;
}
header3 h1 {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
header3 h1 a {
display: block;
width: 180px;
height: 80px;
position: relative;
background-color: #fff;
}
header3 h1 a span,
header3 h1 a i {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
}
header3 h1 a span {
background-image: url(../images/logo1.jpg);
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
header3 h1 a i {
background-image: url(../images/logo1.jpg);
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
html.ie8 header3 h1 a i {
display: none;
}
header3 h1 a:hover span {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0;
}
html.ie8 header3 h1 a:hover span {
display: none;
}
header3 h1 a:hover i {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
html.ie8 header3 h1 a:hover i {
display: block;
}
header3 nav {
position: relative;
z-index: 9999;
}
header3 nav ul {
margin: 0 auto;
padding-top: 17px;
}
header3 nav ul li {
padding: 3px 0;
border-top: 1px solid #5d5d5d;
border-bottom: 1px solid #161616;
}
@media (max-width:1440px) {
header3 nav ul li {
margin: 3px 0;
}
}
html.ie8 header3 nav ul li {
margin: 0;
}
header3 nav ul li a {
font-size: 18px;
padding: 10px 0;
display: block;
color: #e6e6e6;
text-align: center;
position: relative;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
font-weight: bold;
}
header3 nav ul li a:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #E22C08;
top: 50%;
margin-top: -4px;
opacity: 0;
left: 40px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
html.ie8 header3 nav ul li a:after {
display: none;
}
header3 nav ul li a:hover,
header3 nav ul li a.active {
color: #E22C08;
}
header3 nav ul li a:hover:after,
header3 nav ul li a.active:after {
opacity: 1;
left: 45px;
}
html.ie8 header3 nav ul li a:hover:after,
html.ie8 header3 nav ul li a.active:after {
display: block;
}
header3 .bottom {
border-top: 1px solid #5d5d5d;
border-bottom: 1px solid #161616;
position: relative;
z-index: 9999;
}
header3 .bottom a,
header3 .bottom span {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
border-top: 1px solid #5d5d5d;
border-bottom: 1px solid #161616;
display: block;
width: 100%;
height: 42px;
background-image: url(../images/nav-btm.png);
}
header3 .bottom a {
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
/*&.a3 {
@media @media-lg-desktop { display: none; }
}*/
}
header3 .bottom a.a1 {
background-position: 0 0;
}
header3 .bottom a.a2 {
background-position: 0 -42px;
}
header3 .bottom a:hover,
header3 .bottom a.on {
background-color: #008714;
}
header3 .bottom .a3 {
background-color: #333333;
background-position: 0 -84px;
}
header3 .header-menu {
position: absolute;
top: 0;
left: 180px;
width: 620px;
height: 100%;
display: none;
z-index: 9999;
}
header3 .header-menu .top {
position: absolute;
}
header3 .header-menu .menu-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 80px 0 30px;
background: url(../images/menu-bg.png) repeat center center;
}
header3 .header-menu .menu-content .border-right {
border-right: 1px #106712 dashed;
}
header3 .header-menu .menu-content ul {
width: 154px;
float: left;
margin: 30px 0 30px;
}
@media (max-width:1440px) {
header3 .header-menu .menu-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
}
html.ie8 header3 .header-menu .menu-content ul {
margin-top: 5px;
margin-bottom: 5px;
}
header3 .header-menu .menu-content ul li {
text-align: left;
height: 32px;
line-height: 32px;
font-size: 14px;
padding-left: 35px;
}
@media (max-width:1440px) {
header3 .header-menu .menu-content ul li {
height: 25px;
line-height: 25px;
}
}
html.ie8 header3 .header-menu .menu-content ul li {
height: 25px;
line-height: 25px;
}
header3 .header-menu .menu-content ul li.first {
font-size: 18px;
}
header3 .header-menu .menu-content ul li a {
color: #fff;
display: block;
}
header3 .header-menu .menu-content ul li a:hover {
color: #E22C08;
}
header3 .header-menu .menu-content ul li a.green {
color: #E22C08;
}
header3 .header-menu .menu-content ul li a.green:hover {
text-decoration: underline;
}
header3 .header-menu .menu-content ul.h1 {
height: 200px;
}
@media (max-width:1440px) {
header3 .header-menu .menu-content ul.h1 {
height: 160px;
}
}
html.ie8 header3 .header-menu .menu-content ul.h1 {
height: 160px;
}
header3 .header-menu .menu-content ul.h2 {
height: 150px;
}
html.ie8 header3 .header-menu .menu-content ul.h2 {
height: 110px;
}
header3 .header-menu .menu-content ul.h3 {
height: 235px;
}
header3 .header-menu .menu-content ul.last li {
padding-left: 20px;
}
header2 {
position: fixed;
z-index: 9999;
top: 0;
padding-left:10px;
background:#fff;
left: 0px;
width: 364px;
height:auto;
}
header2 h1 {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
header2 h1 a {
display: block;
width: 364px;
height: 79px;
position: relative;
}
header2 h1 a span,
header2 h1 a i {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
}
header2 h1 a span {
background: url(../images/logo22.png) no-repeat;
/* background-image: url(../images/logo11.png);*/
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
header2 h1 a i {
background: url(../images/logo22.png) no-repeat; opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
html.ie8 header2 h1 a i {
display: none;
}
header2 h1 a:hover span {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0;
}
html.ie8 header2 h1 a:hover span {
display: none;
}
header2 h1 a:hover i {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
html.ie8 header2 h1 a:hover i {
display: block;
}
.hotline {
position: fixed;
top: 0px;
right: 15px;
width:260px;
height:80px;
z-index:999;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}
.hotline a{ display:block; height:30px; margin-top:10px;}
.hotline span {
display:block;
float:left;
height:30px;
line-height:30px;
text-align:left;
/* position: fixed;*/
color: #E22C08;
font-family: Arial,"微软雅黑";
font-weight: bold;
font-size: 26px;
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}
/*.hotline .span1{top:10px;right: 30px;}
.hotline .span2{top:40px;right: 30px;}*/
.hotline em{
display:block;
float:left;
line-height:30px;
color:#333;
font-weight:normal;
/* position: fixed;*/
/* display: block;
width:120px;*/
text-decoration: none;
/* background: url(../images/icons.png) no-repeat;*/
-webkit-transition: all .2s ease-in-out 0s;
-moz-transition: all .2s ease-in-out 0s;
-ms-transition: all .2s ease-in-out 0s;
-o-transition: all .2s ease-in-out 0s;
transition: all .2s ease-in-out 0s;
}
.hotline a {
color: #ff4343;
}
/* header end */
/* footer start */
footer {
width: 100%;
height: 30px;
background-color: #282828;
left: 0;
bottom: 0;
position: fixed;
z-index: 9999;
}
footer .share {
width: auto;
height: 30px;
float: left;
margin-right: 25px;
}
footer .share a {
float: left;
width: 23px;
height: 100%;
background-color: #4f4f4f;
margin: 0 0 0 25px;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
footer .share a span {
display: block;
width: 100%;
height: 100%;
background-image: url(../images/icon-share.png);
background-repeat: no-repeat;
}
footer .share a:hover {
background-color: #E22C08;
}
footer .share a.a1 span {
background-position: -23px 0;
}
footer .share a.a2 span {
background-position: -67px 0;
}
footer .share a.a3 span {
background-position: -112px 0;
}
footer p {
color: #4f4f4f;
height: 30px;
line-height: 30px;
font-size: 12px;
}
footer p a {
color: #4f4f4f;
margin: 0 5px;
}
footer p a:hover {
color: #E22C08;
}
footer p span {
float: right;
margin-right: 10px;
}
/* footer end */
/* main content start*/
.main-content {
width: 100%;
height: 100%;
padding-left: 180px;
overflow-x: hidden;/*去掉后动态中的二级栏目会出问题*/
content: '';
position:relative;
}
.main-content #ss{
position:absolute;
right:330px;
top:40px;
width:21px;
height:21px;
background:#f6f6f6 url(../images/ss-bg.png) no-repeat;
z-index:999999;
cursor:pointer;
filter:alpha(opacity:100);opacity:1;
}
.main-content #ss-con{
position:absolute;
top:0px;
left:0px;
width:100%;
height:70px;
background:#fff;
box-shadow:0px 0px 2px 2px #ddd;
opacity:0;
filter:alpha(opacity:0);
z-index:1;
}
.main-content #ss-con input.tex{
position:absolute;
top:10px;
right:350px;
background:#fff;
border:none;
width:300px;
height:40px;
border-bottom:1px solid #eee;
z-index:9999;
font-size:16px;
color:#ccc;
font-family:"微软雅黑";
padding-left:5px;
}
.main-content #ss-con input.sub{
position:absolute;
top:20px;
right:330px;
background:url(../images/ss-bg.png) no-repeat;
border:none;
width:21px;
height:30px;
z-index:9999;
text-indent:-9999px;
cursor:pointer;
border-bottom:1px solid #eee;
}
.main-content1 {
width: 100%;
height: 100%;
padding-left: 160px;
overflow-x: hidden;
content: '';
}
.main-content.page-long {
height: auto;
}
.main-content2 {
width: 100%;
height: 100%;
overflow-x: hidden;/*去掉后动态中的二级栏目会出问题*/
content: '';
position:relative;
}
.main-content2 #ss{
position:absolute;
right:330px;
top:40px;
width:21px;
height:21px;
background:#f6f6f6 url(../images/ss-bg.png) no-repeat;
z-index:999999;
cursor:pointer;
filter:alpha(opacity:100);opacity:1;
}
.main-content2 #ss-con{
position:absolute;
top:0px;
left:0px;
width:100%;
height:70px;
background:#fff;
box-shadow:0px 0px 2px 2px #ddd;
opacity:0;
filter:alpha(opacity:0);
z-index:1;
}
.main-content2 #ss-con input.tex{
position:absolute;
top:10px;
right:350px;
background:#fff;
border:none;
width:300px;
height:40px;
border-bottom:1px solid #eee;
z-index:9999;
font-size:16px;
color:#ccc;
font-family:"微软雅黑";
padding-left:5px;
}
.main-content2 #ss-con input.sub{
position:absolute;
top:20px;
right:330px;
background:url(../images/ss-bg.png) no-repeat;
border:none;
width:21px;
height:30px;
z-index:9999;
text-indent:-9999px;
cursor:pointer;
border-bottom:1px solid #eee;
}
.main-content2.page-long {
height: auto;
}
/* main content end*/
/* banner */
.banner {
width: 100%;
/* position: relative;*/
}
.banner .group {
height:100% !important;
width: 100%;
position:relative;
-moz-background-size:cover;
-ms-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.banner .group .daohang{position:absolute; left:10%;top:10%; width:222px; height:501px;
left: 50%;
margin: -230.5px 0 0 320px;
position: absolute;
text-align: center;
top: 50%;
background: no-repeat center center url(../images/daohangbg.png);
background-size:cover;
z-index:9999;
}
.banner .group .daohang a{ float:left; display:block; width:100%; height:83px;}
.banner .group .daohang a:hover{ background:#fff; opacity:0.1}
@media (max-width:1440px) {
}
/*.banner .group span{ position:absolute;}
.banner .group i{ position:absolute; left:10%;top:20%;}*/
.banner .group img {
width: 100%;
}
.banner .owl-controls {
position: absolute;
bottom: 70px;
left: 47%;
}
.banner .owl-controls .owl-nav {
display: none;
}
.banner .owl-controls .owl-dots .owl-dot {
float: left;
margin: 0 5px;
width: 40px;
height: 4px;
font-size: 3px;
background: White;
cursor: pointer;
}
.banner .owl-controls .owl-dots .owl-dot.active {
background-color: #ff4343;
}
.carou {
display: none;
}
.carou.on {
display: block;
}
.sub-menu {
text-align:center;
width: 100%;
height: 80px;
box-shadow: 0 0 10px #888;
position: absolute;
top: 0;
left:0;
z-index: 20;
padding-left:10px;
background:url(../images/tou_bai70.png);
}
.sub-menu li{
display: inline-block;
width: 94px;
height: 57px;
text-align: center;
margin: 22px 10px 0;
position: relative;
}
.sub-menu li:hover , .sub-menu li.active1{background: no-repeat top url(../images/sub-menu-btm2.png);}
.sub-menu li ul{ width:94px; position:absolute; top:57px; left:0;display:none; height:auto}
.sub-menu li ul li{ height:60px; border-bottom:1px solid #fff;background:url(../images/daohang.png); float:left; overflow:hidden; width:94px; margin:0; padding:10px 0;}
.sub-menu li ul li:hover{background:#cf2a09;border-bottom:1px solid #fff;}
.sub-menu li ul li:hover a{ color:#fff;}
.sub-menu li ul li a{ color:#fff; text-align: left; padding-top:5px;
line-height: 30px;
margin:0;
color: #fff; text-align:center}
.sub-menu li ul li a:before{ display:none}
.sub-menu li ul li a:after{display:none}
.sub-menu li a {
color: #fff;
font-size:16px;
display: inline-block;
width: 94px;
text-align: center;
position: relative;
overflow: hidden;
}
.sub-menu li span {
margin-top:18px;
margin-bottom:17px;
line-height: 22px;
color: #000;
font-size:16px;
display: inline-block;
width: 94px;
text-align: center;
position: relative;
overflow: hidden;
font-weight:bold;
}
.sub-menu li em {
line-height: 12px;
margin-bottom:5px;
color: #fff;
font-size:12px;
display: inline-block;
width: 94px;
text-align: center;
position: relative;
overflow: hidden;
}
.sub-menu li a:before {
width: 94px;
height: 9px;
top: 0px;
left: 0;
/* background: no-repeat center center url(../images/sub-menu-top2.png);*/
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .sub-menu li a:before {
display: none;
}
.sub-menu li a:after {
width: 94px;
height: 31px;
bottom: -10px;
left: 0;
/* background: no-repeat center center url(../images/sub-menu-btm.png);*/
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .sub-menu li a:after {
display: none;
}
.sub-menu li a:hover:before,
.sub-menu li a.active:before {
opacity: 1;
top: 0;
}
html.ie8 .sub-menu li a:hover:before,
html.ie8 .sub-menu li a.active:before {
display: block;
}
.sub-menu a:hover:after,
.sub-menu a.active:after {
opacity: 1;
bottom: 0;
}
html.ie8 .sub-menu li a:hover:after,
html.ie8 .sub-menu li a.active:after {
display: block;
}
.sub-menu li:hover ul{ display:block}
@media (max-width:1400px) {
header3 .header-menu .menu-content ul.h2 {
height: 110px;
}
header2 {
position: fixed;
z-index: 9999;
top: 0;
padding-left:10px;
background:#fff;
left: 0px;
width: 364px;
height:80px;
}
.sub-menu {
text-align:left;
width: 100%;
height: 80px;
box-shadow: 0 0 10px #888;
position: absolute;
top: 0;
left:364px;
z-index: 20;
padding-left:10px;
background:url(../images/tou_bai70.png);
}
}
@media (max-width:1040px) {
.hotline { display:none;}
.mobile .scene6 .page2 .right{ display:none}
.sub-menu li{
width: 94px;
height: 57px;
margin: 22px 10px 0;
}
.sub-menu li a {
line-height: 57px;
color: #fff;
font-size:14px;
}
header2 {
left: 0px;
width: 150px;
}
header2 h1 a {width: 150px;
}
}
@media (max-width:1440px) {
.sub-menu li{
margin: 22px 0px 0;
}
.sub-menu a{ margin: 0px 2px 0;}
}
.sub-menu3 {
box-shadow: 0 0 10px #b6b6b6;
width: 100%;
height: 80px;
/* border-bottom: 1px solid #24AA38;*/
position: fixed;
top: 0;
left:0;
z-index: 20;
padding-left: 180px;
background:url(../images/daohang2.png);
}
.sub-menu3 li span {
margin-top:15px;
line-height: 22px;
color: #000;
font-size:16px;
display: inline-block;
width: 94px;
text-align: center;
position: relative;
overflow: hidden;
}
.sub-menu3 li em {
line-height: 12px;
margin-bottom:5px;
color: #666;
font-size:12px;
display: inline-block;
width: 94px;
text-align: center;
position: relative;
overflow: hidden;
}
.sub-menu3 li{
display: inline-block;
width: 94px;
height: 57px;
text-align: center;
margin: 22px 10px 0;
position: relative;
}
.sub-menu3 li:hover , .sub-menu3 li.active1{background: no-repeat top url(../images/sub-menu-btm2.png);}
.sub-menu3 li a {
color: #000;
font-size:16px;
}
.sub-menu3 li ul{ width:94px; position:absolute; top:57px; left:0;display:none; height:auto}
.sub-menu3 li ul li{ height:50px; border-bottom:1px solid #fff;background:url(../images/daohang3.png); float:left; overflow:hidden; width:94px; margin:0; padding:10px 0;}
.sub-menu3 li ul li:hover{background:#cf2a09;border-bottom:1px solid #fff;}
.sub-menu3 li ul li:hover a{ color:#fff;}
.sub-menu3 li ul li a{ color:#fff; text-align: left; padding-top:10px;line-height: 30px;margin:0; color: #fff; font-size:15px;}
.sub-menu3 li:hover ul{ display:block}
@media (max-width:1040px) {
.hotline { display:none;}
.mobile .scene6 .page2 .right{ display:none}
.sub-menu3 li{
width: 94px;
height: 57px;
margin: 22px 10px 0;
}
.sub-menu3 li a {
line-height: 57px;
color: #000;
font-size:14px;
}
header2 {
left: 0px;
width: 150px;
}
header2 h1 a {width: 150px;
}
}
@media (max-width:1440px) {
.hotline {right: 10px;}
.hotline u { right: 180px;}
.hotline span{ font-size:22px}
.sub-menu3 li{
margin: 22px 0px 0;
}
}
.sub-menu2 {
width: 100%;
height: 80px;
border-bottom: 1px solid #e2e2e2;
position: absolute;
top: 0;
left: 0;
z-index: 20;
padding-left: 180px;
background: url(../images/sub-menu-bg.png) no-repeat 97% 40px;
background-color: #f6f6f6;
}
.sub-menu2 a {
display: inline-block;
width: 94px;
height: 57px;
text-align: center;
line-height: 57px;
margin: 22px 10px 0;
color: #000;
position: relative;
overflow: hidden;
}
.sub-menu2 a:before {
width: 94px;
height: 9px;
top: -10px;
left: 0;
background: no-repeat center center url(../images/sub-menu-top2.png);
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .sub-menu2 a:before {
display: none;
}
.sub-menu2 a:after {
width: 94px;
height: 31px;
bottom: -10px;
left: 0;
background: no-repeat center center url(../images/sub-menu-btm.png);
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .sub-menu2 a:after {
display: none;
}
.sub-menu2 a:hover:before,
.sub-menu2 a.active:before {
opacity: 1;
top: 0;
}
html.ie8 .sub-menu2 a:hover:before,
html.ie8 .sub-menu2 a.active:before {
display: block;
}
.sub-menu2 a:hover:after,
.sub-menu2 a.active:after {
opacity: 1;
bottom: 0;
}
html.ie8 .sub-menu2 a:hover:after,
html.ie8 .sub-menu2 a.active:after {
display: block;
}
.banner .owl-controls {bottom:40px;}
.banner .owl-controls .owl-dots .owl-dot {
float: left;
margin: 0 4px;
width: 35px;
height: 6px;
font-size: 3px;
background: White;
cursor: pointer;
}
.banner .owl-controls .owl-dots .owl-dot.active {
background-color: #ff4343;
}
.banner .owl-controls {
height:20px;
position:absolute;
text-align:center;
width:129px;
margin-left:-64px;
z-index:9999;
left:50%;
}
}
@media (max-width:1366px){
.banner .owl-controls {bottom: 100px;}
}
/* share page */
.share-page {
width: 100%;
height: 90px;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
background-color: #fff;
}
.share-page .share-intro {
width: 600px;
height: 100%;
margin: 0 auto;
}
.share-page .share-intro a {
float: left;
width: 16.66666667%;
height: 100%;
background-image: url(../images/icon-share-foot.png);
background-repeat: no-repeat;
-webkit-transition: 0.4s all ease-in;
transition: 0.4s all ease-in;
}
.share-page .share-intro a.a1 {
background-position: 38px 0;
}
.share-page .share-intro a.a2 {
background-position: -60px 0;
}
.share-page .share-intro a.a3 {
background-position: -160px 0;
}
.share-page .share-intro a.a4 {
background-position: -255px 0;
}
.share-page .share-intro a.a5 {
background-position: -354px 0;
}
.share-page .share-intro a.a6 {
background-position: -452px 0;
}
.share-page .share-intro a:hover.a1 {
background-position: 38px -91px;
}
.share-page .share-intro a:hover.a2 {
background-position: -60px -91px;
}
.share-page .share-intro a:hover.a3 {
background-position: -160px -91px;
}
.share-page .share-intro a:hover.a4 {
background-position: -255px -91px;
}
.share-page .share-intro a:hover.a5 {
background-position: -354px -91px;
}
.share-page .share-intro a:hover.a6 {
background-position: -452px -91px;
}
.foot {
color: #b3b3b3;
height: 85px;
line-height: 85px;
font-size: 12px;
background-color: #fff;
}
.foot a {
color: #b3b3b3;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.foot a:hover {
color: #878787;
}
.foot ul {
float: left;
margin-left: 10px;
}
.foot ul li {
float: left;
margin-right: 20px;
position: relative;
}
.foot ul li:after {
position: absolute;
height: 10px;
width: 1px;
background-color: #b3b3b3;
top: 50%;
margin-top: -5px;
right: -10px;
}
.foot ul li:first-child,
.foot ul li:last-child {
margin-right: 5px;
}
.foot ul li:first-child:after,
.foot ul li:last-child:after {
display: none;
}
.foot p {
float: right;
margin-right: 10px;
}
/* title content */
.title-content {
border-bottom: 1px solid #e2e2e2;
padding-bottom: 5px;
margin-bottom: 28px;
}
.title-content h2 {
color: #666666;
font-weight:normal;line-height:42px;font-size:26px;
}
#table_bj{line-height:28px;font-size:16px !important;;}
#table_bj span{font-size:16px !important; line-height:38px;}
#table_bj p{line-height:38px;}
#table_bj div{line-height:38px;}
.title-content h2 small {
font-size: 12px;
display: block;
color: #b7b7b7;
font-weight: normal;
margin-top: 5px;
}
.title-content .tab-right {
position:absolute; bottom:20px; right:10px;
}
.title-content .tab-right a {
height: 30px;
line-height: 30px;
border-radius: 2px;
float: left;
margin-left: 3px;
}
.title-content .tab-right a.prev {
width: 30px;
background: url(../images/arrow3.png) left center no-repeat;
background-color: #666666;
}
.title-content .tab-right a.next {
width: 30px;
background: url(../images/arrow3.png) right center no-repeat;
background-color: #666666;
}
.title-content .tab-right a.all {
background: url(../images/fenlei2.png) 7px center no-repeat;
color: #fff;
font-size: 12px;
background-color: #E22C08;
width: 83px;
text-align: center;
padding-left: 12px;
}
.title-content .tab-right a.on {
background-color: #E22C08;
}
/* detail right */
.detail-right {
position: fixed;
width: 320px;
height: 100%;
top: 0;
z-index: 999;
right: -320px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
background-color: #f6f6f6;
border-left: 1px solid #e2e2e2;
padding-left: 25px;
padding-top: 110px;
}
.detail-right h4 {
color: #010101;
font-size: 16px;
margin-bottom: 10px;
}
.detail-right ul li {
color: #666666;
line-height: 24px;
font-size: 12px;
}
.detail-right ul li img {
width:90px; height:60px;
}
.detail-right ul li a {
color: #666666;
}
.detail-right .more {
color: #666666;
line-height: 24px;
font-size: 12px;
margin: 20px 0 10px;
display: block;
}
.detail-right .wechat {
border-bottom: 1px solid #e2e2e2;
margin-bottom: 20px;
}
.detail-right .wechat a {
display: inline-block;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
background-color: #fff;
margin: 20px 0;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.detail-right .wechat a:hover {
background-color: #e1593e;
}
.detail-right .wechat img {
width: auto;
}
.detail-right .open {
position: absolute;
width: 33px;
height: 100px;
top: 50%;
left: 50%;
margin: -50px 0 0 -16.5px;
margin-top: -100px;
left: -33px;
border-radius: 2px;
margin-left: 0;
background: url(../images/open1.png) no-repeat left center;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.detail-right.on {
right: 0;
}
.detail-right.on .open {
width: 17px;
left: -17px;
background-image: url(../images/open2.png);
}
@media (max-width:1440px) {
.detail-right {padding-top: 20px;}
}
html.ie8 .detail-right {
padding-top: 20px;
}
.section {
overflow: hidden;
}
.main-lg-page {
height: 100%;
}
.main-lg-page .section {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
height: 100%;
}
.main-lg-page .section .lg-page {
position: absolute;
}
#menu {
position: absolute;
top: 50%;
right: 20px;
margin-top: -100px;
}
#menu li {
margin: 14px 0;
position: relative;
height: 22px;
}
#menu li a {
width: 100%;
height: 22px;
display: block;
position: absolute;
filter: none;
background: url(../images/abg.png);
right: -5px;
top: 50%;
margin-top: -11px;
}
#menu li a i {
background-color: #fff;
display: block;
width: 10px;
height: 10px;
position: absolute;
border-radius: 10px;
right: 10px;
top: 50%;
margin-top: -5px;
}
#menu li span {
width: auto;
height: 22px;
padding: 0 20px 0 10px;
float: right;
background-color: #fff;
border: 1px solid #E22C08;
color: #E22C08;
display: block;
border-radius: 15px;
font-size: 12px;
top: 50%;
line-height: 21px;
opacity: 0;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
html.ie8 #menu li span {
display: none;
}
#menu li.active a i {
background-color: #E22C08;
}
#menu li:hover a i {
background-color: #E22C08;
}
#menu li.active span {
opacity: 1;
}
html.ie8 #menu li.active span {
display: block;
}
#menu li:hover span {
opacity: 1;
}
html.ie8 #menu li:hover span {
display: block;
}
.apage {
text-align: left;
margin-top: 40px;
margin-bottom: 50px;
}
.apage li {
display: inline-block;
font-size: 12px;
color: #666;
}
.apage li span {
color: #666;
margin: 0 5px;
display: block;
border: 1px solid transparent;
padding: 5px 10px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
background-color: #f4f4f4;
border-radius: 5px;
}
.apage li a {
color: #666;
margin: 0 5px;
display: block;
border: 1px solid transparent;
padding: 5px 10px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.apage li a:hover,
.apage li a.selected {
background-color: #f4f4f4;
border: 1px solid #d4d4d4;
border-radius: 5px;
color: #E22C08;
}
.case-detail .case-detail-content .canshu{
font-size:13px;
color: #999;
line-height: 1.6em;
padding:10px 0 20px 0;
border-bottom:1px solid #e2e2e2
}
.case-detail .case-detail-content .canshu ul{ width:90%}
.case-detail .case-detail-content .canshu ul li{ height:30px; margin-right:40px; float:left; line-height:30px; color:#333}
.case-detail .case-detail-content .canshu ul li span{ color:#999; padding-right:20px}
.bar-rt {
position: fixed;
right: 0px;
bottom: 0;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
display: none;
z-index:99999999999999999999999;
}
.bar-rt a {
display: block;
}
.mCSB_container {
margin-right: 0;
}
.zindex10 {
z-index: 50;
}
.zindex20 {
z-index: 40;
}
.zindex30 {
z-index: 30;
}
.zindex40 {
z-index: 20;
}
.zindex50 {
z-index: 10;
}
.home-content {
overflow: hidden;
position: relative;
/* switch arrow */
}
.home-content .scene {
width: auto;
height: 100%;
position: absolute;
left: 160px;
}
.home-content .scene .carousel {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.home-content .item {
width: auto;
height: 100%;
float: left;
opacity: 0;
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
position: relative;
-webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.25);
box-shadow: 2px 0 4px rgba(0, 0, 0, 0.25);
/* scroll style */
}
html.ie8 .home-content .item {
width: 20%;
}
html.ie8 .home-content .item {
border-right: 1px solid #a2a2a2;
}
.home-content .item .content {
width: 100%;
}
.home-content .item .slogen {
width: 100%;
height: auto;
display: block;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
border-bottom: 3px solid #E22C08;
position: relative;
background-color: #E22C08;
}
.home-content .item .slogen:after {
position: absolute;
content: '';
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
width: 12px;
height: 12px;
background-color: #E22C08;
left: 50%;
margin-left: -6px;
bottom: -8px;
border-radius: 12px;
}
.home-content .item .slogen img {
width: 100%;
border: 0;
}
.home-content .item .slogen:hover:after {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.home-content .item .title {
font-size: 20px;
text-align: center;
margin: 40px auto;
}
.home-content .item .title a {
display: block;
position: relative;
padding: 20px 0;
color: #000;
}
.home-content .item .title a:after {
position: absolute;
width: 28px;
height: 5px;
background-color: #E22C08;
content: '';
left: 50%;
margin-left: -14px;
bottom: 0px;
opacity: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
html.ie8 .home-content .item .title a:after {
display: none;
}
.home-content .item .title a:hover:after {
opacity: 1;
bottom: 10px;
}
html.ie8 .home-content .item .title a:hover:after {
display: block;
}
.home-content .item .group {
padding: 0 10%;
clear: both;
margin-bottom: 45px;
position: relative;
}
.home-content .item .group span {
float: left;
width: 66px;
height: 66px;
overflow: hidden;
margin-right: 20px;
}
.home-content .item .group span img {
width: 100%;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.home-content .item .group h3 {
font-size: 16px;
margin-bottom: 5px;
}
.home-content .item .group h3 a {
color: #000000;
}
.home-content .item .group p {
font-size: 12px;
}
.home-content .item .group p a {
color: #868686;
}
.home-content .item .group:after {
position: absolute;
content: '';
width: 8px;
height: 8px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/icon-plus.jpg);
right: 10%;
top: 7px;
}
.home-content .item.item1 {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.home-content .item.item1 .group a:hover {
text-decoration: underline;
}
.home-content .item.item1 .group:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.home-content .item.item2 {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.home-content .item.item2 .contact {
width: 100%;
text-align: center;
background: none;
}
.home-content .item.item2 .contact a {
display: inline-block;
}
.home-content .item.item2 .contact a span {
width: 70px;
height: 70px;
display: block;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.home-content .item.item2 .contact a i {
font-size: 14px;
color: #a2a2a2;
}
.home-content .item.item2 .contact a i small {
font-size: 12px;
display: block;
}
.home-content .item.item2 .contact a.a1 span {
background-image: url(../images/icon-item21.png);
}
.home-content .item.item2 .contact a.a2 {
margin: 0 10%;
}
.home-content .item.item2 .contact a.a2 span {
background-image: url(../images/icon-item22.png);
}
.home-content .item.item2 .contact a.a3 span {
background-image: url(../images/icon-item23.png);
}
.home-content .item.item2 .contact a:hover i {
color: #E22C08;
}
.home-content .item.item2 .contact a:hover.a1 span {
background-image: url(../images/icon-item211.png);
}
.home-content .item.item2 .contact a:hover.a2 {
margin: 0 10%;
}
.home-content .item.item2 .contact a:hover.a2 span {
background-image: url(../images/icon-item222.png);
}
.home-content .item.item2 .contact a:hover.a3 span {
background-image: url(../images/icon-item233.png);
}
.home-content .item.item2 .intro {
padding: 0 10%;
}
.home-content .item.item2 .intro h3 {
margin: 40px auto 0;
clear: both;
}
.home-content .item.item2 .intro h3 img {
float: left;
}
.home-content .item.item2 .intro h3 a {
float: right;
font-size: 12px;
color: #868686;
font-weight: normal;
}
.home-content .item.item2 .intro .endcy {
margin-top: 40px;
}
.home-content .item.item2 .intro .endcy span {
float: left;
width: 66px;
height: 66px;
overflow: hidden;
margin-right: 20px;
}
.home-content .item.item2 .intro .endcy span img {
width: 100%;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition:all ease .3s;
-o-transition:all ease .3s;
-ms-transition:all ease .3s;
}
.home-content .item.item2 .intro .endcy span:hover img{
stransform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
}
.home-content .item.item2 .intro .endcy p {
font-size: 12px;
line-height:22px;height:22px;overflow:hidden;
}
.home-content .item .title2 {
font-size: 20px;
text-align: center;
margin: 40px auto 0;
}
.home-content .item .title2 a {
display: block;
position: relative;
padding: 20px 0;
color:#000;
}
.home-content .item .title2 a:after {
position: absolute;
width: 28px;
height: 5px;
background-color: #E22C08;
content: '';
left: 50%;
margin-left: -14px;
bottom: 0px;
opacity: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
html.ie8 .home-content .item .title2 a:after {
display: none;
}
.home-content .item .title2 a:hover:after {
opacity: 1;
bottom: 10px;
}
html.ie8 .home-content .item .title2 a:hover:after {
display: block;
}
.home-content .item.item2 .intro .endcy p a {
color: #868686;
}
.home-content .item.item2 .intro .endcy p a:hover {
text-decoration: underline;
}
.home-content .item.item2 .intro .boffin {
margin-top: 5px;
margin-bottom: 50px;
}
.home-content .item.item2 .intro .boffin p {
font-size: 12px;
line-height: 20px;
}
.home-content .item.item2 .intro .boffin p span {
width: 170px;
display: inline-block;
margin-right: 5px;
}
.home-content .item.item2 .intro .boffin p a {
color: #868686;
}
.home-content .item.item2 .intro .boffin p a:hover {
text-decoration: underline;
}
.home-content .item.item3 {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.home-content .item.item3 .group span {
position: relative;
background-color: #d5d5d5;
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
}
.home-content .item.item3 .group span:after {
position: absolute;
right: 0;
top: 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: #fff #fff transparent transparent;
border-width: 18px 0px 0px 18px;
}
.home-content .item.item3 .group span a {
-webkit-transition: 0.5s all ease;
transition: 0.5s all ease;
display: block;
}
.home-content .item.item3 .group:hover span {
background-color: #E22C08;
}
.home-content .item.item3 .group:hover span a {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.home-content .item.item4 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
z-index: 10;
}
.home-content .item.item4 .pano {
margin-bottom: 10px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin-bottom: 20px;
}
.home-content .item.item4 .pano a {
display: inline-block;
position: relative;
width: 50%;
height: auto;
}
.home-content .item.item4 .pano a span {
display: block;
width: 100%;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
height: 58px;
margin-bottom: 15px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.home-content .item.item4 .pano a span.p1 {
background-image: url(../images/icon-item41.jpg);
}
.home-content .item.item4 .pano a span.p2 {
background-image: url(../images/icon-item42.jpg);
}
.home-content .item.item4 .pano a span.p3 {
background-image: url(../images/icon-item43.jpg);
}
.home-content .item.item4 .pano a span.p4 {
background-image: url(../images/icon-item44.jpg);
}
.home-content .item.item4 .pano a span.p5 {
background-image: url(../images/icon-item45.jpg);
}
.home-content .item.item4 .pano a span.p6 {
background-image: url(../images/icon-item46.jpg);
}
.home-content .item.item4 .pano a i {
display: block;
color: #a2a2a2;
font-size: 14px;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
.home-content .item.item4 .pano a:hover i {
color: #E22C08;
}
.home-content .item.item4 .pano a:hover span.p1 {
background-image: url(../images/icon-item411.jpg);
}
.home-content .item.item4 .pano a:hover span.p2 {
background-image: url(../images/icon-item422.jpg);
}
.home-content .item.item4 .pano a:hover span.p3 {
background-image: url(../images/icon-item433.jpg);
}
.home-content .item.item4 .pano a:hover span.p4 {
background-image: url(../images/icon-item444.jpg);
}
.home-content .item.item4 .pano a:hover span.p5 {
background-image: url(../images/icon-item455.jpg);
}
.home-content .item.item4 .pano a:hover span.p6 {
background-image: url(../images/icon-item466.jpg);
}
.home-content .item.item4 .pano.last {
margin-bottom: 50px;
}
.home-content .item.item5 {
-webkit-transition-delay: 0.75s;
transition-delay: 0.75s;
}
.home-content .item.item5 .content {
position: relative;
}
.home-content .item.item5 .content > img {
width: 100%;
}
.home-content .item.item5 .content .about {
position: absolute;
top: 5%;
left: 10%;
}
.home-content .item.item5 .content .about img {
max-width: 100%;
}
.home-content .item.item5 .content .about p {
font-size: 14px;
color: #000;
}
.home-content .item.item5 .content .service {
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
}
.home-content .item.item5 .content .service img {
margin-left: 80px;
}
.home-content .item.item5 .content .service h3 {
color: #E22C08;
font-size: 18px;
margin: 30px 0 5px 185px;
}
.home-content .item.item5 .content .service p {
font-size: 12px;
color: #9c9c9c;
margin: 0 0 0 185px;
}
.home-content .item.item5 .content .service a {
display: block;
margin: 5px 0 0 185px;
width: 41px;
height: 11px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/more.png);
}
.home-content .item.item5 .content .colum {
position: absolute;
width: 180px;
height: 260px;
top: 50%;
left: 0;
margin-top: 100px;
}
.home-content .item.item5 .content .colum a {
display: block;
border-left: 2px solid #E22C08;
border-right: 2px solid #E22C08;
width: 66px;
height: 40px;
position: absolute;
}
.home-content .item.item5 .content .colum a:before,
.home-content .item.item5 .content .colum a:after {
position: absolute;
content: '';
left: -2px;
}
.home-content .item.item5 .content .colum a:before {
width: 0;
height: 0;
border-width: 0 33px 18px;
border-style: solid;
border-color: transparent transparent #E22C08;
top: -18px;
}
.home-content .item.item5 .content .colum a:after {
width: 0;
height: 0;
border-width: 18px 33px 0;
border-style: solid;
border-color: #E22C08 transparent transparent;
bottom: -18px;
}
.home-content .item.item5 .content .colum a span {
width: 100%;
height: 100%;
display: block;
position: relative;
background-color: #fff;
font-size: 12px;
text-align: center;
line-height: 40px;
color: #E22C08;
}
.home-content .item.item5 .content .colum a span:before,
.home-content .item.item5 .content .colum a span:after {
position: absolute;
content: '';
z-index: 20;
left: 0;
}
.home-content .item.item5 .content .colum a span:before {
width: 0;
height: 0;
border-width: 0 31px 17px;
border-style: solid;
border-color: transparent transparent #ffffff;
top: -16px;
}
.home-content .item.item5 .content .colum a span:after {
width: 0;
height: 0;
border-width: 17px 31px 0;
border-style: solid;
border-color: #ffffff transparent transparent;
bottom: -16px;
}
.home-content .item.item5 .content .colum a:hover span {
color: #fff;
background-color: #E22C08;
}
.home-content .item.item5 .content .colum a:hover span:before {
width: 0;
height: 0;
border-width: 0 31px 19px;
border-style: solid;
border-color: transparent transparent #E22C08;
}
.home-content .item.item5 .content .colum a:hover span:after {
width: 0;
height: 0;
border-width: 19px 31px 0;
border-style: solid;
border-color: #E22C08 transparent transparent;
}
.home-content .item.item5 .content .colum a.a1 {
left: 80px;
top: 16px;
}
.home-content .item.item5 .content .colum a.a2 {
left: 46px;
top: 76px;
}
.home-content .item.item5 .content .colum a.a3 {
right: 0px;
top: 76px;
}
.home-content .item.item5 .content .colum a.a4 {
left: 12px;
top: 136px;
}
.home-content .item.item5 .content .colum a.a5 {
left: 46px;
bottom: 24px;
}
.home-content .item.item5 .content .colum:before {
position: absolute;
content: '';
width: 2px;
height: 16px;
top: -16px;
left: 112px;
background-color: #E22C08;
}
.home-content .item.item5 .content .colum:after {
position: absolute;
content: '';
width: 2px;
height: 16px;
top: 172px;
left: 6px;
-webkit-transform: rotate(57deg);
transform: rotate(57deg);
background-color: #E22C08;
}
.home-content .item .mCSB_container {
margin: 0 !important;
}
.home-content .item .mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
background: none;
}
.home-content .item .mCustomScrollBox > .mCSB_scrollTools {
width: 8px;
opacity: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
html.ie8 .home-content .item .mCustomScrollBox > .mCSB_scrollTools {
display: block;
opacity: 1;
}
.home-content .item .mCSB_scrollTools .mCSB_dragger {
background-color: rgba(134, 134, 134, 0.35);
border-radius: 8px;
height: 75%;
}
html.ie8 .home-content .item .mCSB_scrollTools .mCSB_dragger {
background-color: #868686;
}
.home-content .item:hover .mCustomScrollBox .mCSB_scrollTools {
opacity: 1;
}
html.ie8 .home-content .item:hover .mCustomScrollBox .mCSB_scrollTools {
display: block !important;
}
.home-content .item:hover .mCSB_scrollTools .mCSB_dragger {
opacity: 1;
}
.home-content .arrow {
position: absolute;
right: -140px;
top: 50%;
z-index: 9998;
margin-top: -35px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
-webkit-transition: 0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
transition: 0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
}
.home-content .arrow a {
display: inline-block;
width: 70px;
height: 70px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-color: rgba(58, 58, 58, 0.7);
-webkit-transition: 0.2s all ease;
transition: 0.2s all ease;
}
html.ie8 .home-content .arrow a {
background-color: #868686;
}
.home-content .arrow a.prev {
background-position: left center;
}
.home-content .arrow a.next {
background-position: right center;
}
.home-content .arrow a.on {
background-color: rgba(36, 170, 56, 0.8);
}
html.ie8 .home-content .arrow a.on {
background-color: #E22C08;
}
.home-content.on .arrow {
right: 0;
}
.home-content.on .item {
opacity: 1;
}
.preload {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
}
.preload .loading {
position: absolute;
width: 596px;
height: 282px;
top: 50%;
left: 50%;
margin: -141px 0 0 -298px;
text-align: center;
}
.preload .loading img {
display: inline-block;
}
.preload .loading img.tp {
position: relative;
z-index: 20;
}
.preload .loading img.btm {
margin-top: -114px;
}
.about {
overflow: hidden;
}
.about .kefu {
position: fixed;
bottom: 0;
right: 0;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.about .scene1 {
background-image: url(../images/bg1.jpg);
}
.about .scene1 .page1 {
width: 100%;
height: 442px;
top: 50%;
margin-top: -221px;
text-align: center;
}
.about .scene1 .page1 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.about .scene1 .page1 h3 {
font-size: 26px;
color: #000;
margin: 18px 0;
font-weight: normal;
}
.about .scene1 .page1 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.about .scene1 .page1 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.about .scene1 .page1 .tab a {
display: inline-block;
width: 127px;
height: 35px;
background-color: #666666;
color: #fff;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
line-height: 35px;
margin: 82px 24px 0;
}
.about .scene1 .page1 .tab a:hover,
.about .scene1 .page1 .tab a.on {
background-color: #D12708;
}
.about .scene1 .page1 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 360px;
}
.about .scene1 .page1 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.about .scene1.on .page1 .carousel {
opacity: 1;
}
.about .scene1.on .page1 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene2 {
background-image: url(../images/bg2.jpg);
}
.about .scene2 .page2 {
position: absolute;
width: 930px;
height: 664px;
top: 50%;
left: 50%;
margin: -332px 0 0 -465px;
margin-top: -272px;
}
.about .scene2 .page2 .pl {
width: 78px;
height: 659px;
background: url(../images/review-slogen.png) no-repeat center center;
float: left;
opacity: 0;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.about .scene2 .page2 .pr {
width: 754px;
height: 652px;
padding-top: 5px;
float: right;
-webkit-transition: 0.6s all ease 1.2s;
transition: 0.6s all ease 1.2s;
background: no-repeat 95px -1000px;
}
.about .scene2 .page2 .pr .group {
margin-bottom: 13px;
width: 754px;
position: relative;
opacity: 0;
-webkit-transform: translate(200px, 0);
transform: translate(200px, 0);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.about .scene2 .page2 .pr .group:before,
.about .scene2 .page2 .pr .group:after {
content: " ";
height: 0;
overflow: hidden;
position: static !important;
}
.about .scene2 .page2 .pr .group:after {
clear: both;
display: table;
}
.about .scene2 .page2 .pr .group span {
position: absolute;
left: 0;
top: 50%;
font-size: 26px;
margin-top: -18px;
}
.about .scene2 .page2 .pr .group span i {
font-size: 18px;
}
.about .scene2 .page2 .pr .group p {
width: 630px;
float: right;
border: 1px solid #e6f0eb;
position: relative;
background-color: #c8dad5;
padding: 12px 17px;
font-size: 12px;
border-radius: 10px;
line-height: 22px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.about .scene2 .page2 .pr .group p:before {
width: 0;
height: 0;
border-width: 8px 8px 8px 0;
border-style: solid;
border-color: transparent #e6f0eb transparent transparent;
left: -8px;
top: 50%;
margin-top: -8px;
}
.about .scene2 .page2 .pr .group p:after {
width: 0;
height: 0;
border-width: 8px 8px 8px 0;
border-style: solid;
border-color: transparent #c8dad5 transparent transparent;
left: -7px;
top: 50%;
margin-top: -8px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.about .scene2 .page2 .pr .group p:hover {
background-color: #E22C08;
color: #fff;
}
.about .scene2 .page2 .pr .group p:hover:after {
border-color: transparent #E22C08 transparent transparent;
}
.about .scene2 .page2 .pr .group.g1 {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.about .scene2 .page2 .pr .group.g2 {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.about .scene2 .page2 .pr .group.g3 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.about .scene2 .page2 .pr .group.g4 {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.about .scene2 .page2 .pr .group.g5 {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.about .scene2 .page2 .pr .group.g6 {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.about .scene2 .page2 .pr .group.g7 {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.about .scene2 .page2 .pr .group.g8 {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.about .scene2 .page2 .pr .group.g9 {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.about .scene2 .page2 .pr .group.g10 {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.about .scene2 .page2 .pr .group.g11 {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.about .scene2 .page2 .pr .mCSB_container {
margin: 0 !important;
}
.about .scene2 .page2 .pr .mCS-light-thin > .mCSB_scrollTools .mCSB_draggerRail {
background: none;
}
.about .scene2 .page2 .pr .mCustomScrollBox > .mCSB_scrollTools {
width: 8px;
opacity: 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
}
html.ie8 .about .scene2 .page2 .pr .mCustomScrollBox > .mCSB_scrollTools {
display: none;
}
.about .scene2 .page2 .pr .mCSB_scrollTools .mCSB_dragger {
background-color: rgba(134, 134, 134, 0.35);
border-radius: 8px;
height: 75%;
}
html.ie8 .about .scene2 .page2 .pr .mCSB_scrollTools .mCSB_dragger {
background-color: #868686;
}
@media (max-width:1440px) {
.about .scene2 .page2 {
height: 500px;
margin-top: -210px;
}
.about .scene2 .page2 .pl {
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.about .scene2 .page2 .pr {
height: 490px;
}
}
html.ie8 .about .scene2 .page2 {
height: 500px;
margin-top: -180px;
}
html.ie8 .about .scene2 .page2 .pl {
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-position: top center;
}
html.ie8 .about .scene2 .page2 .pr {
height: 460px;
}
.about .scene2.on .page2 .pl {
opacity: 1;
}
.about .scene2.on .page2 .pr {
background: url(../images/time-line.png) no-repeat 100px 0;
}
@media (max-width:1440px) {
.about .scene2.on .page2 .pr {
background-position: 95px -20px;
}
}
html.ie8 .about .scene2.on .page2 .pr {
background-position: 95px -20px;
}
.about .scene2.on .page2 .pr .group {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene3 {
background-image: url(../images/bgzizhi.jpg);
}
.about .scene3 .page3 {
position: absolute;
width: 1000px;
height: 624px;
top: 50%;
left: 50%;
margin: -312px 0 0 -500px;
}
.about .scene3 .page3 .zizhi1 {
text-align: center;
}
.about .scene3 .page3 .zizhi1 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.about .scene3 .page3 .zizhi1 h3 {
font-size: 26px;
color: #000;
margin: 10px 0;
font-weight: normal;
}
.about .scene3 .page3 .zizhi1 h4 {
text-align: center;
margin: 55px auto 35px;
}
.about .scene3 .page3 .zizhi1 h4 img {
width: auto;
display: inline-block;
}
.about .scene3 .page3 .zizhi1 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.about .scene3 .page3 .zizhi2 {
padding-top: 40px;
opacity: 0;
}
.about .scene3 .page3 .zizhi2 a {
position: absolute;
filter: none;
}
.about .scene3 .page3 .zizhi2 a.a1 {
width: 200px;
height: 131px;
top: 51px;
left: 0px;
}
.about .scene3 .page3 .zizhi2 a.a2 {
width: 196px;
height: 270px;
top: 49px;
left: 219px;
}
.about .scene3 .page3 .zizhi2 a.a3 {
width: 328px;
height: 423px;
top: 55px;
left: 444px;
}
.about .scene3 .page3 .zizhi2 a.a4 {
width: 200px;
height: 153px;
top: 185px;
left: 0px;
}
.about .scene3 .page3 .zizhi2 a.a5 {
width: 195px;
height: 138px;
top: 342px;
left: 220px;
}
.about .scene3 .page3 .zizhi2 a.a6 {
width: 206px;
height: 134px;
top: 49px;
left: 794px;
}
.about .scene3 .page3 .zizhi2 a.a7 {
width: 206px;
height: 154px;
top: 184px;
left: 794px;
}
.about .scene3 .page3 .zizhi2 a.a8 {
width: 206px;
height: 138px;
top: 342px;
left: 794px;
}
.about .scene3 .page3 .zizhi2 a.a9 {
width: 200px;
height: 143px;
top: 345px;
left: 0px;
}
.about .scene3 .page3 .zizhi2 a:before {
top: 0;
width: 100%;
height: 100%;
left: 0;
border-top: 5px solid #E22C08;
border-bottom: 5px solid #E22C08;
}
.about .scene3 .page3 .zizhi2 a:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-left: 5px solid #E22C08;
border-right: 5px solid #E22C08;
}
.about .scene3 .page3 .zizhi2 a:before,
.about .scene3 .page3 .zizhi2 a:after {
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .about .scene3 .page3 .zizhi2 a:before,
html.ie8 .about .scene3 .page3 .zizhi2 a:after {
display: block;
}
.about .scene3 .page3 .zizhi2 a:hover:before,
.about .scene3 .page3 .zizhi2 a:hover:after {
opacity: 1;
}
html.ie8 .about .scene3 .page3 .zizhi2 a:hover:before,
html.ie8 .about .scene3 .page3 .zizhi2 a:hover:after {
display: block;
}
.about .scene3 .page3 .owl-prev,
.about .scene3 .page3 .owl-next {
position: absolute;
width: 50px;
height: 50px;
top: 50%;
margin-top: -25px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
background-image: url(../images/arrow6.png);
background-repeat: no-repeat;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .about .scene3 .page3 .owl-prev,
html.ie8 .about .scene3 .page3 .owl-next {
display:block;
}
.about .scene3 .page3 .owl-prev {
left: -80px;
background-position: left center;
}
.about .scene3 .page3 .owl-next {
right:-80px;
background-position: right center;
}
.about .scene3 .page3:hover .owl-prev,
.about .scene3 .page3:hover .owl-next {
opacity: 1;
}
html.ie8 .about .scene3 .page3:hover .owl-prev,
html.ie8 .about .scene3 .page3:hover .owl-next {
display: block;
}
.about .scene3 .page3 .an {
-webkit-transform: translate(0, 40px);
transform: translate(0, 40px);
opacity: 1;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.about .scene3 .page3 .an.an1 {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.about .scene3 .page3 .an.an2 {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.about .scene3 .page3 .an.an3 {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.about .scene3 .page3 .an.an4 {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.about .scene3 .page3 .an.an5 {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.about .scene3 .page3 .an.an6 {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.about .scene3 .page3 .an.an7 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.about .scene3 .page3 .an.an8 {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.about .scene3.on .page3 .an {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.about .scene3.on .page3 .zizhi2 {
opacity: 1;
}
.about .scene4 {
background-image: url(../images/bgteam.jpg);
}
.about .scene4 .page4 {
/*background: url(../images/teambg.png) no-repeat right top; */
position: absolute;
width: 936px;
height: 494px;
top: 50%;
left: 50%;
margin: -247px 0 0 -468px;
margin-top: -210px;
}
.about .scene4 .page4 .owl-carousel .owl-stage-outer{ height:367px; overflow-y:scroll}
.about .scene4 .page4 .owl-carousel .owl-controls{ margin-top:25px;}
.about .scene4 .page4 .tl {
width: 410px;
height: 100%;
float: left;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.about .scene4 .page4 .mo{ width: 172px; height:54px; padding-top:5px; background:#d72a08; margin-top:30px}
.about .scene4 .page4 .mo a {
width: 162px;
height: 44px;
display: block;
margin-left:5px;
/* margin: 20px auto 0;*/
text-align: center;
line-height: 44px;
position: relative;
color: #fff;
font-size: 14px;
}
.about .scene4 .page4 .mo a:before {
width: 100%;
height: 18px;
border: 1px solid #fff;
border-bottom: 0;
top: 0;
left: 0;
}
.about .scene4 .page4 .mo a:after {
width: 100%;
height: 10px;
border: 1px solid #fff;
border-top: 0;
bottom: 0;
left: 0;
}
.about .scene4 .page4 .tl h2 {
font-size: 45px;
color: #000;
margin: 8px 0 24px;
}
.about .scene4 .page4 .tl h2 span {
color: #E22C08;
}
.about .scene4 .page4 .tl p {
font-size: 16px;
color: #000;
}
.about .scene4 .page4 .tl p span {
font-size: 30px;
}
.about .scene4 .page4 .tl p.nobig {
margin-top: 10px;
}
.about .scene4 .page4 .tr {
float: left;
width: 523px;
/* height: 494px;*/
/* background: url(../images/tr.png) no-repeat center center;*/
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transform: scale(0.99);
transform: scale(0.99);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.4s;
transition: 0.6s all ease-in-out 0.4s;
padding:25px 0;
}
.about .scene4.on .page4 .tl {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene4.on .page4 .tr {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.about .scene5 {
background-image: url(../images/bgteam.jpg);
}
.about .scene5 .page5 {
position: absolute;
width: 976px;
height: 629px;
top: 50%;
left: 50%;
margin: -314.5px 0 0 -488px;
}
.about .scene5 .page5 .tl {
width: 540px;
height: 100%;
float: left;
background: url(../images/tl4.png) no-repeat center center;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.about .scene5 .page5 .tr {
float: right;
width: 402px;
height: 573px;
margin-top: 20px;
}
.about .scene5 .page5 .tr .tr-top {
width: 100%;
height: 103px;
background: url(../images/tr-top.png);
margin-bottom: 10px;
font-size: 45px;
color: #fff;
line-height: 103px;
text-align: center;
opacity: 0;
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.about .scene5 .page5 .tr .tr-btm {
width: 100%;
height: 464px;
background: url(../images/tr-btm.png);
padding: 32px 0 0 0;
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.about .scene5 .page5 .tr .tr-btm p {
color: #fff;
font-size: 16px;
margin-left: 32px;
}
.about .scene5 .page5 .tr .tr-btm p span {
font-size: 30px;
}
.about .scene5 .page5 .tr .tr-btm p.three {
margin-top: 10px;
}
.about .scene5 .page5 .tr .tr-btm p.img {
margin-bottom: 16px;
}
.about .scene5 .page5 .tr .tr-btm p.img img {
margin: 0 23px 0 0;
}
.about .scene5 .page5 .tr .tr-btm a {
width: 232px;
height: 44px;
display: block;
margin: 70px auto 0;
text-align: center;
line-height: 44px;
position: relative;
color: #fff;
font-size: 14px;
}
.about .scene5 .page5 .tr .tr-btm a:before {
width: 100%;
height: 18px;
border: 1px solid #fff;
border-bottom: 0;
top: 0;
left: 0;
}
.about .scene5 .page5 .tr .tr-btm a:after {
width: 100%;
height: 10px;
border: 1px solid #fff;
border-top: 0;
bottom: 0;
left: 0;
}
.about .scene5.on .page5 .tl {
opacity: 1;
}
.about .scene5.on .page5 .tr .tr-top,
.about .scene5.on .page5 .tr .tr-btm {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile {
overflow: hidden;
}
.mobile .title {
text-align: center;
width: 100%;
}
.mobile .title span {
font-size: 50px;
}
.mobile .title b {
font-size: 16px;
display: block;
font-weight: normal;
margin-top: 20px;
text-transform: uppercase;
color: #d4d4d4;
}
.mobile .title b a{ color:#fff}
.mobile .title b a:hover{ color:#E22C08}
.mobile .title u {
font-size: 34px;
display: block;
font-weight: normal;
margin-top: 10px;
}
.allsc {
overflow: hidden;
}
.allsc .title {
text-align: center;
width: 100%;
}
.allsc .title span {
font-size: 50px;
}
.allsc .title b {
font-size: 25px;
display: block;
font-weight: normal;
margin-top: 5px;
text-transform: uppercase;
color: #000;
}
.allsc .title u {
font-size: 34px;
display: block;
font-weight: normal;
margin-top: 10px;
}
.allsc #menu li a i {
background-color: #fff;
border: 1px solid #E22C08;
}
.allsc #menu li.active a i {
background-color: #E22C08;
}
.allsc .scene1 {
background-image: url(../images/bg1.png);
background-color: #e6e6e6;
}
.allsc .scene1 .page1 {
width: 100%;
height: 100%;
display: table;
}
.allsc .scene1 .page1 .ct {
display: table-cell;
vertical-align: middle;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
}
.allsc .scene1 .page1 .ct img {
width: 100%;
}
.allsc .scene1 .page1 .title {
top: 50%;
left: 0;
margin-top: -80px;
position: absolute;
}
.allsc .scene1 .page1 .title span {
opacity: 0;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px);
-webkit-transition: 0.5s all ease 0.8s;
transition: 0.5s all ease 0.8s;
}
.allsc .scene1 .page1 .title u {
opacity: 0;
-webkit-transform: translate(0, 50px);
transform: translate(0, 50px);
-webkit-transition: 0.5s all ease 0.8s;
transition: 0.5s all ease 0.8s;
}
.allsc .scene1.on .page1 .ct {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.allsc .scene1.on .page1 .title span,
.allsc .scene1.on .page1 .title u {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.allsc .scene2 {
background-image: url(../images/bg2.jpg);
background-color: #53ba5a;
}
.allsc .scene2 .page2 {
width: 100%;
height: 100%;
}
.allsc .scene2 .page2 .ct {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.allsc .scene2 .page2 .ct img {
width: 100%;
position: absolute;
bottom: 0;
}
.allsc .scene2 .page2 .title {
color: #fff;
padding-top: 140px;
}
@media (max-width:1440px) {
.allsc .scene2 .page2 .title {
padding-top: 40px;
}
}
html.ie8 .allsc .scene2 .page2 .title {
padding-top: 20px;
}
.allsc .scene2 .page2 .title span {
opacity: 0;
-webkit-transform: translate(-100px, 0);
transform: translate(-100px, 0);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.allsc .scene2 .page2 .title u {
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.allsc .scene2 .page2 p {
text-align: center;
color: #fff;
margin-top: 75px;
font-size: 22px;
line-height: 40px;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.4s;
transition: 0.6s all ease-in-out 0.4s;
}
@media (max-width:1440px) {
.allsc .scene2 .page2 p {
font-size: 16px;
line-height: 24px;
margin-top: 45px;
}
}
html.ie8 .allsc .scene2 .page2 p {
font-size: 16px;
line-height: 24px;
margin-top: 45px;
}
.allsc .scene2.on .page2 .ct,
.allsc .scene2.on .page2 .title span,
.allsc .scene2.on .page2 .title u,
.allsc .scene2.on .page2 p {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.allsc .scene3 {
background-color: #fff;
}
.allsc .scene3 .page3 {
width: 100%;
height: 100%;
display: table;
}
.allsc .scene3 .page3 .ct {
display: table-cell;
vertical-align: middle;
}
.allsc .scene3 .page3 .apply {
width: 100%;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
border-bottom: 1px solid #d0d0d0;
border-top: 1px solid #d0d0d0;
margin-top: 40px;
opacity: 0;
-webkit-transform: translate(0, 600px);
transform: translate(0, 600px);
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
}
.allsc .scene3 .page3 .apply .group {
display: inline-block;
width: 25%;
background-color: #fff;
float: left;
}
.allsc .scene3 .page3 .apply .group > span {
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.allsc .scene3 .page3 .apply .group > span:before {
width: 100%;
height: 100%;
filter: none;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
z-index: 10;
}
html.ie8 .allsc .scene3 .page3 .apply .group > span:before {
display: none;
}
.allsc .scene3 .page3 .apply .group > span img {
width: 100%;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.allsc .scene3 .page3 .apply .group p {
font-size: 12px;
color: #000;
height: 88px;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
line-height: normal;
margin: 0 0 20px;
padding: 20px 10px 0;
}
.allsc .scene3 .page3 .apply .group p span {
font-size: 20px;
display: block;
margin-bottom: 5px;
}
.allsc .scene3 .page3 .apply .group:hover > span img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.allsc .scene3 .page3 .apply .group:hover > span:before {
opacity: 1;
}
html.ie8 .allsc .scene3 .page3 .apply .group:hover > span:before {
display: block;
}
.allsc .scene3 .page3 .title {
opacity: 0;
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.allsc .scene3.on .page3 .title,
.allsc .scene3.on .page3 .apply {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene3 {
background-image: url(../images/youshi.jpg);
width: 100%;
height: 100%;
display: table;
}
.mobile .scene3 .page4 {
position: absolute;
width: 1200px;
height: 661px;
top: 50%;
left: 50%;
margin: -330.5px 0 0 -600px;
}
.mobile .scene3 .page4 .ct {
display: table-cell;
vertical-align: middle;
}
.mobile .scene3 .page4 .ct{ color:#fff}
.mobile .scene3 .page4 .advantage {
width: 1200px;
margin: 20px auto 0;
padding-top:30px;
overflow: hidden;
}
.mobile .scene3 .page4 .tab {
width:1200px;
}
.mobile .scene3 .page4 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.mobile .scene3 .page4 .tab span:hover,
.mobile .scene3 .page4 .tab span.on {
background-color: #E22C08;
}
.mobile .scene3 .page4 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 250px;
}
.mobile .scene3 .page4 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.mobile .scene3.on .page4 .carousel {
opacity: 1;
}
.mobile .scene3.on .page4 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
@media (max-width:1440px) {
.mobile .scene3.on .page4 .tab {
margin: 15px auto 0;
}
.mobile .scene3 .page4 .title {
font-size: 45px;
}
}
html.ie8 .mobile .scene3.on .page4 .tab {
margin: 15px auto 0;
}
.mobile .scene3.on .page4 .tab .group {
width: 255px;
height: auto;
margin: 0 25px;
}
.mobile .scene3.on .page4 .tab .group span {
text-align: center;
display: block;
}
.mobile .scene3.on .page4 .tab .group span img {
display: inline-block;
height:150px;
width:100%;
}
.mobile .scene3.on .page4 .tab .group h3 {
text-align: left;
font-size: 18px;
color: #fff;
margin: 8px 0 5px;
}
.mobile .scene3.on .page4 .tab .group em {
font-weight:normal;
font-size: 12px;
color: #8f8f8f;
line-height: 24px;
text-align: justify;
}
.mobile .scene3.on .page4 .tab .group p {
font-size: 12px;
color: #dedede;
line-height: 24px;
text-align: justify;
}
@media (max-width:1440px) {
.mobile .scene3.on .page4 .tab .group p {
line-height: 18px;
}
}
html.ie8 .mobile .scene3.on .page4 .tab .group p {
line-height: 18px;
}
.mobile .scene3.on .page4 .tab .owl-controls {
text-align: center;
margin-top: 40px;
}
html.ie8 .mobile .scene3.on .page4 .tab .owl-controls {
margin-top: -20px;
}
.mobile .scene3.on .page4 .tab .owl-prev,
.mobile .scene3.on .page4 .tab .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow7.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.mobile .scene3.on .page4 .tab .owl-prev {
background-position: left center;
}
.mobile .scene3.on .page4 .tab .owl-next {
background-position: right center;
}
.mobile .scene3.on .page4 .ct .group {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
.mobile .scene3.on .page4 .tab .mobile-info .group a {
display: block;
width: 208px;
height: 223px;
padding: 47px 0 0 17px;
}
.mobile .scene3.on .page4 .tab .mobile-info .group a span {
width: 175px;
height: 150px;
position: relative;
overflow: hidden;
border: 1px solid #000;
border-bottom: 0;
display: table;
}
.mobile .scene3.on .page4 .tab .mobile-info .group a span > img {
position: absolute;
top: 1px;
left: 50%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
width:80%;
margin-left:-40%;
}
.mobile .scene3.on .page4 .tab .mobile-info .group a span i {
display: table-cell;
vertical-align: middle;
background-color: #fff;
text-align: center;
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
html.ie8 .mobile .scene3.on .page4 .tab .mobile-info .group a span i {
display: none;
}
.mobile .scene3.on .page4 .tab .mobile-info .group a span i img {
width: auto;
display: inline-block;
}
.mobile .scene3.on .page4 .tab .mobile-info .group span {
color: #333;
display: block;
margin: 15px 0 30px;
font-size: 16px;
padding: 0 5px;
text-align:center;
}
.mobile .scene3.on .page4 .tab .mobile-info .group small {
color: #999;
border-bottom: 1px solid #d9d9d9;
font-size: 12px;
display: block;
padding: 0 5px 15px;
}
.mobile .scene3.on .page4 .tab .mobile-info .group:hover span > img {
opacity: 0;
}
.mobile .scene3.on .page4 .tab .mobile-info .group:hover span i {
opacity: 1;
}
html.ie8 .mobile .scene3.on .page4 .tab .mobile-info .group:hover span i {
display: table-cell;
}
.mobile .scene3.on .page4 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 10px;
}
.mobile .scene3.on .page4 .tab .mobile-info .owl-prev,
.mobile .scene3.on .page4 .tab .mobile-info .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.mobile .scene3.on .page4 .tab .mobile-info .owl-prev {
background-position: left center;
}
.mobile .scene3.on .page4 .tab .mobile-info .owl-next {
background-position: right center;
}
html.ie8 .mobile .scene3.on .page4 .tab .mobile-info {
height: 360px;
}
html.ie8 .mobile .scene3 .page4 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.mobile .scene3.on .page4 .title,
.mobile .scene3.on .page4 .mobile-info {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene3.on .page4 .share-page {
opacity: 1;
}
.mobile .scene3.on .page4 h2{ margin-bottom:15px}
.mobile .scene3.on .page4 .caption {
text-align: center;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.mobile .scene3.on .page4 .caption a {
position: relative;
color: #d4d4d4;
font-size: 18px;
margin: 0 10px;
}
.mobile .scene3.on .page4 .caption a:after {
width: 5px;
height: 5px;
background-color: #d4d4d4;
border-radius: 5px;
left: 50%;
margin-left: -2.5px;
bottom: -8px;
}
.mobile .scene3 .page4 .advantage a{ }
.mobile .scene3 .page4 .advantage .group {
width: 300px;
height: 296px;
position: relative;
float: left;
}
.mobile .scene3 .page4 .advantage .group:before {
width: 284px;
height: 1px;
background-color: #b5b4b4;
left: 0;
bottom: 0;
}
.mobile .scene3 .page4 .advantage .group:after {
width: 1px;
height: 284px;
background-color: #b5b4b4;
right: 0;
top: 0;
}
.mobile .scene3 .page4 .advantage .group span {
-webkit-transition: -webkit-transform 0.8s ease-out;-moz-transition: -moz-transform 0.8s ease-out;-o-transition: -o-transform 0.8s ease-out;-ms-transition: -ms-transform 0.8s ease-out;cursor:pointer;
background: no-repeat center center;
display: block;
width: 42px;
height: 44px;
margin: 20px auto;
}
.mobile .scene3 .page4 .advantage .group:hover span{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.mobile .scene3 .page4 .advantage .group h4 {
font-size: 20px;
margin-bottom: 45px;
text-align: center;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.mobile .scene3 .page4 .advantage .group p {
padding: 0 55px;
font-size: 12px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
text-align: justify;
}
.mobile .scene3 .page4 .advantage .group.g1 span {
background-image: url(../images/i3.png);
}
.mobile .scene3 .page4 .advantage .group.g2:before {
width: 266px;
left: 50%;
margin-left: -133px;
}
.mobile .scene3 .page4 .advantage .group.g2 span {
background-image: url(../images/i4.png);
}
.mobile .scene3 .page4 .advantage .group.g3:after {
display: none;
}
.mobile .scene3 .page4 .advantage .group.g3:before {
left: auto;
right: 0;
}
.mobile .scene3 .page4 .advantage .group.g3 span {
background-image: url(../images/i1.png);
}
.mobile .scene3 .page4 .advantage .group.g4:before {
display: none;
}
.mobile .scene3 .page4 .advantage .group.g4:after {
top: auto;
bottom: 0;
}
.mobile .scene3 .page4 .advantage .group.g4 span {
background-image: url(../images/i2.png);
}
.mobile .scene3 .page4 .advantage .group.g5:before {
display: none;
}
.mobile .scene3 .page4 .advantage .group.g5:after {
top: auto;
bottom: 0;
}
.mobile .scene3 .page4 .advantage .group.g5 span {
background-image: url(../images/i5.png);
}
.mobile .scene3 .page4 .advantage .group.g6:after,
.mobile .scene3 .page4 .advantage .group.g6:before {
display: none;
}
.mobile .scene3 .page4 .advantage .group.g6 span {
background-image: url(../images/i6.png);
}
.mobile .scene3 .page4 .advantage .group.g6 p {
text-align: center;
}
.mobile .scene3 .page4 .advantage .group:hover h4 {
color: #E22C08;
}
.mobile .scene3 .page4 .advantage .group:hover p {
color: #E22C08;
}
.mobile .scene3 .page4 .advantage .group:hover.g1 span {
background-image: url(../images/i3.png);
}
.mobile .scene3 .page4 .advantage .group:hover.g2 span {
background-image: url(../images/i4.png);
}
.mobile .scene3 .page4 .advantage .group:hover.g3 span {
background-image: url(../images/i1.png);
}
.mobile .scene3 .page4 .advantage .group:hover.g4 span {
background-image: url(../images/i2.png);
}
.mobile .scene3 .page4 .advantage .group:hover.g5 span {
background-image: url(../images/i5.png);
}
.mobile .scene3 .page4 .advantage .group:hover.g6 span {
background-image: url(../images/i6.png);
}
@media (max-width:1340px) {
.mobile .scene3 .page4 {
margin: -240.5px 0 0 -405px;
}
}
@media (max-width:1440px) {
.mobile .scene3 .page4 {
width:1000px;
height: 500px;
margin: -200.5px 0 0 -500px;
}
.mobile .scene3 .page4 h2 span{
font-size: 45px;
}
.mobile .scene3.on .page4 .caption a{
margin-top:0px;
margin-bottom: 5px;
font-size:18px;
}
.mobile .scene3 .page4 .advantage {
width:1000px;
margin: 10px auto 0;
padding-top:0px;
}
.mobile .scene3 .page4 .advantage .group {
width: 260px;
height: 226px;
}
.mobile .scene3 .page4 .advantage .group:before {
width: 244px;
}
.mobile .scene3 .page4 .advantage .group:after {
height: 214px;
}
.mobile .scene3 .page4 .advantage .group span {
width: 42px;
height: 44px;
margin: 0px auto 5px auto;
}
.mobile .scene3 .page4 .advantage .group h4 {
margin-bottom: 15px;
}
.mobile .scene3 .page4 .advantage .group p {
padding: 0 40px;
font-size: 12px;
}
.mobile .scene3 .page4 .advantage .group.g2:before {
width: 229px;
left: 50%;
margin-left: -117px;
}
}
html.ie8 .allsc .scene4 .page4 .advantage {
margin-top: 40px;
}
html.ie8 .allsc .scene4 .page4 .advantage .group {
height: 220px;
}
html.ie8 .allsc .scene4 .page4 .advantage .group span {
margin: 10px auto;
}
html.ie8 .allsc .scene4 .page4 .advantage .group h4 {
margin-bottom: 10px;
}
.allsc .scene4 .page4 .title {
opacity: 0;
-webkit-transition: 0.5s all ease-in-out;
transition: 0.5s all ease-in-out;
}
.allsc .scene4 .page4 .group.g1,
.allsc .scene4 .page4 .group.g4,
.allsc .scene4 .page4 .group.g3,
.allsc .scene4 .page4 .group.g6 {
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
opacity: 0;
-webkit-transform: translate(0, -600px);
transform: translate(0, -600px);
}
.allsc .scene4 .page4 .group.g2,
.allsc .scene4 .page4 .group.g5 {
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
opacity: 0;
-webkit-transform: translate(0, 600px);
transform: translate(0, 600px);
}
.allsc .scene4 .page4 .group:before,
.allsc .scene4 .page4 .group:after {
opacity: 0;
-webkit-transition: 0.4s all ease-in-out 1s;
transition: 0.4s all ease-in-out 1s;
}
.allsc .scene4.on .page4 .title,
.allsc .scene4.on .page4 .group {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.allsc .scene4.on .page4 .title:before,
.allsc .scene4.on .page4 .group:before,
.allsc .scene4.on .page4 .title:after,
.allsc .scene4.on .page4 .group:after {
opacity: 1;
}
.allsc .scene5 {
background-image: url(../images/147.jpg);
}
.allsc .scene5 .page5 {
display: table;
width: 100%;
height: 100%;
}
.allsc .scene5 .page5 .ct {
display: table-cell;
vertical-align: middle;
}
.allsc .scene5 .page5 .ct .btm-intro {
position: relative;
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in-out 0.4s;
transition: 0.4s all ease-in-out 0.4s;
}
.allsc .scene5 .page5 .ct .btm-intro > p {
position: absolute;
left: 0;
top: 0;
width: 100%;
color: #fff;
font-size: 16px;
line-height: 26px;
text-align: center;
display: none;
}
.allsc .scene5 .page5 .ct .btm-intro > p.on {
display: block;
}
.allsc .scene5 .page5 .title {
text-align: center;
color: #fff;
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in-out 0.4s;
transition: 0.4s all ease-in-out 0.4s;
}
.allsc .scene5 .page5 .advantage-intro {
position: relative;
width: 800px;
height: 200px;
margin: 90px auto;
}
@media (max-width:1440px) {
.allsc .scene5 .page5 .advantage-intro {
margin: 50px auto;
}
}
html.ie8 .allsc .scene5 .page5 .advantage-intro {
margin: 50px auto;
}
.allsc .scene5 .page5 .group {
width: 200px;
height: 200px;
text-align: center;
}
.allsc .scene5 .page5 .group span {
width: 136px;
height: 136px;
position: relative;
display: block;
margin: 0 auto;
}
.allsc .scene5 .page5 .group span i {
display: block;
width: 100%;
height: 100%;
background-image: url(../images/icon.png);
background-repeat: no-repeat;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.allsc .scene5 .page5 .group span u {
position: absolute;
width: 100%;
height: 100%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
overflow: hidden;
}
.allsc .scene5 .page5 .group span u.cl {
bottom: 0;
left: 0;
}
.allsc .scene5 .page5 .group span u.cl:before {
left: 0;
bottom: 0;
width: 136px;
height: 136px;
border: 3px solid #fff;
border-radius: 136px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.allsc .scene5 .page5 .group span u.cr {
top: 0;
right: 0;
}
.allsc .scene5 .page5 .group span u.cr:after {
right: 0;
top: 0;
width: 136px;
height: 136px;
border: 3px solid #fff;
border-left: none;
border-radius: 136px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.allsc .scene5 .page5 .group img {
width: auto !important;
display: inline-block;
}
.allsc .scene5 .page5 .group p {
font-size: 26px;
color: #fff;
margin-top: 25px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.allsc .scene5 .page5 .group.g1 span i {
background-position: 0 0px;
}
.allsc .scene5 .page5 .group.g2 span i {
background-position: 0 -136px;
}
.allsc .scene5 .page5 .group.g3 span i {
background-position: 0 -272px;
}
.allsc .scene5 .page5 .group.g4 span i {
background-position: 0 -408px;
}
.allsc .scene5 .page5 .group.g5 span i {
background-position: 0 -544px;
}
.allsc .scene5 .page5 .group:hover.g1 span i {
background-position: -137px 0px;
}
.allsc .scene5 .page5 .group:hover.g2 span i {
background-position: -137px -136px;
}
.allsc .scene5 .page5 .group:hover.g3 span i {
background-position: -137px -272px;
}
.allsc .scene5 .page5 .group:hover.g4 span i {
background-position: -137px -408px;
}
.allsc .scene5 .page5 .group:hover.g5 span i {
background-position: -137px -544px;
}
.allsc .scene5 .page5 .group:hover span u.cl:before,
.allsc .scene5 .page5 .group:hover span u.cr:after {
border-color: #E22C08;
}
.allsc .scene5 .page5 .group:hover span b {
height: 100%;
}
.allsc .scene5 .page5 .group:hover p {
color: #29d543;
}
.allsc .scene5 .page5 .owl-nav {
opacity: 0;
-webkit-transition: 0.4s all ease-in-out 0.4s;
transition: 0.4s all ease-in-out 0.4s;
}
.allsc .scene5 .page5 .owl-nav div {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
width: 73px;
height: 133px;
position: absolute;
top: 50%;
margin-top: -66px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
}
.allsc .scene5 .page5 .owl-nav div.owl-prev {
left: -123px;
background-position: left center;
}
.allsc .scene5 .page5 .owl-nav div.owl-next {
right: -123px;
background-position: right center;
}
.allsc .scene5.on .page5 .group span u {
height: 100%;
}
.allsc .scene5.on .page5 .title,
.allsc .scene5.on .page5 .btm-intro {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.allsc .scene5.on .page5 .owl-nav {
opacity: 1;
}
.allsc .scene6 {
background-image: url(../images/1437327355.jpg);
}
.allsc .scene6 .page6 {
display: table;
width: 100%;
height: 100%;
}
.allsc .scene6 .page6 .share-page {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.allsc .scene6 .page6 .ct {
display: table-cell;
vertical-align: middle;
padding-bottom: 90px;
}
.allsc .scene6 .page6 .title {
opacity: 0;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.allsc .scene6 .page6 .service {
width: 879px;
height: 334px;
margin: 80px auto 0;
}
@media (max-width:1440px) {
.allsc .scene6 .page6 .service {
margin-top: 40px;
}
}
html.ie8 .allsc .scene6 .page6 .service {
margin-top: 40px;
}
.allsc .scene6 .page6 .service .left {
float: left;
width: 408px;
height: 286px;
margin-top: 25px;
overflow: hidden;
opacity: 0;
-webkit-transform: translate(-100px, 0);
transform: translate(-100px, 0);
-webkit-transition: 0.4s all ease-in-out 0.4s;
transition: 0.4s all ease-in-out 0.4s;
}
.allsc .scene6 .page6 .service .left .group {
width: 408px;
height: 286px;
text-align: center;
}
.allsc .scene6 .page6 .service .left .owl-controls {
position: absolute;
left: 0;
width: 408px;
bottom: 0;
text-align: center;
}
.allsc .scene6 .page6 .service .left .owl-controls .owl-nav {
display: none;
}
.allsc .scene6 .page6 .service .left .owl-controls .owl-dots .owl-dot {
width: 14px;
height: 14px;
display: inline-block;
border-radius: 14px;
background-color: #3e3e3e;
margin: 8px 8px;
}
.allsc .scene6 .page6 .service .left .owl-controls .owl-dots .owl-dot.active {
background-color: #E22C08;
}
.allsc .scene6 .page6 .service .right {
float: right;
width: 429px;
height: 334px;
background: url(../images/icon-service.png) left center no-repeat;
position: relative;
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
-webkit-transition: 0.4s all ease-in-out 0.4s;
transition: 0.4s all ease-in-out 0.4s;
}
.allsc .scene6 .page6 .service .right p {
font-size: 14px;
width: 350px;
right: 0;
position: absolute;
text-align: justify;
}
.allsc .scene6 .page6 .service .right p span {
font-size: 18px;
display: block;
}
.allsc .scene6 .page6 .service .right p.p1 {
top: 0;
}
.allsc .scene6 .page6 .service .right p.p2 {
top: 130px;
}
.allsc .scene6 .page6 .service .right p.p3 {
top: 260px;
}
.allsc .scene6.on .page6 .title,
.allsc .scene6.on .page6 .share-page,
.allsc .scene6.on .page6 .left,
.allsc .scene6.on .page6 .right {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile {
overflow: hidden;
}
.mobile #menu li a i {
background-color: transparent;
border: 1px solid #fff;
}
.mobile #menu li.active a i,
.mobile #menu li:hover a i {
background-color: #c32304;
}
.mobile .scene1 {
background:#000;
/* position:relative*/
}
.mobile .scene1 .page1 {
position: absolute;
width: 824px;
height: 703px;
top: 50%;
left: 50%;
margin: -351.5px 0 0 -412px;
margin-left: -520px;
}
.mobile .scene1 .page1 .cl {
float: left;
margin-right: 60px;
opacity: 0;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.mobile .scene1 .page1 .cr {
float: left;
}
.mobile .scene1 .page1 .cr .href {
text-align: left;
margin-top: 45px;
margin-bottom: 30px;
}
.mobile .scene1 .page1 .cr .href a {
display: inline-block;
text-align: center;
margin-right: 20px;
color: #666666;
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.5s all ease-in-out 0.8s;
transition: 0.5s all ease-in-out 0.8s;
}
.mobile .scene1 .page1 .cr .href a img {
display: block;
margin: 0 auto;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.mobile .scene1 .page1 .cr .href a:hover img {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.mobile .scene1 .page1 .cr .slogen {
opacity: 0;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
-webkit-transition: 0.6s all ease 0.4s;
transition: 0.6s all ease 0.4s;
}
.mobile .scene1 .page1 .cr .p1 {
font-size: 20px;
line-height: 40px;
opacity: 0;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
-webkit-transition: 0.6s all ease 0.5s;
transition: 0.6s all ease 0.5s;
}
.mobile .scene1 .page1 .cr .p1 span {
font-size: 38px;
color: #ffae00;
}
.mobile .scene1 .page1 .cr .p2 {
font-size: 18px;
line-height: 40px;
margin-bottom: 10px;
opacity: 0;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
-webkit-transition: 0.6s all ease 0.5s;
transition: 0.6s all ease 0.5s;
}
.mobile .scene1 .page1 .cr .p2 span {
color: #ff0002;
font-size: 28px;
}
.mobile .scene1 .page1 .cr .btn {
background-color: #42b653;
padding: 5px 10px;
color: #fff;
display: inline-block;
border-radius: 20px;
font-size: 20px;
margin-bottom: 5px;
opacity: 0;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
-webkit-transition: 0.6s all ease 0.6s;
transition: 0.6s all ease 0.6s;
}
@media (max-width:1440px) {
.mobile .scene1 .page1 {
height: 590px;
margin-top: -265px;
}
.mobile .scene1 .page1 .cr .href {
margin-bottom: 0;
margin-top: 0;
}
.mobile .scene1 .page1 .cr .p1 {
line-height: 30px;
}
.mobile .scene1 .page1 .cr .p2 {
line-height: 30px;
margin: 0;
}
}
html.ie8 .mobile .scene1 .page1 {
height: 590px;
margin-top: -265px;
}
html.ie8 .mobile .scene1 .page1 .cr .href {
margin-bottom: 0;
margin-top: 0;
}
html.ie8 .mobile .scene1 .page1 .cr .p1 {
line-height: 30px;
}
html.ie8 .mobile .scene1 .page1 .cr .p2 {
line-height: 30px;
margin: 0;
}
.mobile .scene1.on .page1 .cl,
.mobile .scene1.on .page1 .p1,
.mobile .scene1.on .page1 .p2,
.mobile .scene1.on .page1 .btn,
.mobile .scene1.on .page1 .slogen {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene1.on .page1 .href a {
opacity: 1;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.mobile .scene2 { background-image: url(../images/bg3.jpg);}
.mobile .scene2 .page34{
height: 600px;
left: 50%;
margin: -300px 0 0 -495px;
position: absolute;
text-align: center;
top: 50%;
width: 990px;
}
.mobile .scene2 .page34 .ct{ color:#fff;display: table-cell;vertical-align: middle;}
.mobile .scene2 .page34 .prolist{
margin: 20px auto 20px;
overflow: hidden;
padding-top:20px;
width: 900px;
}
.mobile .scene2 .page34 .prolist .switch {
margin: 0 auto;
width: 930px;
}
.mobile .scene2 .page34 .prolist .itemo {
float: left;
height: 310px;
margin: 0 20px;
position: relative;
text-align: center;
width: 270px;
}
.mobile .scene2 .page34 .prolist .itemo i {
display: block;
height: 135px;
overflow: hidden;
width: 270px;
}
.mobile .scene2 .page34 .prolist .itemo i img {
transition: all 0.4s ease 0s;
}
.mobile .scene2 .page34 .prolist .itemo span {
background-color: #E22C08;
border-radius: 20px;
color: #fff;
display: block;
font-size: 22px;
height: 37px;
line-height: 37px;
margin: -20px auto 0;
position: relative;
width: 140px;
}
.mobile .scene2 .page34 .prolist .itemo img {
width: 100%;
}
.mobile .scene2 .page34 .prolist .itemo .btm {
background-color: #e4e4e4;
margin-top: -20px;
padding-bottom: 20px;
padding-top: 40px;
transition: all 0.4s ease 0s;
}
.mobile .scene2 .page34 .prolist .itemo .btm p {
height:75px;
overflow:hidden;
color: #333333;
font-size: 14px;
line-height: 23px;
}
@media (max-width:1680px) {
.mobile .scene2 .page34{ margin-top:-270px}
.mobile .scene2 .page34 .prolist{ margin-top:0;}
.mobile .scene2 .page34 .prolist .itemo .btm p{ height:65px;}
.mobile .scene2 .page34 .prolist .itemo i{ height:115px;}
.mobile .scene2 .page34 .prolist .itemo { height:270px;}
}
.mobile .scene2 .page34 .prolist .itemo:hover .btm {
background-color: #fff;
}
.mobile .scene2 .page34 .prolist .itemo:hover i img {
transform: scale(1.1);
}
.mobile .scene2 .page34 .prolist .owl-controls {
margin-top: 11px;
text-align: center;
}
.mobile .scene2 .page34 .prolist .owl-prev, .mobile .scene2 .page34 .prolist .owl-next {
background-color: transparent;
background-image: url("../images/arrow.png");
background-position: center center;
background-repeat: no-repeat;
border: 0 none;
color: transparent;
display: inline-block;
font: 0px/0 a;
height: 37px;
margin: 0 15px;
text-shadow: none;
width: 37px;
}
.mobile .scene2 .page34 .prolist .owl-prev {
background-position: left center;
}
.mobile .scene2 .page34 .prolist .owl-next {
background-position: right center;
}
.mobile .scene2 .page3 {
position: absolute;
width: 100%;
height: 637px;
top: 53%;
left: 50%;
margin: -318.5px 0 0 -50%;
text-align: center;
}
.mobile .scene2 .page3 h2 {
font-size: 50px;
color: #fff;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.mobile .scene2 .page3 h2 span {
color: #fff000;
font-size: 18px;
display: block;
margin-top: 20px;
font-weight: normal;
}
.mobile .scene2 .page3 .group {
width: 100%;
margin-top: 50px;
opacity: 0;
-webkit-transform: translate(0, 300px);
transform: translate(0, 300px);
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
}
.mobile .scene2 .page3 .group .switch {
width: 930px;
margin: 0 auto;
}
.mobile .scene2 .page3 .group .item1 {
width: 280px;
height: 390px;
float: left;
text-align: center;
position: relative;
margin: 0 15px;
}
.mobile .scene2 .page3 .group .item1 i {
width: 280px;
height: 165px;
display: block;
overflow: hidden;
}
.mobile .scene2 .page3 .group .item1 i img {
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.mobile .scene2 .page3 .group .item1 span {
display: block;
margin: -20px auto 0;
border-radius: 20px;
position: relative;
width: 140px;
height: 37px;
line-height: 37px;
background-color: #E22C08;
font-size: 22px;
color: #fff;
}
.mobile .scene2 .page3 .group .item1 img {
width: 100%;
}
.mobile .scene2 .page3 .group .item1 .btm {
background-color: #e4e4e4;
margin-top: -20px;
padding-top: 40px;
padding-bottom: 40px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.mobile .scene2 .page3 .group .item1 .btm p {
line-height: 23px;
color: #333333;
font-size: 14px;
}
.mobile .scene2 .page3 .group .item1:before {
position: absolute;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #e4e4e4;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.mobile .scene2 .page3 .group .item1:after {
width: 0;
height: 0;
border-width: 20px 20px 0;
border-style: solid;
border-color: #e4e4e4 transparent transparent;
position: absolute;
bottom: 36px;
left: 50%;
margin-left: -20px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.mobile .scene2 .page3 .group .item1:hover .btm {
background-color: #fff;
}
.mobile .scene2 .page3 .group .item1:hover i img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mobile .scene2 .page3 .group .item1:hover:after {
width: 0;
height: 0;
border-width: 20px 20px 0;
border-style: solid;
border-color: #ffffff transparent transparent;
}
.mobile .scene2 .page3 .group:after {
width: 100%;
height: 1px;
bottom: 69px;
left: 0;
background-color: #e4e4e4;
}
.mobile .scene2 .page3 .group .owl-controls {
text-align: center;
margin-top: 11px;
}
.mobile .scene2 .page3 .group .owl-prev,
.mobile .scene2 .page3 .group .owl-next {
display: inline-block;
width: 37px;
height: 37px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 15px;
}
.mobile .scene2 .page3 .group .owl-prev {
background-position: left center;
}
.mobile .scene2 .page3 .group .owl-next {
background-position: right center;
}
@media (max-width:1440px) {
.xiangjiao{height:770px; width:100%; margin:0 auto; padding:120px 0 0px 0; text-align:center;}
.mobile .scene2 .page3 {
height: 590px;
margin-top: -235px;
}
.mobile .scene2 .page3 h2 {
font-size: 45px;
}
.mobile .scene2 .page3 .group {
margin-top: 27px;
}
.mobile .scene2 .page3 h2 span {
font-size: 16px;
}
.mobile .scene2 .page3 .group .switch {
width: 870px;
}
.mobile .scene2 .page3 .group .item1 {
width: 260px;
height: 344px;
margin: 0 15px;
}
.mobile .scene2 .page3 .group .item1 i {
width: 260px;
height: 145px;
}
.mobile .scene2 .page3 .group .item1 span {
margin: -20px auto 0;
width: 130px;
height: 35px;
line-height: 35px;
font-size: 19px;
}
.mobile .scene2 .page3 .group .item1 .btm {
margin-top: -20px;
padding-top: 35px;
padding-bottom: 25px;
}
.mobile .scene2 .page3 .group .item1 .btm p {
line-height: 22px;
font-size: 13px;
}
.mobile .scene2 .page3 .group .owl-controls{
margin-top:0}
.mobile .scene2 .page3 .group .item1:before {
width: 10px;
height: 10px;
border-radius: 10px;
bottom: 10px;
left: 50%;
margin-left: -5px;
}
.mobile .scene2 .page3 .group .item1:after {
bottom: 36px;
}
mobile .scene2 .page3 .group:after {
bottom: 69px;
}
.mobile .scene2 .page3 .group .owl-prev,
.mobile .scene2 .page3 .group .owl-next {
width: 37px;
height: 37px;
}
}
html.ie8 .mobile .scene2 .page3 {
height: 590px;
margin-top: -295px;
}
html.ie8 .mobile .scene2 .page3 h2 {
font-size: 40px;
}
html.ie8 .mobile .scene2 .page3 .group {
margin-top: 30px;
}
.mobile .scene2.on .page3 h2,
.mobile .scene2.on .page3 .group {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene6 .page2 .left {
float: left;
width: 270px;
height: 100%;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}
.mobile .scene6 .page2 .left p {
font-size: 12px;
color: #fff;
line-height: 20px;
margin-top: 10px;
}
.mobile .scene6 .page2 .middle {
float: left;
width: 510px;
height: 100%;
border-left: 1px dashed #b0b0b0;
border-right: 1px dashed #b0b0b0;
color: #fff;
padding: 0 0 0 40px;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
-webkit-transform: translate(0, -320px);
transform: translate(0, -320px);
}
.mobile .scene6 .page2 .middle h2 {
font-size: 28px;
margin-bottom: 20px;
}
.mobile .scene6 .page2 .middle h2 span {
color: #E22C08;
}
.mobile .scene6 .page2 .middle p {
margin-bottom: 25px;
font-size: 12px;
}
.mobile .scene6 .page2 .middle p.last {
font-size: 14px;
background-color: #000;
padding: 5px;
}
.mobile .scene6 .page2 .right {
float: left;
width: 265px;
height: 100%;
margin-left: 40px;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
}
.mobile .scene6 .page2 .right p {
color: #fff;
margin-bottom: 10px;
}
.mobile .scene6 .page2 .right input {
width: 100%;
height: 30px;
border: 1px solid #212a22;
color: #fff;
margin-bottom: 5px;
background-color: transparent;
padding-left: 5px;
font-family:"微软雅黑";font-size:14px;
}
.mobile .scene6 .page2 .right textarea {
width: 100%;
height: 106px;
border: 1px solid #212a22;
color: #fff;
resize: none;
background-color: transparent;
margin-bottom: 5px;
padding: 5px;
font-family:"微软雅黑";font-size:14px;
}
.mobile .scene6 .page2 .right button {
width: 100%;
height: 30px;
border: 0;
background-color: #c32304;
color: #fff;
line-height: 30px;
text-align: center;
}
.mobile .scene6 .page2.on .left,
.mobile .scene6 .page2.on .middle,
.mobile .scene6 .page2.on .right {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene6 {
background-image: url(../images/contact.jpg);
}
.mobile .scene6 .page2 {
position: absolute;
width: 1085px;
height: 314px;
top: 50%;
left: 50%;
margin: -195px 0 0 -537px;
}
.mobile .scene6 .page2 .title {
text-align: center;
margin-bottom: 100px;
opacity: 0;
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
-webkit-transition: 0.4s all ease-in-out 0.8s;
transition: 0.4s all ease-in-out 0.8s;
}
.mobile .scene6 .page2 .cl {
width: 480px;
height: 314px;
float: left;
margin-top: 30px;
opacity: 0;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
-webkit-transition: 0.6s all ease;
transition: 0.6s all ease;
}
.mobile .scene6 .page2 .cl .p1 {
font-size: 20px;
color: #fff000;
line-height: 32px;
margin-bottom: 25px;
}
.mobile .scene6 .page2 .cl .p2 {
color: #333333;
font-size: 16px;
line-height: 36px;
}
.mobile .scene6 .page2 .cr {
float: left;
width: 521px;
height: 366px;
position: relative;
}
.mobile .scene6 .page2 .cr img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
.mobile .scene6 .page2 .cr img.s1 {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.mobile .scene6 .page2 .cr img.s2 {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.mobile .scene6 .page2 .cr img.s3 {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.mobile .scene6 .page2 .cr img.s4 {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.mobile .scene6 .page2 .cr img.s5 {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
/*.mobile .scene6 .page2 a {
width: 374px;
height: 60px;
left: 50%;
margin-left: -187px;
bottom: 0;
display: block;
text-align: center;
line-height: 60px;
position: absolute;
color: #000000;
font-size: 18px;
opacity: 0;
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transition: 0.4s all ease-in-out 0.8s;
transition: 0.4s all ease-in-out 0.8s;
}*/
.mobile .scene6 .page2 a:before {
width: 100%;
height: 18px;
border: 1px solid #000000;
border-bottom: 0;
top: 0;
left: 0;
}
.mobile .scene6 .page2 a:after {
width: 100%;
height: 10px;
border: 1px solid #000000;
border-top: 0;
bottom: 0;
left: 0;
}
@media (max-width:1440px) {
.mobile .scene6 .page2 {
margin: -195px 0 0 -552px;
}
.mobile .scene6 .page2 .title {
margin-bottom: 20px;
}
.mobile .scene6 .page2 a {
bottom: 50px;
}
}
@media (max-width:1370px) {
.mobile .scene6 .page2 {
margin: -155px 0 0 -552px;
}
}
html.ie8 .mobile .scene6 .page2 {
height: 590px;
margin-top: -245px;
}
html.ie8 .mobile .scene6 .page2 .title {
margin-bottom: 20px;
}
html.ie8 .mobile .scene6 .page2 a {
bottom: 50px;
}
.mobile .scene6.on .page2 .cl,
.mobile .scene6.on .page2 .cr img,
.mobile .scene6.on .page2 .title,
.mobile .scene6.on .page2 a {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene4 {
background-image: url(../images/about.jpg);
}
.mobile .scene4 .page4 {
position: absolute;
width:1200px;
height: 661px;
top: 50%;
left: 50%;
margin: -330.5px 0 0 -600px;
text-align: center;
}
.mobile .scene4 .page4 .title {
font-size: 48px;
color: #fff;
opacity: 0;
-webkit-transition: 0.4s all ease-in;
transition: 0.4s all ease-in;
}
.mobile .scene4 .page4 .tips {
color:#24AA38;
display: inline-block;
position: relative;
font-size: 34px;
margin-top: 34px;
opacity: 0;
-webkit-transition: 0.4s all ease-in;
transition: 0.4s all ease-in;
}
.mobile .scene4 .page4 .tips:before,
.mobile .scene4 .page4 .tips:after {
width: 37px;
height: 2px;
top: 50%;
margin-top: -1px;
background-color: #24AA38;
}
.mobile .scene4 .page4 .tips:before {
left: -40px;
}
.mobile .scene4 .page4 .tips:after {
right: -40px;
}
.mobile .scene4 .page4 .ct {
width:1000px; margin:30px auto 0;
overflow: hidden;
}
.mobile .scene4 .page4 .ct .group {
float: left;
width: 250px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
opacity: 0;
-webkit-transition: 0.6s all ease-in 0.4s;
transition: 0.6s all ease-in 0.4s;
overflow: hidden;
}
.mobile .scene4 .page4 .ct .group u {
overflow: hidden;
width: 250px;
height: 270px;
display: block;
}
.mobile .scene4 .page4 .ct .group img {
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.mobile .scene4 .page4 .ct .group span {
width: 250px;
height: 76px;
font-size: 18px;
text-align: center;
color: #fff;
background-color: #E22C08;
display: table;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.mobile .scene4 .page4 .ct .group span i {
display: table-cell;
vertical-align: middle;
line-height: 20px;
font-weight: bold;
}
.mobile .scene4 .page4 .ct .group.g1,
.mobile .scene4 .page4 .ct .group.g3 {
-webkit-transform: translate(0, -346px);
transform: translate(0, -346px);
}
.mobile .scene4 .page4 .ct .group.g2,
.mobile .scene4 .page4 .ct .group.g4 {
-webkit-transform: translate(0, 346px);
transform: translate(0, 346px);
}
.mobile .scene4 .page4 .ct .group:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.mobile .scene4 .page4 p {
margin:20px 0 65px;
color: #d4d4d4;
font-size: 16px;
opacity: 0;
-webkit-transition: 0.4s all ease-in;
transition: 0.4s all ease-in;
}
.mobile .scene4 .page4 .title-btm {
font-size: 12px;
position: relative;
margin-top: 40px;
opacity: 0;
-webkit-transition: 0.4s all ease-in;
transition: 0.4s all ease-in;
}
.mobile .scene4 .page4 .title-btm a{ color:#bab9b9}
.mobile .scene4 .page4 .title-btm:before {
width: 100%;
height: 1px;
background-color: #818181;
bottom: -10px;
left: 0;
}
.mobile .scene4 .page4 .title-btm:after {
width: 100px;
height: 6px;
background-color: #818181;
bottom: -12px;
left: 50%;
margin-left: -50px;
}
@media (max-width:1440px) {
.mobile .scene4 .page4 {
width: 800px;
height: 460px;
margin: -210px 0 0 -400px;
}
.mobile .scene4 .page4 p {
margin:5px 0 5px;
}
.mobile .scene4 .page4 .tips,
.mobile .scene4 .page4 .title-btm {
margin: 10px 0 0 0;
}
.mobile .scene4 .page4 .ct {
margin: 0;
}
.mobile .scene4 .page4 .title {
font-size: 45px;
}
.mobile .scene4 .page4 .tips {
font-size: 32px;
}
.mobile .scene4 .page4 .ct .group {
width: 225px;
}
.mobile .scene4 .page4 .ct .group u {
width: 225px;
height: 240px;
}
.mobile .scene4 .page4 .ct .group span {
width: 225px;
height: 76px;
font-size: 18px;
}
}
html.ie8 .mobile .scene4 .page4 {
height: 590px;
margin-top: -280px;
}
html.ie8 .mobile .scene4 .page4 .tips,
html.ie8 .mobile .scene4 .page4 .title-btm {
margin: 10px 0 0 0;
}
html.ie8 .mobile .scene4 .page4 .ct {
margin: 0;
}
.mobile .scene4.on .page4 .group.g1,
.mobile .scene4.on .page4 .group.g2,
.mobile .scene4.on .page4 .group.g3,
.mobile .scene4.on .page4 .group.g4 {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene4.on .page4 .title,
.mobile .scene4.on .page4 .tips,
.mobile .scene4.on .page4 .title-btm,
.mobile .scene4.on .page4 p {
opacity: 1;
}
.mobile .scene5 {
background-image: url(../images/news.jpg);
}
.mobile .scene5 .page5 {
position: absolute;
width:1180px;
height: 700px;
top: 55%;
left: 50%;
margin: -350px 0 0 -590px;
}
@media (max-width:1440px) {
.mobile .scene5 .page5 {
height: 606px;
margin: -203px 0 0 -590px;
}
}
html.ie8 .mobile .scene5 .page5 {
position: absolute;
width:1180px;
height: 606px;
top: 50%;
left: 50%;
margin: -350px 0 0 -590px;
}
.mobile .scene5 .page5 .title {
color: #fff;
font-size: 50px;
text-align: center;
margin-bottom: 15px;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.mobile .scene5 .page5 .caption {
text-align: center;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.mobile .scene5 .page5 .caption a {
position: relative;
color: #d4d4d4;
font-size: 18px;
margin: 0 10px;
}
.mobile .scene5 .page5 .caption a:after {
width: 5px;
height: 5px;
background-color: #d4d4d4;
border-radius: 5px;
left: 50%;
margin-left: -2.5px;
bottom: -8px;
}
.mobile .scene5 .page5 .ct {
width:1180px;
margin-top: 45px;
/* -webkit-perspective: 800px;
perspective: 800px;*/
}
@media (max-width:1440px) {
.mobile .scene5 .page5 .ct {
margin-top: 15px;
}
.mobile .scene5 .page5 .title {
font-size: 45px;
}
}
html.ie8 .mobile .scene5 .page5 .ct {
margin-top: 15px;
}
.mobile .scene5 .page5 .ct .group {
width:90%;
height: auto;
margin: 0 18px;
opacity: 0;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.mobile .scene5 .page5 .ct .group span {
text-align: center;
display: block;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.mobile .scene5 .page5 .ct .group span img {
display: inline-block;
height:150px;
width:100%;
}
.mobile .scene5 .page5 .ct .group h3 {
text-align: left;
font-size: 18px;
color: #fff;
margin: 8px 0 5px;
}
.mobile .scene5 .page5 .ct .group em {
font-weight:normal;
font-size: 12px;
color: #8f8f8f;
line-height: 24px;
text-align: justify;
}
.mobile .scene5 .page5 .ct .group p {
height:115px;
overflow:hidden;
font-size: 12px;
color: #e7e7e7;
line-height: 24px;
text-align: justify;
}
@media (max-width:1440px) {
.mobile .scene5 .page5 .ct .group p {
line-height: 18px;
}
}
html.ie8 .mobile .scene5 .page5 .ct .group p {
line-height: 18px;
}
.mobile .scene5 .page5 .ct .group:hover span {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.mobile .scene5 .page5 .ct .owl-controls {
text-align: center;
margin-top: 50px;
}
html.ie8 .mobile .scene5 .page5 .ct .owl-controls {
margin-top: -20px;
}
.mobile .scene5 .page5 .ct .owl-prev,
.mobile .scene5 .page5 .ct .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow4.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.mobile .scene5 .page5 .ct .owl-prev {
background-position: left center;
}
.mobile .scene5 .page5 .ct .owl-next {
background-position: right center;
}
.vi .scene4.on .page4 .title,
.vi .scene4.on .page4 .caption {
opacity: 1;
}
.mobile .scene5.on .page5 .ct .group {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
.mobile .scene5 .page5 .ct .mobile-info .group a {
display: block;
width: 208px;
height: 223px;
padding: 47px 0 0 17px;
}
.mobile .scene5 .page5 .ct .mobile-info .group a span {
width: 175px;
height: 150px;
position: relative;
overflow: hidden;
border: 1px solid #000;
border-bottom: 0;
display: table;
}
.mobile .scene5 .page5 .ct .mobile-info .group a span > img {
position: absolute;
top: 1px;
left: 50%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
width:80%;
margin-left:-40%;
}
.mobile .scene5 .page5 .ct .mobile-info .group a span i {
display: table-cell;
vertical-align: middle;
background-color: #fff;
text-align: center;
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
html.ie8 .mobile .scene5 .page5 .ct .mobile-info .group a span i {
display: none;
}
.mobile .scene5 .page5 .ct .mobile-info .group a span i img {
width: auto;
display: inline-block;
}
.mobile .scene5 .page5 .ct .mobile-info .group span {
color: #333;
display: block;
margin: 15px 0 30px;
font-size: 16px;
padding: 0 5px;
text-align:center;
}
.mobile .scene5 .page5 .ct .mobile-info .group small {
color: #999;
border-bottom: 1px solid #d9d9d9;
font-size: 12px;
display: block;
padding: 0 5px 15px;
}
.mobile .scene5 .page5 .ct .mobile-info .group:hover span > img {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
opacity: 0;
}
.mobile .scene5 .page5 .ct .mobile-info .group:hover span i {
opacity: 1;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
html.ie8 .mobile .scene5 .page5 .ct .mobile-info .group:hover span i {
display: table-cell;
}
.mobile .scene5 .page5 .ct .mobile-info .owl-controls {
text-align: center;
margin-top: 10px;
}
.mobile .scene5 .page5 .ct .mobile-info .owl-prev,
.mobile .scene5 .page5 .ct .mobile-info .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.mobile .scene5 .page5 .ct .mobile-info .owl-prev {
background-position: left center;
}
.mobile .scene5 .page5 .ct .mobile-info .owl-next {
background-position: right center;
}
html.ie8 .mobile .scene5 .page5 .ct .mobile-info {
height: 360px;
}
html.ie8 .mobile .scene5 .page5 .ct .mobile-info .owl-controls {
text-align: center;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.mobile .scene5.on .page5 .title,
.mobile .scene5.on .page5 .mobile-info {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.mobile .scene5.on .page5 .share-page {
opacity: 1;
}*/
.build {
overflow: hidden;
}
.build .banner {
width: 100%; height:100%;
/*.group, .group img { width: 100%; }*/
}
.build .banner .owl-item .group {
position: relative;
}
.build .banner .owl-item .group span,
.build .banner .owl-item .group i {
position: absolute;
top: 0;
left: 0;
}
.build .banner .owl-item .g1 span {
-webkit-transform: translate(0, -150px);
transform: translate(0, -150px);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.5s;
transition: 0.6s all ease-in-out 0.5s;
}
.build .banner .owl-item .g1 i {
-webkit-transform: translate(0, 150px);
transform: translate(0, 150px);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.5s;
transition: 0.6s all ease-in-out 0.5s;
}
.build .banner .owl-item .g2 span {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.4s;
transition: 0.6s all ease-in-out 0.4s;
}
.build .banner .owl-item .g2 i {
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.build .banner .owl-item.active .g1 span,
.build .banner .owl-item.active .g1 i {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.build .banner .owl-item.active .g2 span,
.build .banner .owl-item.active .g2 i {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.build #mouse {
cursor: pointer;
}
.build .apply .group {
display: inline-block;
width: 25%;
background-color: #fff;
float: left;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.build .apply .group > span {
display: block;
width: 100%;
position: relative;
overflow: hidden;
}
.build .apply .group > span:before {
background-image: url(../images/index.png);
width: 100%;
height: 100%;
filter: none;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
z-index: 10;
}
html.ie8 .build .apply .group > span:before {
display: none;
}
.build .apply .group > span img {
width: 100%;
}
.build .apply .group p {
font-size: 12px;
color: #000;
height: 88px;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
line-height: normal;
margin: 0 0 20px;
padding: 20px 10px 0;
}
.build .apply .group p span {
font-size: 20px;
display: block;
margin-bottom: 5px;
}
.build .apply .group:hover > span:before {
opacity: 1;
}
html.ie8 .build .apply .group:hover > span:before {
display: block;
}
.build .slogen {
background:#F6F6F6;
text-align: center;
padding: 145px 0 50px;
}
.build .slogen .ct {
text-align: center;
}
.build .slogen .ct .group {
display: inline-block;
margin: 0 35px 50px;
position: relative;
}
.build .slogen .ct .group i {
float: left;
width: 44px;
height: 75px;
display: block;
background-repeat: no-repeat;
background-image: url(../images/math.png);
background-position: 0 0;
}
.build .slogen .ct .group i.i1 {
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
}
.build .slogen .ct .group i.i2 {
-webkit-transition: 0.8s all ease-in-out 0.1s;
transition: 0.8s all ease-in-out 0.1s;
}
.build .slogen .ct .group i.i3 {
-webkit-transition: 0.8s all ease-in-out 0.2s;
transition: 0.8s all ease-in-out 0.2s;
}
.build .slogen .ct .group i.i4 {
-webkit-transition: 0.8s all ease-in-out 0.3s;
transition: 0.8s all ease-in-out 0.3s;
}
.build .slogen .ct .group i.i5 {
-webkit-transition: 0.8s all ease-in-out 0.4s;
transition: 0.8s all ease-in-out 0.4s;
}
.build .slogen .ct .group i.i6 {
-webkit-transition: 0.8s all ease-in-out 0.5s;
transition: 0.8s all ease-in-out 0.5s;
}
.build .slogen .ct .group i.i7 {
-webkit-transition: 0.8s all ease-in-out 0.6s;
transition: 0.8s all ease-in-out 0.6s;
}
.build .slogen .ct .group i.i8 {
-webkit-transition: 0.8s all ease-in-out 0.7s;
transition: 0.8s all ease-in-out 0.7s;
}
.build .slogen .ct .group i.i9{
-webkit-transition: 0.8s all ease-in-out 0.8s;
transition: 0.8s all ease-in-out 0.8s;
}
.build .slogen .ct .group img {
margin-left: 12px;
}
.build .slogen .ct .group.g1 {
margin-left: 0;
}
.build .slogen .ct .group.g3 {
margin-right: 0;
}
.build .slogen .ct .group:after {
top: 50%;
margin-top: -11px;
width: 22px;
height: 23px;
background-image: url(../images/plus.png);
right: -61px;
}
.build .slogen .ct .group.g3:after {
display: none;
}
.build .slogen.on .group i.i1 {
background-position: 0 -825px;
}
.build .slogen.on .group i.i2 {
background-position: 0 -675px;
}
.build .slogen.on .group i.i3 {
background-position: 0 -975px;
}
.build .slogen.on .group i.i4 {
background-position: 0 -750px;
}
.build .slogen.on .group i.i5 {
background-position: 0 -300px;
}
.build .slogen.on .group i.i6 {
background-position: 0 -750px;
}
.build .slogen.on .group i.i7 {
background-position: 0 -750px;
}
.build .slogen.on .group i.i8 {
background-position: 0 -750px;
}
.build .slogen.on .group i.i9 {
background-position: 0 -750px;
}
.build .build-zizhi {
margin: 70px auto;
}
.build .build-zizhi h2 {
font-size: 46px;
color: #070002;
text-align: center;
font-weight: normal;
}
.build .build-zizhi h2 span {
color: #d7d7d7;
font-size: 18px;
display: block;
text-transform: uppercase;
letter-spacing: 0;
}
.build .build-zizhi .ct {
width: 1000px;
height: 524px;
margin: 0 auto;
}
.build .build-zizhi .zizhi1 {
text-align: center;
display: none;
}
.build .build-zizhi .zizhi1 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.build .build-zizhi .zizhi1 h3 {
font-size: 26px;
color: #000;
margin: 18px 0;
font-weight: normal;
}
.build .build-zizhi .zizhi1 h4 {
text-align: center;
margin: 55px auto 35px;
}
.build .build-zizhi .zizhi1 h4 img {
width: auto;
display: inline-block;
}
.build .build-zizhi .zizhi1 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.build .build-zizhi .zizhi2 {
padding-top: 40px;
opacity: 1;
position: relative;
}
.build .build-zizhi .zizhi2 a {
position: absolute;
filter: none;
}
.build .build-zizhi .zizhi2 a.a1 {
width: 198px;
height: 143px;
top: 51px;
left: 0px;
}
.build .build-zizhi .zizhi2 a.a2 {
width: 196px;
height: 270px;
top: 49px;
left: 219px;
}
.build .build-zizhi .zizhi2 a.a3 {
width: 328px;
height: 423px;
top: 55px;
left: 444px;
}
.build .build-zizhi .zizhi2 a.a4 {
width: 196px;
height: 263px;
top: 215px;
left: 2px;
}
.build .build-zizhi .zizhi2 a.a5 {
width: 195px;
height: 134px;
top: 346px;
left: 220px;
}
.build .build-zizhi .zizhi2 a.a6 {
width: 201px;
height: 130px;
top: 51px;
left: 795px;
}
.build .build-zizhi .zizhi2 a.a7 {
width: 210px;
height: 294px;
top: 184px;
left: 790px;
}
.build .build-zizhi .zizhi2 a:before {
top: 0;
width: 100%;
height: 100%;
left: 0;
border-top: 5px solid #E22C08;
border-bottom: 5px solid #E22C08;
}
.build .build-zizhi .zizhi2 a:after {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-left: 5px solid #E22C08;
border-right: 5px solid #E22C08;
}
.build .build-zizhi .zizhi2 a:before,
.build .build-zizhi .zizhi2 a:after {
opacity: 0;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
html.ie8 .build .build-zizhi .zizhi2 a:before,
html.ie8 .build .build-zizhi .zizhi2 a:after {
display: none;
}
.build .build-zizhi .zizhi2 a:hover:before,
.build .build-zizhi .zizhi2 a:hover:after {
opacity: 1;
}
html.ie8 .build .build-zizhi .zizhi2 a:hover:before,
html.ie8 .build .build-zizhi .zizhi2 a:hover:after {
display: block;
}
.build .build-zizhi .owl-prev,
.build .build-zizhi .owl-next {
position: absolute;
width: 52px;
height: 98px;
top: 50%;
margin-top: -49px;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
background-image: url(../images/arrow2.png);
background-repeat: no-repeat;
}
.build .build-zizhi .owl-prev {
left: -100px;
background-position: left center;
}
.build .build-zizhi .owl-next {
right: -100px;
background-position: right center;
}
@media (max-width:1440px) {
.build .build-zizhi .owl-prev {
left: 0;
background-position: left center;
}
.build .build-zizhi .owl-next {
right: 0;
background-position: right center;
}
}
.build .case-btn {
position: absolute;
width: 200px;
height: 70px;
top: 50%;
left: 50%;
margin: -35px 0 0 -100px;
margin: 0;
top: 64%;
left: 71%;
filter: none;
}
.build .tab-offset {
width: 100%;
height: 80px;
position: relative;
}
.build .tab-btn {
width: 100%;
height: 80px;
position: absolute;
top: 0;
right: 0;
border-top: 1px solid #d0d0d0;
border-bottom: 1px solid #d0d0d0;
line-height: 80px;
text-align: center;
}
.build .tab-btn a {
float: left;
width: 25%;
height: 100%;
border-right: 1px solid #d0d0d0;
background-color: #f6f6f6;
font-size: 25px;
color: #070002;
position: relative;
padding-left: 30px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.build .tab-btn a i {
position: absolute;
width: 44px;
height: 40px;
top: 50%;
left: 50%;
margin: -19px 0 0 -17px;
display: inline-block;
background-position: center;
background-repeat: no-repeat;
margin-left: -80px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.build .tab-btn a i.i1 {
background-image: url(../images/ser1.png);
}
.build .tab-btn a i.i2 {
background-image: url(../images/ser2.png);
}
.build .tab-btn a i.i3 {
background-image: url(../images/ser3.png);
}
.build .tab-btn a i.i4 {
background-image: url(../images/ser4.png);
}
.build .tab-btn a:hover,
.build .tab-btn a.on {
background-color: #fff;
}
.build .tab-btn a.last {
border: 0;
}
.build .tab-btn.on {
position: fixed;
z-index: 9998;
padding-left: 180px;
}
.build .partners h2 {
font-size: 44px;
color: #070002;
text-align: center;
font-weight: normal;
}
.build .partners h2 span {
color: #d7d7d7;
font-size: 30px;
display: block;
text-transform: uppercase;
}
.build .partners div {
text-align: center;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 20px 0 100px;
}
.build .partners div a {
display: inline-block;
width: 20%;
height: 64px;
background-repeat: no-repeat;
background-position: center center;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
position: relative;
}
.build .partners div a:after {
height: 64px;
width: 1px;
background-color: #dadada;
left: 0;
}
.build .partners div a.a1 {
background-image: url(../images/i1.jpg);
}
.build .partners div a.a2 {
background-image: url(../images/i2.jpg);
}
.build .partners div a.a3 {
background-image: url(../images/i3.jpg);
}
.build .partners div a.a4 {
background-image: url(../images/i4.jpg);
}
.build .partners div a.a5 {
background-image: url(../images/i5.jpg);
}
.build .partners div a:hover.a1 {
background-image: url(../images/i11.jpg);
}
.build .partners div a:hover.a2 {
background-image: url(../images/i22.jpg);
}
.build .partners div a:hover.a3 {
background-image: url(../images/i33.jpg);
}
.build .partners div a:hover.a4 {
background-image: url(../images/i44.jpg);
}
.build .partners div a:hover.a5 {
background-image: url(../images/i55.jpg);
}
.build .perfect {
width: 100%;
height: 588px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/perfect.jpg);
}
.build .perfect .advantage-intro {
position: relative;
width: 800px;
height: 200px;
margin: 0 auto;
}
.build .perfect h2 {
font-size: 44px;
color: #fff;
text-align: center;
font-weight: normal;
padding: 80px 0 70px;
}
.build .perfect h2 span {
color: #7a7a7a;
font-size: 26px;
display: block;
text-transform: uppercase;
}
.build .perfect .group {
width: 200px;
height: 200px;
text-align: center;
}
.build .perfect .group span {
width: 138px;
height: 138px;
position: relative;
display: block;
margin: 0 auto;
}
.build .perfect .group span i {
display: block;
width: 100%;
height: 100%;
background-image: url(../images/p1.png);
background-repeat: no-repeat;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.build .perfect .group img {
width: auto !important;
display: inline-block;
}
.build .perfect .group p {
font-size: 26px;
color: #fff;
margin-top: 25px;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.build .perfect .group.g1 span i {
background-position: 0 0px;
}
.build .perfect .group.g2 span i {
background-position: 0 -138px;
}
.build .perfect .group.g3 span i {
background-position: 0 -276px;
}
.build .perfect .group.g4 span i {
background-position: 0 -414px;
}
.build .perfect .group.g5 span i {
background-position: 0 -552px;
}
.build .perfect .group.g6 span i {
background-position: 0 -690px;
}
.build .perfect .group.g7 span i {
background-position: 0 -828px;
}
.build .perfect .group:hover span i {
background-image: url(../images/p2.png);
}
.build .perfect .group:hover p {
color: #29d543;
}
.build .perfect .owl-nav div {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
width: 73px;
height: 133px;
position: absolute;
top: 50%;
margin-top: -66px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
}
.build .perfect .owl-nav div.owl-prev {
left: -123px;
background-position: left center;
}
.build .perfect .owl-nav div.owl-next {
right: -123px;
background-position: right center;
}
.build .bar-rt {
right: 0 !important;
z-index: 9999;
}
.vi {
overflow: hidden;
}
.vi #menu li a i {
background-color: transparent;
border: 1px solid #fff;
}
.vi #menu li.active a i,
.vi #menu li:hover a i {
background-color: #E22C08;
}
.vi .scene1 {
background-image: url(../images/bg1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.vi .scene1 .page1 {
width: 100%;
height: 100%;
position: absolute;
}
.vi .scene1 .page1 div {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.vi .scene1 .page1 div.s1 {
background-image: url(../images/slogen.png);
opacity: 0;
-webkit-transition: all ease-in-out 0.6s;
transition: all ease-in-out 0.6s;
}
.vi .scene1 .page1 div.s2 {
background-image: url(../images/s2.png);
opacity: 0;
-webkit-transform: translate(-50px, 0);
transform: translate(-50px, 0);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.vi .scene1 .page1 div.s3 {
background-image: url(../images/s3.png);
opacity: 0;
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.vi .scene1 .page1 div.s4 {
background-image: url(../images/s4.png);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.8s;
transition: 0.6s all ease-in-out 0.8s;
}
.vi .scene1 .page1 div.s5 {
background-image: url(../images/s5.png);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.9s;
transition: 0.6s all ease-in-out 0.9s;
}
.vi .scene1 .page1 div.s6 {
background-image: url(../images/s6.png);
}
.vi .scene1.on .page1 div {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.vi .scene2 {
background-image: url(../images/bg2.jpg);
}
.vi .scene2 .page2 {
position: absolute;
width: 900px;
height: 650px;
top: 50%;
left: 50%;
margin: -325px 0 0 -450px;
text-align: center;
}
.vi .scene2 .page2 h2 {
font-size: 50px;
color: #E22C08;
opacity: 0;
-webkit-transform: translate(-100px, 0);
transform: translate(-100px, 0);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene2 .page2 h3 {
font-size: 34px;
margin: 15px 0 40px;
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene2 .page2 p {
font-size:18px;
line-height:1.8em;
marign-bottom:50px;
color: #666666;
opacity: 0;
-webkit-transition: 0.5s all ease-in-out 0.4s;
transition: 0.5s all ease-in-out 0.4s;
}
.vi .scene2 .page2 p span {
color: #000;
font-weight: bold;
}
.vi .scene2 .page2 img {
margin-bottom: 40px;
opacity: 0;
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
@media (max-width:1440px) {
.vi .scene2 .page2 {
height: 590px;
margin-top: -295px;
}
.vi .scene2 .page2 h2 {
font-size: 40px;
}
.vi .scene2 .page2 h3 {
font-size: 24px;
margin: 5px 0 20px;
}
}
html.ie8 .vi .scene2 .page2 {
height: 590px;
margin-top: -295px;
}
html.ie8 .vi .scene2 .page2 h2 {
font-size: 40px;
}
html.ie8 .vi .scene2 .page2 h3 {
font-size: 24px;
margin: 5px 0 20px;
}
.vi .scene2.on .page2 h2,
.vi .scene2.on .page2 h3,
.vi .scene2.on .page2 p,
.vi .scene2.on .page2 img {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.vi .scene3 {
background-image: url(../images/bg3.jpg);
}
.vi .scene3 .page3 {
position: absolute;
width: 100%;
height: 637px;
top: 50%;
left: 50%;
margin: -318.5px 0 0 -50%;
text-align: center;
}
.vi .scene3 .page3 h2 {
font-size: 50px;
color: #fff;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene3 .page3 h2 span {
color: #fff000;
font-size: 18px;
display: block;
margin-top: 20px;
font-weight: normal;
}
.vi .scene3 .page3 .group {
width: 100%;
margin-top: 50px;
opacity: 0;
-webkit-transform: translate(0, 300px);
transform: translate(0, 300px);
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
}
.vi .scene3 .page3 .group .switch {
width: 930px;
margin: 0 auto;
}
.vi .scene3 .page3 .group .item1 {
width: 280px;
height: 390px;
float: left;
text-align: center;
position: relative;
margin: 0 15px;
}
.vi .scene3 .page3 .group .item1 i {
width: 280px;
height: 165px;
display: block;
overflow: hidden;
}
.vi .scene3 .page3 .group .item1 i img {
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.vi .scene3 .page3 .group .item1 span {
display: block;
margin: -20px auto 0;
border-radius: 20px;
position: relative;
width: 140px;
height: 37px;
line-height: 37px;
background-color: #E22C08;
font-size: 22px;
color: #fff;
}
.vi .scene3 .page3 .group .item1 img {
width: 100%;
}
.vi .scene3 .page3 .group .item1 .btm {
background-color: #e4e4e4;
margin-top: -20px;
padding-top: 40px;
padding-bottom: 40px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.vi .scene3 .page3 .group .item1 .btm p {
line-height: 23px;
color: #333333;
font-size: 14px;
}
.vi .scene3 .page3 .group .item1:before {
position: absolute;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #e4e4e4;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.vi .scene3 .page3 .group .item1:after {
width: 0;
height: 0;
border-width: 20px 20px 0;
border-style: solid;
border-color: #e4e4e4 transparent transparent;
position: absolute;
bottom: 36px;
left: 50%;
margin-left: -20px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.vi .scene3 .page3 .group .item1:hover .btm {
background-color: #fff;
}
.vi .scene3 .page3 .group .item1:hover i img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.vi .scene3 .page3 .group .item1:hover:after {
width: 0;
height: 0;
border-width: 20px 20px 0;
border-style: solid;
border-color: #ffffff transparent transparent;
}
.vi .scene3 .page3 .group:after {
width: 100%;
height: 1px;
bottom: 69px;
left: 0;
background-color: #e4e4e4;
}
.vi .scene3 .page3 .group .owl-controls {
text-align: center;
margin-top: 20px;
}
.vi .scene3 .page3 .group .owl-prev,
.vi .scene3 .page3 .group .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.vi .scene3 .page3 .group .owl-prev {
background-position: left center;
}
.vi .scene3 .page3 .group .owl-next {
background-position: right center;
}
@media (max-width:1440px) {
.vi .scene3 .page3 {
height: 590px;
margin-top: -295px;
}
.vi .scene3 .page3 h2 {
font-size: 40px;
}
.vi .scene3 .page3 .group {
margin-top: 30px;
}
}
html.ie8 .vi .scene3 .page3 {
height: 590px;
margin-top: -295px;
}
html.ie8 .vi .scene3 .page3 h2 {
font-size: 40px;
}
html.ie8 .vi .scene3 .page3 .group {
margin-top: 30px;
}
.vi .scene3.on .page3 h2,
.vi .scene3.on .page3 .group {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.vi .scene4 {
background-image: url(../images/bg4.jpg);
}
.vi .scene4 .page4 {
position: absolute;
width: 912px;
height: 700px;
top: 50%;
left: 50%;
margin: -350px 0 0 -456px;
}
@media (max-width:1440px) {
.vi .scene4 .page4 {
position: absolute;
width: 912px;
height: 606px;
top: 50%;
left: 50%;
margin: -303px 0 0 -456px;
}
}
html.ie8 .vi .scene4 .page4 {
position: absolute;
width: 912px;
height: 606px;
top: 50%;
left: 50%;
margin: -303px 0 0 -456px;
}
.vi .scene4 .page4 .title {
color: #000;
font-size: 50px;
text-align: center;
margin-bottom: 15px;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene4 .page4 .caption {
text-align: center;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene4 .page4 .caption a {
display: inline-block;
position: relative;
color: #E22C08;
font-size: 18px;
margin: 0 10px;
}
.vi .scene4 .page4 .caption a:after {
width: 5px;
height: 5px;
background-color: #E22C08;
border-radius: 5px;
left: 50%;
margin-left: -2.5px;
bottom: -8px;
}
.vi .scene4 .page4 .ct {
width: 912px;
margin: 45px auto 0;
-webkit-perspective: 800px;
perspective: 800px;
}
@media (max-width:1440px) {
.vi .scene4 .page4 .ct {
margin: 15px auto 0;
}
}
html.ie8 .vi .scene4 .page4 .ct {
margin: 15px auto 0;
}
.vi .scene4 .page4 .ct .group {
width: 178px;
height: auto;
margin: 0 25px;
opacity: 0;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.vi .scene4 .page4 .ct .group span {
text-align: center;
display: block;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene4 .page4 .ct .group span img {
display: inline-block;
}
.vi .scene4 .page4 .ct .group h3 {
text-align: center;
font-size: 24px;
color: #333333;
margin: 8px 0 15px;
}
.vi .scene4 .page4 .ct .group p {
font-size: 12px;
color: #333333;
line-height: 24px;
text-align: justify;
}
@media (max-width:1440px) {
.vi .scene4 .page4 .ct .group p {
line-height: 18px;
}
}
html.ie8 .vi .scene4 .page4 .ct .group p {
line-height: 18px;
}
.vi .scene4 .page4 .ct .group:hover span {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}
.vi .scene4 .page4 .ct .owl-controls {
text-align: center;
margin-top: 0;
}
html.ie8 .vi .scene4 .page4 .ct .owl-controls {
margin-top: -20px;
}
.vi .scene4 .page4 .ct .owl-prev,
.vi .scene4 .page4 .ct .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.vi .scene4 .page4 .ct .owl-prev {
background-position: left center;
}
.vi .scene4 .page4 .ct .owl-next {
background-position: right center;
}
.vi .scene4.on .page4 .title,
.vi .scene4.on .page4 .caption {
opacity: 1;
}
.vi .scene4.on .page4 .ct .group {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
.vi .scene5 {
background-image: url(../images/bg5.jpg);
}
.vi .scene5 .page5 {
width: 100%;
height: 100%;
display: table;
}
.vi .scene5 .page5 .ct {
display: table-cell;
vertical-align: middle;
padding-bottom: 90px;
}
.vi .scene5 .page5 .ct .title {
text-align: center;
width: 100%;
font-size: 50px;
color: #fff;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene5 .page5 .ct .title span {
font-size: 30px;
color: #999999;
font-weight: normal;
display: block;
text-transform: uppercase;
}
.vi .scene5 .page5 .ct .group {
width: 924px;
margin: 60px auto 0;
}
.vi .scene5 .page5 .ct .group ul {
width: 284px;
float: left;
margin: 0 12px;
}
.vi .scene5 .page5 .ct .group ul li {
width: 100%;
background-color: rgba(255, 255, 255, 0.4);
text-align: center;
font-size: 26px;
height: 60px;
line-height: 60px;
margin-bottom: 24px;
position: relative;
opacity: 0;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
transition: background 0.4s ease-in-out, 0.6s transform ease-in-out 0.6s, 0.6s opacity ease-in-out 0.6s;
-webkit-transition: background 0.4s ease-in-out, 0.6s transform ease-in-out 0.6s, 0.6s opacity ease-in-out 0.6s;
}
html.ie8 .vi .scene5 .page5 .ct .group ul li {
background-color: #838283;
}
.vi .scene5 .page5 .ct .group ul li p {
position: absolute;
top: 60px;
background-color: #fff;
color: #666666;
font-size: 14px;
z-index: 9999;
line-height: 20px;
padding: 0 30px;
text-align: left;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
height: 0;
-webkit-box-sizing: content-box;
box-sizing: content-box;
overflow: hidden;
}
.vi .scene5 .page5 .ct .group ul li p a {
display: block;
margin-top: 30px;
color: #666666;
}
.vi .scene5 .page5 .ct .group ul li p:before {
width: 0;
height: 0;
border-width: 5px 0 5px 8px;
border-style: solid;
border-color: transparent transparent transparent #E22C08;
left: 15px;
top: 34px;
}
.vi .scene5 .page5 .ct .group ul li a {
color: #fff;
display: block;
}
.vi .scene5 .page5 .ct .group ul li:hover {
background-color: #E22C08;
}
.vi .scene5 .page5 .ct .group ul li:hover p {
display: block;
height: 169px;
}
@media (max-width:1440px) {
.vi .scene5 .page5 .ct .group {
margin: 20px auto 0;
}
.vi .scene5 .page5 .ct .group ul li {
height: 50px;
line-height: 50px;
margin-bottom: 15px;
}
.vi .scene5 .page5 .ct .group ul li p {
top: 50px;
}
}
html.ie8 .vi .scene5 .page5 .ct .group {
margin: 20px auto 0;
}
html.ie8 .vi .scene5 .page5 .ct .group ul li {
height: 50px;
line-height: 50px;
margin-bottom: 15px;
}
html.ie8 .vi .scene5 .page5 .ct .group ul li p {
top: 50px;
}
.vi .scene5 .page5 .share-page {
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.vi .scene5.on .page5 .title,
.vi .scene5.on .page5 .share-page {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.vi .scene5.on .page5 .group ul li {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.product {
overflow: hidden;
position: fixed;
top: 0;
z-index: 9998;
display: none;
}
.product .product-info {
width: 100%;
height: 100%;
background-color: #14181b;
}
.product .new-case {
width: 40%;
height: 49.8%;
float: left;
background: url(../images/new.png) center center no-repeat;
background-size: cover;
position: relative;
}
.product .new-case a{
width: 100%;
height: 100%;
float: left;
display:block;
}
.product .new-case .link {
position: absolute;
right: 10px;
top: 10px;
width: 79px;
height: 33px;
text-align: center;
line-height: 33px;
padding-right: 10px;
background: url(../images/link.png) 60px center no-repeat;
background-color: #cfa11f;
color: #fff;
}
.product .new-case .btm {
position: absolute;
right: 10px;
bottom: 20px;
}
.product .new-case .btm span {
background-color: #d6a628;
float: left;
padding: 0 10px;
font-size: 14px;
color: #fff;
height: 33px;
line-height: 33px;
}
.product .new-case .btm a {
padding: 0 0 0 10px;
background-color: #057aee;
font-size: 14px;
float: left;
color: #fff;
height: 33px;
line-height: 33px;
min-width: 160px;
}
.product .new-case .btm a i {
float: right;
background: url(../images/cloud.png) no-repeat center center;
width: 33px;
height: 33px;
margin-left: 10px;
background-color: #0380fb;
}
.product .product-group {
width: 20%;
height: 25%;
background-color: #808080;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
display: block;
}
.product .product-group img {
width: 100%;
height: 100%;
}
.product .product-group .bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
filter: none;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.product .product-group div {
position: absolute;
background-color: #fff;
width: 100%;
height: 100%;
font-size: 14px;
padding: 20px 20px 0;
color: #000000;
text-align: center;
top: 100%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.product .product-group div span {
display: block;
margin-bottom: 10px;
color: #E22C08;
text-align: left;
}
.product .product-group div span small {
display: block;
color: #000000;
}
.product .product-group div p {
text-align: left;
}
.product .product-group div a {
display: inline-block;
width: 90px;
height: 30px;
line-height: 30px;
color: #fff;
position: absolute;
bottom: 50px;
left: 50%;
}
.product .product-group div a.a1 {
background-color: #323232;
margin-left: -100px;
}
.product .product-group div a.a2 {
background: url(../images/link.png) 60px center no-repeat;
background-color: #E22C08;
padding-right: 10px;
}
@media (max-width:1440px) {
.product .product-group div a {
bottom: 22px;
}
}
html.ie8 .product .product-group div {
display: none;
}
.product .product-group:hover .bg {
opacity: 0;
}
.product .product-group:hover div {
top: 20px;
}
html.ie8 .product .product-group:hover div {
display: block;
}
.product .close {
width: 75px;
height: 75px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/close.png);
position: absolute;
top: 0;
right: 0;
display: block;
overflow: hidden;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
line-height:
}
.product .close:hover { background-color: #E22C08;}
.case .content {padding-top: 80px;
overflow:hidden;
min-height:450px
}
.case .content:before,
.case .content:after {
position: static;
clear: both;
display: table;
}
.case .case-intro {
float: left;
width: 25%;
position: relative;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
#gallery a:nth-child(1){ width:50%;}
#gallery a:nth-child(1) img{padding-left:0.9%;padding-bottom:0.6%;}
.case .case-intro img {
width:100%;
padding-left:2%;
padding-bottom:2%;
}
.case .case-intro span {
background-color: #222;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 98%;
height: 98%;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
color: #fff;
text-align: center;
line-height: 100%;
font-size: 26px;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-left:2%;
margin-bottom:2%;
}
.case .case-intro span i {
position: absolute;
height: 180px;
top: 50%;
margin-top: -10px;
width: 100%;
left: 0;
-webkit-transform: translate(20px, 0);
transform: translate(20px, 0);
-webkit-transition: 0.4s all ease 0.1s;
transition: 0.4s all ease 0.1s;
}
.article-content table{border:0;}
html.ie8 .case .case-intro span {
display: none;
}
.case .case-intro:hover span {
opacity: .85;
-webkit-transform: scale(1);
transform: scale(1);
}
.case .case-intro:hover span i {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
html.ie8 .case .case-intro:hover span {
display: block;
}
.case .case-intro2 {
float: left;
width: 25%;
padding-left:1%;
padding-right:1%;
padding-top:20px;
padding-bottom:10px;
position: relative;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.case .case-intro2 img {
width:100%;
}
.case .case-intro2 span {
background-color: #003301;
position: absolute;
bottom: 0;
left: 0;
opacity: .85;
width: 98%;
height: 14%;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
color: #fff;
text-align: center;
line-height: 100%;
font-size: 19px;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
margin-left:2%;
margin-bottom:1%;
}
.case .case-intro2 span i {
position: absolute;
top: 40%;
margin-top: -10px;
left: 0;
text-align:center;
height: 30px;
width: 100%;
-webkit-transform: translate(10px, 0);
transform: translate(10px, 0);
-webkit-transition: 0.4s all ease 0.1s;
transition: 0.4s all ease 0.1s;
}
.case .case-intro2 span i div{margin:9px auto;border-top:3px solid #25A632;height:0px; width:40px;height:0px;}
.article-content table{border:0;}
html.ie8 .case .case-intro2 span {
display: none;
}
.case .case-intro2:hover span {
opacity: .65;
-webkit-transform: scale(1);
transform: scale(1);
}
.case .case-intro2:hover span i {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
html.ie8 .case .case-intro2:hover span {
display: block;
}
.case .share-page {
margin-top: 0;
}
@media (max-width:1660px) {
.case .sub-menu {background-image: none; }
.case .case-intro2 span { font-size:16px;}
.case .case-intro2 span i div{margin:8px auto;border-top:2px solid #25A632;width:40px;}
}
@media (max-width:1440px) {
.case .case-intro2 span { font-size:15px;}
.case .case-intro2 span i div{margin:8px auto;border-top:2px solid #25A632;width:40px;}
}
@media (max-width:1024px){
.case .case-intro2 span { font-size:14px;}
.case .case-intro2 span i div{margin:5px auto;border-top:2px solid #25A632;width:40px;}
}
html.ie8 .case .sub-menu {
background-image: none;
}
.main-content.case-detail{oveflow:hidden; height:auto;}
.case-detail .case-detail-content {
padding:110px 360px 0 40px;
}
.cases_desc{color:#666;line-height:1.6em; padding-top:30px}
.case-detail .case-detail-content .title-content {
padding-bottom: 10px;
position:relative;
padding-right:85px;
}
.case-detail .case-detail-content .title-content p{
margin-top:20px;}
.case-detail .case-detail-content p {
color: #666666;
line-height: 1.5em;
}
.case-detail .case-detail-content > img {
margin: 20px auto;
width: 80%;
display: block;
}
.case-detail .case-detail-content h3 {
font-size: 16px;
color: #666666;
margin: 25px 0;
line-height: 38px;
}
.case-detail .case-detail-content .share-social {
color: #323232;
padding-bottom: 5px;
border-bottom: 1px solid #e2e2e2;
text-align: right;
margin: 60px 0 20px;
font-size: 12px;
}
.case-detail .case-detail-content .page-tab a {
color: #000;
font-size: 12px;
}
.case-detail .case-detail-content .page-tab .prev {
float: left !important;
}
.case-detail .case-detail-content .page-tab .next {
float: right !important;
}
.case-detail .case-detail-content .page-tab .close {
font-size: 14px;
color: #666666;
float: right !important;
text-indent:-9999px;
margin-bottom:0px;
margin-top:30px;
}
.case-detail .case-detail-content .margin-btm {
margin-bottom: 100px;
}
.case-detail .case-detail-content .fenlei {
background: url(../images/fenlei.png) no-repeat 20px center;
font-size: 20px;
border-radius: 3px;
font-weight: normal;
background-color: #E22C08;
color: #fff;
display: inline-block;
width: 160px;
height: 38px;
line-height: 38px;
text-align: center;
padding-left: 15px;
}
.case-detail .case-detail-content .fenlei-btm {
width: 365px;
height: 38px;
border-radius: 3px;
background-color: #ededed;
color: #000000;
line-height: 38px;
text-align: center;
margin: 50px auto 0;
}
.case-detail .case-detail-content .fenlei-btm .fenlei {
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.case-detail .case-detail-content .cases_desc img {
max-width: 100%;
}
.case-detail .foot p {
margin-right: 95px;
}
@media (max-width:1440px) {
.case-detail .case-detail-content .title-content {
padding-right:55px;
}
.case-detail .foot {
height: auto;
line-height: normal;
}
.case-detail .foot ul {
margin: 20px 10px 10px;
}
.case-detail .foot p {
float: left;
margin: 10px 10px 20px;
}
}
.case-detail .share-page,
.case-detail .foot {
padding-right: 300px;
}
.case {
height: auto;
}
.case .news-content {
width: 100%;
padding: 0px 10px 20px 180px;
/* margin-top: 80px;*/
}
.case .group {
width: 25%;
padding: 0 10px;
float: left;
margin-bottom: 20px;
cursor: pointer;
}
.case .group .group-intro {
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.case .group .top {
position: relative;
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
overflow: hidden;
}
.case .group .top img {
width: 100%;
}
.case .group .top span {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
html.ie8 .case .group .top span {
display: none;
}
.case .group .btm {
background-color: #f2f2f2;
padding: 0 10px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
height:140px;
}
.case .group .btm h2 {
text-align:center;
font-size: 16px;
font-weight: normal;
padding: 20px 0 5px;
color: #000;
}
.case .group .btm h2 span{
color: #b7b7b7;
font-size: 14px;
font-weight:normal;
}
.case .group .btm h2 small {
display: block;
color: #b7b7b7;
font-size: 14px;
}
.case .group .btm p {
font-size: 12px;
color: #666666;
line-height:20px;
padding-bottom: 25px;
height:22px;
overflow:hidden
}
.case .group:hover .top span {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
html.ie8 .case .group:hover .top span {
display: block;
}
.case .group:hover .btm {
background-color: #fff;
}
.case .group:hover .group-intro {
-webkit-box-shadow: #d1d1d1 0px 0px 10px;
box-shadow: #d1d1d1 0px 0px 10px;
}
.news-detail .sub-menu {
background-image: none;
}
.news-detail .news-detail-content {
padding:110px 360px 0 60px;
}
.news-detail .news-detail-content p {
font-size: 12px;
color: #666666;
text-indent: 2em;
line-height: 20px;
}
.news-detail .news-detail-content > img {
margin: 20px 0;
}
.news-detail .news-detail-content h3 {
font-size: 15px;
color: #666666;
margin: 25px 0;
}
.news-detail .news-detail-content .share-social {
color: #323232;
padding-bottom: 5px;
border-bottom: 1px solid #e2e2e2;
text-align: right;
margin: 90px 0 20px;
font-size: 12px;
}
.news-detail .news-detail-content .page-tab a {
color: #000;
font-size: 12px;
}
.news-detail .news-detail-content .page-tab a:hover{color:#25aa39;}
.news-detail .news-detail-content .page-tab .prev {
float: left !important;
}
.news-detail .news-detail-content .page-tab .next {
float: right !important;
}
.news-detail .news-detail-content .page-tab .close {
font-size: 14px;
color: #666666;
float: right !important;
text-indent:-9999px;
margin-bottom:0px;
margin-top:30px;
}
.news-detail .foot p {
margin-right: 95px;
}
@media (max-width:1440px) {
.news-detail .foot {
height: auto;
line-height: normal;
}
.news-detail .foot ul {
margin: 20px 10px 10px;
}
.news-detail .foot p {
float: left;
margin: 10px 10px 20px;
}
}
.news-detail .share-page,
.news-detail .foot {
padding-right: 280px;
}
.news-detail .mCSB_scrollTools .mCSB_draggerContainer {
display: none;
}
.contact .contact-bg2 {
position: relative;
width: 100%;
height: 100%;
background-color: #000;
}
.contact .contact-bg2 .bg2 {
background-image: url(../images/teambg.jpg);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.contact .contact-bg2 .bg3 {
background-image: url(../images/liucheng.jpg);
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.contact .contact-bg {
position: relative;
width: 100%;
height: 100%;
background-color: #000;
}
.contact .contact-bg .bg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: none;
}
.contact .contact-bg .bg.bg1 {
background-image: url(../images/news3.jpg);
}
.contact .contact-bg .bg.bg2 {
background-image: url(../images/contact.jpg);
}
.contact .contact-bg .bg.on {
display: block;
}
.contact .contact-intro {
position: absolute;
width: 1085px;
height: 454px;
top: 50%;
left: 50%;
margin: -157px 0 0 -542.5px;
overflow: hidden;
}.contact .contact-intro2 {
background: url(../images/zhizuo.png) left center no-repeat;
position: absolute;
width: 1000px;
height: 640px;
top: 50%;
left: 50%;
margin: -320px 0 0 -500px;
overflow: hidden;
}
.contact .contact-intro .left {
float: left;
width: 270px;
height: 100%;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}
.contact .contact-intro .left p {
font-size: 12px;
color: #fff;
line-height: 20px;
margin-top: 10px;
}
.contact .contact-intro .middle {
float: left;
width: 510px;
height: 100%;
border-left: 1px dashed #b0b0b0;
border-right: 1px dashed #b0b0b0;
color: #fff;
padding: 0 0 0 40px;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
-webkit-transform: translate(0, -320px);
transform: translate(0, -320px);
}
.contact .contact-intro .middle h2 {
font-size: 28px;
margin-bottom: 20px;
}
.contact .contact-intro .middle h2 span {
color: #E22C08;
}
.contact .contact-intro .middle p {
margin-bottom: 25px;
font-size: 12px;
}
.contact .contact-intro .middle p.last {
font-size: 14px;
background-color: #000;
padding: 5px;
}
.contact .contact-intro .right {
float: left;
width: 265px;
height: 100%;
margin-left: 40px;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
}
.contact .contact-intro .right p {
color: #fff;
margin-bottom: 10px;
}
.contact .contact-intro .right input {
width: 100%;
height: 30px;
border: 1px solid #212a22;
color: #fff;
margin-bottom: 5px;
background-color: transparent;
padding-left: 5px;
font-family:"微软雅黑";font-size:14px;
}
.contact .contact-intro .right textarea {
width: 100%;
height: 106px;
border: 1px solid #212a22;
color: #fff;
resize: none;
background-color: transparent;
margin-bottom: 5px;
padding: 5px;
font-family:"微软雅黑";font-size:14px;
}
.contact .contact-intro .right button {
width: 100%;
height: 30px;
border: 0;
background-color:#c32304;
color: #fff;
line-height: 30px;
text-align: center;
}
.contact .contact-intro.on .left,
.contact .contact-intro.on .middle,
.contact .contact-intro.on .right {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.people {
overflow: hidden;
background: url(../images/bg.jpg) no-repeat center center;
background-size: cover;
}
.people .section {
position: relative;
}
.people .page1 {
position: absolute;
width: 910px;
height: 640px;
top: 50%;
left: 50%;
margin: -320px 0 0 -455px;
text-align: center;
line-height:1.8em;
}
.people .page1 h3 {
font-size: 45px;
font-weight: normal;
}
.people .page1 div {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 20px auto;
}
.people .page1 div a {
display: inline-block;
position: relative;
}
.people .page1 div a i {
width: 182px;
height: 0;
position: absolute;
top: 0;
background: url(../images/bg.png) no-repeat top center;
-webkit-transition: 0.4s all ease-in-out;
transition: 0.4s all ease-in-out;
}
html.ie8 .people .page1 div a i {
display: none;
}
.people .page1 div a img {
position: relative;
}
.people .page1 div a span {
display: block;
position: absolute;
top: 200px;
width: 100%;
text-align: center;
font-size: 12px;
color: #666666;
font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.people .page1 div a:hover span {
color: #fff;
}
.people .page1 div a:hover i {
height: 313px;
}
html.ie8 .people .page1 div a:hover i {
display: block;
}
.people .page1 .mouse {
display: block;
margin: 10px auto 0;
}
@media (max-width:1440px) {
.people .page1 {
position: absolute;
width: 910px;
height: 600px;
top: 50%;
left: 50%;
margin: -300px 0 0 -455px;
}
.people .page1 div {
margin: 0 auto;
}
}
@media (max-width:1300px) {
.contact .contact-intro {
width: 865px;
top: 45%;
left: 60%;
}
.contact .contact-intro .right{ display:none}
}
html.ie8 .people .page1 {
position: absolute;
width: 910px;
height: 600px;
top: 50%;
left: 50%;
margin: -300px 0 0 -455px;
}
html.ie8 .people .page1 div {
margin: 0 auto;
}
.people .page {
position: absolute;
width: 700px;
/*height: 640px;*/
top: 50%;
left: 50%;
margin: -320px 0 0 -350px;
}
.people .page h3 {
font-size: 45px;
padding-left: 100px;
height: 93px;
line-height: 93px;
background-repeat: no-repeat;
background-position: -46px -90px;
color: #000;
font-weight: normal;
margin-bottom: 15px;
}
.people .page h4 {
color: #E22C08;
font-size: 16px;
font-weight: normal;
margin-bottom: 6px;
margin-left: 15px;
}
.people .page p {
color: #666666;
font-size: 14px;
line-height: 28px;
margin-bottom: 6px;
margin-left: 15px;
}
.people .page div a {
text-align: center;
color: #999999;
font-size: 12px;
display: inline-block;
margin-left: 17px;
margin-top: 8px;
}
.people .page div a span {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
display: block;
background: url(../images/btn.png) no-repeat;
width: 150px;
height: 34px;
margin-bottom: 5px;
}
.people .page div a.a1 span {
background-position: left center;
}
.people .page div a.a2 span {
background-position: right center;
}
.people .page.page2 h3 {
background-image: url(../images/head1.png);
}
.people .page.page3 h3 {
background-image: url(../images/head2.png);
}
.people .page.page4 h3 {
background-image: url(../images/head3.png);
}
.people .page.page5 h3 {
background-image: url(../images/head4.png);
}
.people .page.page6 h3 {
background-image: url(../images/head5.png);
}
@media (max-width:1440px) {
.people .page {
position: absolute;
width: 700px;
/*height: 580px;*/
top: 50%;
left: 50%;
margin: -290px 0 0 -350px;
}
.people .page h3 {
font-size: 40px;
}
.people .page h4 {
font-size: 14px;
}
.people .page p {
font-size: 12px;
}
}
html.ie8 .people .page {
position: absolute;
width: 700px;
/*height: 580px;*/
top: 50%;
left: 50%;
margin: -290px 0 0 -350px;
}
html.ie8 .people .page h3 {
font-size: 40px;
}
html.ie8 .people .page h4 {
font-size: 14px;
}
html.ie8 .people .page p {
font-size: 12px;
line-height: 24px;
}
.question {
height: auto;
}
.question .sub-menu {
background-image: none;
}
.question .content .group {
padding: 110px 290px 0 20px;
background-color: #fff;
top: 0;
left: 0;
display: none;
width: 100%;
}
.question .content .group .list li {
height: 35px;
line-height: 35px;
border-bottom: 1px dashed #d5d5d5;
font-size: 13px;
padding-left: 24px;
position: relative;
}
.question .content .group .list li a {
color: #666666;
}
.question .content .group .list li span {
float: right;
}
.question .content .group .list li:before {
width: 0;
height: 0;
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #666666;
left: 10px;
top: 50%;
margin-top: -4px;
}
.question .content .group .list li:hover a {
color: #E22C08;
}
.question .content .group .list li:hover:before {
width: 0;
height: 0;
border-width: 4px 0 4px 4px;
border-style: solid;
border-color: transparent transparent transparent #E22C08;
left: 10px;
top: 50%;
margin-top: -4px;
}
.question .content .group.on {
display: block;
}
.question .foot p {
margin-right: 95px;
}
@media (max-width:1440px) {
.question .foot {
height: auto;
line-height: normal;
}
.question .foot ul {
margin: 20px 10px 10px;
}
.question .foot p {
float: left;
margin: 10px 10px 20px;
}
}
html.ie8 .question .foot {
height: auto;
line-height: normal;
}
html.ie8 .question .foot ul {
margin: 20px 10px 10px;
}
html.ie8 .question .foot p {
float: left;
margin: 10px 10px 20px;
}
.question .share-page,
.question .foot {
padding-right: 380px;
}
.xiangjiao{height:800px; width:100%; margin:0 auto; padding:150px 0 100px 0; text-align:center;}
.xiangjiao h2 {
font-size: 50px;
color: #fff;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.xiangjiao h2 span {
color: #fff000;
font-size: 18px;
display: block;
margin-top: 20px;
font-weight: normal;
}
.xiangjiao .group {
width: 100%;
-webkit-transition: 0.8s all ease-in-out;
transition: 0.8s all ease-in-out;
padding-bottom:69px;
}
/*.xiangjiao .group .switch {background: url(../images/swith.png) no-repeat;
padding:100px;
width: 950px;
margin: 0 auto;
}*/
.xiangjiao .group::after {
background-color: #e4e4e4;
bottom:365px;
height: 1px;
left: 0;
width: 100%;
}
.xiangjiao .group .switch {
width: 930px;
margin: 0 auto;
}
.xiangjiao .group .item1 {
width: 280px;
height: 380px;
float: left;
text-align: center;
position: relative;
margin: 0 90px 0 95px;
}
.xiangjiao .group .item1 i {
width: 280px;
height: 165px;
display: block;
overflow: hidden;
}
.xiangjiao .group .item1 i img {
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.xiangjiao .group .item1 span {
display: block;
margin: -20px auto 0;
border-radius: 20px;
position: relative;
width: 140px;
height: 37px;
line-height: 37px;
background-color: #E22C08;
font-size: 22px;
color: #fff;
overflow:hidden;
}
.xiangjiao .group .item1 img {
width: 100%;
}
.xiangjiao .group .item1 .btm {
background-color: #e4e4e4;
margin-top: -20px;
padding-top: 35px;
padding-bottom: 20px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.xiangjiao .group .item1 .btm p {
text-indent:2em;
padding:0 5px;
line-height: 23px;
color: #333333;
font-size: 14px;
height:105px;
overflow:hidden;
}
.xiangjiao .group .item1:before {
position: absolute;
width: 10px;
height: 10px;
border-radius: 10px;
background-color: #e4e4e4;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.xiangjiao .group .item1:after {
width: 0;
height: 0;
border-width: 20px 20px 0;
border-style: solid;
border-color: #e4e4e4 transparent transparent;
position: absolute;
bottom: 36px;
left: 50%;
margin-left: -20px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.xiangjiao .group .item1:hover .btm {
background-color: #fff;
}
.xiangjiao .group .item1:hover i img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.xiangjiao .group .item1:hover:after {
width: 0;
height: 0;
border-width: 20px 20px 0;
border-style: solid;
border-color: #ffffff transparent transparent;
}
.xiangjiao .group .owl-controls {
text-align: center;
margin-top: 11px;
}
.xiangjiao .group .owl-prev,
.xiangjiao .group .owl-next {
display: inline-block;
width: 37px;
height: 37px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 15px;
}
.xiangjiao .group .owl-prev {
background-position: left center;
}
.xiangjiao .group .owl-next {
background-position: right center;
}
.newstopbg{ background:#fff; height:80px;margin-left:190px;}
.newstop{ height:400px; width:100%;background: url(../images/newstop.jpg) no-repeat left center;margin-left:190px;}
.ul-case{
margin: 20px 0;
display:box;
display:-webkit-box; /* iOS 6-, Safari 3.1-6 */
display:-webkit-flex; /* Chrome */
display:-moz-box; /* Firefox 19 */
display:-ms-flexbox;
display:flex; /*flex容器*/
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.ul-case li{
/* float: left; */
width: 25%;
padding: 0 1%;
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
.ul-case li .block{
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.ul-case li .pic img{
display: block;
width: 100%;
}
.ul-case li .txt{
position: absolute;
left: 0;
top: 0%;
width: 100%;
height: 100%;
background: url(../images/alpha_blue_60.png) repeat;
text-align: center;
color: #fff;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
opacity:0;
}
.ul-case li .txt h5,.ul-case li .txt h3{color: #fff;}
.ul-case li .txt:hover{opacity:1;}
.ul-case li .txt b,.ul-case li .txt .pad{
display: inline-block;
vertical-align: middle;
}
.ul-case li .txt b{
width: 0;
height: 100%;
}
.ul-case li .txt h5{
font-size: 16px;
}
.ul-case li .txt em{
width: 45px;
height: 0;
border-bottom: 1px solid #fff;
display: inline-block;
margin: 20px 0 30px 0;
}
.ul-case li .txt h3{
font-size: 18px;
margin-bottom: 40px;
}
.ul-case li .txt .more{
width: 122px;
height: 45px;
display: inline-block;
text-align: center;
line-height: 45px;
background-color: #e4392a;
color: #fff;
border-radius: 5px;
font-size: 14px;
}
.ul-case li .txt .more:hover{
opacity: .8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-case li.on .txt{
top: 0;
}
#anli2{ padding-top:20px;}
#anli2 ul,
#anli2 ul li {
overflow: hidden;
}
#anli2 ul li {
float: left;
width: 25%;
padding: 0 1%;
margin-bottom: 30px;
overflow: hidden;
position: relative;
}
#anli2 ul li img {
float: left;
width: 100%;
}
#anli2 ul li .yuan2 .logos2 {
width: 40%;
height: auto;
margin-left: 30%;
top: 50%;
position: absolute;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 1;
}
#anli2 ul li .yuan2 .logos3 {
width: 40%;
height: auto;
margin-left: 30%;
top: 50%;
position: absolute;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
opacity: 1;
}
#anli2 ul li .yuan2 .logos3 h1{ font-size:20px; color:#008d12}
#anli2 ul li .logo{width:100%;}
#anli2 ul li .yuan2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
opacity: 0;
transition: background 2000ms, 1s;
-webkit-transition: background 2000ms, 1s;
-moz-transition: background 2000ms, 1s;
background: url(../images/yuan2.png) center center;
background-size: cover;
transition: opacity 2000ms, 1s;
-webkit-transition: opacity 2000ms, 1s;
-moz-transition: opacity 2000ms, 1s;
}
#anli2 ul li:hover .yuan2,
#anli2 ul .active2 .yuan2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
opacity: 1;
transition: background 2000ms, 1s;
-webkit-transition: background 2000ms, 1s;
-moz-transition: background 2000ms, 1s;
background: url(../images/yuan2.png) center center;
background-size: cover;
transition: opacity 2000ms, 1s;
-webkit-transition: opacity 2000ms, 1s;
-moz-transition: opacity 2000ms, 1s;
}
@media (min-width: 280px) and (max-width: 768px) {
#anli2 ul li {
float: left;
width: 50%;
}
#anli2 ul li .yuan2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
opacity: 0;
transition: background 500ms, 1s;
-webkit-transition: background 500ms, 1s;
-moz-transition: background 500ms, 1s;
background: url(../images/yuan2.png);
background-size: cover;
transition: opacity 1000ms, 1s;
-webkit-transition: opacity 1000ms, 1s;
-moz-transition: opacity 1000ms, 1s;
}
#anli2 ul li:hover .yuan2,
#anli2 ul .active2 .yuan2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
opacity: 1;
transition: background 500ms, 1s;
-webkit-transition: background 500ms, 1s;
-moz-transition: background 500ms, 1s;
background: url(../images/yuan2.png);
background-size: cover;
transition: opacity 1000ms, 1s;
-webkit-transition: opacity 1000ms, 1s;
-moz-transition: opacity 1000ms, 1s;
}
#xuanfu2 ul .qqtu2 {
display: none;
}
#xuanfu2 ul .ewm2 {
display: none;
}
.titlebox2 p {
display: none;
}
.txt2 .title2 {
font-size: 20px;
color: #000;
font-family: "微软雅黑";
margin-bottom: 0px;
padding: 18px 0px;
}
}
@media (min-width:1440px) {
.cases_desc .protop{ padding-top:0px;}
.cases_desc .protop .topleft{ width:380px; margin-right:50px; float:left}
.cases_desc .protop .topleft img{ width:380px; height:260px;}
.cases_desc .protop .topright{ width:460px; float:left}
.cases_desc .protop .topright h1{ color:#017525; font-size:20px; line-height:40px; border-bottom:1px solid #07b74d}
.cases_desc .protop .topright table{ width:100%; margin-top:15px;}
.cases_desc .protop .topright table tr td{ line-height:25px; padding:0; color:#333; font-size:14px;}
.cases_desc .protop .topright table tr td p{line-height:28px; color:#333; font-size:14px; height:80px; overflow:hidden}
.cases_desc .protop .topright table tr td span{ color:#999}
.cases_desc .protop .topright .zixun {background: url(../images/fenlei.png) no-repeat 20px center; font-size: 20px;border-radius: 3px;font-weight: normal;background-color: #E22C08;
color: #fff;display: inline-block;width: 160px;height: 38px;line-height: 38px;text-align: center;padding-left: 15px; margin-top:20px}
.cases_desc .probody{ padding-bottom:60px;}
.cases_desc .probody h1{ padding-left:45px; line-height:32px; color:#017525; font-size:22px;background: url(../images/btbg.jpg) no-repeat left top; margin-top:35px; font-weight:normal}
.cases_desc .probody .procontent{ font-size:15px; color:#333; line-height:30px; width:100%; padding-right:35px;padding-top:20px;}
.cases_desc .probody .procontent p{ line-height:32px;}
.cases_desc .probody .list{ width:100%; height:auto; padding-top:35px;}
.cases_desc .probody .list li{ float:left; margin:0; padding:0 0 15px}
.cases_desc .probody .list li img{ width:280px; height:180px; margin-right:20px;}
.detail-right {position: fixed;width: 260px;height: 100%;top: 0;z-index: 999; right: -260px;-webkit-transition: 0.4s all ease;transition: 0.4s all ease;
background-color: #f6f6f6;
border-left: 1px solid #e2e2e2;
padding-left: 25px;
padding-top: 40px;
}
.case-detail .case-detail-content {
padding:110px 280px 0 60px;
}
.fireyou {background:url(../images/peoplebg.jpg) no-repeat right top;overflow: hidden; height:660px; }
}
@media (min-width:1600px) {
.cases_desc .protop{ padding-top:0px;}
.cases_desc .protop .topleft{ width:460px; margin-right:60px; float:left}
.cases_desc .protop .topleft img{ width:460px; height:305px;}
.cases_desc .protop .topright{ width:510px; float:left}
.cases_desc .protop .topright h1{ color:#017525; font-size:20px; line-height:40px; border-bottom:1px solid #07b74d}
.cases_desc .protop .topright table{ width:100%; margin-top:15px;}
.cases_desc .protop .topright table tr td{ line-height:30px; padding:0; color:#333; font-size:14px;}
.cases_desc .protop .topright table tr td p{line-height:28px; color:#333; font-size:14px; height:80px; overflow:hidden}
.cases_desc .protop .topright table tr td span{ color:#999}
.cases_desc .protop .topright .zixun {background: url(../images/fenlei.png) no-repeat 20px center; font-size: 20px;border-radius: 3px;font-weight: normal;background-color: #E22C08;
color: #fff;display: inline-block;width: 160px;height: 38px;line-height: 38px;text-align: center;padding-left: 15px; margin-top:20px}
.cases_desc .probody{ padding-bottom:60px;}
.cases_desc .probody h1{ padding-left:45px; line-height:32px; color:#017525; font-size:22px;background: url(../images/btbg.jpg) no-repeat left top; margin-top:35px; font-weight:normal}
.cases_desc .probody .procontent{font-size:15px; color:#333; line-height:30px; width:100%;padding-right:45px;padding-top:30px;}
.cases_desc .probody .procontent p{ line-height:32px;}
.cases_desc .probody .list{ width:100%; height:auto;padding-top:35px;}
.cases_desc .probody .list li{ float:left; margin:0; padding:0 0 20px}
.cases_desc .probody .list li img{ width:330px; height:220px; margin-right:20px;}
.detail-right {position: fixed;width: 260px;height: 100%;top: 0;z-index: 999; right: -260px;-webkit-transition: 0.4s all ease;transition: 0.4s all ease;
background-color: #f6f6f6;
border-left: 1px solid #e2e2e2;
padding-left: 25px;
padding-top: 40px;
}
.case-detail .case-detail-content {
padding:110px 280px 0 40px;
}
.fireyou {background:url(../images/peoplebg.jpg) no-repeat right top;overflow: hidden; height:660px; }
}
@media (min-width:1900px) {
.cases_desc .protop{ padding-top:0px;}
.cases_desc .protop .topleft{ width:560px; margin-right:90px; float:left}
.cases_desc .protop .topleft img{ width:560px; height:365px;}
.cases_desc .protop .topright{ width:630px; float:left}
.cases_desc .protop .topright h1{ color:#017525; font-size:22px; line-height:55px; border-bottom:1px solid #07b74d}
.cases_desc .protop .topright table{ width:100%; margin-top:15px;}
.cases_desc .protop .topright table tr td{ line-height:28px; padding:5px 0; color:#333; font-size:14px;}
.cases_desc .protop .topright table tr td p{line-height:28px; color:#333; font-size:14px; height:auto}
.cases_desc .protop .topright table tr td span{ color:#999}
.cases_desc .protop .topright .zixun {background: url(../images/fenlei.png) no-repeat 20px center; font-size: 20px;border-radius: 3px;font-weight: normal;background-color: #E22C08;
color: #fff;display: inline-block;width: 160px;height: 38px;line-height: 38px;text-align: center;padding-left: 15px; margin-top:20px}
.cases_desc .probody{ padding-bottom:60px;}
.cases_desc .probody h1{ padding-left:45px; line-height:32px; color:#017525; font-size:22px;background: url(../images/btbg.jpg) no-repeat left top; margin-top:60px; font-weight:normal}
.cases_desc .probody .procontent{ font-size:15px; color:#333; line-height:35px; width:90%; margin-right:85px; padding-left:5px;padding-top:30px; background:#fff; padding-bottom:50px;}
.cases_desc .probody .procontent p{ line-height:32px;}
.cases_desc .probody .list{ width:100%; height:auto; padding-top:35px;}
.cases_desc .probody .list li{ float:left; margin:0; padding:0 0 30px}
.cases_desc .probody .list li img{ width:400px; height:240px; margin-right:35px;}
.fireyou {background:url(../images/peoplebg.jpg) no-repeat right top;overflow: hidden; height:850px; }
}
.scene4 .page4 .getin { width:92%; margin-right:0%; float:left; margin-left:3%; margin-top:7px;}
.scene4 .page4 .getin h3 { font-size: 30px; padding-left: 100px; height: 93px; line-height: 93px; background-repeat: no-repeat; background-position: -46px -90px; color: #000; font-weight: normal; margin-bottom: 15px;}
.scene4 .page4 .getin h4 {color: #E22C08; font-size: 16px;font-weight: normal; margin-bottom: 6px; margin-left: 15px;}
.scene4 .page4 .getin p {color: #333;font-size: 14px;line-height: 25px; margin-bottom: 6px;margin-left: 15px;}
.scene4 .page4 .getin div a { text-align: center; color: #999999; font-size: 12px; display: inline-block; margin-left: 17px; margin-top: 8px;}
.scene4 .page4 .getin div a span { font: 0/0 a; color: transparent;text-shadow: none; background-color: transparent; border: 0;display: block;background: url(../images/btn.png) no-repeat;
width: 150px;height: 34px; margin-bottom: 5px;}
.scene4 .page4 .getin div a.a1 span { background-position: left center;}
.scene4 .page4 .getin div a.a2 span {background-position: right center;}
.scene4 .page4 .getin.page2 h3 { background-image: url(../images/head1.png);}
.scene4 .page4 .getin.page3 h3 { background-image: url(../images/head2.png);}
.scene4 .page4 .getin.page4 h3 { background-image: url(../images/head3.png);}
.scene4 .page4 .getin.page5 h3 {background-image: url(../images/head4.png);}
.scene4 .page4 .getin.page6 h3 { background-image: url(../images/head5.png);}
.scene4 .page4 .getin.page7 h3 { background-image: url(../images/head7.png);}
.scene4 .page4 .getin.page8 h3 { background-image: url(../images/head8.png);}
.scene4 .page4 .getin.page9 h3 { background-image: url(../images/head6.png);}
@media (max-width:1680px) {
.scene4 .page4 .getin {margin:40px 2.5%;height:350px }
.scene4 .page4 .getin h3 {font-size: 25px;}
.scene4 .page4 .getin h4 {font-size: 14px;}
.scene4 .page4 .people .page p { font-size: 12px;}
}
html.ie8 .getin { width:47%; margin-right:3%; float:left}
html.ie8 .getin h3 {font-size: 40px;}
html.ie8 .getin h4 {font-size: 14px;}
html.ie8 .getin p {font-size: 12px; line-height: 24px;}
.about .scene6 {
background-image: url(../images/ysbg1.jpg);
}
.about .scene6 .page1 {
width: 1072px;
height: 668px;
top: 50%;
margin-top: -334px;
margin-left: -536px;
left:50%;
text-align: center;
}
.about .scene6 .page1 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.about .scene6 .page1 h3 {
font-size: 26px;
color: #000;
margin: 18px 0;
font-weight: normal;
}
.about .scene6 .page1 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.about .scene6 .page1 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.about .scene6 .page1 .tab span {
display: inline-block;
width: 127px;
height: 35px;
background-color: #666666;
color: #fff;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
line-height: 35px;
margin: 82px 24px 0;
}
.about .scene6 .page1 .tab span:hover,
.about .scene6 .page1 .tab span.on {
background-color: #E22C08;
}
.about .scene6 .page1 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 220px;
}
.about .scene6 .page1 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.about .scene6.on .page1 .carousel {
opacity: 1;
}
.about .scene6.on .page1 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene7 {
background-image: url(../images/ysbg2.jpg);
}
.about .scene7 .page1 {
width: 1046px;
height: 500px;
top: 50%;
margin-top: -250px;
margin-left: -523px;
left:50%;
text-align: center;
}
.about .scene7 .page1 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.about .scene7 .page1 h3 {
font-size: 26px;
color: #000;
margin: 18px 0;
font-weight: normal;
}
.about .scene7 .page1 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.about .scene7 .page1 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.about .scene7 .page1 .tab span {
display: inline-block;
width: 127px;
height: 35px;
background-color: #666666;
color: #fff;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
line-height: 35px;
margin: 82px 24px 0;
}
.about .scene7 .page1 .tab span:hover,
.about .scene7 .page1 .tab span.on {
background-color: #E22C08;
}
.about .scene7 .page1 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 235px;
}
.about .scene7 .page1 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.about .scene7.on .page1 .carousel {
opacity: 1;
}
.about .scene7.on .page1 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
html.ie8 .about .scene7 .page2 {
height: 500px;
margin-top: -180px;
}
html.ie8 .about .scene7 .page2 .pl {
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-position: top center;
}
html.ie8 .about .scene7 .page2 .pr {
height: 460px;
}
.about .scene7.on .page2 .pl {
opacity: 1;
}
.about .scene7.on .page2 .pr {
background: url(../images/time-line.png) no-repeat 95px 0;
}
@media (max-width:1440px) {
.about .scene7.on .page2 .pr {
background-position: 95px -20px;
}
}
html.ie8 .about .scene7.on .page2 .pr {
background-position: 95px -20px;
}
.about .scene7.on .page2 .pr .group {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene8 {
background-image: url(../images/ysbg3.jpg);
}
.about .scene8 .page1 {
width: 912px;
height: 578px;
top: 50%;
margin-top: -289px;
margin-left: -456px;
left:50%;
text-align: center;
}
.about .scene8 .page1 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.about .scene8 .page1 h3 {
font-size: 26px;
color: #000;
margin: 18px 0;
font-weight: normal;
}
.about .scene8 .page1 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.about .scene8 .page1 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.about .scene8 .page1 .tab span:hover,
.about .scene8 .page1 .tab span.on {
background-color: #E22C08;
}
.about .scene8 .page1 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 250px;
}
.about .scene8 .page1 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.about .scene8.on .page1 .carousel {
opacity: 1;
}
.about .scene8.on .page1 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene8.on .page1 .tab {
width: 912px;
margin: 45px auto 0;
}
@media (max-width:1440px) {
.about .scene8.on .page1 .tab {
margin: 15px auto 0;
}
.mobile .scene8 .page1 .title {
font-size: 45px;
}
}
html.ie8 .about .scene8.on .page1 .tab {
margin: 15px auto 0;
}
.about .scene8.on .page1 .tab .group {
width: 255px;
height: auto;
margin: 0 25px;
}
.about .scene8.on .page1 .tab .group span {
text-align: center;
display: block;
}
.about .scene8.on .page1 .tab .group span img {
display: inline-block;
height:150px;
width:100%;
}
.about .scene8.on .page1 .tab .group h3 {
text-align: left;
font-size: 18px;
color: #fff;
margin: 8px 0 5px;
}
.about .scene8.on .page1 .tab .group em {
font-weight:normal;
font-size: 12px;
color: #8f8f8f;
line-height: 24px;
text-align: justify;
}
.about .scene8.on .page1 .tab .group p {
font-size: 12px;
color: #dedede;
line-height: 24px;
text-align: justify;
}
@media (max-width:1440px) {
.about .scene8.on .page1 .tab .group p {
line-height: 18px;
}
}
html.ie8 .about .scene8.on .page1 .tab .group p {
line-height: 18px;
}
.about .scene8.on .page1 .tab .owl-controls {
text-align: center;
margin-top: 20px;
}
html.ie8 .about .scene8.on .page1 .tab .owl-controls {
margin-top: -20px;
}
.about .scene8.on .page1 .tab .owl-prev,
.about .scene8.on .page1 .tab .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow7.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene8.on .page1 .tab .owl-prev {
background-position: left center;
}
.about .scene8.on .page1 .tab .owl-next {
background-position: right center;
}
.about .scene8.on .page1 .ct .group {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
.about .scene8.on .page1 .tab .mobile-info .group a {
display: block;
width: 208px;
height: 223px;
padding: 47px 0 0 17px;
}
.about .scene8.on .page1 .tab .mobile-info .group a span {
width: 175px;
height: 150px;
position: relative;
overflow: hidden;
border: 1px solid #000;
border-bottom: 0;
display: table;
}
.about .scene8.on .page1 .tab .mobile-info .group a span > img {
position: absolute;
top: 1px;
left: 50%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
width:80%;
margin-left:-40%;
}
.about .scene8.on .page1 .tab .mobile-info .group a span i {
display: table-cell;
vertical-align: middle;
background-color: #fff;
text-align: center;
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
html.ie8 .about .scene8.on .page1 .tab .mobile-info .group a span i {
display: none;
}
.about .scene8.on .page1 .tab .mobile-info .group a span i img {
width: auto;
display: inline-block;
}
.about .scene8.on .page1 .tab .mobile-info .group span {
color: #333;
display: block;
margin: 15px 0 30px;
font-size: 16px;
padding: 0 5px;
text-align:center;
}
.about .scene8.on .page1 .tab .mobile-info .group small {
color: #999;
border-bottom: 1px solid #d9d9d9;
font-size: 12px;
display: block;
padding: 0 5px 15px;
}
.about .scene8.on .page1 .tab .mobile-info .group:hover span > img {
opacity: 0;
}
.about .scene8.on .page1 .tab .mobile-info .group:hover span i {
opacity: 1;
}
html.ie8 .about .scene8.on .page1 .tab .mobile-info .group:hover span i {
display: table-cell;
}
.about .scene8.on .page1 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 10px;
}
.about .scene8.on .page1 .tab .mobile-info .owl-prev,
.about .scene8.on .page1 .tab .mobile-info .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene8.on .page1 .tab .mobile-info .owl-prev {
background-position: left center;
}
.about .scene8.on .page1 .tab .mobile-info .owl-next {
background-position: right center;
}
html.ie8 .about .scene8.on .page1 .tab .mobile-info {
height: 360px;
}
html.ie8 .about .scene8 .page1 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.about .scene8.on .page1 .title,
.about .scene8.on .page1 .mobile-info {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.about .scene8.on .page1 .share-page {
opacity: 1;
}
.about .scene9 {
background-image: url(../images/ysbg4.jpg);
}
.about .scene9 .page4 {
position: absolute;
width: 1070px;
height: 604px;
top: 50%;
left: 50%;
margin: -302px 0 0 -535px;
}
.about .scene9 .page4 .tl {
width: 410px;
height: 100%;
float: left;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.about .scene9 .page4 .mo{ width: 172px; height:54px; padding-top:5px; background:#45B353; margin-top:30px}
.about .scene9 .page4 .mo a {
width: 162px;
height: 44px;
display: block;
margin-left:5px;
/* margin: 20px auto 0;*/
text-align: center;
line-height: 44px;
position: relative;
color: #fff;
font-size: 14px;
}
.about .scene9 .page4 .mo a:before {
width: 100%;
height: 18px;
border: 1px solid #fff;
border-bottom: 0;
top: 0;
left: 0;
}
.about .scene9 .page4 .mo a:after {
width: 100%;
height: 10px;
border: 1px solid #fff;
border-top: 0;
bottom: 0;
left: 0;
}
.about .scene9 .page4 .tl h2 {
font-size: 45px;
color: #000;
margin: 78px 0 24px;
}
.about .scene9 .page4 .tl h2 span {
color: #E22C08;
}
.about .scene9 .page4 .tl p {
font-size: 16px;
color: #000;
}
.about .scene9 .page4 .tl p span {
font-size: 30px;
}
.about .scene9 .page4 .tl p.nobig {
margin-top: 10px;
}
.about .scene9 .page4 .tr {
float: left;
width: 526px;
height: 494px;
background: url(../images/tr.png) no-repeat center center;
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transform: scale(0.99);
transform: scale(0.99);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.4s;
transition: 0.6s all ease-in-out 0.4s;
}
.about .scene9.on .page4 .tl {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene9.on .page4 .tr {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.about .scene10 {
background-image: url(../images/ysbg5.jpg);
}
.about .scene10 .page5 {
position: absolute;
width: 1050px;
height: 482px;
top: 50%;
left: 50%;
margin: -241px 0 0 -525px;
}
.about .scene10 .page5 .tl {
width: 540px;
height: 100%;
float: left;
background: url(../images/tl4.png) no-repeat center center;
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.about .scene10 .page5 .jstextbox{height:100%; width:100%; background: url(../images/app_s1_55.png) no-repeat right top;}
.about .scene10 .page5 .jstextbox .jstext{position:relative; height:100%; width:328px; float:left; }
.about .scene10 .page5 .jstextbox .jstext h2{box-sizing: border-box; margin: 0px 0px 18px; padding: 0px; font-weight: normal; font-size: 45px; color:#fff; font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;}
.about .scene10 .page5 .jstextbox .jstext h3{box-sizing: border-box; margin: 18px 0px; padding: 0px; font-weight: normal; font-size: 24px; color:#fff; font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;}
.about .scene10 .page5 .jstextbox .jstext p{box-sizing: border-box; margin: 0px; padding: 0px; color:#fff; font-size: 14px; line-height: 24px; font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left;}
.about .scene10 .page5 .jstextbox .jstext a{ bottom:23px; left:0px;display:block; width:215px; height:45px; position:absolute}
.about .scene10 .page5 .tr {
float: right;
width: 402px;
height: 573px;
margin-top: 20px;
}
.about .scene10 .page5 .tr .tr-top {
width: 100%;
height: 103px;
background: url(../images/tr-top.png);
margin-bottom: 10px;
font-size: 45px;
color: #fff;
line-height: 103px;
text-align: center;
opacity: 0;
-webkit-transform: translate(0, -20px);
transform: translate(0, -20px);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.about .scene10 .page5 .tr .tr-btm {
width: 100%;
height: 464px;
background: url(../images/tr-btm.png);
padding: 32px 0 0 0;
opacity: 0;
-webkit-transform: translate(0, 20px);
transform: translate(0, 20px);
-webkit-transition: 0.6s all ease-in-out 0.6s;
transition: 0.6s all ease-in-out 0.6s;
}
.about .scene10 .page5 .tr .tr-btm p {
color: #fff;
font-size: 16px;
margin-left: 32px;
}
.about .scene10 .page5 .tr .tr-btm p span {
font-size: 30px;
}
.about .scene10 .page5 .tr .tr-btm p.three {
margin-top: 10px;
}
.about .scene10 .page5 .tr .tr-btm p.img {
margin-bottom: 16px;
}
.about .scene10 .page5 .tr .tr-btm p.img img {
margin: 0 23px 0 0;
}
.about .scene10 .page5 .tr .tr-btm a {
width: 232px;
height: 44px;
display: block;
margin: 70px auto 0;
text-align: center;
line-height: 44px;
position: relative;
color: #fff;
font-size: 14px;
}
.about .scene10 .page5 .tr .tr-btm a:before {
width: 100%;
height: 18px;
border: 1px solid #fff;
border-bottom: 0;
top: 0;
left: 0;
}
.about .scene10 .page5 .tr .tr-btm a:after {
width: 100%;
height: 10px;
border: 1px solid #fff;
border-top: 0;
bottom: 0;
left: 0;
}
.about .scene10.on .page5 .tl {
opacity: 1;
}
.about .scene10.on .page5 .tr .tr-top,
.about .scene10.on .page5 .tr .tr-btm {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.about .scene11 {
background-image: url(../images/ysbg6.jpg);
}
.about .scene11 .page7 {
width: 1072px;
height: 668px;
top: 50%;
margin-top: -334px;
margin-left: -536px;
left:50%;
text-align: center;
}
.about .scene11 .page7 h2 {
font-size: 45px;
color: #000;
margin-bottom: 18px;
font-weight: normal;
}
.about .scene11 .page7 h3 {
font-size: 26px;
color: #000;
margin: 18px 0;
font-weight: normal;
}
.about .scene11 .page7 p {
color: #666666;
font-size: 14px;
line-height: 26px;
}
.about .scene11 .page7 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.about .scene11 .page7 .tab span {
display: inline-block;
width: 127px;
height: 35px;
background-color: #666666;
color: #fff;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
line-height: 35px;
margin: 82px 24px 0;
}
.about .scene11 .page7 .tab span:hover,
.about .scene11 .page7 .tab span.on {
background-color: #E22C08;
}
.about .scene11 .page7 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 220px;
}
.about .scene11 .page7 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.about .scene11.on .page7 .carousel {
opacity: 1;
}
.about .scene11.on .page7 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
/*.banner .group video {
height: auto;
vertical-align: middle;
width: 100%;
}
.banner .group .video-copy {
bottom: 6%;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.banner .group .table-block {
display: table;
height: 100%;
width: 100%;
}
.cover-wrapper-inner {
display: table-cell;
vertical-align: middle;
}*/
.banner .group .container {
max-width: 700px;
}
#banner1{ position:relative;}
.banner .group .comment{
z-index:99999;
position:absolute;
width:1200px;
height: 384px;
top: 50%;
left: 50%;
/* transform: translateX(-50%);*/
overflow: visible;
margin-left:-600px;
margin-top:-192px;
}
.banner .group .comment .box {
width:100%; height:100%; position:relative;
}
.banner .group .comment .box ul {
height: 500px!important;
}
.banner .group .comment .box li {
margin-top: 91px;
}
.banner .group .comment .box h1 {
color:#02cb15;
font-size: 36px;
margin-top: 57px;
margin-bottom: 30px;
transition: 0.5s all;
}
.banner .group .comment .box img {
border: #fbfaff solid 15px;
border-radius: 50%;
}
.banner .group .comment .box p {
z-index:9999;
width:800px;
margin-left:-400px;
height:80px;
font-size: 16px;
position: absolute;
text-align: center;
display:none;
/* visibility: hidden;*/
transition: visibility 0.2s;
top:-110px;
left: 50%;
/*transform: translateX(-50%);*/
color: #fff;
}
.banner .group .comment .box span {
position: absolute;
/* transform: translateX(-50%);*/
left: 50%;
margin-left:-600px;
bottom: -100px;
font-size: 26px;
color: #fff;
display: none;
width:1200px;
text-align:center;
height:60px;
overflow:hidden
}
/*.banner .group .comment .box span em{
font-size: 15px;
color:#fff;
line-height:30px;
font-weight:normal;
}*/
.flip-next {
opacity: 0.5;
}
.flip-current p {
display: block!important;
visibility: visible;
}
.flip-current span {
display: block!important;
visibility: visible;
}
.flip-current img {}
.avatar {
position: relative;
perspective: 500px;
}
.head1,
.head2,
.head3 {
height: 227px;
box-sizing: content-box;
width: 227px!important;
}
.com-detail {
background: url(../images/com-bg.jpg);
text-align: center;
}
.com-detail h1 {
color:#02cb15;
font-size: 36px;
margin-top: 92px;
margin-bottom: 42px;
}
.com-detail small {
font-size: 24px;
color: #999;
margin-bottom: 50px;
display: block;
}
.com-detail h2 {
color:#02cb15;
font-size: 36px;
}
.com-detail h3 {
color: #333;
margin: 40px auto;
}
.com-detail .apply-btn {
background-color:#fa4c06;
box-shadow: 1.917px 21.916px 62px 0px rgba( 251, 212, 61,0.3);
margin-top: 80px;
display: block;
}
.shuangyinhao{ position:absolute; left:558px; top:-170px; width:85px; height:84px;background: url(../images/shuangyinhao.png) no-repeat center center;}
#banner2{ background:url(../images/banner2.jpg) no-repeat center center; background-size:cover;}
#banner2 .banner2box{ width:1200px; height:490px; position:absolute; left:50%; top:50%; margin-left:-600px; z-index:5; margin-top:-230px}
.case_banner {
padding:5% 0;
background:url(../images/case_01.jpg) fixed center top no-repeat;
-moz-background-size:cover;
-ms-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.case_item {
font-weight:normal;
text-align:center;
color:#fff;
margin-bottom:5%;
}
.case_item span i {
display:inline-block;
width:62px;
height:2px;
background:#fff;
vertical-align:middle;
margin:0 8px;
}
.case_item em {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:20px;
}
@media (max-width:1440px) {
#banner2 .banner2box{ width:900px; height:460px; margin-left:-450px; margin-top:-200px}
.case_item span{font-size:40px;margin-bottom:5px;}
.case_item em{ font-size:15px;}
.case_num{ width:900px;}
.num_area {
display:inline-block;
text-align:center;
color:#fff;
text-transform:uppercase;
position:relative;
margin:30px 3% 0;
}
.num_box {
width:220px;
margin:0 auto;
position:relative;
}
.num_box span.timer {
display:block;
width:220px;
height:220px;
margin:0 auto;
text-align:center;
line-height:220px;
background:#f40024;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
font-family:Impact;
font-size:140px;
}
.num_line {
display:block;
position:absolute;
top:50%;
left:0;
z-index:100;
margin-top:-22px;
width:100%;
height:4px;
font-size:0;
background:#e1011b;
}
.num_box sup {
position:absolute;
top:0;
right:0;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/case_02.png) no-repeat;
text-indent:-9999px;
}
.num_des {
font-size:16px;
margin-top:20px;
}
}
/* VIDEO */
.cover-wrapper video {
width: 100%;
height: auto;
}
.cover-wrapper .video-copy {
width:1000px; height:500px;
position: absolute;
top: 50%;
left: 50%;
margin-left:-500px;
margin-top:-250px;
z-index: 2;
text-align:center;
color:#fff;
}
.cover-wrapper .table-block {
display: table;
width: 100%;
height: 100%;
}
.cover-wrapper-inner {
display: table-cell;
}
.cover-wrapper.decor .container {
max-width: 700px;
}
.scroll-down {
position: absolute;
bottom: 8%;
left: 50%;
display: inline-block;
width: 196px;
height: 58px;
margin-left:-98px;
background: url(../images/dianwo.png) center no-repeat;
}
.fadeInDown {
-webkit-animation: fadeInDown 1s ease-in infinite;
animation: fadeInDown 1s ease-in infinite;
}
.mobile .scene4 .page4 .menu-overlay {
width:1000px;
height:550px;
z-index: 2000;
margin:0 auto}
.mobile .scene4 .page4 .menu-overlay.active {
top: 0;
background-color: rgba(35, 35, 35, 0.85);
}
.mobile .scene4 .page4 .menu-overlay .header-main {
position: absolute;
z-index: 400;
background: none;
}
.mobile .scene4 .page4 .menu-overlay .header-main .tel {
color: #A4A4A4;
}
.mobile .scene4 .page4 .menu-overlay .header-main a.menu-activator span.descriptor {
color: #fff;
}
.mobile .scene4 .page4 .menu-overlay .header-main a.menu-activator div.visual i.line {
background-color: #fff;
}
.mobile .scene4 .page4 .menu-overlay .main-menu {
z-index: 300;
overflow: hidden;
pointer-events: auto;
width: 100%;
height:100%;
-moz-transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
-webkit-transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
transition: opacity 300ms ease-in-out, top 300ms ease-in-out;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections {
text-align: center;
text-align: center;
height: 98%;
overflow: hidden;
position: relative;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections ul {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li {
float: left;
display: block;
position: relative;
width:49%;
height:50%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-right:1px solid #454443;
border-left:1px solid #454443;
border-bottom:1px solid #454443;
-webkit-transition: background 0.2s linear;
-moz-transition:background 0.1s linear;
-o-transition:background 0.2s linear;
transition:background 0.2s linear;
background:url(../images/nav_02.png) center center no-repeat;
background-size:0%;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li a {
text-transform: uppercase;
position: relative;
color: #fff;
border: none;
font-size:16px;
display:table;
text-align:center;
vertical-align:middle;
width:100%;
height:100%;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area {
display:table-cell;
vertical-align:middle;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_ico {
display:block;
margin:0 auto 20px;
width:46px;
height:46px;
background-position:0 -46px;
background-repeat:no-repeat;
background-size:100%;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_ico1 {
background-image:url(../images/nav_ico1.png);
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_ico2 {
background-image:url(../images/nav_ico2.png);
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_ico3 {
background-image:url(../images/nav_ico3.png);
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_ico4 {
background-image:url(../images/nav_ico4.png);
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_ico5 {
background-image:url(../images/nav_ico5.png);
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area .nav_txt {
display:block;
width:42%;
margin:0 auto;
padding-top:10px;
border-top:1px dotted #999;
line-height:1.5;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav .nav_area em {
margin-top:10px;
display:block;
font-size:12px;
color:#aaa;
font-weight:normal;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li:hover, .mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li.active {
background-size:64%;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li:hover .nav_ico, .mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li.active .nav_ico {
background-position:0 0;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li:hover a, .mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li:hover .nav_txt em, .mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li.active a, .mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li.active .nav_txt em {
color:#cd191a;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li:hover .nav_txt, .mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li.active .nav_txt {
border-color:#cd191a;
}
.mobile .scene4 .page4 .menu-overlay .main-menu nav.sections li.search:hover {
background:none;
}
.search_txt {
display:block;
margin:20px auto;
width:64%;
height:16px;
color:#fff;
padding:12px 0 12px 14px;
background:#4d4b4a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.search_txt:hover, .search_txt:focus {
background-color:#555;
}
.search_btn {
cursor:pointer;
width:46px;
height:46px;
border:1px solid #888;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background:url(../images/nav_03.png) center center no-repeat;
}
.search_btn:hover {
background-size:50%;
background-color:#cd191a;
border-color:#cd191a;
}
.case {
padding:0;
background:none;
}
.case_banner {
padding:5% 0;
background:url(../images/case_01.jpg) fixed center top no-repeat;
-moz-background-size:cover;
-ms-background-size:cover;
-webkit-background-size:cover;
background-size:cover;
}
.case_item {
font-weight:normal;
text-align:center;
color:#fff;
margin-bottom:5%;
}
.case_item span {
display:block;
font-size:55px;
margin-bottom:15px;
}
.case_item span i {
display:inline-block;
width:62px;
height:2px;
background:#fff;
vertical-align:middle;
margin:0 8px;
}
.case_item em {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:18px;
}
.case_num {
text-align:center;
margin:0 auto;
max-width:1280px;
}
.num_area {
display:inline-block;
text-align:center;
color:#fff;
text-transform:uppercase;
position:relative;
margin:30px 3% 0;
}
.num_box {
width:220px;
margin:0 auto;
position:relative;
}
.num_box span.timer {
display:block;
width:220px;
height:220px;
margin:0 auto;
text-align:center;
line-height:220px;
background:#f40024;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
font-family:Impact, sans-serif, Arial, Helvetica ;
font-size:140px;
}
.num_line {
display:block;
position:absolute;
top:50%;
left:0;
z-index:100;
margin-top:-22px;
width:100%;
height:4px;
font-size:0;
background:#e1011b;
}
.num_box sup {
position:absolute;
top:0;
right:0;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/case_02.png) no-repeat;
text-indent:-9999px;
}
.num_des {
font-size:16px;
margin-top:20px;
}
/*case_show*/
.case_show {
width:100%;
}
.case_tit {
text-align:center;
font-size:48px;
font-weight:normal;
padding-bottom:20px;
background:url(../images/title_line.jpg) center bottom no-repeat;
margin:30px 0;
}
/* filters */
.filters {
width:100%;
max-width:1024px;
margin:0 auto 20px;
padding:10px 0;
text-align:center;
background:#fff;
}
.filters li {
display:inline-block;
vertical-align:bottom;
margin:6px 0;
}
.filters li span {
display:block;
padding:6px 10px;
border:1px solid #d2d2d2;
font-size:14px;
cursor:pointer;
}
.filters li.text_style1 span {
font-size:24px;
}
.filters li.text_style2 span {
font-size:28px;
}
.filters li.text_style3 span {
font-size:24px;
font-weight:bold;
}
.filters li span.active, .filters li span.active a {
background:#cd1717;
border-color:#cd1717;
color:#fff;
}
#portfoliolist {
width:99%;
margin:0 auto;
min-height:471px;
}
.portfolio {
border:15px solid #fff;
/*width:31.33%;*/
margin:1%;
float:left;
position:relative;
overflow:hidden;
background:#fff;
}
.portfolio-wrapper {
cursor:pointer;
}
.portfolio img {
display:block;
max-width:inherit;
}
.img_box {
overflow:hidden;
}
.img_box a{ display:block;}
.portfolio .label {
height:103px;
/*padding:20px 25px 0;*/
background: #fff url("../images/ico-2.png") no-repeat scroll 95% center;
border-bottom: 1px solid #e7e7e7;
color: #999;
display: block;
font-size: 12px;
margin: 0;
padding: 0 45px 15px 20px;
}
.sort_design {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#555;
}
.case_name {
display:block;
width:100%;
color: #333;
font-size: 18px;
padding:20px 0 10px;
text-transform: uppercase;
line-height:24px;
height:60px;
overflow:hidden;
}
.case_info {
line-height:20px;
height:20px;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-size:13px;
color:#888;
}
.portfolio:hover .label{
background-color: transparent;
background:url(../images/ico-1.png) 95% center no-repeat #E22C08;
border-bottom:1px solid #fff;
color: #fff;
}
.portfolio:hover .label a,.portfolio:hover .label p{ color:#fff}
.load_more {
margin:0 30px;
height:45px;
line-height:45px;
text-align:center;
background:url(../images/power_02.jpg) left center repeat-x;
font-size:16px;
color:#555;
margin:50px 0 0;
}
.load_more span {
display:inline-block;
width:30%;
padding:0 30px;
background:#fff;
}
.load_more span a {
display:inline-block;
width:100%;
background:#eee;
}
.load_more span a:hover {
background:#ddd;
}
.clearfix {
*zoom:1;
}
.clearfix:after {
content:"\200B";
display: block;
clear: both;
height: 0;
}
.portfolio img {
display: block;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.portfolio:hover img {
opacity: 1.0;
/*-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);*/
}
.newList {
}
.newList ul a:link, .newList ul a:visited {
color: #b1b1b1;
}
.newList ul a:active, .newList ul a:hover {
color: #b1b1b1;
}
.newList ul {
border-top: 1px solid #ececec;
}
.newList ul li {
padding: 28px 0px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
border-bottom: 1px solid #ececec;
}
.newList ul li .ppw {
padding-right:15px;
}
.newList ul li .img {
float: left;
display: block;
width: 242px;
height: 150px;
overflow: hidden;
background-color: #f7f7f7;
}
.newList ul li .img img {
display: block;
width: 100%;
transition: transform 400ms;
-webkit-transition: -webkit-transform 400ms;
}
.newList ul li .con {
width:65%;
float: left;
display: block;
margin-left: 30px;
color: #b1b1b1;
}
.newList ul li .con .t {
color: #272528;
font: 16px/1.5 "microsoft yahei";
margin-bottom: 18px;
}
.newList ul li .con .t:hover {
color: #00ae66;
}
.newList ul li .con .c {
overflow: hidden;
text-align: justify;
margin-bottom: 20px;
font-size: 14px;
color: #666;
}
.newList ul li .con .more3 {
border: 1px solid #999;
background-color: #fff;
font-size: 14px;
color: #272528;
padding: 0px 15px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.newList ul li .time {
color: #fff;
float: right;
background-color: #ccc;
padding: 10px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.newList ul li .time .day {font: 46px/1 arial;}
.newList ul li .time .moth {font: 16px/1.4 "microsoft yahei";display: block;padding-left: 2px;}
.newList ul li .time .year {font: 22px/1.2 arial;padding-left: 2px;}
.newList ul li:hover {background-color: #fff;}
.newList ul li:hover .con .more3 {background-color: #E22C08;border: solid 1px #E22C08;color: #fff;}
.newList ul li:hover .time {background-color: #E22C08;}
.newList ul li:hover .img img {transform: scale(1.1);-webkit-transform: scale(1.1);}
.about-team{padding:25px 0;transform: translate(0px, 0px);}
.about-con{margin:0 auto; text-align:center; line-height:30px;font-size:16px;width:95%;}
.about-team-list{text-align:center;}
.about-team-list ul{}
.about-team-list li{width:94%;float:left;padding:1em 3%; margin:0 3%; text-align:center; padding-bottom:50px;}
.about-team-list li .pic{width:170px; height:170px; overflow:hidden; display:inline-block;border-radius: 50%; margin-top:20px;}
.about-team-list li .pic img{width:170px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.about-team-list li .tit{ background:url(../images/hx.jpg) center bottom no-repeat;padding:10px 0;font-size:28px;}
.about-team-list li .sub-tit{font-size:12px;color:#949494;padding:10px 0;}
.about-team-list li p{color:#696969; line-height:30px;word-wrap:break-word;overflow:hidden}
.about-pic{ text-align:center;padding:40px 0 60px 0;}
.about-pic span{ display:inline-block;width:300px;margin:20px;}
.about-pic span p{font-size:15px;padding-top:10px;}
@media (max-width:1024px){.about-pic span{width:280px;margin:10px;}.about-lc span i{width:100px;}.about-team-list li{width:45%;}}
@media (max-width:720px){.about-pic span{width:100%;margin:10px;}.about-con p{font-size:12px;}.about-lc span i{width:20px; background:none;}.about-t{font-size:20px;line-height:26px;}
.about-team-list li{padding:1em 0;width:100%;}.about-pic span{margin:20px 0;}
.about-t2{font-size:13px;padding:0 5%;}}
@media (max-width:480px){.about-lc span i{ display:none;}.about-lc span{width:100%;}}
.about-team-list li::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 98%;
height: 98%;
z-index: -1;
-webkit-transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
transform: rotate3d(0, 0, 1, -90deg) translate3d(0, -3em, 0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: -webkit-transform 0.5s, opacity 0.5s, background-color 0.5s;
transition: transform 0.3s, opacity 0.5s, background-color 0.5s;
}
.about-team-list li:hover::before {
opacity: 1;
background:#D71A18;
/*border:3px solid #E22C08;*/
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.5, 1);
}
.about-team-list li:hover .tit, .about-team-list li:hover .sub-tit, .about-team-list li:hover p{ color:#fff}
.about .scene4 .page4 .tr .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
@media (max-width:1440px) {
.mobile .about .scene4 .page4 .tr .tab {
margin: 15px auto 0;
}
.mobile .about .scene4 .page4 .tr .title {
font-size: 45px;
}
}
html.ie8 .about .scene4 .page4 .tr .page4 .tab {
margin: 15px auto 0;
}
.about .scene4.on .page4 .tab .group {
width: 255px;
height: auto;
margin: 0 25px;
}
.about .scene4.on .page4 .tab .group span {
text-align: center;
display: block;
}
.about .scene4.on .page4 .tab .group span img {
display: inline-block;
height:150px;
width:100%;
}
.about .scene4.on .page4 .tab .group h3 {
text-align: left;
font-size: 18px;
color: #fff;
margin: 8px 0 5px;
}
.about .scene4.on .page4 .tab .group em {
font-weight:normal;
font-size: 12px;
color: #8f8f8f;
line-height: 24px;
text-align: justify;
}
.about .scene4.on .page4 .tab .group p {
font-size: 12px;
color: #dedede;
line-height: 24px;
text-align: justify;
}
@media (max-width:1440px) {
.about .scene4.on .page4 .tab .group p {
line-height: 18px;
}
}
html.ie8 .about .scene4.on .page4 .tab .group p {line-height: 18px;}
.about .scene4.on .page4 .tab .owl-controls { padding-left:25px;text-align: left;}
html.ie8 .about .scene4.on .page4 .tab .owl-controls { margin-top: -20px;}
.about .scene4.on .page4 .tab .owl-prev,
.about .scene4.on .page4 .tab .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow7.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene4.on .page4 .tab .owl-prev {
background-position: left center;
}
.about .scene4.on .page4 .tab .owl-next {
background-position: right center;
}
.about .scene4.on .page4 .ct .group {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
.about .scene4.on .page4 .tab .mobile-info .group a {
display: block;
width: 208px;
height: 223px;
padding: 47px 0 0 17px;
}
.about .scene4.on .page4 .tab .mobile-info .group a span {
width: 175px;
height: 150px;
position: relative;
overflow: hidden;
border: 1px solid #000;
border-bottom: 0;
display: table;
}
.about .scene4.on .page4 .tab .mobile-info .group a span > img {
position: absolute;
top: 1px;
left: 50%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
width:80%;
margin-left:-40%;
}
.about .scene4.on .page4 .tab .mobile-info .group a span i {
display: table-cell;
vertical-align: middle;
background-color: #fff;
text-align: center;
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
html.ie8 .about .scene4.on .page4 .tab .mobile-info .group a span i {
display: none;
}
.about .scene4.on .page4 .tab .mobile-info .group a span i img {
width: auto;
display: inline-block;
}
.about .scene4.on .page4 .tab .mobile-info .group span {
color: #333;
display: block;
margin: 15px 0 30px;
font-size: 16px;
padding: 0 5px;
text-align:center;
}
.about .scene4.on .page4 .tab .mobile-info .group small {
color: #999;
border-bottom: 1px solid #d9d9d9;
font-size: 12px;
display: block;
padding: 0 5px 15px;
}
.about .scene4.on .page4 .tab .mobile-info .group:hover span > img {
opacity: 0;
}
.about .scene4.on .page4 .tab .mobile-info .group:hover span i {
opacity: 1;
}
html.ie8 .about .scene4.on .page4 .tab .mobile-info .group:hover span i {
display: table-cell;
}
.about .scene4.on .page4 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 10px;
}
.about .scene4.on .page4 .tab .mobile-info .owl-prev,
.about .scene4.on .page4 .tab .mobile-info .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene4.on .page4 .tab .mobile-info .owl-prev {
background-position: left center;
}
.about .scene4.on .page4 .tab .mobile-info .owl-next {
background-position: right center;
}
html.ie8 .about .scene4.on .page4 .tab .mobile-info {
height: 360px;
}
html.ie8 .about .scene4 .page4 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.about .scene4.on .page4 .title,
.about .scene4.on .page4 .mobile-info {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.about .scene12{background-image: url("../images/bg13.jpg");}
.about .scene13{background:url("../images/bg14.jpg") /*center*/bottom center no-repeat;}
.about .scene14{background-image: url("../images/build_sec3.jpg");}
.about .scene15{background-image: url("../images/bg15.jpg");}
.about .scene16{background-image: url("../images/bg1.jpg");}
.about .scene12 .page12{height: 604px;left: 50%; margin: -302px 0 0 -465px; position: absolute;top: 50%; width: 930px;}
.about .scene13 .page13{height: 80%;left: 50%; margin: -23% 0 0 -40%; position: absolute;top: 50%; width:80%;}
.about .scene14 .page14{height: 604px;left: 50%; margin: -302px 0 0 -465px; position: absolute;top: 50%; width: 930px;}
#ulbg{ width:100%; height:auto; border-bottom:1px solid #BDBDBD;}
#guideContainer{margin:0px auto 0px auto; width: 800px; overflow: hidden; position: relative; height:650px;}
.part{ position: relative; height: 100%; max-height: 600px; overflow: hidden;}
#guideActor{width: 7220px;height: 100%;list-style: none;position:relative;}
#guideActor li{width: 800px;height: 100%;float:left;color: #fff;position:relative;}
.net{background:none;}
.net div{position: absolute;}
.net_contain{top: 50%;left: 50%;width:665px;height: 550px;margin-top: -275px;margin-left: -392px;}
.pc{width: 488px;height: 441px;top:0px;left: 117px;background-image: url(../images/pc.png);}
.pad{width: 212px;height: 238px;top: 174px;left: 0px;background-image: url(../images/pad.png);z-index: 10;}
.Phone{width: 77px;height: 184px;top: 227px;right: 10px;background-image: url(../images/phone2.png);z-index: 10;}
.PhoneScreen{width: 70px;height: 125px;top: 19px;left: 4px;overflow: hidden;}
#PhoneImage{width: 70px;height: 375px;background-image: url(../images/phoneImage.png);top: 0px;}
.padScreen{width: 136px;height: 179px;top: 20px;left: 40px;overflow: hidden;}
#padImage{width: 136px;height: 540px;background-image: url(../images/padImage.png);top: 0px;}
.pcScreen{width: 447px;height: 251px;top: 20px;left: 20px;overflow: hidden;}
#pcImage{width: 447px;height: 753px;background-image: url(../images/pcImage.png);top: 0px;}
.txtScreen{width: 490px;height: 100px;position: absolute;bottom: 15px;left: 110px;overflow: hidden;}
#netTxt{list-style: none;width: 100%;position: relative;height: 300px;top: 0px;}
#netTxt li{width: 100%;height: 100px;float: none;/*background-color: #aa0d01;*/}
#netTxt li h4{margin: 0;font: 46px/1 '微软雅黑';clear: both;height:64px;padding-bottom:15px}
#netTxt li p{ color:#333; height:20px;}
#netTxt span{float: left; color:#e20a20}
#netTxt a{display: inline-block;float: left;margin: 6px 0px 0px 10px;background-color: #AA0D01;color: #fff;padding: 13px 20px;text-decoration: none;}
.netControllerBox{width: 10px;height: 52px;position: absolute;bottom :58px;right: 5px;background-color: #000;}
#netControllerBg{width: 10px;height: 16px;position: absolute;top: 8px;background-image: url(../images/netControllerBg.png);}
#netController{list-style: none;width: 10px;height: 52px;position: absolute;top: 0;}
#netController li{width: 10px;height: 26px;background-image: url(../images/netController.png);cursor: pointer;}
.font_16px{font: 16px/1.5 "微软雅黑";}
.font_46px{font: 49px/1.2 "微软雅黑";font-weight: bold;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
.fp-tableCell {
height: 100%;
vertical-align: middle;
width: 100%;
vertical-align: bottom;
}
.sec2_tit{ width:100%; height:30%; position:absolute; top:0; left:0; display:table; vertical-align:middle;}
.sec2_tit .build_tit{ display:table-cell; vertical-align:middle;}
.build_tit { text-align:center; font-size:60px; color:#fff; text-transform:uppercase;
position:relative;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
}
.section.active .build_tit{top:0px; font-size:50px; }
@media (max-width: 767px) {
.section.active .build_tit{top:0px; font-size:24px; }
}
.build_tit em {
display:block;
font-weight:normal;
font-size:24px;
margin-top:5px;
}
.advantage_list{ width:99%; height:69%; position:absolute; bottom:0; left:0;}
.advantage_list li { width:33.33%; height:50%; float:left; position:relative; overflow: hidden;}
.advantage_initial {
width:100%;
height:100%;
display:table;
vertical-align:middle;
}
.initial_box {
display:table-cell;
vertical-align:middle;
padding:0 7%;
border-left:1px solid #f52b41;
border-top:1px solid #f52b41;
}
.advantage_list li a {
font-size:28px;
color:#000;
text-transform:uppercase;
}
.advantage_list li a em {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#cd1716;
font-size:22px;
}
.advantage_list li a img {
display:block;
float:right;
width:36%;
max-width:160px;
position:relative;
right:-50px;
-webkit-transition: all .8s ease-in-out 0.3s;
-moz-transition: all .8s ease-in-out 0.3s;
-ms-transition: all .8s ease-in-out 0.3s;
-o-transition: all .8s ease-in-out 0.3s;
transition: all .8s ease-in-out 0.3s;
}
.active .advantage_list li a img{ right:0;}
.advantage_info {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:100;
background:#da1126;
color:#fff;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.info_box {
padding:0 7%;
height:100%;
display:table;
vertical-align:middle;
}
.info_area {
display:table-cell;
vertical-align:middle;
font-size:14px;
line-height:24px;
}
.advantage_info h6 {
font-weight:normal;
font-size:34px;
line-height:normal;
margin-bottom:20px;
}
.advantage_list li:hover .advantage_info {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
}
.advantage_info{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel{display: none;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.build_tit {padding:12% 0 5%;
text-align:center; font-size:60px; color:#fff; text-transform:uppercase;
position:relative;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
}
.section.active .build_tit{top:0px; font-size:50px; }
@media (max-width: 767px) { .section.active .build_tit{top:0px; font-size:24px; }}
.build_tit em {display:block;font-weight:normal;font-size:24px;margin-top:5px;}
.sec3 { z-index:98;height: 680px;left: 50%; margin: -340px 0 0 -480px; position: absolute;top:50%; width:960px;}
.process_box{max-width:960px; margin: 0 auto; padding-top:0; overflow:hidden;height:280px;}
#process { padding:20px 0 0; text-align:center; height:200px;}
#process .owl-wrapper-outer { padding: 18px 0;}
#process .owl-controls .owl-page span{ width: 6px; height: 6px; margin: 0 5px;}
.process_area {display:inline-block; position:relative; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
.process_ico {width:154px;height:154px;border:2px dashed #f52b41;}
.process_ico .imgbox{margin:32px 0 0 32px; width:90px; height:90px;}
.process_ico .imgbox img {display:block;}
.process_name {width:130px;height:42px;text-align:center;line-height:42px;background:#da1126;color:#fff;font-size:22px;position:absolute;bottom:0;right:-18px;margin-bottom:-18px;}
.process_arrow {display:block;width:168px;height:69px;
background:url(../images/process_arrow1.png) no-repeat;position:absolute;bottom:0;right:0;margin:0 -100px -80px 0;display:none;}
.process_area.process_dif .process_name {bottom:auto;top:0;margin-top:-18px;}
.process_area.process_dif .process_arrow {bottom:auto;top:0;margin-top:-80px;background-image:url(../images/process_arrow2.png);}
#process .owl-carousel .owl-item img { width:50%}
.about .scene15.on .page15 .tab .owl-controls {
text-align: center;
margin-top: 40px;
}
html.ie8 .about .scene14 .sec3 .owl-controls {
margin-top: -20px;
}
.about .scene14 .sec3 .owl-prev,
.about .scene14 .sec3 .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow7.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene14 .sec3 .owl-prev {
background-position: left center;
}
.about .scene14 .sec3 .owl-next {
background-position: right center;
}
.about .scene15 .page15 {
position: absolute;
width: 1200px;
height: 661px;
top: 50%;
left: 50%;
margin: -330.5px 0 0 -600px;
}
.about .scene15 .page15 .ct {
display: table-cell;
vertical-align: middle;
}
.about .scene15 .page15 .ct{ color:#fff}
.about .scene15 .page15 .advantage {
width: 1200px;
margin: 20px auto 0;
padding-top:30px;
overflow: hidden;
}
.about .scene15 .page15 .tab {
width:1200px;
}
.about .scene15 .page15 .tab {
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
opacity: 0;
-webkit-transition: 0.4s all ease-in 0.5s;
transition: 0.4s all ease-in 0.5s;
}
.about .scene15 .page15 .tab span:hover,
.about .scene15 .page15 .tab span.on {
background-color: #E22C08;
}
.about .scene15 .page15 .carousel {
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
position: relative;
width: 100%;
height: 250px;
}
.about .scene15 .page15 .carousel .carou {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.about .scene15.on .page15 .carousel {
opacity: 1;
}
.about .scene15.on .page15 .tab {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
@media (max-width:1440px) {
.about .scene15.on .page15 .tab {
margin: 15px auto 0;
}
.about .scene15 .page15 .title {
font-size: 45px;
}
}
html.ie8 .about .scene15.on .page15 .tab {
margin: 15px auto 0;
}
.about .scene15.on .page15 .tab .group {
width: 255px;
height: auto;
margin: 0 25px;
}
.about .scene15.on .page15 .tab .group span {
text-align: center;
display: block;
}
.about .scene15.on .page15 .tab .group span img {
display: inline-block;
height:150px;
width:100%;
}
.about .scene15.on .page15 .tab .group h3 {
text-align: left;
font-size: 18px;
color: #fff;
margin: 8px 0 5px;
}
.about .scene15.on .page15 .tab .group em {
font-weight:normal;
font-size: 12px;
color: #8f8f8f;
line-height: 24px;
text-align: justify;
}
.about .scene15.on .page15 .tab .group p {
font-size: 12px;
color: #dedede;
line-height: 24px;
text-align: justify;
}
@media (max-width:1440px) {
.about .scene15.on .page15 .tab .group p {
line-height: 18px;
}
}
html.ie8 .about .scene15.on .page15 .tab .group p {
line-height: 18px;
}
.about .scene15.on .page15 .tab .owl-controls {
text-align: center;
margin-top: 40px;
}
html.ie8 .about .scene15.on .page15 .tab .owl-controls {
margin-top: -20px;
}
.about .scene15.on .page15 .tab .owl-prev,
.about .scene15.on .page15 .tab .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow7.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene15.on .page15 .tab .owl-prev {
background-position: left center;
}
.about .scene15.on .page15 .tab .owl-next {
background-position: right center;
}
.about .scene15.on .page15 .ct .group {
-webkit-transform: rotateY(0);
transform: rotateY(0);
opacity: 1;
}
}
.about .scene15.on .page15 .tab .mobile-info .group a {
display: block;
width: 208px;
height: 223px;
padding: 47px 0 0 17px;
}
.about .scene15.on .page15 .tab .mobile-info .group a span {
width: 175px;
height: 150px;
position: relative;
overflow: hidden;
border: 1px solid #000;
border-bottom: 0;
display: table;
}
.about .scene15.on .page15 .tab .mobile-info .group a span > img {
position: absolute;
top: 1px;
left: 50%;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
width:80%;
margin-left:-40%;
}
.about .scene15.on .page15 .tab .mobile-info .group a span i {
display: table-cell;
vertical-align: middle;
background-color: #fff;
text-align: center;
opacity: 0;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
html.ie8 .about .scene15.on .page15 .tab .mobile-info .group a span i {
display: none;
}
.about .scene15.on .page15 .tab .mobile-info .group a span i img {
width: auto;
display: inline-block;
}
.about .scene15.on .page15 .tab .mobile-info .group span {
color: #333;
display: block;
margin: 15px 0 30px;
font-size: 16px;
padding: 0 5px;
text-align:center;
}
.about .scene15.on .page15 .tab .mobile-info .group small {
color: #999;
border-bottom: 1px solid #d9d9d9;
font-size: 12px;
display: block;
padding: 0 5px 15px;
}
.about .scene15.on .page15 .tab .mobile-info .group:hover span > img {
opacity: 0;
}
.about .scene15.on .page15 .tab .mobile-info .group:hover span i {
opacity: 1;
}
html.ie8 .about .scene15.on .page15 .tab .mobile-info .group:hover span i {
display: table-cell;
}
.about .scene15.on .page15 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 10px;
}
.about .scene15.on .page15 .tab .mobile-info .owl-prev,
.about .scene15.on .page15 .tab .mobile-info .owl-next {
display: inline-block;
width: 27px;
height: 27px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../images/arrow.png);
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
margin: 0 5px;
}
.about .scene15.on .page15 .tab .mobile-info .owl-prev {
background-position: left center;
}
.about .scene15.on .page15 .tab .mobile-info .owl-next {
background-position: right center;
}
html.ie8 .about .scene15.on .page15 .tab .mobile-info {
height: 360px;
}
html.ie8 .about .scene15 .page15 .tab .mobile-info .owl-controls {
text-align: center;
margin-top: 0;
position: absolute;
bottom: 0;
width: 100%;
}
.about .scene15.on .page15 .title,
.about .scene15.on .page15 .mobile-info {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.about .scene15.on .page15 .share-page {
opacity: 1;
}
.about .scene15 .page15 .advantage a{ }
.about .scene15 .page15 .advantage .group {
width: 300px;
height: 296px;
position: relative;
float: left;
}
.about .scene15 .page15 .advantage .group:before {
width: 284px;
height: 1px;
background-color: #b5b4b4;
left: 0;
bottom: 0;
}
.about .scene15 .page15 .advantage .group:after {
width: 1px;
height: 284px;
background-color: #b5b4b4;
right: 0;
top: 0;
}
.about .scene15 .page15 .advantage .group span {
-webkit-transition: -webkit-transform 0.8s ease-out;-moz-transition: -moz-transform 0.8s ease-out;-o-transition: -o-transform 0.8s ease-out;-ms-transition: -ms-transform 0.8s ease-out;cursor:pointer;
background: no-repeat center center;
display: block;
width: 42px;
height: 44px;
margin: 20px auto;
}
.about .scene15 .page15 .advantage .group:hover span{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}
.about .scene15 .page15 .advantage .group h4 {
font-size: 20px;
margin-bottom: 45px;
text-align: center;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.about .scene15 .page15 .advantage .group p {
padding: 0 55px;
font-size: 12px;
-webkit-transition: 0.4s all ease;
transition: 0.4s all ease;
text-align: justify;
}
.about .scene15 .page15 .advantage .group.g1 span {
background-image: url(../images/i3.png);
}
.about .scene15 .page15 .advantage .group.g2:before {
width: 266px;
left: 50%;
margin-left: -133px;
}
.about .scene15 .page15 .advantage .group.g2 span {
background-image: url(../images/i4.png);
}
.about .scene15 .page15 .advantage .group.g3:after {
display: none;
}
.about .scene15 .page15 .advantage .group.g3:before {
left: auto;
right: 0;
}
.about .scene15 .page15 .advantage .group.g3 span {
background-image: url(../images/i1.png);
}
.about .scene15 .page15 .advantage .group.g4:before {
display: none;
}
.about .scene15 .page15 .advantage .group.g4:after {
top: auto;
bottom: 0;
}
.about .scene15 .page15 .advantage .group.g4 span {
background-image: url(../images/i2.png);
}
.about .scene15 .page15 .advantage .group.g5:before {
display: none;
}
.about .scene15 .page15 .advantage .group.g5:after {
top: auto;
bottom: 0;
}
.about .scene15 .page15 .advantage .group.g5 span {
background-image: url(../images/i5.png);
}
.about .scene15 .page15 .advantage .group.g6:after,
.about .scene15 .page15 .advantage .group.g6:before {
display: none;
}
.about .scene15 .page15 .advantage .group.g6 span {
background-image: url(../images/i6.png);
}
.about .scene15 .page15 .advantage .group.g6 p {
text-align: center;
}
.about .scene15 .page15 .advantage .group:hover h4 {
color: #E22C08;
}
.about .scene15 .page15 .advantage .group:hover p {
color: #E22C08;
}
.about .scene15 .page15 .advantage .group:hover.g1 span {
background-image: url(../images/i3.png);
}
.about .scene15 .page15 .advantage .group:hover.g2 span {
background-image: url(../images/i4.png);
}
.about .scene15 .page15 .advantage .group:hover.g3 span {
background-image: url(../images/i1.png);
}
.about .scene15 .page15 .advantage .group:hover.g4 span {
background-image: url(../images/i2.png);
}
.about .scene15 .page15 .advantage .group:hover.g5 span {
background-image: url(../images/i5.png);
}
.about .scene15 .page15 .advantage .group:hover.g6 span {
background-image: url(../images/i6.png);
}
@media (max-width:1340px) {
.about .scene15 .page15 {
margin: -240.5px 0 0 -405px;
}
}
@media (max-width:1440px) {
/*.about .scene15 .page15 {
width: 840px;
height: 641px;
margin: -240.5px 0 0 -405px;
}*/
.about .scene15 .page15 h2 span{
font-size: 45px;
}
.about .scene15 .page15 h2 b{
margin-top:0px;
margin-bottom: 5px;
font-size: 28px;
}
.about .scene15 .page15 .advantage {
width: 920px;
margin: 0 auto;
padding-top:0px;
}
.about .scene15.on .page15 .tab .owl-controls{ margin-top:15px}
.about .scene15 .page15 .advantage .group {
width: 260px;
height: 226px;
}
.about .scene15 .page15 .advantage .group:before {
width: 244px;
}
.about .scene15 .page15 .advantage .group:after {
height: 214px;
}
.about .scene15 .page15 .advantage .group span {
width: 42px;
height: 44px;
margin: 0px auto 5px auto;
}
.about .scene15 .page15 .advantage .group h4 {
margin-bottom: 15px;
}
.about .scene15 .page15 .advantage .group p {
padding: 0 40px;
font-size: 12px;
}
.about .scene15 .page15 .advantage .group.g2:before {
width: 229px;
left: 50%;
margin-left: -117px;
}
}
.about .scene15 .page15 .build_tit {padding:1% 0 0%; text-align:center; font-size:60px; color:#fff; text-transform:uppercase;
position:relative;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-ms-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
}
.about .scene15 .page15 .build_tit{top:0px; font-size:50px; }
.about .scene16 {
background-image: url(../images/bg45.jpg);
}
.about .scene16 .page16 {
position: absolute;
width: 1100px;
height:600px;
top: 50%;
left: 50%;
margin: -300px 0 0 -550px;
}
.yiqibaobox {
height: 324px;
margin: 0 auto;
width:100%;
overflow: hidden;
padding-top: 0;
}
.about .scene16 .page16 .tl {
width: 450px;
height:296px;
background-image: url(../images/yiqibaotop.png);
float: left;
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out;
transition: 0.6s all ease-in-out;
}
.about .scene16 .page16 .tr {
margin-left:50px;
float: left;
width: 526px;
-webkit-transform: translate(0, 100px);
transform: translate(0, 100px);
-webkit-transform: scale(0.99);
transform: scale(0.99);
opacity: 0;
-webkit-transition: 0.6s all ease-in-out 0.4s;
transition: 0.6s all ease-in-out 0.4s;
padding:0 0 20px;
}
.about .scene16.on .page16 .tl {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.about .scene16.on .page16 .tr {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.about .scene16.on .page16 .tr .aboutp2txt1 {
color: #fff;
font-family: "futura_md_btmedium";
font-size: 33px;
}
.about .scene16.on .page16 .tr .aboutp2txt2 {
color: #fff;
font-size: 27px;
}
.about .scene16.on .page16 .tr .aboutp2txt3 {
color: #fff;
font-size: 18px;
font-weight: bold;
margin: 10px 0;
}
.about .scene16.on .page16 .tr .aboutp2txt4 {
color:#fff;
font-size: 14px;
line-height: 30px;
}
.about .scene17 {
background-image: url(../images/bg46.jpg);
}
.about .scene17 .page17 {
position: absolute;
width: 1100px;
height: 660px;
top: 50%;
left: 50%;
margin: -330px 0 0 -550px;
}
.about .scene17 .page17 .ul-solution{
overflow: hidden;
}
.about .scene17 .page17 .ul-solution li{
float: left;
width:20%;/*width: 15.67%;*/
text-align: center;
margin-bottom: 65px;
position: relative;
}
.about .scene17 .page17 .ul-solution li a{
display: block;
height: 140px;
font-size: 16px;
line-height: 30px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
cursor:default;
}
.about .scene17 .page17 .ul-solution li:hover a em{ color:#e4392a}
.about .scene17 .page17 .ul-solution li a span{
display: block;
background: url(../images/icon_solution.png) no-repeat;
width: 102px;
height: 102px;
margin: 0 auto;
margin-bottom: 20px;
position: relative;
}
.about .scene17 .page17 .ul-solution li a em{
color:#fff;
display: block;
position: relative;
}
.about .scene17 .page17 .ul-solution li.li1 span{
background-position: -1px 0;
}
.about .scene17 .page17 .ul-solution li.li2 span{
background-position: -215px 0;
}
.about .scene17 .page17 .ul-solution li.li3 span{
background-position: -429px 0;
}
.about .scene17 .page17 .ul-solution li.li4 span{
background-position: -643px 0;
}
.about .scene17 .page17 .ul-solution li.li5 span{
background-position: -857px 0;
}
.about .scene17 .page17 .ul-solution li.li6 span{
background-position: -1070px 0;
}
.about .scene17 .page17 .ul-solution li.li7 span{
background-position: 0px bottom;
}
.about .scene17 .page17 .ul-solution li.li8 span{
background-position: -215px bottom;
}
.about .scene17 .page17 .ul-solution li.li9 span{
background-position: -429px bottom;
}
.about .scene17 .page17 .ul-solution li.li10 span{
background-position: -643px bottom;
}
.about .scene17 .page17 .ul-solution li.li11 span{
background-position: -857px bottom;
}
.about .scene17 .page17 .ul-solution li.li12 span{
background-position: -1070px bottom;
}
.about .scene17 .page17 .ul-solution li a:hover span{
background-image: url(../images/icon_solution_h.png);
}
.about .scene18 {
/* background:#fff;*/
background-image: url(../images/bg25.jpg);
}
.about .scene18 .page18 {
position:absolute;
left:50%;
top:50%;
margin-left:-40%;
margin-top:-350px;
height: 670px;
width: 80%;
}
.about .scene18 .page18 .sec5_tit {
height:120px;
width: 100%;
}
.nycenter{height:500px; width:100%; margin-top:50px}
/*.aboutpart1{ width:100%; height:700px; text-align:center; text-transform:uppercase; position:relative;}*/
.about4p{ width:100%; position:relative}
.about4po{ height:250px; position:absolute}
.about4pohover{ width:100%; height:100%;}
.ab4p1{ background:url(../images/about4_01.jpg) top left; width:48%; left:0; top:0;}
.ab4p2{ background:url(../images/about4_02.jpg) top right;width:48%; left:0; top:250px;}
.ab4p3{ background:url(../images/about4_03.jpg) top left;width:27%; height:500px; left:48%; top:0;}
.ab4p4{ background:url(../images/about4_04.jpg) top right;width:25%; height:250px;left:75%; top:0;}
.ab4p5{ background:url(../images/about4_05.jpg) top right;width:25%; height:250px;left:75%; top:250px;}
.about4_txt{ width:300px; text-align:center; color:#FFF; margin-top:75px; position:relative;z-index:20;}
.about4pohover .about4_txt div{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.about4_txt{width: 75%; margin: 0 auto;max-width: 300px; transition: transform 0.35s ease 0s, color 0.35s ease 0s; margin-top:75px;}
.about4_txteng{font-family:'futura_md_btmedium'; text-transform:uppercase; font-size:18px; width:100%; text-align:center; position:absolute; top:0px;}
.about4_txtchak{ width:100%; text-align:center; display:block; position:absolute; top:20px;}
.about4_txtcha{ width:168px; text-align:center; font-size:22px; padding:8px 0px; margin-top:0px; border-bottom:2px solid #fff; display:inline-block;}
.about4_txtsm{ font-size:18px; color:#fff; margin-top:28px; width:100%; text-align:center; position:absolute; top:60px;}
.about4_txtsm span{ font-size:22px;}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color:rgba(234, 20, 25, 0.7);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.about4pohover:hover .about4_txt .about4_txtcha{ width:100%;}
.about4pohover:hover .about4_txt .about4_txtchak{ top:0px;}
.about4pohover:hover .about4_txt .about4_txteng{ top:60px;}
.about4pohover:hover .about4_txt .about4_txtsm{ top:80px;}
.about4pohover:hover .about4_txt .about4_txtsm span{ font-size:26px;}
.aboutpart5{ margin-bottom:150px;}
.ap5txt1{ width:100%; text-align:center; font-size:18px; color:#343434;}
.ap5txt2{ width:100%; text-align:center; text-transform:uppercase; font-size:12px; color:#cccccc;}
.about .scene19 {
background-image: url(../images/bgteam.jpg);
}
.about .scene19 .page19 {
position: absolute;
width: 1100px;
height: 494px;
top: 50%;
left: 50%;
margin: -247px 0 0 -550px;
}
.but_con{background: url(../images/con_but.png) no-repeat left center; margin-top:30px}
.scene17 .page17 h6{padding: 5% 0 7%;}
@media (max-width:1440px) {
#banner2 .banner2box{ width:900px; height:460px; margin-left:-450px; margin-top:-210px}
.case_item span{font-size:40px;margin-bottom:5px;}
.case_item em{ font-size:15px;}
.case_num{ width:900px;}
.num_area {margin:20px 2% 0;}
.num_box {width:180px;}
.num_box span.timer {
width:180px;
height:180px;
line-height:180px;
font-size:115px;
}
.num_box sup {
margin:3px 3px 0 0;
width:25px;
height:25px;
}
.num_des {
font-size:16px;
margin-top:20px;
}
.mobile .scene2 .page34 .prolist{ padding-top:0;}
#about{ top:10px;}
.mobile .scene2 .page34{ height:540px; margin-top:-210px;}
.banner .group .comment .box li{ margin-top:35px;}
.banner .group .comment .box p{ height:60px; top:-60px}
.banner .group .comment .box span{ bottom:-75px;}
.about .scene15 .page15{width:920px; height: 521px;
margin: -230px 0 0 -460px;}
.about .scene15 .page15 .tab{ width:920px;
}
.about .scene15.on .page15 .tab .owl-controls{ margin-top:0px;}
.isotope .item .cont{border: 5px solid #fff;}
.newList ul li .con {
width:55%;
float: left;
display: block;
margin-left: 30px;
color: #b1b1b1;
}
.contact .contact-intro{ margin-left:-463px;}
.mobile .scene5 .page5{ margin-top:-243px;}
.mobile .scene5 .page5 .ct .owl-controls{ margin-top:10px}
.mobile .scene5 .page5 .ct .group p{ height:70px;}
.scroll-down{ bottom:28%}
.scene17 .page17 h6{padding: 2% 0 1%;}
.about .scene18 .page18{position:absolute;
left:50%;
top:50%;
margin-left:-40%;
margin-top:-205px;
height: 430px;
width: 80%;}
.about .scene18 .page18 .sec5_tit{ height:70px;}
.nycenter{ height: 360px;}
.about4po{ height:180px;}
.ab4p3{ height:360px;}
.about4_txt{ margin-top:40px}
.ab4p1{width:48%; left:0; top:0;}
.ab4p2{width:48%; left:0; top:180px;}
.ab4p3{ left:48%; top:0;}
.ab4p4{left:75%; top:0;}
.ab4p5{left:75%; top:180px;}
.about4_txteng{font-size:15px;}
.about4_txtcha{font-size:19px; }
.about4_txtsm{ font-size:15px; }
.about4_txtsm span{ font-size:19px;}
.about .scene17 .page17{ width: 900px;height: 520px;margin: -250px 0 0 -450px;}
.about .scene17 .page17 .ul-solution li{ margin-bottom:35px;}
.about .scene17 .page17 .ul-solution li a span{ margin-bottom:10px;}
.net_contain{margin-top: -235px;}
.txtScreen{ bottom:25px}
.detail-right{ width:260px;}
.about-team{ padding:5px 0;}
.about .scene3 .page3{ height:500px; margin-top:-240px; width:800px; margin-left:-400px;}
.about .scene3 .page3 .zizhi1 h2{ font-size:35px;}
.about .scene3 .page3 .zizhi1 h3{ font-size:24px;}
.about-team-list li .pic{ width:150px; height:150px;}
.about-team-list li .pic img{ width:150px;}
.about-team-list li .tit{ font-size:22px;}
.about-team-list li p{ font-size:13px;}
.scene4 .page4 .getin{ margin-top:20px;}
#portfoliolist{ min-height:300px;}
.portfolio .label{ height:93px;}
.mobile .scene3.on .page4 .tab .owl-controls{ margin-top:5px;}
.case_info{ height:40px; line-height:20px;}
.case_name{ padding:5px 0; height:40px; line-height:40px;}
.mobile .scene4 .page4 .menu-overlay {
width:800px;
height:400px;
z-index: 2000;
margin:0 auto}
.contact .contact-intro2{ margin-top:-300px;}
.about4pohover:hover .about4_txt .about4_txtcha{ width:100%;}
.about4pohover:hover .about4_txt .about4_txtchak{ top:0px;}
.about4pohover:hover .about4_txt .about4_txteng{ top:50px;}
.about4pohover:hover .about4_txt .about4_txtsm{ top:60px;}
.about4pohover:hover .about4_txt .about4_txtsm span{ font-size:26px;}
}