@charset "utf-8";
input,select,textarea{ font-family:\5FAE\8F6F\96C5\9ED1;}
body{ color:#454545;/*width:1280px*/ font-size:14px;}
.jz1160{ width:90.625%;/*width:1160px*/ margin:0 auto;}
/*header*/
#header{ background-color:#141414; padding:1.831% 0; position:fixed; width:100%; top:0; left:0; z-index:100;}
#header .logo{ width:27.241%;/*width:316px*/}
#header .logo img{ width:150%;}
#header .jz1160{ position:relative;}
#header .menu_btn{width:26px;position:absolute;right:0;top:22.175%;}
#header .menu_btn span{width:100%;height:2px;background-color:#fff;position:absolute;left:0;opacity:1;-webkit-transition:all .6s ease-in-out 0s;-moz-transition:all .6s ease-in-out 0s;-o-transition:all .6s ease-in-out 0s;transition:all .6s ease-in-out 0s;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#header .menu_btn span:nth-child(1){top:0;}
#header .menu_btn span:nth-child(2){top:7px;opacity:1;}
#header .menu_btn span:nth-child(3){top:14px;}
#header .menu_btn.close span:nth-child(1){-webkit-transform:rotate(33deg);-moz-transform:rotate(33deg);-o-transform:rotate(33deg);transform:rotate(33deg);}
#header .menu_btn.close span:nth-child(2){opacity:0;}
#header .menu_btn.close span:nth-child(3){-webkit-transform:rotate(-33deg);-moz-transform:rotate(-33deg);-o-transform:rotate(-33deg);transform:rotate(-33deg);}
.head_tc{ position:fixed; z-index:10; top:0; left:0; height:100%; width:100%; background-color:#000; display:none;}
.head_tcup{ padding:1.831% 0; position:relative;}
.head_tc nav{ width:84.375%;/*1080px*/ margin:6.875% auto 0;}
.head_tc nav ul li{ border-bottom:1px solid #333;}
.head_tc nav ul li a{ display:block; font-size:16px; color:#fff; text-align:center; padding:4.037% 0;}
.head_wyx{ padding-top:24%;}
.head_wyx h2.sy_h2{ font-size:16px; color:#fff; margin-bottom:3%;}
.head_wyx .img{ display:block; width:38.375%; margin:0 auto;}
.head_wyx .img img{ width:100%; height:auto;}
/*footer*/
.foot_up{ background-color:#090909; font-size:14px; color:#d6d6d6; padding-top:9.586%; overflow:hidden;}
.foot_up .content{ margin-bottom:9.586%;}
.foot_up .biaot{ height:20px; line-height:20px; margin-bottom:3.448%;}
.foot_up .biaot h3{ font-size:18px; line-height:18px; display:inline-block; vertical-align:middle; margin-right:12px;}
.foot_up .biaot span{ display:inline-block; vertical-align:middle; font-size:13px; color:#454545;}
.foot_up .p{ line-height:20px;}
.foot_up .p a{ color:#d6d6d6;}
.foot_btm{ background-color:#e60012; padding:17.343% 0; text-align:center; color:#fff; font-size:16px;}
.foot_btm .p2{ font-size:30px; margin:1.5% 0;}
.foot_btm .p2 a{ color:#fff;}
.foot_btm .p3{ font-size:28px; font-weight:bold; margin-top:1.5%;}
.foot_fc{ position:fixed; left:0; bottom:0px; width:100%; background-color:#000;}
.foot_fclf{ width:62.657%;}
.foot_fclf a{ float:left; width:33.333%; text-align:center; height:54px; color:#fff; display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center; border-right:1px solid #4d4d4d; box-sizing:border-box;}
.foot_fclf a:last-child{ border-right:none;}
.foot_fcrgt{ width:37.343%;/*478px*/ height:54px; line-height:54px; background-color:#dc0000;}
.foot_fcrgt img{ width:100%; height:auto;}
/*.telephong{ position:fixed; left:0; bottom:0; width:100%;}
.telephong a{ display:block; width:60%; margin:0 auto;}
.telephong a img{ width:100%; height:auto;}*/
/*index*/
.banner ul li{ position:relative; overflow:hidden;}
.banner .content{ position:absolute; top:22.6%; left:0; width:100%; font-size:17px; color:#fff; text-align:center;}
.banner .content .wz1{ opacity:0; -webkit-transform: translate(-200px,0); transform: translate(-200px,0); -webkit-animation: banner_wzp1dh 0.8s linear 1.5s 1 normal both; animation: banner_wzp1dh 0.8s linear 1.5s 1 normal both;}
.banner .content .wz2{ opacity:0; -webkit-transform: translate(200px,0); transform: translate(200px,0); -webkit-animation: banner_wzp2dh 0.8s linear 1.5s 1 normal both; animation: banner_wzp2dh 0.8s linear 1.5s 1 normal both;}
.banner .content .p1{ font-size:27px; margin-bottom:2%;}
.banner .content .anniu{ opacity: 0; margin-top:20.031%;  -webkit-animation: banner_andh 1.2s linear 0s infinite alternate; animation: banner_andh 1.2s linear 1.3s infinite alternate;}
.banner .content .anniu img:first-child{ margin-bottom:2.5%; display:none;}
.banner .content .anniu img:last-child{ width:50px;}
/*banner_andh--开始*/
@-webkit-keyframes banner_andh 
{
0%   {opacity: 0;}
100% {opacity: 1;}
}

@keyframes banner_andh
{
0%   {opacity: 0;}
100% {opacity: 1;}
}
/*banner_andh--结束*/

/*banner_wzp2dh--开始*/
@-webkit-keyframes banner_wzp2dh 
{
0%   {opacity: 0; -webkit-transform: translate(200px,0);}
100% {opacity: 1; -webkit-transform: translate(0,0);}
}

@keyframes banner_wzp2dh
{
0%   {opacity: 0; transform: translate(200px,0);}
100% {opacity: 1; transform: translate(0,0);}
}
/*banner_wzp2dh--结束*/

/*banner_wzp1dh--开始*/
@-webkit-keyframes banner_wzp1dh 
{
0%   {opacity: 0; -webkit-transform: translate(-200px,0);}
100% {opacity: 1; -webkit-transform: translate(0,0);}
}

@keyframes banner_wzp1dh
{
0%   {opacity: 0; transform: translate(-200px,0);}
100% {opacity: 1; transform: translate(0,0);}
}
/*banner_wzp1dh--结束*/
.sy_nr1{ text-align:center; font-size:14px; padding:28.437% 0;}
h2.sy_h2{ font-size:32px; color:#121212; text-align:center;}
.sy_nr1 h2{ margin-bottom:2.187%; -webkit-transform: translate(0,50px); transform: translate(0,50px); opacity:0;}
.sy_nr1 .wenz{ line-height:22px; -webkit-transform: translate(0,50px); transform: translate(0,50px); opacity:0;}
.sy_nr1 .dongh{ -webkit-animation: synr1_h2dh 0.8s linear 0s 1 normal both; animation: synr1_h2dh 0.8s linear 0s 1 normal both;}
/*synr1_h2dh--开始*/
@-webkit-keyframes synr1_h2dh 
{
0%   {opacity: 0; -webkit-transform: translate(0,50px);}
100% {opacity: 1; -webkit-transform: translate(0,0);}
}

@keyframes synr1_h2dh
{
0%   {opacity: 0; transform: translate(0,50px);}
100% {opacity: 1; transform: translate(0,0);}
}
/*synr1_h2dh--结束*/
.sy_nr2 h2{ margin-bottom:9.218%;}
.sy_nr2 .shang ul li{ width:33.333%;/*width:386px*/ float:left; text-align:center; position:relative;}
.sy_nr2 .shang ul li:nth-child(1){ -webkit-transform: translate(-50px,0); transform: translate(-50px,0); opacity:0;}
.sy_nr2 .shang ul li:nth-child(1).active{ -webkit-animation: synr2_li1dh 1s ease 0s 1 normal both; animation: synr2_li1dh 1s ease 0s 1 normal both;}
/*synr2_li1dh--开始*/
@-webkit-keyframes synr2_li1dh 
{
0%   { opacity: 0; -webkit-transform: translate(-50px,0px);}
/*80%  { opacity: 1; transform: translate(10px,0);}*/
100% { opacity: 1; -webkit-transform: translate(0,0);}
}

@keyframes synr2_li1dh
{
0%   { opacity: 0; transform: translate(-50px,0px);}
/*80%  { opacity: 1; transform: translate(10px,0);}*/
100% { opacity: 1; transform: translate(0,0);}
}
/*synr2_li1dh--结束*/
.sy_nr2 .shang ul li:nth-child(3){ -webkit-transform: translate(50px,0); transform: translate(50px,0); opacity:0;}
.sy_nr2 .shang ul li:nth-child(3).active{ -webkit-animation: synr2_li3dh 1s ease 0s 1 normal both; animation: synr2_li3dh 1s ease 0s 1 normal both;}
/*--开始--*/
@-webkit-keyframes synr2_li3dh 
{
0%   { opacity: 0; -webkit-transform: translate(50px,0px);}
/*80%  { opacity: 1; transform: translate(-10px,0);}*/
100% { opacity: 1; -webkit-transform: translate(0,0);}
}

@keyframes synr2_li3dh
{
0%   { opacity: 0; transform: translate(50px,0px);}
/*80%  { opacity: 1; transform: translate(-10px,0);}*/
100% { opacity: 1; -webkit-transform: translate(0,0);}
}
/*--结束--*/
/*.sy_nr2 .shang ul li:nth-child(2).active{ -webkit-animation: synr2_li2dh 0.5s linear 0.5s 1 normal both; animation: synr2_li2dh 0.5s linear 0.5s 1 normal both;}*/
/*--开始--*/
@-webkit-keyframes synr2_li2dh 
{
0%   { -webkit-transform: rotateY(0deg);}
50% { -webkit-transform: rotateY(50deg);}
100% { -webkit-transform: rotateY(0deg);}
}

@keyframes synr2_li2dh
{
0%   { transform: rotateY(0deg);}
50% { transform: rotateY(50deg);}
100% { transform: rotateY(0deg);}
}
/*--结束--*/
.sy_nr2 .shang ul li img{ width:32.901%;}
.sy_nr2 .shang ul li span{ display:block; margin:10.88% 0 23.316%; font-size:14px;}
.sy_nr2 .shang ul li:after{ content:''; border:5px solid transparent; border-bottom-color:#f5f5f5; position:absolute; bottom:0; left:50%; margin-left:-5px; display:none;}
.sy_nr2 .shang ul li.cur span{ color:#e60012;}
.sy_nr2 .shang ul li.cur:after{ display:block;}
.sy_nr2 .xia{ background-color:#f5f5f5; padding:6.093% 0 2.093%;}
.sy_nr2 .xia ul{ display:none;}
.sy_nr2 .xia ul li{ font-size:14px; float:left; width:50%;/*width:580px*/ padding-left:6.344%; box-sizing:border-box; margin-bottom:5%;}
.sy_nr3{ padding:15.625% 0 22.5%;}
.sy_nr3 h2{ margin-bottom:7.5%;}
.sy_nr3 ul li{ margin-bottom:14.156%;}
.sy_nr3 ul li .img{ position:relative; -webkit-transition: all 0.8s; transition: all 0.8s;}
/*.sy_nr3_xg ul li .img{ position:relative; -webkit-transition: all 0.8s; transition: all 0.8s;}*/
.sy_nr3 ul li.active .img{ -webkit-transform: translate(0,-16px); transform: translate(0,-16px);}
.sy_nr3 ul li .img img.anlie_pic{ width:100%; height:auto;}
/*.sy_nr3 ul li .img .mohu{ position:absolute; left:0; top:0; width:100%; height:100%; -webkit-filter: blur(3px); filter: blur(3px); animation: synr3_mohudh 1.5s linear 0s 1 normal both; overflow:hidden;}
.sy_nr3 ul li .img .mohu img.anlie_pic{ width:640; height:360px;}*/
/*--开始--*/
/*@-webkit-keyframes synr3_mohudh 
{
0%  { -webkit-filter: blur(3px);}
50%  { -webkit-filter: blur(10px);}
100%{ -webkit-filter: blur(0px);}
}

@keyframes synr3_mohudh
{
0%  { filter: blur(3px);}
50%  { filter: blur(10px);}
100%{ filter: blur(0px);}
}*/
/*--结束--*/
.sy_nr3 ul li .img img.anlie_ico{ width:52px; border-radius:26px; position:absolute; bottom:-26px; right:80.531%; box-shadow:0 2px 3px 0px #e5e5e5; -webkit-transition: all 1s; transition: all 1s;}
/*.sy_nr3_xg ul li .img img.anlie_ico{ width:52px; border-radius:26px; position:absolute; bottom:-26px; right:80.531%; box-shadow:0 2px 3px 0px #e5e5e5; -webkit-transition: all 1s; transition: all 1s;}*/
.sy_nr3 ul li.active .img img.anlie_ico{ right:4.531%; -webkit-transform: rotate(360deg); transform: rotate(360deg);}
.sy_nr3 ul li .wenz{ padding-top:14px;}
.sy_nr3 ul li .wenz .bt{ height:20px; line-height:20px; /*margin-bottom:3%;*/}
.sy_nr3 ul li .wenz .bt a{ font-size:18px; color:#121212;}
.sy_nr3 ul li .wenz .bt span{ color:#8c8c8c;}
.sy_nr3 ul li .wenz .wenz_nr .p{ font-size:14px; line-height:20px; width:73.62%;/*970px*/ margin-top:1.8%; color:#8c8c8c;}
.sy_nr3 ul li .wenz .wenz_nr a.zhixun{ font-size:14px; color:#fff; background-color:#e60012; padding:6px 6px; border-radius:3px;}
.sy_more{ text-align:center; font-size:14px;}
.sy_more a{ text-decoration:underline;}
.sy_nr4{ padding:8.437% 0 15.468%; background-color:#f7f7f7;}
.sy_nr4 .jies{ font-size:14px; text-align:center; margin-top:2%;}
.sy_nr4 .jies span.red{ color:#e60012;}
.sy_nr4 ul li{ width:33.333%;/*width:386px*/ float:left; margin-top:12.758%; text-align:center; /*opacity: 0;*/ -webkit-transform: translate(0,50px); transform: translate(0,50px); -webkit-transition: all 1s; transition: all 1s;}
.sy_nr4 ul li.active{ opacity: 1; -webkit-transform: translate(0,0); transform: translate(0,0);}
.sy_nr4 ul li img{ width:82.953%;/*width:243px height:auto;*/max-height: 2.8rem}
.sy_nr4 .sy_more{ margin-top:10.156%;}
/*case*/
.case h2.sy_h2{ margin-bottom:4.531%; padding-bottom:4.531%; background:url(../images/case_btxt.jpg) no-repeat center bottom; background-size:6.25% 1px;}
.case .wz{ line-height:20px;}
.case_xnav_wrap{ height:86px;}
.case_xnav{ text-align:center; font-size:15px; padding:9.531% 0 6.093%;}
.case_xnavfix{ position:fixed; top:0; left:0; width:100%;}
.case_xnav a{ color:#454545; margin-right:8.593%;}
.case_xnav a:last-child{ margin-right:0;}
.case_xnav a.cur{ color:#e60012;}
.case_more{ text-align:center; margin-top:15.156%;}

@-webkit-keyframes case_dh /* Safari 和 Chrome */
{
0%   {background-color: #c6c6c6;}
100% {background-color: #e60012;}
}

@keyframes case_dh
{
0%   {background-color: #c6c6c6;}
100% {background-color: #e60012;}
}
.case_more span{ display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#c6c6c6; margin-right:10px;}
.case_more span:nth-child(1){ -webkit-animation: case_dh 1s linear 0s infinite alternate; animation: case_dh 1s linear 0s infinite alternate;}
.case_more span:nth-child(2){ -webkit-animation: case_dh 1s linear 0.5s infinite alternate; animation: case_dh 1s linear 0.5s infinite alternate;}
.case_more span:nth-child(3){ -webkit-animation: case_dh 1s linear 1s infinite alternate; animation: case_dh 1s linear 1s infinite alternate;}
.case_more span:last-child{ margin-right:0;}
/*case_detail*/
.case_xx h2.sy_h2{ margin-bottom:4.531%;}
.case_xx .wz{ text-align:center; margin-bottom:14.531%;}
.case_xx .wz .p2{ margin:4.531% 0; line-height:20px;}
.case_xx .wz .p3 a{ color:#454545; text-decoration:underline;}
/*dl.case_xxpic dd{ margin-bottom:3.125%;}
dl.case_xxpic dd img{ width:100%; height:auto;}*/
dl.case_xxpic p{ margin-bottom:3.125%;}
dl.case_xxpic p img{ width:100%; height:auto;}

dl.case_xxpic img{ width:100% !important; height:auto !important;}
.case_xx .sy_more{ margin:12.312% 0 15.312%;}
.case_xx .sy_more a{ color:#454545; text-decoration:none;}
.case_xx div.zhixun{ text-align:center; margin-top:8%;}
.case_xx .zhixun a{ font-size:14px; color:#fff; background-color:#e60012; padding:6px 12px; border-radius:3px;}
.case_xx .zhixun a.fanhui{ background-color:#747474; margin-left:8px;}
/*service*/
.servi_nr{ padding:12.354% 0;}
.servi_nr ul{ width:68.375%;/*632px*/ margin:0 auto;}
.servi_nr ul li{ padding:18.354% 0 14.24%;}
.servi_nr .img{ width:31.17%;/*197px*/ margin:0 auto; -webkit-transform: translate(0,-50px); transform: translate(0,-50px); -webkit-transform: rotateY(360deg); transform: rotateY(360deg); opacity:0; -webkit-transition: all 0.8s; transition: all 0.8s;}
.servi_nr ul li.active .img{ -webkit-transform: translate(0,0); transform: translate(0,0); opacity:1;}
.servi_nr .img img{ width:100%; height:auto;}
.servi_nr .wenz h3{ font-size:18px; color:#121212; text-align:center; margin:26.012% 0 9.493%; -webkit-transform: translate(-200px,0); transform: translate(-200px,0); opacity:0; -webkit-transition: all 0.8s ease 1s; transition: all 0.8s ease 1s;}
.servi_nr ul li.active .wenz h3{ -webkit-transform: translate(0,0); transform: translate(0,0); opacity:1;}
.servi_nr .wenz .p{ -webkit-transform: translate(200px,0); transform: translate(200px,0); opacity:0; -webkit-transition: all 0.8s ease 1s; transition: all 0.8s ease 1s;}
.servi_nr ul li.active .wenz .p{ -webkit-transform: translate(0,0); transform: translate(0,0); opacity:1;}
.servi_nr .wenz{ font-size:14px; text-align:center; line-height:20px;}
/*understand*/
.understand{ padding:15.312% 0 15.625%;}
.understand h2.sy_h2{ margin-bottom:2.781%;}
.understand .p{ line-height:22px; width:90.625%;/*width:1160px*/ margin:0 auto 5.781%; font-size:14px;}
/*--开始--*/
@-webkit-keyframes under_dh 
{
0%   { opacity: 0; -webkit-transform: translate(70px,0px);}
100% { opacity: 1; -webkit-transform: translate(0,0);}
}
@keyframes under_dh
{
0%   { opacity: 0; transform: translate(70px,0px);}
100% { opacity: 1; -webkit-transform: translate(0,0);}
}
/*--结束--*/
.underst_nr1 h2.sy_h2{ margin-bottom:5.781%; -webkit-transform: translate(70px,0); transform: translate(70px,0); opacity:0; -webkit-animation: under_dh 0.6s ease-out 0s 1 normal both; animation: under_dh 0.6s ease-out 0s 1 normal both;}
.underst_nr1 .p{ -webkit-transform: translate(70px,0); transform: translate(70px,0); opacity:0; -webkit-animation: under_dh 0.6s ease-out 0.5s 1 normal both; animation: under_dh 0.6s ease-out 0.5s 1 normal both;}
.underst_nr1 img{ -webkit-transform: translate(70px,0); transform: translate(70px,0); opacity:0; -webkit-animation: under_dh 0.6s ease-out 1s 1 normal both; animation: under_dh 0.6s ease-out 1s 1 normal both;}
.underst_nr1 img,.underst_nr3 img{ width:100%; height:auto; margin-bottom:5.781%;}
.underst_nr2{ margin-top:0.812%;}
.underst_nr2 h2{ -webkit-transform: translate(70px,0); transform: translate(70px,0); opacity:0; -webkit-animation: under_dh 0.6s ease-out 1.5s 1 normal both; animation: under_dh 0.6s ease-out 1.5s 1 normal both;}
.underst_nr2 h3{ font-size:16px; color:#121212; text-align:center; margin-bottom:5.781%; -webkit-transform: translate(70px,0); transform: translate(70px,0); opacity:0; -webkit-animation: under_dh 0.6s ease-out 2s 1 normal both; animation: under_dh 0.6s ease-out 2s 1 normal both;}
.underst_nr3 .xnav{ height:40px; line-height:40px; background-color:#232323; margin-bottom:4.687%; overflow:hidden; /*position:relative;*/}
.underst_nr3 .xnav a{ float:left; /*position:absolute;*/ height:40px; text-align:center; font-size:14px; overflow:hidden; box-shadow:2px 0 3px 0 #1d1d1d;}
.underst_nr3 .xnav a.cur{ background-color:#e60012; color:#fff; text-align:left; text-indent:6px;}
.underst_nr3 .xnav span.span2{ display:none;}
.underst_nr3 .wenz_nr{ display:none;}
.underst_nr4{ margin-top:15.312%;}
.underst_nr4 h2.sy_h2{ margin-bottom:5.156%;}
.underst_nr4 img{ display:block; width:28.375%; height:auto; margin:0 auto;}