/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
*{/*box-sizing:content-box;*/}
html,body{height:100%;}
html { font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {
    background-color: #fff;
    color: #000;
    font-family: "微软雅黑","Microsoft YaHei","宋体","Arial","Helvetica";
    letter-spacing: 0;
    margin: 0;
}
.body{ font-size: 14px;}
body, div, span, object, iframe, 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,h1,h2,h3,h4,h5,h6{ padding:0; margin:0;}
ul,ol,ul li,ol li{list-style:none; margin:0; padding:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, 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; }
canvas {pointer-events: none;}
a{  background-color: transparent; text-decoration:none; -webkit-tap-highlight-color: rgba(255,255,255,0);-webkit-touch-callout: none;-webkit-user-select: none;}
a:hover{text-decoration:underline;}
a:active,a:hover {  outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
img{vertical-align:bottom;}
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;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}
figure {  margin: 1em 40px;}
hr {  height: 0;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;   box-sizing: content-box; }
pre {  overflow: auto;}
code, kbd, pre, samp {  font-family: monospace, monospace;  font-size: 1em; }
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit; }
button { overflow: visible; }
button,select {  text-transform: 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; outline:none;}
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  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; }
fieldset {  padding: .35em .625em .75em;  margin: 0 2px;  border: 1px solid #c0c0c0;}
legend {  padding: 0;  border: 0; }
textarea {  overflow: auto; outline:none;}
optgroup {  font-weight: bold; }
table { border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0; }
.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.clear{ clear:both; height:0; overflow:hidden;}
/*------------------新字体-------------------*/
#cirPanel {
    display: block;
    list-style-type: none;
    right:80px;
    margin-top: -100px;
    position: fixed;
    top: 50%;
	z-index:1000;
}
#cirPanel li {
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 34px;
    width: 34px;
	position:relative;
}
#cirPanel li:hover {
    background-image: url("../image/cir_over.png");
}
#cirPanel li .text {
    color: #00fe98;
    font-size: 14px;
    overflow: hidden;
    text-align: right;
    top: 9px;
    white-space: nowrap;
    width: 0;
	position:absolute; 
    right:38px;
}
#cirPanel li:hover .text{width:200px; transition: all 0.1s;-moz-transition: all 0.1s; -webkit-transition: all 0.1s;-o-transition: all 0.1s;}
.cir_out {
    background-image: url("../image/cir_out.png");
}
.cir_over {
    background-image: url("../image/cir_over.png");
}
.t {
    transition: all 0.5s ease-in-out 0s;
}
/*----------------header----------------------*/
.header{ position:fixed; top:0; right:0; left:0; color:#fff; z-index:9; }
.header .headerbg{position:absolute; top:0; right:0; bottom:0; left:0; background:#035547; opacity:0.22; *filter:alpha(opacity=22); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=22);transition: all 2s;
-moz-transition: all 2s; 
-webkit-transition: all 2s;
-o-transition: all 2s;}
.header .header_in{position:relative; z-index:1;}
.header .header_in .logo{  position:absolute; left:6.25%;}
.header .header_in .contact_tel{ position:absolute; top:38px; right:14%; font-size:24px; color:#fff; font-weight:bold; font-style:italic;}
.header .header_in .contact_tel .icon_tel_hearder{ display:inline-block; *display:inline; *zoom:1; width:26px; height:26px; background:url(../image/icon_tel_hearder.png) no-repeat center; vertical-align:middle; margin-right:5px;}
.header .header_in .sign{ position:absolute; top:44px; right:6.25%;}
.header .header_in .sign a{ padding:0 10px; color:#fff;}
.header .header_in .sign a:hover{ color:#8FF9E3;}
.nav_bar{text-align:center; padding:10px 27% 0 20%; }
.nav_bar li{ float:left; width:14.285%; text-align:center;}
.nav_bar li a{ color:#fff; line-height:88px; display:block; font-size:15px; text-decoration:none;}
.nav_bar li.cur a,.nav_bar li:hover a{ color:#8FF9E3;}
.header_other{ position:relative; background:#FFFFFF; box-shadow:0 1px 5px rgba(6,0,1,0.14); -moz-box-shadow:0 1px 5px rgba(6,0,1,0.14); -webkit-box-shadow:0 1px 5px rgba(6,0,1,0.14);}
.header_other .header_in .sign a{color:#6b6b6b;}
.header_other .header_in .sign a:hover{ color:#8FF9E3;}
.panel_nav_mask{position:fixed; left:0; right:0; top:0; bottom:0; z-index:999; background:#000; opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); display:none; }
.nav_tel{ position:fixed;left:-70%; top:0; bottom:0; width:70%; background:#fff; z-index:1000;}
.nav_tel ul{ display:block; overflow:auto; height:100%;}
.nav_tel li{}
.nav_tel li a{ display:block; line-height:2.5em; font-size:100%; color:#333; padding:0 1em; text-decoration:none;}
.nav_tel li.cur a,.nav_tel li:hover a{ background:#01E188; color:#fff;}
.mobile-nav{ display:none; top:50%; left:2em; margin-top:-0.4rem; position:absolute; z-index:1000; cursor:pointer;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; -webkit-user-select: none;}
.mobile-nav .icon_menu{ display:block; width:0.8rem; height:0.8rem; background:url(../image/icon_menu.png) no-repeat; background-size:0.8rem 0.8rem;}
.stock{ position:absolute; right:6.25%; top:5px; font-size:12px;}
.stock span{font-size:16px; color:#F0DE00;}
/*-------------------------banner----------------------*/
.bannerBox{position:relative; overflow:hidden;}
.bannerBox .imgdiv{background-position:center center; background-repeat:no-repeat; position:relative;}
.bannerBox .imgdiv .bn_text{position:absolute; left:13%; right:5%; top:50%; margin-top:-220px;}
.bannerBox .imgdiv .bn_text img{ max-width:100%;}
.bannerBox .imgdiv .bn_text .bn_btn{ position:absolute; left:3px; font-size:24px; line-height:2.2;}
.bannerBox .imgdiv .bn_text .bn_btn:hover{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s; }
.bannerBox .imgdiv .bn_text .bn_btn1{ top:75%; border:2px solid #fff; color:#fff; padding:0 1.8em; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.bannerBox .imgdiv .bn_text .bn_btn1:hover{ background:#fff; color:#1FC1C3;}
.bannerBox .imgdiv .bn_text .bn_btn2{ top:86%; border:2px solid #fff; color:#fff; padding:0 1.8em; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.bannerBox .imgdiv .bn_text .bn_btn2:hover{ background:#fff; color:#2677E2;}
.bannerBox .imgdiv .bn_text .bn_btn3{ top:65%;border:2px solid #abddfb; color:#abddfb; padding:0 2em;}
.bannerBox .imgdiv .bn_text .bn_btn3:hover{background:#abddfb; color:#1767DA;}
.banner li{ position:relative; float:left; width:100%;}
.banner li a{ display:block;}
.banner .pageState{ text-align:center; margin:0 10px;left:0; right:0; position:absolute; bottom:10px; z-index:9; }
.banner .pageState span{ display:inline-block; *zoom:1; height:8px; width:8px;  background:#CCCCCC; margin:2px 10px; cursor:pointer; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; -webkit-user-select: none; }
.banner .pageState span.active{ background:#01E087; width:12px; height:12px;margin:0 10px;}
.tomain{ position:absolute; left:50%; margin-left:-18px; width:36px; height:36px; bottom:50px; cursor:pointer; background: url(../image/main.png) no-repeat center; z-index:1;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
.tomain span{ position:absolute; left:36px; color:#fff; white-space:nowrap; top:10px; display:none;}
.tomain:hover span{display:block;}
.banner li .textBox{ position:absolute; top:50%; margin-top:-250px; left:0; right:0; text-align:center; z-index:1; color:#fff;}
.banner li .textBox .bigfont{ font-size:60px; font-weight:500; margin-bottom:35px;}
.banner li .textBox .middlefont{ font-size:28px; margin-bottom:35px;}
.banner li .textBox .smallfont{ margin-top:10px; font-size:14px;}
.banner li .textBox .button_create{margin-top:40px;}
.banner li .textBox .button_create a{display:inline-block; *display:inline; *zoom:1; padding:20px 50px; background:#01e188; color:#171612;  font-weight:bold; text-decoration:none;}
.banimg_1{position:absolute; width:138px; height:138px; bottom:150px; left:-30px;}
.banimg_2{position:absolute; width:90px; height:90px; bottom:320px; left:100px;}
.banimg_3{position:absolute; width:64px; height:64px; bottom:210px; left:145px;}
.banimg_4{position:absolute; width:144px; height:144px; bottom:240px; right:-40px;}
.banimg_5{position:absolute; width:98px; height:98px; bottom:390px; right:120px;}
.banimg_6{position:absolute; width:65px; height:65px; bottom:40px; right:110px;}
.banimg_1 img,.banimg_2 img,.banimg_3 img,.banimg_4 img,.banimg_5 img,.banimg_6 img{ max-width:100%;}

.inbanner{ padding-top:98px; background-position:center center; background-repeat:no-repeat;}
.inbanner .inbn_text{ max-width:1300px; margin:0 auto;}
.inbanner img{ max-width:100%;}
.banner_news{ background-image:url(../image/banner_news.jpg);}
.banner_aboutUs{ background-image:url(../image/banner_aboutUs.jpg);}
.banner_case{ background-image:url(../image/banner_case.jpg);}
.banner_theme{ background-image:url(../image/banner_theme.jpg);}
.banner_solution{ background-image:url(../image/banner_solution.jpg);}
/*-------------------------main----------------------*/
.main{overflow:hidden;}
.main img{max-width:100%;}
.main .section{ padding-top:82px; box-sizing:border-box; }
.main .section1{background:url(../image/sec1bg.png) no-repeat center top;}
.main .section2,.main .section_profession{background:url(../image/adbg.png) no-repeat center bottom #fff;}
.main .section5,.main .section_interface{ position:relative; overflow:hidden;}
.main .section6,.main .section_advantage{background:url(../image/sec4bg.png) repeat-x center bottom;}
.main .section7,.main .section_sys{background:url(../image/sec5bg.png) repeat-x center bottom; }
.main .section8{padding-bottom:82px;}
.main .section9,.main .section_aboutUs{padding-top:0;}
.title_x{text-align:center; margin-bottom:80px;}
.section_adnews .title_x{ margin-bottom:50px;}
.title_x h3{ font-size:48px; color:#01e188; margin-bottom:25px; font-weight:500;}
.title_x p{ color:#cacaca; font-size:24px; font-weight:300;}
.feature{padding:0 4%; max-width:1600px; margin:0 auto 120px;}
.feature li{ float:left; width:33.33%;}
.feature li .item{padding:0 5.4%; position:relative;}
.feature li .text{ position:absolute; left:8%; top:50%; margin-top:-31px; color:#fff; line-height:1.3;}
.feature li .text h4{ font-size:30px; font-weight:bold;} 
.feature li .text .text_p{ font-size:18px;}
.feature li .text .text_p i{ display:inline-block; *display:inline; zoom:1; width:18px; height:18px; vertical-align:middle; margin-left:10px;}
.feature li .text .text_p i.icon_green{ background:url(../image/we1_1.png) no-repeat center;}
.feature li .text .text_p i.icon_blue{ background:url(../image/we2_2.png) no-repeat center;}
.feature li .text .text_p i.icon_orange{ background:url(../image/we3_3.png) no-repeat center;}
.theme_list_x{margin-bottom:20px; overflow:hidden;}
.theme_list_x ul{overflow:hidden;}
.theme_list_x li{ float:left; width:20%; *width:19.98%; overflow:hidden;}
.theme_list_x li .item{ position:relative;  min-height:240px; overflow:hidden;}
.theme_list_x li .item a{ display:block;}
.theme_list_x li .item .text{ position:absolute; width:100%; height:100%; bottom:-100%; left:0; }
.theme_list_x li:hover .item .text{ bottom:0;transition: bottom 0.5s;
-moz-transition: bottom 0.5s; 
-webkit-transition: bottom 0.5s;
-o-transition: bottom 0.5s; }
.theme_list_x li .item .text .mask{position:absolute; left:0; right:0; top:0; bottom:0; background:#090909;opacity:0.74; *filter:alpha(opacity=74); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=74); }
.theme_list_x li .item .text .textBox{position:absolute; z-index:1; left:0; right:0; text-align:center; top:50%; margin-top:-114px;}
.theme_list_x li .item .text .textBox .viewimg .icon_view{ display:inline-block; *display:inline; *zoom:1; width:64px; height:34px; background:url(../image/view.png) no-repeat center;}
.theme_list_x li .item .text .textBox .template_num{}
.theme_list_x li .item .text .textBox .template_num span{display:inline-block; *display:inline; *zoom:1; padding:10px 8px; border-top:1px solid #797877;  color:#bdbdbd;}
.theme_list_x li .item .text .textBox .template_num span em{ font-style:normal;}
.theme_list_x li .item .text .textBox .erweima{margin-top:15px;}
.theme_list_x li .item .text .textBox .erweima img{max-width:110px;}
.theme_list_x li .item .text .textBox .erweima p{ margin-top:7px; color:#fff; font-size:12px;}
.theme_list_x .slide_btn .theme_more{width:80px; text-align:center; font-size:14px; display:inline-block;*display:inline; *zoom:1; vertical-align:middle; color:#444; height:30px; line-height:30px;border:1px solid #444; margin:0 5px; text-decoration:none;}
.theme_list_x .slide_btn .theme_more:hover{border-color:#33d8af; color:#33d8af;}
.theme_list_x .slide_btn{ margin-top:10px; text-align:center;}
.theme_list_x .slide_btn >div{ display:inline-block; *display:inline; *zoom:1; width:30px; height:30px; background-size:contain; background-repeat:no-repeat; margin:0 5px; cursor:pointer; border:1px solid #444; background-position:center; vertical-align:middle;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none; }
.theme_list_x .slide_btn .slide_lx{background-image:url(../image/slide_lx.png);}
.theme_list_x .slide_btn .slide_rx{background-image:url(../image/slide_rx.png);}
.sec3_1{position:absolute; width:166px; height:166px; top:250px; left:-60px;}
.sec3_2{position:absolute; width:90px; height:90px; top:150px; left:95px;}
.sec3_3{position:absolute; width:90px; height:90px; top:310px; left:180px;}
.sec3_4{position:absolute; width:248px; height:248px; top:50px; right:-110px;}
.sec3_5{position:absolute; width:90px; height:90px; top:170px; right:200px;}
.sec3_6{position:absolute; width:90px; height:90px; top:400px; right:50px;}
.sec3_1 img,.sec3_2 img,.sec3_3 img,.sec3_4 img,.sec3_5 img,.sec3_6 img{ max-width:100%;}
.interface{margin:0 auto; max-width:1200px; }
.interface_in{ overflow:hidden;position:relative;}
.interface .theme_position{position:absolute; left:28.38%; top:11%; right:19.1%;}
.interface .create_btn{ margin:60px 0 20px; text-align:center;}
.interface .create_btn a{display:inline-block; *display:inline; *zoom:1; padding:20px 50px; border:1px solid #01e188; color:#171612; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-radius:30px; -moz- border-radius:30px; -webkit- border-radius:30px; text-decoration:none; }
.advantage{ max-width:1430px; margin:0 auto; }
.advantage li{ float:left; width:25%; float:left; *width:24.99%;}
.advantage li:nth-child(4n+1){ clear:both;}
.advantage li .item{padding-bottom:20px;}
.advantage li .item .img{ width:110px; height:110px; margin:0 auto; border-radius:55px; -moz-border-radius:55px; -webkit-border-radius:55px;}
.advantage li .item .img:hover{background:#01e188;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; animation:rotate 0.8s normal;-webkit-animation:rotate 0.8s normal;}
.advantage li .item .text{ max-width:200px; margin:20px auto 0; text-align:center;  }
.advantage li .item .text h4{color:#a7a7a9; font-size:20px; font-weight:bold; }
.advantage li .item .text .simpline{margin:10px auto; width:20px; height:1px; background:#01e188;}
.advantage li .item .text p{ color:#a7a7a9; line-height:1.5;}
.sys_con{max-width:1020px; margin:0 auto;}
.sys_con li{ width:33.33%; float:left; margin-bottom:45px;}
.sys_con li .item{ margin:0 6%; background:#fbfbfb; box-shadow:0 3px 5px rgba(6,0,1,0.06); -moz-box-shadow:0 3px 5px rgba(6,0,1,0.06); -webkit-box-shadow:0 3px 5px rgba(6,0,1,0.06);}
.sys_con li .item .item_l{float:left; margin:25px 15px; text-align:center; border-right:1px solid #c5c5c5; width:50%;}
.sys_con li .item .item_l h4{font-size:18px; color:#0b0b0b; font-weight:normal;}
.sys_con li .item .item_r{float:left; padding:25px 15px; color:#848484;}
.sys_con li .item .item_r p{ margin-bottom:15px;}
.customerService{ padding:30px 0 70px; background:url(../image/servicebg.png) no-repeat center; background-size:cover;}
.customerService h2{ font-size:30px; color:#282828; margin-bottom:40px; text-align:center;}
.customerService .service{ max-width:800px;*max-width:801px; margin:0 auto;}
.customerService .service li{ float:left; overflow:hidden; width:33.33%;}
.customerService .service li .img{float:left;}
.customerService .service li .text{margin-left:60px;font-size:18px; color:#0e0e0e;}
.customerService .service li .text h3{ font-weight:bold; }
.customerService .service li .text p{font-weight:200;}
.aboutUs{ background:url(../image/aboutUs.jpg) no-repeat center; color:#fff;  background-size:cover;line-height:2;}
.aboutUs .aboutUs_in{ max-width:1050px; margin:0 auto; padding:115px 0 205px 0; }
.aboutUs h3{ font-size:24px; font-weight:bold; text-align:center; }
.aboutUs .about_text{font-size:16px; margin-top:25px; padding-left:65px; background:url(../image/quotel.png) no-repeat left top; }
.aboutUs .about_text .about_text_in{padding-right:65px; background:url(../image/quoter.png) no-repeat right top;}
.parameter{ max-width:1520px; margin:0 auto;}
.parameter .para_item{float:left; width:33.33%;  text-align:center;}
.parameter .para_item_in{position:relative;}
.parameter .para_item .para_item_th{background:#01E188; border-right:1px solid #7EF0C2;padding:1.5em 0.2em 1em; color:#fff; font-size:20px; font-weight:bold;}
.parameter  .para_item_first .para_item_th{/*padding:1.95em 0.2em 1.5em; */}
.parameter .para_item .para_item_th .price{font-size:14px; font-weight:normal}
.parameter .para_item .para_item_td{ border-right:1px solid #f3f3f3; border-left:1px solid #dfdfdf; margin-left:-1px; }
.parameter  .para_item_first .para_item_td{border-left-color:#f3f3f3;}
.parameter .para_item .para_item_td .para_td{ padding:0.8em 0.2em; height:1.2em;color:#514f4f}
.parameter .para_item .para_item_td .para_td:nth-child(even){ background:#F3F3F3;}
.parameter .para_item .open_btn{ height:16em; border:1px solid #f3f3f3; border-top:0; border-left-color:#dfdfdf; margin-left:-1px; }
.parameter .para_item_first .open_btn{border-left-color:#f3f3f3; }
.parameter .para_item .open_btn a{ display:inline-block; *display:inline; *zoom:1;  background:#01E188; color:#fff; text-decoration:none; font-size:18px; padding:0.5em 1.8em; border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em; margin-top:4em;position:relative; z-index:2; }
.icon_yes{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background:url(../image/icon_yes.png) no-repeat center; background-size:contain;}
.icon_no{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background:url(../image/icon_no.png) no-repeat center;background-size:contain;}
.parameter .border-hover{border:1px solid #01e188; position:absolute; left:0; right:1px; bottom:0; top:-0.4em; display:none; z-index:1;}
.parameter .para_item_in:hover{  padding:0.8em 0 1em; margin-top:-0.8em; }
.parameter .para_item_in:hover .para_item_th{padding:2.3em 0.2em 1.2em; margin-top:-0.8em; margin-bottom:-0.2em; background:#06E88E;}
.parameter .para_item_first .para_item_in:hover .para_item_th{padding:1.5em 0.2em 1em;/*padding:1.95em 0.2em 1.5em;*/margin-top:0; margin-bottom:0;}
.parameter .para_item_in:hover .open_btn{ border-bottom:0;}
.parameter .para_item_first .para_item_in:hover .open_btn{ border-bottom:1px solid #f3f3f3;}
.parameter .para_item_in:hover .border-hover{display:block;}
.parameter .para_item_in .open_btn a:hover{background:#01CB7A;}

.prodive{ color:#626262; font-size:14px; padding-bottom:137px;}
.prodive .prodive_in{ max-width:1300px; margin:0 auto; padding:0 25px; box-sizing:content-box;}
.prodive li .s_l{position:relative; float:left; margin-right:24px; padding-bottom:33px;}
.prodive li .s_l img{ position:relative; z-index:2;}
.prodive li .s_l .line{ position:absolute; width:1px; top:0; bottom:0; left:50%; background:#bbf0db;}
.prodive li .s_r{ padding-top:5px;}
.prodive li .s_r h3{ font-size:22px; font-weight:bold; line-height:1.5;}
.prodive li .s_r p{}

.case{max-width:1350px; margin:0 auto; padding-bottom:20px;}
.case .case_in{ padding:0 10px;}
.case img{ max-width:100%;}
.case ul{ margin-left:-3.3%; margin-right:-3.3%;}
.case li{ width:33.33%; float:left; margin-bottom:1em;}
.case li .item{ margin:0 10%;}
.case li .img{ box-shadow:0 3px 10px rgba(4,0,0,0.13); -moz-box-shadow:0 3px 10px rgba(4,0,0,0.13); -webkit-box-shadow:0 3px 10px rgba(4,0,0,0.13);}
.case li .img a{ display:block; overflow:hidden;}
.case li .img:hover img{transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05); -o-transform: scale(1.05);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.case li h3{ padding-top:1.3em; padding-bottom:0.5em;text-align:center; font-weight:normal; }
.case li h3 a{ color:#626262; font-size:16px; text-decoration:none; height:2.4em; line-height:1.2; display:block;}
.case li h3 a:hover{ color:#01E188;}
.case .case_more{ text-align:center;}
.case .case_more a{ display:inline-block; *displaa:inline; *zoom:1; padding:0.8em 4em; background:#01E188; color:#fff; text-decoration:none; font-size:16px;}
.case .case_more a:hover{ background:#f90;}

.tab_menu{ text-align:center; margin-bottom:75px;}
.tab_menu li{ cursor:pointer; display:inline-block; *display:inline; *zoom:1; cursor:pointer; font-size:18px; font-weight:bold; line-height:2.3; color:#10e28c; border:1px solid #10e28c; border-radius:22px; -moz-border-radius:22px; -webkit-border-radius:22px; padding:0 2em; margin:0 50px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none; }
.tab_menu li.cur{ background:#10e28c; color:#fff;}
.adnews_con{ display:none;}
.adnews_x{ max-width:1180px; margin:0 auto; padding:0 5px 100px;}
.adnews_x .adnews_l{ float:left; width:29%; margin-bottom:1em;}
.adnews_x .adnews_l .adnews_img{ margin-bottom:6px; text-align:center;}
.adnews_x .adnews_l .adnews_img img{max-width:100%;}
.adnews_x .adnews_l .ad_news_lastest{ box-shadow:0 0 5px rgba(4,0,0,0.14); -moz-box-shadow:0 0 5px rgba(4,0,0,0.14); -webkit-box-shadow:0 0 5px rgba(4,0,0,0.14); padding:15px 14px;}
.adnews_x .date{ float:left; padding:0 5px 7px; background:#10E28C; color:#fff; line-height:1.3; color:#fff; text-align:center;} 
.adnews_x .date .date-day{ font-size:24px;line-height:1.5;}
.adnews_x .adnews_l .ad_news_lastest .news_h{ margin-left:72px; padding-top:10px;}
.adnews_x .news_h a{ font-size:16px; color:#363636; font-weight:bold;}
.adnews_x .news_h a:hover{ color:#10E28C;}
.adnews_x .news_sum{ color:#363636;}
.adnews_x .adnews_l .ad_news_lastest .news_sum{ line-height:1.6; padding-top:10px;}
.adnews_x .adnews_r{ float:right; width:71%; *width:70.9%;}
.adnews_x .adnews_r li{ float:left; width:47.9%; *width:47.8%; margin-left:2.1%; margin-bottom:18px;box-shadow:0 0 5px rgba(4,0,0,0.14); -moz-box-shadow:0 0 5px rgba(4,0,0,0.14); -webkit-box-shadow:0 0 5px rgba(4,0,0,0.14); }
.adnews_x .adnews_r li .news-item{padding:16px 5px 11px 16px;}
.adnews_x .adnews_r li .news_com{margin-left:72px;}
.adnews_x .adnews_r li .news_com .news_h{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.adnews_x .adnews_r li .news_com .news_sum{ padding-top:5px; line-height:1.2; height:2.4em; overflow:hidden;}

/*Gallery*/
.formDisplay {margin:0 auto;height:410px;overflow:hidden; z-index:1; }
.container_image{margin:0 auto;position:relative;width:100%;font-size:.8125em;}	
/*===== gallery =====*/
.roundabout-holder{max-width:1000px;height:410px;margin:0 auto;}
.roundabout-moveable-item {width: 350px;height: 405px;cursor: pointer; box-shadow:0 2px 7px rgba(6,0,1,0.1); -moz-box-shadow:0 2px 7px rgba(6,0,1,0.1); -webkit-box-shadow:0 2px 7px rgba(6,0,1,0.1); border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;}
.roundabout-moveable-item img{width:100%;}
.roundabout-in-focus {}
/*---------------------footer----------------------*/
.footer{ background:url(../image/footbg.png) no-repeat center; background-size:cover; text-align:center; line-height:2; }
.footer .w-footer-in{padding:17px 0 15px; }
.footer .copyRight{ color:#7a7b7d; font-family:Arial, Helvetica, sans-serif;}
.footer a{ color:#7a7b7d;}
.footer a:hover{ color:#fff;}
/*右浮动*/
.contact_fixed{ position:fixed; right:30px; font-size:14px; z-index:1000; top:50%; margin-top:-92px; }
.contact_fixed .cont_item{ width:46px; height:46px; line-height:46px; margin-bottom:2px; background:#01E188; text-align:center; position:relative; cursor:pointer;} 
.contact_fixed .cont_item:hover{ background:#141613;}
.contact_fixed .cont_item i{vertical-align:middle;}
.contact_fixed .item_top{background:none; color:#01e188; font-size:14px;  }
.contact_fixed .item_top .icon_top{ position:absolute; top:-8px; left:16px; width:13px; height:8px; background:url(../image/icon_top_fixed.png) no-repeat center; display:none;}
.contact_fixed .item_top:hover{ background:#B9E9D6; color:#141623;}
.contact_fixed .item_top:hover .icon_top{ display:block;}
.contact_fixed .cont_item i.icon_qq{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed.png) no-repeat 0 0; }
.contact_fixed .cont_item i.icon_tel{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed.png) no-repeat 0 -35px; }
.contact_fixed .cont_item:hover i.icon_tel{  background:url(../image/icon_contactfixed_hover.png) no-repeat 0 -35px; }
.contact_fixed .cont_item i.icon_message{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed.png) no-repeat 0 -70px; }
.contact_fixed .cont_item i.icon_code{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed.png) no-repeat 0 -105px; }
.contact_fixed .cont_item:hover i.icon_code{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed_hover.png) no-repeat 0 -105px; }
.contact_fixed .item_qq .qq_con{ position:absolute; right:0;top:0; background:#141613; height:46px; line-height:46px; color:#fff; display:none; white-space:nowrap; padding:0 10px; min-width:90px; text-align:left; box-sizing:content-box;}
.contact_fixed .item_qq:hover .qq_con{ display:block;}
.contact_fixed .item_qq .qq_con .icon_qq_hover{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed_hover.png) no-repeat 0 0; margin-right:5px; }
.contact_fixed .item_tel{cursor:default;}
.contact_fixed .item_tel .tel_con{ position:absolute; right:0;top:0; background:#141613; height:46px; line-height:46px; color:#fff; display:none; white-space:nowrap; padding:0 10px; min-width:90px; text-align:left; box-sizing:content-box;}
.contact_fixed .item_tel:hover .tel_con{ display:block;}
.contact_fixed .item_tel .tel_con .icon_tel_hover{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed_hover.png) no-repeat 0 -35px; margin-right:5px; }
.contact_fixed .item_tel_show{display:none;}
.contact_fixed .item_message .message_con{ position:absolute; right:0;top:0; background:#141613; height:46px; line-height:46px; color:#fff;display:none; padding:0 7px; white-space:nowrap;}
.contact_fixed .item_message:hover .message_con{ display:block;}
.contact_fixed .item_message .message_con .icon_message_hover{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed_hover.png) no-repeat 0 -70px; }
.contact_fixed .cont_item i.icon_35com{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed.png) no-repeat 0 -140px; }
.contact_fixed .cont_item .web_con{ position:absolute; right:0;top:0; background:#141613; height:46px; line-height:46px; color:#fff;display:none; padding:0 7px; white-space:nowrap;}
.contact_fixed .cont_item:hover .web_con{ display:block;}
.contact_fixed .cont_item .web_con .icon_web_hover{ width:35px; height:35px; display:inline-block; *display:inline; *zoom:1; background:url(../image/icon_contactfixed_hover.png) no-repeat 0 -140px;  }

/*preview*/
.preview-b{ height:100%; width:100%; background:url(../image/previewbg.jpg) repeat; position:absolute;top:0; z-index:9; overflow:hidden;}
.preview-top-b{ background:#3b3a3f; }
.preview_logo{position:absolute; left:50px; top:14px;z-index:3;}
.preview_link{ text-align:center; padding:18px 0 11px 0; position:relative; z-index:2; background:#fff; box-shadow:2px 5px 5px rgba(6,0,1,0.2); -moz-box-shadow:2px 5px 5px rgba(6,0,1,0.2); -webkit-box-shadow:2px 5px 5px rgba(6,0,1,0.2);} 
.preview_link span{ display:inline-block; *display:inline; *zoom:1; margin:0 10px; cursor:pointer;}
.icon_device_preview{display:inline-block; *zoom:1; background:url(../image/icon_device_preview.png) no-repeat; }
.icon_device_preview_pc{background-position:0 0; width:40px; height:36px;}
.icon_device_preview_padH{background-position:-40px 0; width:40px; height:36px;}
.icon_device_preview_padV{background-position:-80px 0; width:40px; height:36px;}
.icon_device_preview_telH{background-position:-120px 0; width:40px; height:36px;}
.icon_device_preview_telV{background-position:-160px 0; width:40px; height:36px;}
.icon_device_preview_QR{background-position:-200px 0; width:40px; height:36px;}
.icon_device_preview_cancel{background-position:-244px -4px; width:34px; height:34px; }
.icon_device_preview_selected{background-position:-324px -4px; width:34px; height:34px; }
.preview_link span:hover .icon_device_preview_pc, .cur .icon_device_preview_pc{background-position:0 -36px; width:40px; height:36px;}
.preview_link span:hover .icon_device_preview_padH,.cur .icon_device_preview_padH{background-position:-40px -36px; width:40px; height:36px;}
.preview_link span:hover .icon_device_preview_padV,.cur .icon_device_preview_padV{background-position:-80px -36px; width:40px; height:36px;}
.preview_link span:hover .icon_device_preview_telH,.cur .icon_device_preview_telH{background-position:-120px -36px; width:40px; height:36px;}
.preview_link span:hover .icon_device_preview_telV,.cur .icon_device_preview_telV{background-position:-160px -36px; width:40px; height:36px;}
.btns-right-b a:hover .icon_device_preview_cancel{background-position:-284px -4px; width:34px; height:34px;}
.btns-right-b a:hover .icon_device_preview_selected{background-position:-364px -4px; width:34px; height:34px;}
.preview_link .QR:hover .icon_device_preview_QR{background-position:-200px -36px; width:40px; height:36px;}
.QR-pop-b{ position:absolute; z-index:2; top:64px; left:50%; margin-left:-30px; background:#FFFFFF; padding:27px 68px 45px 65px; text-align:center; display:none;}
.QR-pop-b p{ margin-bottom:20px; color:#666666; font-size:12px;}
.btns-right-b{position:absolute; right:50px; top:12px; z-index:3;}
.btns-right-b >div{margin-left:12px;  /*float:left; */}
.btns-right-b .btn-white-c a{border:1px solid #00ce9b; color:#00ce9b;padding:3px 15px; font-size:16px;cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:block; text-decoration:none; line-height:1.5;}
.preview-containt-b{ position:absolute; top:68px; left:0; right:0; bottom:0;}
.web_view_box_b{margin:0 auto; height:100%;}

.opacityshow{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.theme-top-color-b{ position:absolute; top:0; left:0; right:0; z-index:1; height:45px;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.preview-top-b:hover .theme-top-color-b{top:68px; opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.theme-top-color-b .theme-mask-b{ position:absolute; left:0; right:0; top:0; bottom:0; background:#3b3a3f;opacity:0.44; *filter:alpha(opacity=44); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=44);}
.theme-color-list-b{ padding:12px 14px; position:relative; z-index:1; }
.color-square{display:block; float:left; height:20px; width:20px; margin-right:9px;  cursor:pointer; border: 1px solid #3e4a52; vertical-align:middle;} 
.color-square.selected{ background:url(../image/icon_color_selected.png) no-repeat center; background-size:contain;}
/*chooseTheme*/
.home-b{ background:#F8F8F8; width:100%; min-height:100%; position:relative;}
.industry{padding:40px 0 30px; background:#fff;}
.industry .industry_in{max-width:1300px; margin:0 auto; padding:0 10px;}
.industry .search_box{position:relative; max-width:550px;margin-top:-5px;}
.industry .search_box .search_input{ width:100%; padding:9px 36px 9px 12px; border:1px solid #e8e8e8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.industry .search_box  .search_btn{position:absolute; top:1px; right:1px; bottom:1px; width:30px; background:url(../image/search.png) no-repeat left center #fff; cursor:pointer;}
.industry dl{margin-bottom:12px;}
.industry .dd_l{float:left; font-size:15px; color:#6e6e6e;line-height:2; }
.industry .dd_r{ margin-left:80px; }
.industry .dd_r a{ color:#222; margin-right:40px; line-height:2; font-size:14px; white-space:nowrap; display:inline-block; *display:inline; *zoom:1;}
.industry .dd_r a:hover,.industry .dd_r a.cur{color:#01e188; text-decoration:none;}
.theme_classfly{ background:#fff; text-align:center;}
.theme_classfly li{display:inline-block; *display:inline; *zoom:1; margin:0 15px;}
.theme_classfly li a{display:block; font-size:18px; color:#898989; font-weight:bold;text-decoration:none; padding:5px 0;}
.theme_classfly li.cur a{ color:#01e188; border-bottom:1px solid #01e188; }
.theme_choose{ padding:18px 0;}
.theme_choose_in{max-width:1326px; margin:0 auto;}
.themes_list{ margin:0 auto;}
.themes_list li{ width:236px; float:left; margin:0 13px 20px; box-shadow:0 0 3px rgba(6,0,1,0.4); -moz-box-shadow:0 0 3px rgba(6,0,1,0.4); -webkit-box-shadow:0 0 3px rgba(6,0,1,0.4);}
.themes_list li .theme{background:#fff; overflow:hidden;}
.themes_list li .theme a{display:block; }
.themes_list li .theme a:hover{opacity:0.8; *filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.themes_list li .theme a img{max-width:100%;}
.themes_list li .theme .theme_bottom{padding:8px 15px;}
.themes_list li .theme .theme_bottom .theme_opt{ position:relative; }
.themes_list li .theme .theme_bottom .theme_opt .preview_btn a{display:inline-block; *display:inline; *zoom:1; padding:2px 10px; border:1px solid #B3B3B3; color:#999; text-decoration:none;}
.themes_list li .theme .theme_bottom .theme_opt .preview_btn a:hover{border-color:#01e188; color:#fff; background:#01e188;}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr{ position:absolute; cursor:pointer; width:15px; height:15px; top:2px; right:5px;}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr i{display:block; height:15px; width:15px; background:url(../image/icon_qr.png) no-repeat center;}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr .pop_qr{position:absolute; width:236px; bottom:25px; right:-256px;  opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr:hover .pop_qr{ opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);right:-20px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr .pop_qr .img{position:relative; z-index:0; padding:15px; text-align:center;}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr .pop_qr .img img{ max-width:110px;}
.themes_list li .theme .theme_bottom .theme_opt .theme_qr .pop_qr .mask_qr{ position:absolute; top:0; left:0; right:0; bottom:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
.themes_list li .theme .theme_bottom .theme_info{margin-top:8px; color:#787878;}
.themes_list li .theme .theme_bottom .theme_info .indus{margin-right:15px;}

.upload{margin-top:45px; border-top:1px solid #d2d2d2; padding-top:2px; text-align:center; color:#818181; font-size:18px;}
.upload .upload_in{ border-top:1px solid #d2d2d2; padding-top:23px;}
.upload .upload_in .icon_upload{ display:inline-block; *display:inline; *zoom:1; width:32px; height:32px; vertical-align:middle; margin-right:5px; background:url(../image/loading.gif) no-repeat center;}

/*video*/
.tit_pgin{ margin-bottom:20px; border-left:4px solid #01E188;padding-left:10px;font-size:20px;}
.tit_pgin h3{ color:#333;  font-weight:normal;  line-height:1.3; display:inline-block; *display:inline; *zoom:1;}
.tit_pgin em{ color:#bbb; font-size:90%; vertical-align:bottom; font-style:normal; margin-left:0.5em; font-family:Georgia, "Times New Roman", Times, serif}
.video_page_in{max-width:1300px; margin:0 auto; padding:45px 0 30px 0; font-size:14px; } 
.video_latest{ width:80%; float:left; }
.video_popular{ width:18%; float:right;}
.video_imgBox img{ max-width:100%;}
.video_imgBox .img{overflow:hidden;}
.video_imgBox a:hover .img img{transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05); -o-transform: scale(1.05);transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;}
.video_imgBox a{ display:block;}
.video_imgBox a:hover{ text-decoration:none;}
.video_imgBox .video_imgL{ float:left; width:49%; position:relative;}
.video_imgBox .video_imgL .text{position:absolute; left:0; right:0; bottom:0;}
.video_imgBox .video_imgL .text .mask{position:absolute; left:0; top:0; right:0; bottom:0; background:#000;opacity:0.63; *filter:alpha(opacity=63); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=63); }
.video_imgBox .video_imgL .text .text_h{position:relative; z-index:1; color:#fff; font-size:115%; padding:0.6em 1em;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;}
.video_imgBox .video_imgR{ float:right; width:49%;}
.video_imgBox .video_imgR .video_imglist{ margin-left:-2%; margin-right:-2%;}
.video_imgBox .video_imgR li{ float:left; width:50%; *width:49.99%;}
.video_imgBox .video_imgR li .item{ margin:0 4% 5.8%; position:relative;}
.video_imgBox .video_imgR li .text{position:absolute; left:0; right:0; bottom:0;}
.video_imgBox .video_imgR .text .mask{position:absolute; left:0; top:0; right:0; bottom:0; background:#000;opacity:0.63; *filter:alpha(opacity=63); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=63); }
.video_imgBox .video_imgR .text .text_h{position:relative; z-index:1; color:#fff; font-size:100%; padding:0.6em 1em;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;}
.video_textBox{ margin-top:-0.8em;}
.video_textBox li{ border-bottom:1px dashed #ddd; padding:0.65em 0;}
.video_textBox li a{ display:block; text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden; color:#454545; line-height:1.8;}
.video_textBox li a:hover{text-decoration:none; color:#f90;}
.video_all{padding:15px 0;}
.video_list{ margin-left:-0.5%; margin-right:-0.5%; }
.video_list li{ float:left; width:25%; *width:24.99%; margin-bottom:20px;}
.video_list li .item{ margin:0 2%; position:relative;}
.video_list li img{ max-width:100%;}
.video_list li .img{overflow:hidden;}
.video_list li a:hover .img img{transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05); -o-transform: scale(1.05);transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;}
.video_list li a:hover{ text-decoration:none;}
.video_list li .text{position:absolute; left:0; right:0; bottom:0;}
.video_list li .text .mask{position:absolute; left:0; top:0; right:0; bottom:0; background:#000;opacity:0.63; *filter:alpha(opacity=63); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=63); }
.video_list li .text .text_h{position:relative; z-index:1; color:#fff; font-size:100%; padding:0.6em 1em;text-overflow: ellipsis; white-space: nowrap;word-break: keep-all;overflow: hidden;}

.video_play{ height:100%; min-height:680px; background:#212121; position:relative;}
.playBox{position:absolute; left:50%; margin-left:-400px; top:50%; margin-top:-325px;}
.playBox h3{ font-size:20px; color:#fff; margin-bottom:12px; text-align:center;}

/*案例*/
.case_Box{ background:#fff;}
.case_Box_in{margin: 0 auto;max-width: 1300px;padding: 0 15px;}
.case_list{ margin-left:-15px; margin-right:-15px;}
.case_list img{max-width:100%;}
.case_list li{ width:33.33%; float:left; margin-bottom:30px;}
.case_list li .item{margin:0 15px; box-shadow:0 0 5px rgba(0,0,0,0.15); -moz-box-shadow:0 0 5px rgba(0,0,0,0.15); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.15);}
.case_list li .imgBox{position:relative; overflow:hidden;}
.case_list li .imgBox:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.case_list li .imgBox .case_qr .icon_qr{ position:absolute; z-index:2; height:15px; width:15px; padding:2px; right:10px; top:10px; cursor:pointer; background:url(../image/icon_qr.png) no-repeat center #fff;}
.case_list li .imgBox .case_qr .pop_qr{position:absolute; z-index:1; left:0; right:0; height:100%;top:-100%;}
.case_list li .imgBox .case_qr:hover .pop_qr{ top:0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.case_list li .imgBox .case_qr .pop_qr .mask_qr{ position:absolute; top:0; left:0; right:0; bottom:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); }
.case_list li .imgBox .case_qr .pop_qr .img{position:relative; z-index:1; padding:13%; text-align:center; width:40%; max-width:184px; margin:0 auto;}
.case_list li .theme_info{ padding:5px 15px 8px;}
.case_list li .theme_info h3{ margin-bottom:4px;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;
overflow: hidden;height:1.5em;}
.case_list li .theme_info h3 a{text-decoration:none; font-size:16px; color:#333; font-weight:normal; }
.case_list li .theme_info h3 a:hover{ color:#01e188;}
.case_list li .theme_info .info_o{color:#999; font-size:13px;}
.case_list li .theme_info .indus{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.case_list li .theme_info .model{ float:left; width:50%;}
.case_list li .theme_info .num{ float:right; width:50%; text-align:right; }
.upload_new{ margin:50px 0; position:relative;}
.upload_new .line{position:absolute; height:1px; left:0; right:0; background:#e0e0e0; top:50%;}
.upload_new .upload_in{width:60%; background:#fff; margin:0 auto; position:relative; z-index:1;}
.upload_new .upload_inner{ width:90%; margin:0 auto; background:#F7F7F7; color:#666; font-size:16px; cursor:pointer; text-align:center; line-height:2.5; }
/*分页*/
.pages{ margin:1em 0 4em; text-align:center; line-height:1.5;}
.pages ul,.pages li{list-style:none; padding:0; margin:0;}
.pages li{background:none;  border:1px solid #CCCCCC;margin:0 0.1em;  display:inline-block; *display:inline; *zoom:1; margin-bottom:0.5em; padding:0.2em 0.4em; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.pages li a{ display:block; color:#666;text-decoration:none;padding:0.2em 0.5em; }
.pages li span{ display:block; color:#666;padding:0.2em 0.5em;}
.pages li.active,.pages li:hover{ background:none; }
.pages li.active a,.pages li:hover a{color:#00B37A;}
.pages li.disabled,.w-pages li.disabled:hover{  opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);  background:none; border-color:#ddd;}
.pages li.disabled a,.w-pages li.disabled:hover a,.pages li.disabled span,.w-pages li.disabled:hover span{color:#666;cursor:default;}
/*pro_edition*/
.home-content-parameter{ background:#fdfdfd;}
.parameter_pro{margin: 0 auto;max-width: 1300px; padding:50px 0; font-size:15px;}
.parameter_pro table{ border-collapse:collapse;}
.parameter_pro th{ background:#01E188; padding:1em 0.2em; color:#fff; font-size:20px; border-right:1px solid #7ef0c2; text-align:center; }
.parameter_pro tr:nth-child(2n) td{background:#F3F3F3;}
.parameter_pro td{ padding:0.8em 0.2em; border:1px solid #F3F3F3; text-align:center;}
.parameter_pro td:nth-child(3n+1),.parameter_pro td:nth-child(3n+2){ border-right-color:#dfdfdf;}
.parameter_pro td:nth-child(3n){ text-align:left; padding:0.8em 1em;}

/*news*/
.main_con{ max-width:1300px; margin:0 auto; padding:120px 0 95px;}
.sys_menu{ margin-bottom:30px;}
.sys_menu a{ font-size:24px; color:#6f6f6f; text-decoration:none; margin:0 40px 0 5px;}
.sys_menu a.cur,.sys_menu a:hover{ color:#01e188; font-weight:bold;}
.news{}
.news_list > ul li{ border:1px solid #eaeaea; padding:14px 0 14px 14px; position:relative; margin-bottom:18px; position:relative;}
.news_list > ul li:hover{ background:#F2F2F2;}
.news_list .img{ float:left; width:260px; }
.news_list .img a{display:block;overflow:hidden;}
.news_list .img img{ max-width:100%;}
.news_list .img:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.news_list .text{ margin-left:295px;}
.news_list .text .date{ position:absolute; top:50%; margin-top:-60px; right:0;color:#ccc; line-height:1.1; text-align:center; width:190px;}
.news_list li:hover .text .date{ color:#01e188;}
.news_list .text .date .day{ font-size:60px;}
.news_list .text .date .line{ height:1px; background:#aaaaaa; margin:0 auto 8px; width:65px;}
.news_list .text .date .year_month{ font-size:18px;}
.news_list .text .news_t{ margin-right:190px;}
.news_list .text .news_t h3{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; font-weight:normal; font-size:100%;}
.news_list .text .news_t h3 a{ font-size:24px; color:#000;}
.news_list .text .news_t h3 a:hover{color:#01e188;}
.news_list .text .news_t .sum{ color:#666; margin-top:0.8em; line-height:1.8; max-height:5.2em; overflow:hidden;}
.news_list .text .news_t .more{ margin-top:1em;}
.news_list .text .news_t .more a{ color:#999;}
.news_list .text .news_t .more a:hover{color:#01e188;}
.news_list .pages{margin:65px 0 0;}

.news_detail{ padding-top:70px;}
.news_detail .recommend{ float:left; width:300px; border:1px solid #DFDFDF;}
.news_detail .newsD{ margin-left:335px;}
.news_menu{ background:#E9E9E9; text-align:center;}
.news_menu li{ float:left; width:33.33%; color:#333; border-bottom:1px solid #DFDFDF; margin-bottom:-1px; cursor:pointer; }
.news_menu li .item{ border-right:1px solid #DFDFDF; line-height:3;}
.news_menu .li_r .item{ border-right:0;}
.news_menu li.cur,.news_menu li:hover{ background:#fff;border-bottom:0; margin-bottom:0;}
.news_tab_con{ padding:12px;}
.news_r_con li{ border-bottom:1px solid #EBEBEB; padding:15px 0 18px;}
.news_r_con li .date{float:left; background:#EBEBEB; text-align:center; color:#454545; padding:5px;}
.news_r_con li .date .date-day{font-size:18px;}
.news_r_con li .date .date-yearMonth{font-size:12px;} 
.news_r_con li .news-com{ margin-left:70px; padding-top:5px;}
.news_r_con li .news-h{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; margin-bottom:3px;}
.news_r_con li .news-h a{color:#212121;}
.news_r_con li .news-h a:hover{ color:#28D29B; text-decoration:none;}
.news_r_con li .news-sum{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; color:#999; font-size:13px;}
.news_r_con .more{ margin-top:20px;}
.news_r_con .more a{ display:block; line-height:2.5; text-align:center; text-decoration:none; color:#333; background:#EBEBEB;}
.news_r_con .more a:hover{ background:#28D29B; color:#fff;}
.newsD_h{ text-align:center; padding-bottom:1.5em; border-bottom:1px solid #EBEBEB;}
.newsD_h h3{ font-size:20px; color:#333;}
.newsD_h .newsD_t{ margin-top:1.5em;}
.newsD_h .newsD_t > div{ display:inline-block; *display:inline; *zoom:1; margin:0 20px; color:#bbb;}
.newsD_h .newsD_t .time .icon_time{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; height:14px; width:14px; background:url(../image/icon_time.png) no-repeat center; margin-right:8px; }
.newsD_h .newsD_t .views .icon_view{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; height:14px; width:14px; background:url(../image/icon_view.png) no-repeat center; margin-right:8px; }
.newsD_con{ line-height:1.8; padding:2em 0; color:#666;}
.newsD_con p{ text-indent:2em;margin-bottom:1em;}
.newsD_con .img{text-align:center; margin-bottom:1em;}
.newsD .share{ text-align:right; margin-right:10px; line-height:2;}
.newsD .share .bdsharebuttonbox{ display:inline-block; *display:inline; *zoom:1;vertical-align:middle; margin-bottom:2px; }
.news_others{ margin-top:2em; color:#888;}
.news_others .news-prev{ float:left; max-width:45%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.news_others .news-next{ float:right; max-width:45%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.news_others  a{ color:#888;}
.news_others  a:hover{ color:#28D29B;}
/*about*/
.about .about_sec{}
.about .about_sec .about_sec_in{ max-width:1300px; margin:0 auto;}
.about .about_sec1{ background:url(../image/aboutusbg1.jpg) no-repeat center bottom #FAFAFA; padding-top:70px; color:#646464; line-height:1.7;}
.about .about_sec1 .about_tit{ padding-left:20px; font-size:48px; margin-bottom:0.8em; line-height:1.3;}
.about .about_sec1 .company_info{padding-left:20px; max-width:530px; padding-bottom:1.8em;}
.about .about_sec1 .company_info h3{ font-size:20px; font-weight:bold; margin-bottom:0.5em;}
.about .about_sec1 .about_line{ width:70%; height:5px; background:#ACF0D6;}
.about .about_sec1 .about_line .about_line_in{ width:65%;height:5px; background:#8EDFDD;}
.about .about_sec2{ padding:95px 10px 25px 20px; color:#646464;}
.about .about_sec2 .team .text{ float:left; width:59%;}
.about .about_sec2 .team .text h3{ font-size:36px; margin-bottom:1em; font-weight:normal;}
.about .about_sec2 .team .text .team_con{line-height:2;}
.about .about_sec2 .team .text .team_con p{}
.about .about_sec2 .team .img{ float:right; width:36%; padding-top:50px; text-align:center;}
.about .about_sec2 .team .img img{ max-width:100%;}
.contact_tit{font-size:36px; margin-bottom:2em;}
.contact_tit .contact_tit_in{ display:inline-block; *display:inline; *zoom:1; color:#737373; line-height:2; position:relative; }
.contact_tit .contact_tit_in .tit_line{position:absolute; width:100%; left:0; bottom:0; height:5px; background:#CAF5E5;}
.contact_tit .contact_tit_in .tit_line .tit_line_in{height:5px; background:#93E4D7; width:65%;}
.about .about_sec3{ padding:95px 10px 80px 20px; color:#737373;}
.about .about_sec3 .contact_l{ float:left; width:31%; *width:30.9%;}
.about .about_sec3 .contact_l .item{ margin-bottom:2em;}
.about .about_sec3 .contact_l .item .icon_c{ float:left; margin-left:30px; }
.about .about_sec3 .contact_l .item .icon_c .icon_addr{ display:block; width:40px; height:40px; background:url(../image/about_s1.png) no-repeat center;}
.about .about_sec3 .contact_l .item .icon_c .icon_c_tel{ display:block; width:40px; height:40px; background:url(../image/about_s2.png) no-repeat center;}
.about .about_sec3 .contact_l .item .addr{ line-height:1.8; margin-left:83px;}
.about .about_sec3 .contact_l .item .addr h4{ font-size:18px; font-weight:bold;}
.about .about_sec3 .contact_l .item .cont_tel{ margin-left:83px;}
.about .about_sec3 .contact_l .item .cont_tel .tel_num{ font-size:24px; font-weight:bold;}
.about .about_sec3 .contact_m{ float:left; width:44%;}
.about .about_sec3 .contact_m .map{width:100%; height:192px;}
.about .about_sec3 .contact_m .map img{ max-width:none;}
.about .about_sec3 .contact_r{ float:left; width:25%; text-align:center; height:192px; background:#5194FC; background-image: -webkit-linear-gradient(bottom, #5194FC, #61BAFA);background-image: linear-gradient(bottom, #5194FC, #61BAFA);}

/*solution*/
.solution_sec1 .solution_sec_in{ max-width:1030px; margin:0 auto; padding:90px 0 90px;}
.sol_list li{ float:left; width:33.33%; margin-bottom:40px; text-align:center;}
.sol_list li .item{ margin:0 6%; box-shadow:0 3px 5px rgba(126,184,156,0.21); -moz-box-shadow:0 3px 5px rgba(126,184,156,0.21); -webkit-box-shadow:0 3px 5px rgba(126,184,156,0.21); padding:35px 35px 40px; border:1px solid rgba(229,241,235,0);}
.sol_list li .item:hover{ box-shadow:0 3px 5px rgba(126,184,156,0.4); -moz-box-shadow:0 3px 5px rgba(126,184,156,0.4); -webkit-box-shadow:0 3px 5px rgba(126,184,156,0.4); border-color:#e5f1eb;}
.sol_list li .img .icon_sol{ display:inline-block; width:92px; height:92px; background-position:center center; background-repeat:no-repeat; background-size:contain;}
.sol_list li .item:hover .icon_sol{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.sol_list li .img .icon_sol1{ background-image:url(../image/icon_solution1.png);}
.sol_list li .img .icon_sol2{ background-image:url(../image/icon_solution2.png);}
.sol_list li .img .icon_sol3{ background-image:url(../image/icon_solution3.png);}
.sol_list li .img .icon_sol4{ background-image:url(../image/icon_solution4.png);}
.sol_list li .img .icon_sol5{ background-image:url(../image/icon_solution5.png);}
.sol_list li .img .icon_sol6{ background-image:url(../image/icon_solution6.png);}
.sol_list li .text h3{ padding:15px 0 27px; font-size:20px; color:#3f3f3f; font-weight:bold;}
.sol_list li .text p{ margin-bottom:20px; color:#707070;}
.sol_list li .text .version{ color:#b5b5b5;}
.solution_sec2{ padding-bottom:183px;}
.solution_advisory{ text-align:center; border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0;}
.solution_advisory ul{ display:inline-block; *display:inline; *zoom:1; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; vertical-align:bottom;}
.solution_advisory li{ float:left; border-right:1px solid #d2d2d2; text-align:center;}
.solution_advisory li.li_r{ border-right:0;}
.solution_advisory li a{ display:block; padding:0 40px; color:#989999; font-weight:bold; line-height:2.3; font-size:24px; text-decoration:none;}
.solution_advisory li .icon_advisory{ display:inline-block; *display:inline; *zoom:1; width:1.66em; height:1.66em; background:url(../image/i_solution.png) no-repeat center; margin-right:0.6em; vertical-align:middle; background-size:5em 3.33em;}
.solution_advisory li:hover a{ color:#01e188;}
.solution_advisory li .icon_advisory1{ background-position:0 0;}
.solution_advisory li .icon_advisory2{ background-position:-1.66em 0 ;}
.solution_advisory li .icon_advisory3{ background-position:-3.33em 0;}
.solution_advisory li:hover .icon_advisory1{ background-position:0 -1.66em;}
.solution_advisory li:hover .icon_advisory2{ background-position:-1.66em -1.66em ;}
.solution_advisory li:hover .icon_advisory3{ background-position:-3.33em -1.66em;}

.footer .solution_advisory{ background:#CFCFCF; border-top:0; border-bottom:0;}
.footer .solution_advisory ul{ border-color:#a1a1a1;}
.footer .solution_advisory li{border-color:#a1a1a1;}
.footer .solution_advisory li a{ color:#636363;}
.footer .solution_advisory li:hover a{ color:#fff;}
.footer .solution_advisory li .icon_advisory{ background-image:url(../image/i_solution_index.png);}
@media (min-width:768px){
	.parameter .para_item .para_item_td{ font-size:14px;}
	}
@media (min-width:961px){
	.main .section3{ padding-top:75px;}
	.main .section3 .title_x{ margin-bottom:50px;}
	.main .section4{ padding-top:75px;}
	.main .section4 .title_x{ margin-bottom:30px;}
	
}
@media (min-width:961px) and (max-width:1199px){
	.theme_list_x li{width:25%;}
}
@media (min-width:1200px){
	.interface .theme_position{left:340px; top:53px; right:229px;}
	.solution_advisory li{ min-width:345px;}
}
@media (max-width:1300px){
	.header .header_in .contact_tel{ display:none;}
	.nav_bar{ padding:10px 20% 0;}
	
	.video_page{padding:0 2%;}
	.video_textBox li{padding:0.5em 0;}
}

@media (max-width:1100px){
	.bannerBox .imgdiv .bn_text .bn_btn{display:none;}
	.advantage li .item{padding:0 20px 100px;}
	.aboutUs{padding-left:10px; padding-right:10px;}
	.formDisplay {height:350px; }	
    .roundabout-holder{max-width:1000px;height:345px;}
    .roundabout-moveable-item {width: 298px;height: 345px;}
	
	.case_list li .theme_info .indus,.case_list li .theme_info .model,.case_list li .theme_info .num{ float:none; width:100%;}
	.case_list li .theme_info .num{ text-align:left;}
	.sol_list li .item{padding:2em 5% 2em;}
	
}
@media (max-width:960px){
	body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
	.nav_bar{ display:none;}
	.header{ height:1.4rem;}
	.header .header_in .logo{ position:relative; text-align:center; left:0;} 
	.header .header_in .logo img{max-height:1.4rem; vertical-align:bottom;}
	.header .header_in .contact_tel{ display:none;}
	.header .header_in .sign{ top:33px;}
	.mobile-nav{ display:block;}
	.bannerBox .imgdiv .bn_text .bn_btn{ font-size:20px;display:none;}
	.inbanner{padding-top:1.4rem;}
	.stock{ display:none;}
	
	.preview-top-b{ display:none;}
	.preview-containt-b{ top:0;}
	
	.video_latest,.video_popular{width:100%; float:none;}
	.video_textBox li{width:48%; float:left; margin-right:4%;}
	.video_textBox li:nth-child(2n){margin-right:0;}
	.video_list li{ width:33.33%;}
	.video_play{ min-height:0;}
	.playBox{position:relative; padding:30px 10px; left:0; margin-left:0; top:0; margin-top:0;}
	.video_P video{ width:100% !important; height:auto !important;}
	.video_P object{ width:100% !important; height:auto !important;}
	.video_P object embed{ width:100% !important; height:auto !important;} 
	.prodive { font-size:12px; padding-bottom:30px;}
	.prodive li .s_r h3{ font-size:18px;}
	.case li h3 a{ font-size:15px;}
	
	.main_con{ padding:2.5em 0.5em 3em;}
	.sys_menu a{ font-size:18px;}
	.news_list .img{ width:20%;}
	.news_list .text{ margin-left:23%;}
	.news_list .text .date{ width:15%; margin-top:-45px;}
	.news_list .text .date .day{ font-size:48px;}
	.news_list .text .date .year_month{ font-size:16px;}
	.news_list .text .news_t{ margin-right:18%;}
	.news_list .text .news_t h3 a{ font-size:18px;}
	.news_list .text .news_t .sum{ margin-top:0.5em; line-height:1.5; max-height:3em;}
	.news_list .text .news_t .more{ margin-top:0.5em;}
	.news_list .pages{ margin-top:3em;}
	
	.about .about_sec1{ padding-top:3em;}
	.about .about_sec2,.about .about_sec3{ padding:3em 0.5em 2em;}
	.about .about_sec1 .about_tit{ font-size:36px; padding-left:0.5em;}
	.about .about_sec1 .company_info{ padding-left:0.5em;}
	.about .about_sec1 .company_info h3{ font-size:18px;}
	.about .about_sec2 .team .text h3{ font-size:30px;}
	.contact_tit{ font-size:30px;}
	.about .about_sec3 .contact_l .item .icon_c{ margin-left:0;}
	.about .about_sec3 .contact_l .item .addr,.about .about_sec3 .contact_l .item .cont_tel{ margin-left:50px;}
	
	.solution_sec1 .solution_sec_in{padding:2.5em 0;}
	.sol_list li{ width:50%; margin-bottom:1em;}
	.sol_list li:nth-child(2n+1){ clear:both;}
	.sol_list li .img .icon_sol{ height:5em; width:5em;}
	.sol_list li .text h3{ font-size:120%; padding:0.3em 0 0.8em;}
	.sol_list li .text p{ margin-bottom:1em;}
	.sol_list li .text .version{ font-size:90%;}
	.solution_sec2{ padding-bottom:3em;}
	
	.recommend{ display:none;}
	.news_detail .newsD{ margin-left:0;}
	.newsD_h{ padding-bottom:1em;}
	.newsD_h h3{ font-size:125%;}
	.newsD_h .newsD_t > div{ font-size:90%;}
	.newsD_h .newsD_t{ margin-top:0.5em;}
	.newsD_con{ padding:1em 0;}
	.news_others{ margin-top:1em;}
	.news_others .news-prev,.news_others .news-next{ float:none; max-width:100%; line-height:2;}
}
@media (min-width:768px) and (max-width:960px){
	.theme_list_x li{width:33.33%;}
}
@media (min-width:480px) and (max-width:960px){
	.header .header_in{padding:0 20px;}
	.banner li .textBox{margin-top:-190px;}
	.banner li .textBox .bigfont{font-size:40px; margin-bottom:25px;}
	.banner li .textBox .middlefont{font-size:24px;margin-bottom:25px;}
	.banner li .textBox .smallimg img{max-width:50%;}
	.banner li .textBox .button_create{margin-top:20px;}
	.banner li .textBox .button_create a{padding:15px 40px;}
	.tomain{bottom:10px;}
	.title_x{margin-bottom:70px;}
	.title_x h3{font-size:36px; margin-bottom:15px;}
	.title_x p{font-size:20px;}
	.feature{margin-bottom:60px;}
	.feature li .text{margin-top:-22px;}
	.feature li .text h4{font-size:20px;}
	.feature li .text .text_p{font-size:100%;}
	.theme_list_x{margin-bottom:80px; }
	.theme_list_x li .item .text .textBox .erweima{margin-top:0;}
	.interface .create_btn a{padding:15px 40px;}
}
@media (max-width:767px){
	.header .header_in .sign{ display:none;}
	.bannerBox .imgdiv .bn_text{ margin-top:0; top:40%; left:1em; right:1em;}
	.bannerBox .imgdiv3 .bn_text{ top:20%;}
	.bannerBox .imgdiv .bn_text .bn_btn{ font-size:110%; display:none;}
	.inbanner{ background-size:cover;}
	
	.contact_fixed{ display:none;}
	#cirPanel{display:none;}
	.aboutUs .aboutUs_in{padding:8em 1em 10em;}
	.aboutUs h3{font-size:150%;}
	.aboutUs .about_text{margin-top:1.5em; font-size:105%; background-size:3em auto; padding-left:3.5em;}
	.aboutUs .about_text .about_text_in{background-size:3em auto; padding-right:3.5em;}
	.footer .w-footer-in{padding:1.5em 0.5em 0.5em;}
	.theme_list_x li{width:50%;}
	.theme_list_x li .item{ min-height:0;}
	.theme_list_x li .item .text{bottom:0;height:auto;}
	.theme_list_x li .item .text .textBox{position:relative; top:0; margin-top:0;}
	.theme_list_x li .item .text .textBox .viewimg,.theme_list_x li .item .text .textBox .erweima{ display:none;}
	.theme_list_x li .item .text .textBox .template_num span{border-top:0;}
	.theme_list_x li .item .text .textBox .template_num span em{display:none;}
	.contact_fixed .item_tel{display:none;}
	.contact_fixed .item_tel_show{display:block;}
	.formDisplay {height:260px; }	
    .roundabout-holder{max-width:750px;height:250px;}
    .roundabout-moveable-item {width: 216px;height: 250px;}
	.case_list{ margin-left:-1.5%; margin-right:-1.5%;}
	.case_list li{ width:50%; margin-bottom:1.5em;}
	.case_list li .item{margin:0 3%;}
	.case_list li .imgBox .case_qr{display:none;}
	.upload_new{ margin:30px 0;}
	.case li{ width:50%;}
	.case li .item{ margin:0 5%;}
	.adnews_x .adnews_l{ width:100%;}
	.adnews_x .adnews_r{ width:100%;}
	.adnews_x .adnews_r li{ width:49%; margin-left:0;}
	.adnews_x .adnews_r li:nth-child(2n){ float:right;}
	
	.sys_menu{ margin-bottom:1em;}
	.sys_menu a{ font-size:105%;}
	.news_list > ul li{ padding:0.5em; margin-bottom:0.8em;}
	.news_list .text .date{margin-top:-2.1em;}
	.news_list .text .date .day{ font-size:200%;}
	.news_list .text .date .line{ width:3.5em;}
	.news_list .text .date .year_month{ font-size:90%;}
	.news_list .text .news_t h3 a{ font-size:105%;}
	.news_list .text .news_t .sum{ font-size:95%; margin-top:0.1em; height:1.5em;}
	.news_list .text .news_t .more{font-size:95%; margin-top:0.2em;}
	
	
	.about .about_sec1{ padding-top:2em;}
	.about .about_sec2,.about .about_sec3{ padding:2em 0.5em 1em;}
	.about .about_sec1 .about_tit{ font-size:135%;}
	.about .about_sec1 .company_info h3{ font-size:105%;}
	.about .about_sec2 .team .text{ float:none; width:100%;}
	.about .about_sec2 .team .img{ display:none;float:none; width:100%;}
	.about .about_sec2 .team .text h3{ font-size:135%;}
	.contact_tit{ font-size:135%;}
	.about .about_sec3 .contact > div{ width:100%; float:none;}
	.about .about_sec3 .contact_l .item .icon_c .icon_addr,.about .about_sec3 .contact_l .item .icon_c .icon_c_tel{ height:3em; width:3em; background-size:contain;}
	.about .about_sec3 .contact_l .item .addr,.about .about_sec3 .contact_l .item .cont_tel{ margin-left:3.5em;}
	.about .about_sec3 .contact_l .item .addr h4{ font-size:110%;}
	.about .about_sec3 .contact_r{ height:auto;}
	
	.solution_advisory ul{ display:block;}
	.solution_advisory li{ width:33%; float:left;}
	.solution_advisory li a{ font-size:1.3em; padding:0;}
}
@media (min-width:480px) and (max-width:767px){
	.advantage li{width:50%;  }
	.advantage li:nth-child(2n+1){ clear:both;}
	.parameter .para_item .para_item_th{font-size:120%;}
	.parameter .para_item_first .para_item_th{/*padding:2.1em 0.2em 1.75em;*/}
	.parameter .para_item_first .para_item_in:hover .para_item_th{padding:2.1em 0.2em 1.75em;}
	.parameter .border-hover{top:-0.2em;}
	.parameter .para_item .open_btn a{font-size:110%; padding:0.5em 1em;}
	.parameter .para_item .open_btn{height:12em;}
	.feature li{width:50%; margin-bottom:1.5em;}
	.sys_con li{width:50%; margin-bottom:1.5em;}
    .contact_fixed{ right:5px;}
}
@media (max-width:560px){
	.video_page_in{padding:2em 0;}
	.tit_pgin{ font-size:120%; padding-left:0.5em;}
	.video_imgBox .video_imgL,.video_imgBox .video_imgR{width:100%; float:none;}
	.video_imgBox .video_imgL{ margin-bottom:3%;}
	.video_textBox li{ width:100%; margin-right:0;}
	.video_list li{ width:50%; margin-bottom:0.7em;}
}
@media only screen and (max-width:479px){
	.body{font-size:0.35rem !important;}
	.footer .w-footer-in{padding:0.5em 0 0;}
	.footLogo img{ height:2em; width:2em;}
	.footer .foot_contact span{display:block;} 
	.header .header_in{padding:0 1em;}
	.mobile-nav{ left:1em;}
	
	.banner li .textBox{margin-top:-10em;}
	.banner li .textBox .bigfont{font-size:150%; margin-bottom:1em;}
	.banner li .textBox .middlefont{font-size:125%;margin-bottom:1em;}
	.banner li .textBox .smallimg img{max-width:50%;}
	.banner li .textBox .button_create{margin-top:1em;}
	.banner li .textBox .button_create a{padding:0.5em 1em;}
	.banner li .textBox .smallfont{font-size:100%;}
	.banimg_1{position:absolute; width:4em; height:4em; top:50%; margin-top:6em; left:-1em;}
    .banimg_2{position:absolute; width:3em; height:3em; top:50%; margin-top:-4em; left:2em;}
    .banimg_3{position:absolute; width:2em; height:2em; top:50%; margin-top:7em; left:5em;}
    .banimg_4{position:absolute; width:4em; height:4em;  top:50%; margin-top:4em; right:-1em;}
    .banimg_5{position:absolute; width:3em; height:3em;  top:50%; margin-top:-7em; right:3em;}
    .banimg_6{position:absolute; width:2em; height:2em;  top:50%; margin-top:9em; right:2em;}
	.main .section{padding-top:1.4rem;}
	.main .section5,.main .section_interface{padding-bottom:1.4rem;}
    .main .section6,.main .section_advantage{padding-top:0;}
	.main .section8{ padding-bottom:1.4rem;}
	.main .section9,.main .section_aboutUs{ padding-top:0;}
	.title_x,.section_adnews .title_x{margin-bottom:3em;}
	.title_x h3{font-size:150%; margin-bottom:0.3em;}
	.title_x p{font-size:110%;}
	.feature{margin-bottom:1em;}
	.feature li{width:100%; float:none; margin-bottom:1em;}
	.feature li .text{margin-top:-2em;}
	.feature li .text h4{font-size:150%;}
	.feature li .text .text_p{font-size:110%}
	.theme_list_x li .item{min-height:auto;}
	.theme_list_x{margin-bottom:1em;}
	.sec3_1{position:absolute; width:4em; height:4em; top:50%; margin-top:6em; left:-1em;}
    .sec3_2{position:absolute; width:3em; height:3em; top:50%; margin-top:-4em; left:2em;}
    .sec3_3{position:absolute; width:3em; height:3em; top:50%; margin-top:7em; left:5em;}
    .sec3_4{position:absolute; width:4em; height:4em;  top:50%; margin-top:4em; right:-1em;}
    .sec3_5{position:absolute; width:3em; height:3em;  top:50%; margin-top:-7em; right:3em;}
    .sec3_6{position:absolute; width:3em; height:3em;  top:50%; margin-top:9em; right:2em;}
	.interface .create_btn a{padding:0.8em 1.5em; font-size:100%;}
	.advantage li{width:100%; margin-bottom:2em; }
	.advantage li .item{ padding:0 1em 1em;}
	.advantage li .item .img{ width:6em;float:left; height:6em;}
	.advantage li .item .text{margin-left:7em; text-align:left;}
	.advantage li .item .text h4{font-size:120%; margin-bottom:0.5em;}
	.advantage li .item .text .simpline{margin-left:0;}
	.parameter .para_item .para_item_th{font-size:100%;}
	.parameter .para_item .para_item_th .price{ font-size:90%;}
	.parameter .para_item_first .para_item_th{/*padding:2.05em 0 1.70em;*/ padding:1.5em 0 1em;}
	.parameter .para_item .para_item_td .para_td{ padding:0.8em 0; font-size:90%;}
	.parameter .para_item_first .para_item_in:hover .para_item_th{/*padding:2.05em 0 1.70em;*/ padding:1.5em 0 1em;}
	.parameter .border-hover{top:0em;}
	.parameter .para_item .open_btn a{font-size:100%; padding:0.4em 0.8em;}
	.parameter .para_item .open_btn{height:12em;}
	.sys_con li{width:100%; margin-bottom:1.5em;}
	.sys_con li .item .item_l{margin:1em 0.5em;}
	.sys_con li .item .item_r{padding:1em 0.5em;}
	.sys_con li .item .item_l h4{font-size:150%;}
	.customerService{padding:1.5em 0 2em;}
	.customerService h2{font-size:150%; margin-bottom:1em;}
	.customerService .service li .img{width:3.5em; height:3.5em;}
	.customerService .service li .text{font-size:110%; margin-left:3.5em;}
	.customerService .service li{width:50%; margin-bottom:1em;}
	.aboutUs{ padding:0;}
	.aboutUs .aboutUs_in{padding:2em 1em 2em;}
	.aboutUs .about_text{margin-top:0.5em; font-size:100%; background-size:2em auto; padding-left:2.5em;}
	.aboutUs .about_text .about_text_in{background-size:2em auto; padding-right:2.5em;}
	.formDisplay {height:160px; }	
    .roundabout-holder{max-width:460px;height:150px;}
    .roundabout-moveable-item {width: 130px;height: 150px;}
	
	.video_page_in{ font-size:0.35rem;}
	
	.case_Box_in{padding:0 2%;}
	.case_list li{margin-bottom:1em;}
	.case_list li .theme_info{padding:0.2em 0.5em 0.3em;}
	.case_list li .theme_info h3{ height:1.2em;}
	.case_list li .theme_info h3 a{ font-size:100%;}
	.case_list li .theme_info .info_o{ font-size:90%;}
	.upload_new{ margin:2em 0;}
	
	.main .section2,.main .section_profession{ background:#fff;}
	.prodive{ padding-bottom:0; font-size:100%;}
	.prodive .prodive_in{padding:0 10px;}
	.prodive li .s_r h3{ font-size:115%;}
	.case li h3{ font-size:100%; padding:0.8em 0 0;}
	.case li h3 a{ font-size:105%;}
	.case .case_more a{ font-size:100%;}
	
	.tab_menu{margin-bottom:2em;}
    .tab_menu li{ font-size:115%; margin:0 1em;}
	.adnews_x{ padding-bottom:1em;}
	.adnews_x .adnews_r li{ width:100%; float:none; margin-bottom:1em;}
	.adnews_x .adnews_r li:nth-child(2n){ float:none;}
	.adnews_x .news_h a{ font-size:110%;}
	.adnews_x .adnews_l .ad_news_lastest,.adnews_x .adnews_r li .news-item{ padding:1em;}
	
	.parameter_pro{ font-size:0.35rem;}
	.parameter_pro th{ font-size:120%;}
	
	.news_list .text .news_t h3 a{ font-size:100%;}
	.news_list .text .news_t .sum{ font-size:85%;}
	.news_list .text .news_t .more{font-size:85%;}
	
	.sol_list li .text p{ font-size:89%;}
	.sol_list li .item{padding:1em 2%; margin:0 2%;}
	.solution_advisory li a{ font-size:1.1em;}
}


/*----------------------滑动延迟-----------------*/
.not-animated{opacity: 0;}
.fadeInUp, .fadeInRight, .fadeInLeft, .fadeInDown, .fadeIn, .fadeInScale,.fadeInRotate,.fadeInScaleRotate {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
    opacity: 1;
    position: relative;
}
.delay100 {
    animation-delay: 0.1s;
}
.delay200 {
    animation-delay: 0.2s;
}
.delay300 {
    animation-delay: 0.3s;
}
.delay400 {
    animation-delay: 0.4s;
}
.delay500 {
    animation-delay: 0.5s;
}
.delay600 {
    animation-delay: 0.6s;
}
.delay700 {
    animation-delay: 0.7s;
}
.delay800 {
    animation-delay: 0.8s;
}
.delay900 {
    animation-delay: 0.9s;
}
.delay1000 {
    animation-delay: 1s;
}
.delay1100 {
    animation-delay: 1.1s;
}
.delay1200 {
    animation-delay: 1.2s;
}
.delay1300 {
    animation-delay: 1.3s;
}
.delay1400 {
    animation-delay: 1.4s;
}
@-webkit-keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-o-keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0px, 10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-ms-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-o-keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -10%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-ms-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-o-keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-ms-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-moz-keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@-o-keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(10%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-ms-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInScale {
0% {
    opacity: 0;
    transform: scale(0);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@-moz-keyframes fadeInScale {
0% {
    opacity: 0;
    transform: scale(0);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@-o-keyframes fadeInScale {
0% {
    opacity: 0;
    transform: scale(0);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
@keyframes fadeInScale {
0% {
    opacity: 0;
    transform: scale(0);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
.fadeInScale {
	-webkit-animation-name: fadeInScale;
	-moz-animation-name: fadeInScale;
	-ms-animation-name: fadeInScale;
	-o-animation-name: fadeInScale;
    animation-name: fadeInScale;
}
@-webkit-keyframes fadeInRotate{
	0% {
    opacity: 0;
    transform:rotate(0);
-ms-transform:rotate(0); 
-moz-transform:rotate(0); 
-webkit-transform:rotate(0); 
-o-transform:rotate(0); 
}
100% {
    opacity: 1;
    transform:rotate(360deg);
-ms-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
}	
}
@-moz-keyframes fadeInRotate{
	0% {
    opacity: 0;
    transform:rotate(0);
-ms-transform:rotate(0); 
-moz-transform:rotate(0); 
-webkit-transform:rotate(0); 
-o-transform:rotate(0); 
}
100% {
    opacity: 1;
    transform:rotate(360deg);
-ms-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
}	
}
@-o-keyframes fadeInRotate{
	0% {
    opacity: 0;
    transform:rotate(0);
-ms-transform:rotate(0); 
-moz-transform:rotate(0); 
-webkit-transform:rotate(0); 
-o-transform:rotate(0); 
}
100% {
    opacity: 1;
    transform:rotate(360deg);
-ms-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
}	
}
@keyframes fadeInRotate{
	0% {
    opacity: 0;
    transform:rotate(0);
-ms-transform:rotate(0); 
-moz-transform:rotate(0); 
-webkit-transform:rotate(0); 
-o-transform:rotate(0); 
}
100% {
    opacity: 1;
    transform:rotate(360deg);
-ms-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
}	
}
.fadeInRotate{
	-webkit-animation-name: fadeInRotate;
	-moz-animation-name: fadeInRotate;
	-ms-animation-name: fadeInRotate;
	-o-animation-name: fadeInRotate;
	animation-name:fadeInRotate;
}
@-webkit-keyframes fadeInScaleRotate{
	0% {
    opacity: 0;
    transform:scale(0) rotate(0);
-ms-transform:scale(0) rotate(0); 
-moz-transform:scale(0) rotate(0); 
-webkit-transform:scale(0) rotate(0); 
-o-transform:scale(0) rotate(0); 
}
100% {
    opacity: 1;
    transform:scale(1) rotate(360deg);
-ms-transform:scale(1) rotate(360deg); 
-moz-transform:scale(1) rotate(360deg); 
-webkit-transform:scale(1) rotate(360deg); 
-o-transform:scale(1) rotate(360deg); 
}	
}
@-moz-keyframes fadeInScaleRotate{
	0% {
    opacity: 0;
    transform:scale(0) rotate(0);
-ms-transform:scale(0) rotate(0); 
-moz-transform:scale(0) rotate(0); 
-webkit-transform:scale(0) rotate(0); 
-o-transform:scale(0) rotate(0); 
}
100% {
    opacity: 1;
    transform:scale(1) rotate(360deg);
-ms-transform:scale(1) rotate(360deg); 
-moz-transform:scale(1) rotate(360deg); 
-webkit-transform:scale(1) rotate(360deg); 
-o-transform:scale(1) rotate(360deg); 
}	
}
@-o-keyframes fadeInScaleRotate{
	0% {
    opacity: 0;
    transform:scale(0) rotate(0);
-ms-transform:scale(0) rotate(0); 
-moz-transform:scale(0) rotate(0); 
-webkit-transform:scale(0) rotate(0); 
-o-transform:scale(0) rotate(0); 
}
100% {
    opacity: 1;
    transform:scale(1) rotate(360deg);
-ms-transform:scale(1) rotate(360deg); 
-moz-transform:scale(1) rotate(360deg); 
-webkit-transform:scale(1) rotate(360deg); 
-o-transform:scale(1) rotate(360deg); 
}	
}
@keyframes fadeInScaleRotate{
	0% {
    opacity: 0;
    transform:scale(0) rotate(0);
-ms-transform:scale(0) rotate(0); 
-moz-transform:scale(0) rotate(0); 
-webkit-transform:scale(0) rotate(0); 
-o-transform:scale(0) rotate(0); 
}
100% {
    opacity: 1;
    transform:scale(1) rotate(360deg);
-ms-transform:scale(1) rotate(360deg); 
-moz-transform:scale(1) rotate(360deg); 
-webkit-transform:scale(1) rotate(360deg); 
-o-transform:scale(1) rotate(360deg); 
}	
}
.fadeInScaleRotate{
	-webkit-animation-name: fadeInScaleRotate;
	-moz-animation-name: fadeInScaleRotate;
	-ms-animation-name: fadeInScaleRotate;
	-o-animation-name: fadeInScaleRotate;
	animation-name:fadeInScaleRotate;
}

@-webkit-keyframes rotate{
	0% {
	 transform:rotate(0);
	-ms-transform:rotate(0); 
	-moz-transform:rotate(0); 
	-webkit-transform:rotate(0); 
	-o-transform:rotate(0); 
	}
	100% {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 
	-moz-transform:rotate(360deg); 
	-webkit-transform:rotate(360deg); 
	-o-transform:rotate(360deg); 
	}	
}
@-moz-keyframes rotate{
	0% {
	 transform:rotate(0);
	-ms-transform:rotate(0); 
	-moz-transform:rotate(0); 
	-webkit-transform:rotate(0); 
	-o-transform:rotate(0); 
	}
	100% {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 
	-moz-transform:rotate(360deg); 
	-webkit-transform:rotate(360deg); 
	-o-transform:rotate(360deg); 
	}	
}
@-o-keyframes rotate{
	0% {
	 transform:rotate(0);
	-ms-transform:rotate(0); 
	-moz-transform:rotate(0); 
	-webkit-transform:rotate(0); 
	-o-transform:rotate(0); 
	}
	100% {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 
	-moz-transform:rotate(360deg); 
	-webkit-transform:rotate(360deg); 
	-o-transform:rotate(360deg); 
	}	
}
@keyframes rotate{
	0% {
	 transform:rotate(0);
	-ms-transform:rotate(0); 
	-moz-transform:rotate(0); 
	-webkit-transform:rotate(0); 
	-o-transform:rotate(0); 
	}
	100% {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 
	-moz-transform:rotate(360deg); 
	-webkit-transform:rotate(360deg); 
	-o-transform:rotate(360deg); 
	}	
}