body{margin:0; padding:0;font:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue", Arial, Helvetica,sans-serif;color:#262626;background-color:#f8f8f8;font-family:"Microsoft Yahei"; font-size:14px;}
ul,li{ list-style:none; padding:0; margin:0;}
*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
i{ font-style:normal;}
html {margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);font-size:14px;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {width:100%; margin:0 auto; padding:0 ;font-family:"Microsoft Yahei";}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
select::-ms-expand { display: none; }
/** {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*/
*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
textarea {overflow:auto;}
input:focus, textarea:focus, button:focus, select:focus {outline:none;}
input::-ms-clear {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block;vertical-align:baseline;}
audio:not([controls]) {display:none;height:0;}
[hidden], template {display:none;}
a {background:transparent;text-decoration:none; color:#333;}
a:active, a:hover, a:link,a:visited {outline:0;}
abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
dfn {font-style:italic;}
mark {color:#000;background:#ff0;}
small {font-size:80%;}
sub, sup {position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
svg:not(:root) {overflow:hidden;}
figure {margin:1em 40px;}
hr {height:0;-moz-box-sizing:content-box;box-sizing:content-box;}
pre {overflow:auto;}
code, kbd, pre, samp {font-family:monospace, monospace;}
button, input, optgroup, select, textarea {margin:0;font:inherit;}
button {overflow:visible;}
button, select {text-transform:none; border:0 none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
button[disabled], html input[disabled] {cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
input {line-height:normal;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
fieldset {padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0;}
legend {padding:0;border:0;}
optgroup {font-weight:bold;}
table {border-spacing:0;border-collapse:collapse;}
td, th {padding:0;}
a {text-decoration:none;}
*{margin:0;padding:0}
ul{ list-style:none; margin:0; padding:0;}
ul li{list-style:none; }
img{ margin:0; padding:0; border:0; vertical-align:bottom;border:0 none;}
h3{ font-size:4.5vw;}
/*公共部分*/
.clear{clear: both;}
.mmb{width: 100%;position: relative; }
.mcb{width: 1200px; margin: 0 auto; position: relative;z-index: 1; overflow: hidden}
.mcb2{width: 1200px; margin: 0 auto; position: relative;z-index: 1;}
.bg_w{background: #fff;}
.txt_c{text-align: center;}
/*end 公共部分*/
/*首页*/
/*轮播图*/
.floor{background-color: #494949; width:100%; overflow:hidden; min-width: 1200px;}
.slideBox{ position:relative;overflow:hidden;}
.slideBox .hd{ position:absolute; height:20px; line-height:20px;  bottom:2%; left:0; z-index:1; text-align:center;  width:100%; font-size:14px;}
.slideBox .hd ul li{  width:8px; height: 8px; background:#e0e0e0;  cursor: pointer; margin-right:10px; display:inline-block;*display:inline;behavior:url(../images/pie.htc); color:#e0e0e0; text-indent:-99999px; border-radius:50%;opacity: 0.5}
.slideBox .hd ul .on{  background:#fff;width:15px; height: 8px; color:#fff;border-radius: 20px;opacity: 1}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; float:left;}
.slideBox .bd li img{  vertical-align:top; width:100%}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
/*end 轮播图*/
.index_bg{background: url(../images/index_bg.png) repeat-y center top; overflow: hidden;}
.index_menu_hd{height: 75px;background: #fff}
h1{font-weight: normal;}
.index_menu_hd .head-logo{float: left;height: 100%;}
.index_menu_hd .head-logo+p{float: left;margin: 20px 0 0 20px;font-size: 24px;font-weight: bold;}
.index_menu{float: right;font-size: 16px;margin-right: 228px;}
.index_menu>a{ float: left;padding:26px 20px;}
.index_menu>a:hover,.index_menu a.active{color:#29a7e1;border-bottom: 2px solid; }
.index_menu_r{position: absolute;right: 0px}
.index_consultation{width:1224px ;padding: 18px 0;margin-right:-24px;overflow: hidden}
.index_consultation .eachBox{margin-right: 24px;border:1px solid #a9a9a9;height: 44px;float: left;width:250px;line-height: 44px;padding:0 0 0 12px;*width:370px; position: relative;}
.eachBox2{width:424px;}
.index_consultation .eachBox span{color:#4e4e4e}
.index_consultation .eachBox  input{background: transparent;border:0; }
.index_consultation input.submit{float: right; width: 140px; background: #4c4c4c;color: #fff;height: 42px;line-height: 42px; position: absolute;top:0;right:0;*height: 44px;*line-height: 44px;}
.index_consultation .eachBox .telInput{width: 150px; }
.index_m{margin-top: 16px;}
.index_fr{margin-top: 18px;}
.index_fr_hd{border-bottom: 1px solid #dcdcdc}
.index_fr_hd_l{background: #29a7e1;height: 90px;font-size: 30px;color: #fff;width:170px; float: left; line-height: 90px;text-align: center;}
.index_fr_hd_l a{color:#fff;}
.index_fr_hd_l1{height: 170px;line-height: 170px;}
.index_fr_hd_l2{width: 150px;}
.index_fr_hd_cb{float: left;padding:18px 18px 18px 20px; width: 600px;}
.index_fr_hd_cb1{padding:45px 18px 40px 20px;}
.index_fr_hd_c{ float: left; width: 100%;}
.index_fr_hd_c_t{font-size: 24px;}
.index_fr_hd_c_t1{font-size: 33px;}
.index_fr_hd_c_t label{color:#ff6028 }
.index_fr_hd_c_b{font-size: 16px;color:#808080 }
.index_fr_hd_c_b1{width: 100%;margin-top: 20px; float: left;}
.index_fr_hd_c_b span{margin-right: 12px;}
.index_fr_hd_r{float: right;padding:7.5px 0; width: 200px;}
.index_fr_hd_r1{padding:45px 0;}

.cust-needs{ width:100%;font-family: "Microsoft Yahei"; border-bottom:1px solid #F2F2F2; }
.cust-needs .needs-main{ width:1200px; margin:0 auto; }
.cust-needs .needs-context{ width:1200px; position:relative; overflow:hidden;}
.cust-needs .bg-trans{ width:100%; height:174px; background: url(../images/bg_trans_needs.png) center center no-repeat;}
.cust-needs .bg-trans ul { margin-left:-24px;}
.cust-needs .bg-trans ul li{ width:384px; float:left; margin-left:24px; *width:376px;}
.cust-needs .bg-trans ul li .icon{ text-align:center; height:110px; position:relative;}
.cust-needs .bg-trans ul li .icon img{ vertical-align:middle; position:absolute; left:50%; margin-left:-34px; bottom:25px;}
.cust-needs .d-col{ width:370px; height:44px; border:1px solid #A9A9A9; background:#F4F4F4; padding-left:12px; position:relative;}
.cust-needs .d-col:hover{background: #fff}
.cust-needs .d-col.d-col-select{ width:370px; /*padding-right:5px;*/}
.cust-needs .d-col .btn-submit{ width:130px; height:46px; display:block; position:absolute; top:-1px; height:44px; color:#fff; font-size:16px; background:#4c4c4c;right:-1px; line-height:44px; text-align:center; cursor:pointer;}
.cust-needs .d-col .btn-submit:hover{ background:#5d5d5d;}
.cust-needs .d-col .label{ font-size:16px; color:#4e4e4e; height:44px;  line-height:44px; display:inline-block;float:left;}
.cust-needs .d-col .cust-class{ float:left; height:24px; line-height:24px; margin-top:10px; width:300px; float:right;}
.cust-needs .d-col  .pro-class{ float:left; height:24px; line-height:24px; margin-top:10px;width:300px; float:right;}
.cust-needs .selectInput{ cursor:default;}
.cust-needs .d-col .s-input{ width:160px; height:20px; display:inline-block; float:left; margin-top:12px;}
.cust-needs .d-col .s-input input{ font-size:14px; color:#a4a4a4; border:0 none; outline:0 none; background:0 none; width:100%; height:20px; line-height:20px;}
.cust-needs .bg-trans p{ font-size:24px; color:#693d04; text-align:center; }
.cust-needs .bg-trans p img{ vertical-align:middle; margin-top:45px;}
@-webkit-keyframes flipOutY {
	0% {
	-webkit-transform:perspective(400px) rotateY(0deg);
	transform:perspective(400px) rotateY(0deg);
	opacity:1
}
100% {
	-webkit-transform:perspective(400px) rotateY(90deg);
	transform:perspective(400px) rotateY(90deg);
	opacity:0
}
}@keyframes flipOutY {
	0% {
	-webkit-transform:perspective(400px) rotateY(0deg);
	-ms-transform:perspective(400px) rotateY(0deg);
	transform:perspective(400px) rotateY(0deg);
	opacity:1
}
100% {
	-webkit-transform:perspective(400px) rotateY(90deg);
	-ms-transform:perspective(400px) rotateY(90deg);
	transform:perspective(400px) rotateY(90deg);
	opacity:0
}
}.flipOutY {
	-webkit-backface-visibility:visible!important;
	-ms-backface-visibility:visible!important;
	backface-visibility:visible!important;
	-webkit-animation-name:flipOutY;
	animation-name:flipOutY
}
@-webkit-keyframes slideInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-2000px);
	transform:translateY(-2000px)
}
100% {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes slideInDown {
	0% {
	opacity:0;
	-webkit-transform:translateY(-2000px);
	-ms-transform:translateY(-2000px);
	transform:translateY(-2000px)
}
100% {
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0)
}
}.slideInDown {
	-webkit-animation-name:slideInDown;
	animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100% {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes slideInLeft {
	0% {
	opacity:0;
	-webkit-transform:translateX(-2000px);
	-ms-transform:translateX(-2000px);
	transform:translateX(-2000px)
}
100% {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.slideInLeft {
	-webkit-animation-name:slideInLeft;
	animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(2000px);
	transform:translateX(2000px)
}
100% {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
}@keyframes slideInRight {
	0% {
	opacity:0;
	-webkit-transform:translateX(2000px);
	-ms-transform:translateX(2000px);
	transform:translateX(2000px)
}
100% {
	-webkit-transform:translateX(0);
	-ms-transform:translateX(0);
	transform:translateX(0)
}
}.slideInRight {
	-webkit-animation-name:slideInRight;
	animation-name:slideInRight
}
@-webkit-keyframes swing {
	20% {
	-webkit-transform:rotate(15deg);
	transform:rotate(15deg)
}
40% {
	-webkit-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
60% {
	-webkit-transform:rotate(5deg);
	transform:rotate(5deg)
}
80% {
	-webkit-transform:rotate(-5deg);
	transform:rotate(-5deg)
}
100% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
}@keyframes swing {
	20% {
	-webkit-transform:rotate(15deg);
	-ms-transform:rotate(15deg);
	transform:rotate(15deg)
}
40% {
	-webkit-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	transform:rotate(-10deg)
}
60% {
	-webkit-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	transform:rotate(5deg)
}
80% {
	-webkit-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg)
}
100% {
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg)
}
}
/*类似秋千摆动*/
.swing {
	-webkit-transform-origin:top center;
	-ms-transform-origin:top center;
	transform-origin:top center;
	-webkit-animation-name:swing;
	animation-name:swing
}
/*微信订制part*/
.idx_fr1{margin-top: 14px; float: left;padding:25px 0 30px;background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.6) 1%, rgba(255,255,255,0.6) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.6) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 1%,rgba(255,255,255,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#99ffffff',GradientType=0 );
}
.idx_fr1 li{width: 400px;text-align: center;float: left;padding:25px 60px; *padding:25px 0;}
.idx_fr1 li .iconBox{width: 75px; height: 75px; float: left;margin-right: 20px;*margin-left:60px;}
.idx_fr1 li span{height: 75px;line-height: 75px;float: left;}
.animated { -webkit-animation-duration: 1s;/*完成动画的时间*/ animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.animated.hinge3 { -webkit-animation-duration: 3s; animation-duration: 3s }
.animated.hinge5 { -webkit-animation-duration: 5s; animation-duration: 5s }
@-webkit-keyframes flipInX {
	0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
	40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) }
	70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) }
	100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 }
}
@keyframes flipInX {
	0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 }
	40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) }
	70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) }
	100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 }
}
.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX }
@-webkit-keyframes flipInY {
	0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
	40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) }
	70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) }
	100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
}
@keyframes flipInY {
	0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 }
	40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) }
	70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) }
	100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 }
}
.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY }
/*end 微信订制part*/
/*服务*/
.service{ width:100%; min-height:100px; height:1055px;}
.service .main{ width:1200px; margin:0 auto; position:relative; background: #fff;height: 865px;}
.service .illustration{ width:172px; height:90px; display:block; color:#ffffff; font-size:36px; position:absolute; left:0px; top:0px;
background:#06C645; text-align:center; line-height:90px;}
.service .line{ height:822px; width:940px; position:absolute; left:50%; margin-left:-470px; top:110px;}
.service .line .d-line1{ width:362px; height:210px; position:absolute; left:108px; top:-1px; z-index:1; overflow:hidden;}
.service .line .d-line1 span{  width:362px; height:207px;  position:absolute;overflow:hidden; top:210px; left:356px; }
.service .line .d-line2{ width:362px; height:210px; position:absolute; right:110px; top:-2px; z-index:1; overflow:hidden;}
.service .line .d-line2 span{ width:100%; height:0px; display:block; position:absolute; top:408px;overflow:hidden;}
.service .line .d-line3{width:4px; height:414px; position:absolute; right:110px; top:206px; z-index:1; overflow:hidden;}
.service .line .d-line3 span{ width:0px; height:414px;display:block;overflow:hidden;}
.service .line .d-line4{width:362px; height:210px; position:absolute; right:109px; top:619px; z-index:1;overflow:hidden;}
.service .line .d-line4 span{width:362px; height:0px;display:block;overflow:hidden;}
.service .line .d-line5{ width:360px; height:210px; position:absolute; left:109px; top:618px; z-index:1;overflow:hidden;}
.service .line .d-line5 span{ width:362px; height:0px;display:block;overflow:hidden;}
.service .line .d-line6{ width:4px; height:0px; position:absolute; left:110px; bottom:203px;  z-index:1; overflow:hidden;}
.service .line .d-line6 span{ width:4px; height:414px;display:block;overflow:hidden; position:absolute; left:0px; top:0px; overflow:hidden;}
.service .line .pro{ width:138px; height:150px; position:absolute; text-align:center; font-size: 14px;color:#585858; z-index:2; opacity: 0}
.service .line .pro p{margin-top: 5px;}
.service .line .pro1{ left:-50px; top:200px; }
.service .line .pro2{right:-50px; top:200px; }
.service .line .pro3{right:-50px; bottom:195px;  }
.service .line .pro4{left:402px; bottom:22px;  }
.service .line .pro5{left:-50px; bottom:195px;  }
.service .pic{ width:638px; height:782px; position:absolute; left:50%; margin-left:-319px; top:70px; z-index:3; overflow:hidden;}
.service .line .proimg{width:138px; height:138px;}
.service .pic div{ opacity:0;}

.service .pic .pic1{ width:300px; height:730px; display:block; position:absolute; left:46px; top:33px; background:url(../images/21.png) center center no-repeat; z-index:1;background-size: 80%;}

.service .pic .pic2{ width:300px; height:730px; display:block;left:170px; top:35px; position:absolute;background:url(../images/22.png) center center no-repeat;z-index:2;background-size: 80%;}

.service .pic .pic3{ width:300px; height:730px; display:block;left:265px; top:58px; position:absolute;background:url(../images/23.png) center center no-repeat; z-index:4;background-size: 80%;}

.service .pic .pic4{ width:300px; height:730px; display:block;left:346px; top:70px; position:absolute;background:url(../images/24.png) center center no-repeat; z-index:6;background-size: 80%;}

.service .txtBox{position: absolute;width: 100%;left: 0;bottom: -150px; z-index: 6;}
.service .txtBox .hd{color:#29a7e1;font-size: 20px; text-align: center;opacity: 0}
.service .txtBox .text{width: 32%; text-align: center;font-size: 14px;color: #a8a8a8; margin: 0 auto;line-height: 1.8;opacity: 0}
/*end 服务*/


/*订制流程*/
.index_fr3{height: 1034px;position: relative;}
.index_fr3_m{width: 1200px;margin: 0 auto;position: relative;}
.index_fr_hd_l3{height: 170px; width: 172px; line-height: 172px;}
.index_fr_hd_c_t3{font-size: 33px;}
.index_fr_hd_c2{font-size: 24px;color: #aaa;padding:12px 0; float: left;width: 100%}
.index_fr_hd_c_b3{font-size: 14px;color: #a8a8a8}
.index_fr_hd_c_b3 p{width: 72%}
.index_fr3 .idx_fr3_text{ width: 420px; float: left;margin-left: 30px; margin-top: 50px;}
.index_fr3 .idx_fr3_text ul{width: 100%; float: left;}
.index_fr3 .idx_fr3_text ul li{display: block;;opacity:0;padding-left:88px; *padding-left:80px;font-size: 33px;color: #262626;height: 50px; position: relative; padding-bottom: 105px;background: url(../images/26.png) no-repeat; padding-top: 5px; overflow: hidden;*padding-bottom: 50px}
/*.index_fr3 .idx_fr3_text ul li:after{content: "";background: url(../images/26.png) no-repeat;background-position:-22px -75px; width: 32px;height: 32px; position:absolute;top:55px;left:20px;z-index: 5}*/
.index_fr3 .idx_fr3_text ul li.li1{ background-position:0 -9px; }
.index_fr3 .idx_fr3_text ul li.li2{background-position:0 -112px; }
.index_fr3 .idx_fr3_text ul li.li3{background-position:0 -232px; }
.index_fr3 .idx_fr3_text ul li.li4{background-position:0 -338px; }
.index_fr3 .idx_fr3_text ul li.li5{background-position:0 -448px; }
.index_fr3 .idx_fr3_text ul li.li6{background-position:0 -560px; }
.index_fr3 .idx_fr3_text ul li.li7{background-position:0 -667px; }
.weixin_pic1{position:absolute;top:50px;right:0;z-index:3;opacity:0;width:1105px;}
/*end 订制流程*/
/*业务流程*/
.index_fr4_hd{padding-top:10px;font-size: 30px;}
.index_fr4_box{height: 490px; position: relative;width: 1200px;}
.index_fr4_img{position: absolute; right:-1200px;top:0;opacity: 0;height:490px;}
.index_fr4_iconbg1{background:url(../images/fr4_bg1.png) no-repeat center center; position: absolute;z-index: 1;width: 120px;height: 120px; text-align: center;margin: 0 auto; display: table;}
.index_fr4_iconbg2{background:url(../images/fr4_bg2.png) no-repeat center center;position: absolute;z-index: 1;width: 120px;height: 120px;text-align: center;margin: 0 auto;}
.idx_fr4_ic1{top:204px; left: 24px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic1>img,.idx_fr4_ic2>img,.idx_fr4_ic3>img,.idx_fr4_ic4>img,.idx_fr4_ic5>img,.idx_fr4_ic6>img,.idx_fr4_ic7>img,.idx_fr4_ic8>img,.idx_fr4_ic9>img,.idx_fr4_ic10>img,.idx_fr4_ic11>img,.idx_fr4_ic12>img{display: block; margin: 0 auto; text-align: center;margin-top: 5px;*padding-top: 8px;*margin-top: 0}
.idx_fr4_ic2{top:204px; left: 173px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic3{top:114px; left: 297px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic4{top:288px; left: 297px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic5{top:206px; left: 423px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic6{top:206px; left: 574px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic7{top:114px; left: 689px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic8{top:288px; left: 689px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic9{top:207px; left: 817px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic10{top:288px; left:945px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic11{top:114px; left:945px;padding:20px 0 0; opacity: 0}
.idx_fr4_ic12{top:207px; left:1067px;padding:20px 0 0; opacity: 0}
/*箭头*/
.idx_fr4_line{position: absolute;z-index: 0}
.idx_fr4_line1{top:252px;left: 123px; opacity: 0}
.idx_fr4_line2{top:195px;left: 264px;opacity: 0}
.idx_fr4_line3{top:290px;left: 264px;opacity: 0}
.idx_fr4_line4{top:195px;left:393px;opacity: 0}
.idx_fr4_line5{top:286px;left:394px;opacity: 0}
.idx_fr4_line6{ top:252px;left:523px;opacity: 0}
.idx_fr4_line7{top:195px;left: 653px;opacity: 0}
.idx_fr4_line8{top:222px;left: 740px;opacity: 0}
.idx_fr4_line9{top:289px;left: 788px;opacity: 0}
.idx_fr4_line10{top:278px;left:910px;opacity: 0}
.idx_fr4_line11{top:230px;left:995px;opacity: 0}
.idx_fr4_line12{top:188px;left:1038px;opacity: 0}
/*end 箭头*/

.idx_fr4_ics{position: absolute;z-index: 2;font-size: 14px;color:#787878;min-width: 120px; text-align: left; }
.idx_fr4_ics img{margin-left: 2px; vertical-align: middle;margin-right: 2px;}
.idx_fr4_ics1{top:-16px;left: -24px;}
.idx_fr4_ics2{top:95px;left: -24px;}
.idx_fr4_ics3{top:14px;left:-42px;}
.idx_fr4_ics4{top:3px;left: 70px;}
.idx_fr4_ics5{top:88px;left: 62px;}
.idx_fr4_ics6{top:-20px;left: 68px;}
.idx_fr4_ics6 p{margin-left: 20px;margin-top: 2px;}
.idx_fr4_ics7{top:92px;left: 50px;}
.idx_fr4_ics7 p{margin-left: -17px;margin-top: -4px;}
.idx_fr4_ics8{top:4px;left: 82px;}
.idx_fr4_ics9{top:65px;left: 90px;}
.idx_fr4_ics10{top:29px;left:-76px;}
.idx_fr4_ics11{top:10px;left:88px;}
.idx_fr4_ics12{top:10px;left:88px;}
/*end 业务流程*/
/*微信制作：品控篇*/
.idx_fr5_m,.idx_fr6_m{height:490px;padding:75px 0; position: relative;}
.idx_fr5_ul{padding:0 20px;}
.idx_fr5_ul li{width: 145px;float: left;position: relative; padding:0 14px; *width:109px; z-index: 1}
.idx_fr5_ul li .fr5hd{font-size: 16px;color:#8a8a8a; text-align: center; height: 100px;position: relative;}
.idx_fr5_ul li .fr5hd .first_hd{height: 21px;}
.idx_fr5_ul li .fr5hd p{text-align: center;}
.idx_fr5_ul li .fr5hd .last_hd{position: absolute;left: 0;bottom: 14px;width:100%;text-align: center;}
.idx_fr5_ul li .fr5hd .center_img{margin:5px 0;}
.idx_fr5_ul li .fr5hd .center_img img{margin: 0 5px;}
.idx_fr5_ul li .fr5Point{text-align: center; height: 41px;}
.idx_fr5_ul li .fr5Personnel{text-align: center; height: 90px;}
.idx_fr5_ul li .fr5Personnel img{height: 65px;}
.fr5Personnel p{font-size: 18px;color:#262626;}
.idx_fr5_ul li .fr5bottomBox{background: #ffefe9;padding:16px 5px;font-size: 15px;color: #8a8a8a; height: 113px; line-height: 1.7}
.fr5bottomBox p{font-size: 12px;text-align: center;}
.idx_fr5_jdx{position: absolute; top:190px;left:84px; z-index: 0}
.idx_fr5_fk{font-size: 16px;color: #8a8a8a;position: absolute;left:672px;top:75px; text-align: center; width: 146px; overflow: hidden; border-bottom: 1px solid #ff6028;height: 27px;*left:636px;*top:74px; *width: 137px;}
.idx_fr5_fk p{margin: 1px 0}
@-webkit-keyframes pulse {
	0% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
50% {
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
100% {
	-webkit-transform:scale(0.5);
	-ms-transform:scale(0.5);
	transform:scale(0.5)
}
}@keyframes pulse {
	0% {
	-webkit-transform:scale(0.5);
	-ms-transform:scale(0.5);
	transform:scale(0.5)
}
50% {
	-webkit-transform:scale(1.2);
	-ms-transform:scale(1.2);
	transform:scale(1.2)
}

100% {
	-webkit-transform:scale(0.5);
	-ms-transform:scale(0.5);
	transform:scale(0.5)
}
}/*脉冲*/.pulse {
	-webkit-animation-name:pulse;
	animation-name:pulse
}
@-webkit-keyframes rubberBand {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
30% {
	-webkit-transform:scaleX(1.25) scaleY(0.75);
	transform:scaleX(1.25) scaleY(0.75)
}
40% {
	-webkit-transform:scaleX(0.75) scaleY(1.25);
	transform:scaleX(0.75) scaleY(1.25)
}
60% {
	-webkit-transform:scaleX(1.15) scaleY(0.85);
	transform:scaleX(1.15) scaleY(0.85)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes rubberBand {
	0% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
30% {
	-webkit-transform:scaleX(1.25) scaleY(0.75);
	-ms-transform:scaleX(1.25) scaleY(0.75);
	transform:scaleX(1.25) scaleY(0.75)
}
40% {
	-webkit-transform:scaleX(0.75) scaleY(1.25);
	-ms-transform:scaleX(0.75) scaleY(1.25);
	transform:scaleX(0.75) scaleY(1.25)
}
60% {
	-webkit-transform:scaleX(1.15) scaleY(0.85);
	-ms-transform:scaleX(1.15) scaleY(0.85);
	transform:scaleX(1.15) scaleY(0.85)
}
100% {
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
}
/*橡皮筋*/
.rubberBand {
	-webkit-animation-name:rubberBand;
	animation-name:rubberBand
}
.idx_fr6_m_l{float: left;margin-left: 30px;margin-top: 20px; opacity: 0}
.idx_fr6_m_c{float: left;margin-left: 30px;margin-top: 130px;opacity: 0}
.idx_fr6_m_r{float: left;position: relative; width: 770px;height: 300px}
.idx_fr6_m_r img{position: absolute;}
.idx_fr6_m_r .img1{opacity: 0}
.idx_fr6_m_r .img2{right:12px;top:-30px;opacity: 0}
.idx_fr6_m_r .img3{right:25px;bottom:-45px;opacity: 0}
.idx_fr6_m_txt{text-align: center; color:#ff6028 ;font-size: 30px; width: 1200px;float: left;margin-top: 14px;opacity: 0}
@-webkit-keyframes rollIn {
	0% {
	opacity:0;
	-webkit-transform:translateX(-100%) rotate(-120deg);
	transform:translateX(-100%) rotate(-120deg)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px) rotate(0deg);
	transform:translateX(0px) rotate(0deg)
}
}@keyframes rollIn {
	0% {
	opacity:0;
	-webkit-transform:translateX(-100%) rotate(-120deg);
	-ms-transform:translateX(-100%) rotate(-120deg);
	transform:translateX(-100%) rotate(-120deg)
}
100% {
	opacity:1;
	-webkit-transform:translateX(0px) rotate(0deg);
	-ms-transform:translateX(0px) rotate(0deg);
	transform:translateX(0px) rotate(0deg)
}
}.rollIn {
	-webkit-animation-name:rollIn;
	animation-name:rollIn
}
@-webkit-keyframes lightSpeedIn {
	0% {
	-webkit-transform:translateX(100%) skewX(-30deg);
	transform:translateX(100%) skewX(-30deg);
	opacity:0
}
60% {
	-webkit-transform:translateX(-20%) skewX(30deg);
	transform:translateX(-20%) skewX(30deg);
	opacity:1
}
80% {
	-webkit-transform:translateX(0%) skewX(-15deg);
	transform:translateX(0%) skewX(-15deg);
	opacity:1
}
100% {
	-webkit-transform:translateX(0%) skewX(0deg);
	transform:translateX(0%) skewX(0deg);
	opacity:1
}
}@keyframes lightSpeedIn {
	0% {
	-webkit-transform:translateX(100%) skewX(-30deg);
	-ms-transform:translateX(100%) skewX(-30deg);
	transform:translateX(100%) skewX(-30deg);
	opacity:0
}
60% {
	-webkit-transform:translateX(-20%) skewX(30deg);
	-ms-transform:translateX(-20%) skewX(30deg);
	transform:translateX(-20%) skewX(30deg);
	opacity:1
}
80% {
	-webkit-transform:translateX(0%) skewX(-15deg);
	-ms-transform:translateX(0%) skewX(-15deg);
	transform:translateX(0%) skewX(-15deg);
	opacity:1
}
100% {
	-webkit-transform:translateX(0%) skewX(0deg);
	-ms-transform:translateX(0%) skewX(0deg);
	transform:translateX(0%) skewX(0deg);
	opacity:1
}
}.lightSpeedIn {
	-webkit-animation-name:lightSpeedIn;
	animation-name:lightSpeedIn;
	-webkit-animation-timing-function:ease-out;
	animation-timing-function:ease-out
}
/*end 微信制作：品控篇*/


/*成功案例*/
.idx_fr7_m{}
.idx_fr7_m .fr7_each{margin-top: 30px; height: 560px;position: relative;}
.fr7_each_bg{position: absolute;top:0;left: 0;z-index: -1}
.fr7_each_r{float: right;padding:50px 90px 0; width: 580px; position: relative; height: 560px;*width:400px; *height:510px;}
.fr7_each_logoL{width: 100%}
.fr7_each_logoL .fr7_logo{width: 165px;height: 165px;float: left;margin-right: 20px;}
.fr7_each_logoL .fr7_caseName{vertical-align: bottom;font-size: 20px;color: #585858; float: left;margin-top:60px;}
.fr7_caseName p{margin-top: 15px;}
.fr7_caseBrief{margin-top: 20px; float: left;width: 100%; height: 175px;overflow: hidden;}
.fr7_caseBrief p{color:#585858;font-size: 14px; line-height: 1.8;}
.fr7_r_b{position: absolute;bottom:40px; width:400px; left: 90px; height: 100px;}
.fr7_r_b .linfo{float: left;font-size: 14px;color: #585858;margin-top: 20px;}
.fr7_r_b .linfo p{line-height: 2;}
.fr7_r_b .rewm{float: right; width: 100px;height: 100px; margin-right: 45px; background: #fff;}
.fr7_r_b .rewm img{width: 100%}
/*end 成功案例*/


/*新闻资讯*/

.idx_fr8_floor{position:relative; background:#fff}
.idx_fr8_floor .slideBox .bd ul{padding:30px 30px; overflow: hidden; margin-right: -120px;}
.idx_fr8_floor .slideBox .hd ul li{  width:18px; height: 18px; background:#29a7e1;  cursor: pointer; margin-right:10px; display:inline-block;*display:inline;behavior:url(../images/pie.htc); color:#e0e0e0; text-indent:-99999px; border-radius:50%;opacity: 0.5}
.idx_fr8_floor .slideBox .hd ul .on{  background:#29a7e1;width:18px; height: 18px; color:#fff;border-radius: 20px;opacity: 1}

.idx_fr8_floor .slideBox .bd li a{float: left;margin-right: 120px; width: 300px;}
.news_img{width: 300px;height:180px;}
.news_hd{font-size: 16px;color: #444;text-align: left;height:30px;line-height:25px;overflow:hidden}
.news_date{font-size: 12px;color: #666;text-align: left;}
/*新闻资讯*/

/*合作伙伴*/
.idx_fr9{position: relative;}
.idx_fr9_r{float: left; width: 1050px; overflow: hidden;}
.idx_fr9_r a{float: left;margin-left: -2px; background:#fff;}
.idx_fr9_r a img {
	-webkit-filter:grayscale(100%);
	-webkit-filter:grayscale(1);
	-ms-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	opacity: 0.4;
	transition-duration: 0.4s;
	transition-property: all;
	border:1px solid #dcdcdc;zoom:1
}
.idx_fr9_r a:hover{border-color: #bcbcff}
.idx_fr9_r a:hover img {
	-webkit-filter:grayscale(0);
	-webkit-filter:grayscale(0);
	-ms-filter:grayscale(0);
	filter:grayscale(0);
	filter:none;
	opacity:1;
	filter:alpha(opacity=100); 

	border:1px solid #bcbcff;zoom:1
}
/*end 合作伙伴*/

/*end 首页*/

/*底部*/
.footer_t{background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.3) 1%, rgba(255,255,255,0.3) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.3) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 1%,rgba(255,255,255,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#4dffffff',GradientType=0 );
height:auto; width: 100%;margin-top: 28px;}
.footer_m{padding:30px 0 0;}
.footer_logo{float: left;height: 60px;}
.footer_menu{float: left;margin-top: 14px;margin-left: 40px;}
.footer_menu a{margin-right: 30px;font-size: 12px;color: #96989f}
.footer_ewm{float: right;margin-right: 18px; width: 210px;}
.footer_ewm span{margin-top: 40px; font-size: 14px;color: #585858; float: left;}
.footer_ewm .ewmImg{float: right; width: 88px;height: 88px;margin-left: 20px;}
.footer_ewm .ewmImg img{width:100%;height:100%}
.footer_copy{font-size: 12px;color: #444444;text-align: center;}
/*底部*/

@media only screen and (max-width:1366px),
only screen and (max-device-width:1366px)
{
.weixin_pic1{ width:690px;}	
}

/*联系我们*/
.fcontact_banner{width: 100%;min-width: 1200px;}
.fcontact_banner img{width: 100%}
.fcontact_hd{text-align: center;padding:40px 0;}
.fcontact_hd span{font-size: 28px;color: #29a7e1;padding:0 15px; vertical-align: middle;}
.fcontact_hd img{vertical-align: middle;}
.fcontact_main_left,.fcontact_main_center,.fcontact_main_right{float:left;}
.fcontact_main_left{width: 525px;height: 423px;}
.fcontact_main_center{width: 327px;}
.fcontact_main_right .content{background: url(../images/contact_img5.png) no-repeat center center; color: #fff;height: 214px;padding:20px;width: 330px;}
.fcontact_main_right .content .hd{font-size: 18px;text-align: center;}
.fcontact_main_right .content .address{margin-top: 20px;font-size: 14px;line-height: 1.8}
.fcontact_main_right .content .addres1{font-size: 14px;line-height: 1.8}
.fcontact_main_addr{width: 100%;margin-top: 55px;}
.fcontact_main_addr img{width: 100%}
/*end 联系我们*/
/*服务*/
.fservice{}
.fservice .service1 .hd{margin-top: 50px;margin-bottom: 25px;}
.service1 .hd .bighd{font-size: 29px;color: #262626;text-align: center;}
.service1 .hd .smallhd{color:#a8a8a8;font-size: 14px;text-align: center;}
.fservice .dzservice{padding:55px 0;width: 100%;}
.dzservice ul{width: 100%; float: left;}
.dzservice ul li{width:321px;float: left;margin: 10px 39.5px;background:#f7f7f7;height: 321px;padding:35px;overflow: hidden;*width: 252px;*height: 252px;}
.dzservice ul li .iconbox{width: 100px;height: 100px;background:url(../images/service_iconbg.png) no-repeat bottom center;margin:0 auto;text-align: center;position: relative;}
.dzservice ul li .iconbox img{position: absolute;margin:0 auto;text-align: center;bottom:30px;left:15px;}
.dzservice ul li .servicehd{font-size: 16px;color: #444444;text-align: center;margin-top:10px;}
.dzservice ul li .servicetxt{font-size: 13px;color:#999999;margin-top: 20px;line-height: 1.8}
.service2{background:url(../images/service2bg.png);width: 100%;padding:80px 0;text-align: center;}
.service2 .numberBox{width: 100%;}
.service2 .numberBox li{float: left;width: 33.3%; text-align: center;}
.service2 .numberBox li .p1{font-size: 70px;color: #1fc8ff;vertical-align: middle;}
.service2 .numberBox li .p1 span{font-size: 40px;vertical-align: middle;}
.service2 .numberBox li .p1 label{vertical-align: middle;}
.service2 .numberBox li .p2{font-size: 14px;color: #1fc8ff;}
.service2 .cenlogo{text-align: center;margin:0 auto;}
.service2 .botmbox{text-align: center;margin-top: 30px;}
.service2 .botmbox .hd{font-size: 34px;color:#1fc8ff; }
.service2 .botmbox .hdtxt{font-size: 14px;color:#1fc8ff;}
.fservice .service3 .hd{margin-top: 50px;}
.service3 .hd .bighd{font-size: 29px;color: #262626;text-align: center;}
.service3 .hd .smallhd{color:#a8a8a8;font-size: 14px;text-align: center;}
.service3 .hdtxt{font-size: 15px;color:#787878;text-align: center;margin: 0 auto;width: 45%;margin-top: 40px;}
@-webkit-keyframes bounceIn {
	0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) }
	50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) }
	70% { -webkit-transform: scale(.9); transform: scale(.9) }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}
@keyframes bounceIn {
	0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
	50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
	70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) }
	100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceInDown {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) }
	60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) }
	80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
	100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes bounceInDown {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) }
	60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) }
	80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) }
	100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) }
	60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) }
	80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) }
	100% { -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes bounceInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) }
	60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) }
	80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) }
	100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight {
	0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) }
	60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) }
	80% { -webkit-transform: translateX(10px); transform: translateX(10px) }
	100% { -webkit-transform: translateX(0); transform: translateX(0) }
}
@keyframes bounceInRight {
	0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) }
	60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) }
	80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) }
	100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) }
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp {
	0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) }
	60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) }
	80% { -webkit-transform: translateY(10px); transform: translateY(10px) }
	100% { -webkit-transform: translateY(0); transform: translateY(0) }
}
@keyframes bounceInUp {
	0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) }
	60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) }
	80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) }
	100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut {
	0% { -webkit-transform: scale(1); transform: scale(1) }
	25% { -webkit-transform: scale(.95); transform: scale(.95) }
	50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) }
	100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) }
}
@keyframes bounceOut {
	0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) }
	25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) }
	50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
	100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) }
}
/*end 服务*/
/*方案*/
/*位置*/
.location{height: 45px;line-height: 45px;}
.location a{font-size: 14px;color: #000}
.location span{font-size: 14px;color:#9b9b9b;margin:0 5px;}
.ffa_main{}
.ffa_main_box{width: 100%;min-width:1300px;}
.ffa_main_box img{width: 100%}
/*end 位置*/

/*end 方案*/

.clearfix:before,.clearfix:after{content: ''; height: 0; line-height: 0; clear: both; display: block; visibility: hidden;}
.clear{clear:both;}
.width_total_100{width:100%; text-align:center; margin:0 auto; min-width:1200px;  position:relative; z-index:0;}
.w_container{width:1200px; margin:0 auto; position:relative;}

.marginRight0{margin-right:0!important;}
.marginBottom0{margin-bottom:0!important;}
.borderNone{border:none!important;}


/*关于*/
.w_aboutMiddle{width:100%;}
.w_aboutMtp1{height:610px; background:url(../images/w_02.jpg) no-repeat center center;}
.w_aboutMtp1 .mcb{height:610px;}
.w_abtMt1_left{float:left; width:50%; padding:80px 30px 80px 50px;}
.w_abtMt1Left_per{margin-bottom:100px;}
.w_abtmt1_ti{font-size:24px;}
.w_abtmt1_ti2{font-size:16px; height:30px; line-height:30px;}
.w_abtmt1_ti2 span{display:inline-block; border-bottom:#46BCC7 1px solid;}
.w_abtmt1_con{font-size:14px; margin-top:30px; line-height:24px;}
.w_abtMt1_right{float:right; width:500px; height:450px; padding-top:80px;}
.w_abtMt1_right img{width:100%;}
.w_aboutMtp2{height:680px; background:url(../images/w_04.jpg) no-repeat center center;}
.w_aboutMtp2 .mcb{height:680px;}
.w_aboutMtp2_main{padding:50px 80px 50px 100px; height:680px;}
.w_abtmt2_ti{text-align:center; float:left; width:100%;}
.w_abtmt2_img1{float:left; width:450px; height:450px;}
.w_abtmt2_img1 img{width:100%; margin-top:-80px;}
.w_abtmt2_con{float:right; width:530px; text-align:left; font-size:14px; line-height:24px; padding-top:150px;}

.w_abtm2_bot{position:absolute; width:100%; bottom:50px; left:0;}
.w_abtmt2_come{width:160px; height:160px; line-height:160px; background:url(../images/w_07.png) no-repeat center center; color:#fff; font-size:24px; margin:0 auto; text-align:center;}
.w_abtmt2_hint{margin-top:40px; text-align:center; width:100%;}
/*关于*/


/*案例*/
.w_caseMiddle{position:relative; width:100%; height:1800px; background:url(../images/w_13.jpg) no-repeat center center;}
.w_caseMid_ti{font-size:30px; padding:50px 0; text-align:center;}
.w_caseMid_ti p{font-size:14px; color:#a1a1a1; margin-top:5px;}
.w_caseMid_ul{overflow:hidden;}
.w_caseMid_ul li{float:left; width:280px; height:750px; margin:0 10px; background:#fff; padding:10px 12.5px 20px 12.5px; text-align:center; margin-bottom:20px;}
.w_caseMid_show{width:255px; height:455px; position:relative;}
.w_caseMid_img{width:255px; height:455px;}
.w_caseHover{position:absolute; width:255px; height:455px; top:0; left:0; text-align:center; background:url(../images/w_14.png) no-repeat center center; color:#fff;}
.w_caseMid_code{width:100px; height:100px; margin-bottom: 5px; margin-top:156px;}
.w_caseMid_font{font-size:14px; color:#fff; line-height:24px;}

.w_caseMid_more{}
.w_caseMid_ti2{overflow:hidden; margin:20px auto 15px;}
.w_caseMid_head{float:left;}
.w_caseMid_head img{width:90px; height:90px;}
.w_caseMid_name{float:right; width:155px; font-size:16px; text-align:left; margin-top:35px;}
.w_caseMid_name div{margin-bottom: 5px;}
.w_caseMid_name div,.w_caseMid_name p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.w_caseMid_con{font-size:14px; color:#999999; line-height:24px; text-align:left; height:160px;}

/*page*/
.w_page{position:absolute; width:100%; left:0; bottom:100px; height:35px; text-align:center;}
.w_page a{display:inline-block; text-align:center; width:35px; height:35px; line-height:35px; font-size:14px; color:#29a7e1; border:#29a7e1 1px solid; margin-left:5px;}
.w_pagePre,.w_pageNext{width:75px!important;}
.w_pageMore{width:45px!important; border:none!important; color:#262626!important;}
.w_pageActive{border:none!important;}
/*案例*/


/*方案顶部显示下拉*/
.index_menu {position:relative;}
.w_fangAn{position:absolute; top:75px; width:426px; height:219px; background:url(../images/w_15.png) no-repeat center center; z-index:10000;display: none}
.w_fangAn_ti{text-align:center; font-size:16px; color:#4e4e4e; border-bottom:#DFE2E4 1px solid; height:55px; line-height:65px; margin:0 10px;}
.w_fangAn ul{overflow:hidden; padding:0 73px; padding-top:20px;margin-right: -20px;}
.w_fangAn ul li{float:left; width:80px; height:35px; font-size:16px; color:#666666; text-align:center; line-height:35px; margin-bottom:15px; background:#EEEEEE; margin-right:20px;}
.w_fangAn ul li a{font-size:16px; color:#666666; display:block;}
#head-fa{left:252px;}
#head-wz{left:0px;}
#head-lx{left:420px;}



.container {margin: 0 auto; text-align: center;width: 96%;}

.container h2 {
    color: #333;
    font-size: 30px;
}
.news-nav {
    list-style: outside none none;
    padding: 0;
    text-align: center;
	margin:0 auto;
	width:auto;
	clear:both;
}
.news-nav li {
    display: inline-block;width:100px;border: 1px solid #dddddd;background:#fff;
}

.newss {
    list-style: outside none none;
    padding: 10px;
	margin:0 auto;clear:both;
}

.newss li {
    clear: none;
    display: block;
    float: left;
    height: 398px;
    margin: 10px 16px;
    overflow: hidden;
    position: relative;
    width: 260px;
    z-index: 1;
}
.newss li img {
    margin: 0 0 10px;
    width: 280px;
}
.newss li strong {
    display: block;
    font-size: 16px;
    padding: 10px 0 10px;
    text-align: center;
}
.newss li strong a {
    color: #00a0ea;
}
.newss li p{text-align:left;}
.article p {
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 18px;
    text-indent: 2em;float:left;
}

.news-nav {
    list-style: outside none none;
    padding: 0;
    text-align: center;
}
.news-nav a {
    color: #8a8a8a;
    display: block;
    font-size: 16px;
    padding: 4px 14px;
}
#pages {
	padding:0;
	text-align:center;
	clear:both;
	padding-top:30px;
	margin-bottom:30px;
	height:30px;
}
#pages a {
	display:inline-block;
	padding:0px 8px;
	height:24px;
	font-size:12px;
	line-height:24px;
	background:#fff;
	text-align:center;
	color:#ccc;
	margin-right:5px;
	font-family: "Courier New", Courier, monospace;
	border:1px solid #ddd;
}
#pages a.a1 {
	padding:0px 12px;
	height:24px;
	line-height:24px;
	margin-top:0px;
	border:none;
	background:none;
	color:#ccc;
}
#pages a.a1:hover {
	border:none;
	background:none;
	color:#ccc;
}
#pages a:hover {
	background:#A0A0A0;
	color:#fff;
	text-decoration:none;
}
#pages span {
	display:inline-block;
	padding:0px 8px;
	height:24px;
	font-size:12px;
	line-height:24px;
	background:#fff;
	text-align:center;
	color:#333;
	margin-right:5px;
	border:1px solid #ddd;
}
.page .noPage {
	display:inline-block;
	padding:0px 12px;
	height:22px;
	line-height:22px;
	border:1px solid #e3e3e3;
	text-align:center;
	color:#a4a4a4;
}
.detail-body {
    float: left;
    margin-right: 15px;
    width: 100%;
}
.detail-body {
    margin-bottom: 10px;
}
.bg-white {
    background: #fff none repeat scroll 0 0;padding:20px
}
.mainer {
    margin: 20px auto;
}
.detail-fixed {
    margin-left: 754px;
    position: fixed;
    top: 0;
}
.detail-more {
    float: left;
    width: 100%;
}
.detail-more {
    padding: 10px;
}
.detail h1 {
    color: #333;
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
}

.detail .note {
    border-bottom: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px 0;
}

.detail .note span {
    display: inline-block;
    margin-right: 20px;
}
.detail .detail-content {
    padding: 10px;
}
.detail .source {
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
    padding-bottom: 20px;
}
.detail-more .r-tit{
	margin: 10px 0 6px;
	font-size: 16px;
	font-weight: bold;
}
.detail .detail-more ul {
    margin: 0 20px;
}
.detail .detail-more li {
	float: left;
	width: 49%;
	margin: 6px 0;
    border-bottom: 1px dashed #ccc;
    
    
}
.detail .detail-more li:nth-child(odd){
	float: left;
}
.detail .detail-more li:nth-child(even){
	float: right;
}
.detail .detail-more li p{
	float: left;
	width: calc(100% - 100px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.detail .detail-more li span{
	float: right;
	width: 100px;
	text-align: right;
}

.tail{
	margin: 4px 0;
}
.tail a{margin: 0 4px;}