body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none;}
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}

#loading{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999999999999; background: #fff; }
.pos1{
	position:absolute;
	width: 100px;
    height: 100px;
    left: 50%;
    margin-left: -50px;
    top: 50%; 
    margin-top: -60px;
}
.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 1250ms infinite linear;
    -webkit-animation: three-quarters-loader 1250ms infinite linear;
    animation: three-quarters-loader 1250ms infinite linear;
    border: 8px solid #38bc97;
    border-right-color: transparent;
    border-radius: 50px;
    box-sizing: border-box;
    display: inline-block;
    position:relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 100px;
    height: 100px;
	 color:#38bc97;
}
.lds{ position: absolute; left: 24px; top: 37px; color:#38bc97;}
.pos1 h2{ width: 290px; margin:10px 0 0 -65px; font-size: 20px; color: #38bc97; font-weight:700;}
.ie8 #loading,.ie9 #loading{ display: none;}
@-moz-keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes three-quarters-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes three-quarters-loader {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* head */
.head{ width:100%; position:absolute; left:0; top:0;  z-index:99999; background:url(../images/bj.png) left top; height:88px;}
.head_inner{ width:1200px; margin:0 auto;}
.head_inner h1{ float:left; margin:0px 0 0 20px; line-height: 88px;}
.head_inner h1 img{ height: 70px; }
.nav{ float:left; width:886px; margin:44px 0 0 60px; }
.nav li a{ font-size:16px; padding:0 23px 0 15px; display:block; height:20px; line-height:20px; color:#fff; background:url(../images/navli.png) right center no-repeat;transition:all 0.5s ease 0s;}

.nav li { float:left; position:relative; height:43px;}
.nav li a.on{ background:none;}
.nav li a.nav9{ background:none;}
.nav li a:hover{ color:#2ebb92; transition:all 0.5s ease 0s;}
.head_div{ float:right; width:150px; }
.sign_div{ background:#2ebb92; height:26px; line-height:26px; color:#fff; border-radius:0 0 10px 10px; text-align:center;}
.sign_div a{ color:#fff;}
.sign_div a:hover{ text-decoration:underline;}
.language{ float:right; width:106px; height:21px; line-height:21px; border:1px solid #498e7a; border-radius:5px; margin-top:16px;color:#26c899; text-align:center;}
.language a{ color:#26c899}
.language a:hover{ text-decoration:underline;}
.subnav{ position: absolute; left: 0; top: 43px; z-index: 999; height:52px; background:url(../images/nav.png) left top; display:none; box-sizing:border-box;  }
.nav li .subnav a{ float: left; color: #fbfbfb; font-size: 14px; margin-left: 20px; line-height:52px; width: auto; height: auto; padding:0; display:inline-block; background:none;}
.nav li .subnav a:hover{ color: #2ebb92; background: none; padding: 0; }
.cur .subnav{ display: block;}
.nav .cur a{color: #2ebb92;}

/* foot */
.foot{ background:#56d4aa; clear:both;}
.foot_inner{ width:1200px; margin:0 auto; padding:60px 0 44px 0;}
.foot_left{ float:left; width:600px;}
.foot_nav{ width:14.28%; float:left; color:#fff;}
.foot_nav span{ display:block; height:36px; line-height:36px; font-size:14px; margin-bottom:3px; color:#fff; font-weight:600;}
.foot_nav a{ display:block; height:36px; line-height:36px; color:#fff;}
.foot_nav a:hover{ text-decoration:underline;}
.foot_right{ width:590px; float:right;}
.foot_right .foot_cont{ float:left; width:330px; color:#fff;}
.foot_right .foot_cont span{ font-size:18px; display:block; height:36px; line-height:36px; overflow:hidden;margin-bottom:10px;}
.foot_right .foot_cont p{ height:23px; line-height:23px; color:#fff;}
.foot_right .foot_what{ width:230px; float:right;}
.what_div{ float:left; width:25px;}
.what_div a{ padding:17px 0; display:block; height:26px;}
.sao_div{ width:182px; float:right;}
.sao_div img{ width:182px; height:182px; overflow:hidden;}
.add{ background:#56d4aa; border-top:2px solid #fff; height:42px; line-height:42px;}
.add_inner{ width:1200px; margin:0 auto; text-align:center; color:#fff;}
.add_inner a{ color:#fff;}
.add_inner a:hover{ text-decoration:underline;}

/* pages */
.pages{ padding:96px 0; text-align:right;}
.pcenter{ display:inline-block; text-align:right;}
.pcenter a{ width:24px; height:25px; line-height:25px; display:block; float:left; background:#f0f0f0; margin:0 1px; color:#696867; text-align:center; font-size:14px; transition:all 0.5s ease 0s; cursor:pointer;}
.pcenter a.s,.pcenter a.x{ width:74px;cursor:pointer;}
.pcenter a:hover,.pcenter a.cur{ color:#fff; background:#38bc97; transition:all 0.5s ease 0s;}

/* about */
.cata_div{ width:1200px; margin:0 auto;}
.catalog{ margin-top:-37px;}
.cata_div li{ float:left; width:135px; height:37px; position:relative;}
.cata_div li a{ background:#38bc97; color:#fff; font-size:16px; display:block; line-height:37px; text-align:center; margin-right:8px;transition:all 0.5s ease 0s;}
.cata_div li a:hover,.cata_div li a.for{ color:#38bc97; background:#fff; transition:all 0.5s ease 0s;}
.catalog .position{ background:#ecefff; height:32px; line-height:32px;}
.position_inner{ width:1200px; margin:0 auto; text-align:right; color:#737375;}
.position_inner a{ color:#737375;}
.position_inner a:hover{color:#38bc97; }
.details{ width:1200px; margin:0 auto;}
.atricle{ padding:30px 0 50px 0; line-height:24px; color:#686767; font-size:14px;}

/* contact */
.contact_top { padding-top:32px;}
.contact_top .cont_add{ width:590px; float:left;}
.cont_add span{ font-size:18px; color:#38bc97; display:block; height:40px; line-height:40px; overflow:hidden;}
.cont_add p{ font-size:14px; line-height:36px; color:#303030; padding-right:10px;}
.cont_img{ float:right;}
.contact_center{ padding:40px 0 50px 0;}
.contact_center span{ font-size:18px; color:#ff9000; display:block; height:38px; line-height:38px;}
.contact_center p{ font-size:14px; color:#353534; line-height:30px;}
.contact_down{ margin-bottom:80px;}
.contact_down img{ max-width:100%; width:auto; height:auto;}

/* case */
.case_ul{ padding-top:10px; margin-left:-25px;}
.case_ul li{ float:left; margin:37px 0 0 25px; position:relative; width:281px; height:220px; overflow:hidden; cursor:pointer;}
.case_ul li img{ width:281px; height:220px; overflow:hidden;}
.case_ul li .case_hover{ display:block; position:absolute; left:0; top:-220px;  line-height:36px; color:#fff; font-size:18px; text-align:center; width:100%; background:url(../images/case_hover.png) left top; height:100%;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case_hover p{ width:252px; margin:80px auto 0;}
.case_ul li:hover .case_hover{ top:0;}

/* case_info */
.case_info{ padding:30px 0 50px 0; line-height:24px; color:#686767; font-size:14px;}

.return{ display:block; float:right; width:120px; height:34px; line-height:34px; text-align:center; background:#f0f0f0; color:#4a4b4b; font-size:14px; margin:30px 0; }
.return:hover{ color:#38bc97;}

/* news */
.news{ padding-top:16px;}
.news_dl{ margin-top:50px;}
.news_dl dd{ background:#f7f7f7; width:855px; padding:0 15px 0 25px; float:left; height:165px; }
.news_dl dt{ width:239px; height:165px; overflow:hidden; float:left;}
.news_dl dt img{width:239px; height:165px; overflow:hidden; transition:all 1s ease 0s; }
.news_dl dt:hover img{ transform:scale(1.1,1.1)}
.news_dl dd .news_time{ height:56px; line-height:56px;}
.news_time a{ font-size:16px; display:block; overflow:hidden; color:#38bc97; max-width:650px; float:left;}
.news_time span{ color:#505151; display:block; float:right; background:url(../images/news.jpg) left center no-repeat; padding-left:10px; width:125px;}
.news_dl dd p{ line-height:24px; font-size:14px; color:#505151; height:48px; overflow:hidden; margin-bottom:16px;}
.news_dl dd .news_see{ width:107px; height:26px; line-height:26px; text-align:center; border:1px solid #38bc97; display:block; font-size:14px; color:#38bc97;transition:all 0.5s ease 0s;}
.news_dl dd .news_see:hover{ background:#38bc97; color:#fff; transition:all 0.5s ease 0s;}
.news_time a:hover{ text-decoration:underline;}

/* news_info */
.news_info .release{ padding:53px 0 37px 0;}
.release h3{ font-size:18px; text-align:center; font-weight:normal; height:32px; line-height:32px; color:#504f4f; margin-bottom:22px;}
.release p{ text-align:center;height:45px; line-height:45px; border-bottom:1px dashed #bfbfbf; color:#bfbfbf; display:block; overflow:hidden;}
.news_word{line-height:24px; color:#686767; font-size:14px;}

/* pro */
.pro_ul { margin:-30px 0 0 -20px;}
.pro_ul li{ margin:80px 0 0 20px; float:left; width:283px;  overflow:hidden;}
.pro_ul li .pro_pic{width:283px; height:194px; overflow:hidden;}
.pro_ul li img{ width:283px; height:194px; overflow:hidden;transition:all 1s ease 0s;}
.pro_ul li .pro_pic:hover img{ transform:scale(1.1,1.1)}
.pro_ul li span{ height:32px; display:block; text-align:center; line-height:32px; border:1px solid #e5e5e5; font-size:14px; color:#3f3f3f;transition:all 0.5s ease 0s;}
.pro_ul li span:hover{ background:#38bc97; border:1px solid #38bc97; color:#fff; transition:all 0.5s ease 0s;}

/* pro_info */
.pro_top{ margin:48px 0 80px 0;}
.pro_infor{ width:750px; float:right;}
.pro_img{ float:left; width:401px;}
.pro_img img{ width:401px; height:273px; overflow:hidden;}
.pro_infor h3{ font-weight:normal; font-size:18px; color:#38bc97; height:40px; line-height:40px; border-bottom:1px solid #525252; position:relative;}
.pro_infor em{ position:absolute; display:block; width:92px; height:3px; background:#38bc97; left:0; bottom:-2px;}
.pro_infor span{ margin:20px 0; display:block; background:#ff9000; width:92px; height:27px; line-height:27px; text-align:center; font-size:16px; color:#fff;}
.pro_infor p{ line-height:24px; color:#736d6d; font-size:14px;} 
.pro_hover{ margin-bottom:40px;}
.pro_hover li{ float:left; margin-right:3px; }
.pro_hover li a{width:102px; height:33px; line-height:33px; text-align:center; font-size:16px; color:#fff; background:#38bc97; display:block;}
.pro_hover li a.on{ background:#ff9000;}
.pro_div{line-height:24px; color:#686767; font-size:14px; display:none;}
.pro_word{ min-height:260px;}
.pro_info{ padding-bottom:60px;}

/* down */
.down_ul{ padding-top:45px;}
.down_ul li{ height:47px; line-height:47px; padding-left:20px; background:url(../images/down.jpg) left center no-repeat;}
.down_ul li a{ border-bottom:1px dashed #b5b5b5; display:block; overflow:hidden; font-size:14px; color:#363737; background:url(../images/down.png) right center no-repeat; transition:all 0.5s ease 0s;}
.down_ul li:hover a{ color:#38bc97; transition:all 0.5s ease 0s;}

/* tech */
.tech_ul{ padding-top:50px;}
.tech_ul li{ height:48px; line-height:48px; border-bottom:1px dashed #b5b5b5; background:url(../images/tech_jiao.jpg) 9px center no-repeat; padding-left:27px;}
.tech_ul li a{ display:block; overflow:hidden; height:48px; font-size:14px; color:#363737; width:75%; float:left;}
.tech_ul li span{ display:block; float:right; width:86px; font-size:14px; color:#4a4949;}
.tech_ul li:hover a,.tech_ul li:hover span{ color:#38bc97;}

.sign_cata{ margin-top:88px;}
.sign{ margin:70px 0 200px 340px;}
.sign_tit{ color:#2ebb92; font-size:30px; font-weight:normal; margin:0 0 76px 200px;}
.sign_box{ height:35px; overflow:hidden; margin-bottom:26px;}
.sign_box em{ display:block; float:left; font-size:14px; color:#2e2e2e; width:74px; height:35px; line-height:35px;}
.sign_box .sign_txt{ width:430px; height:33px; border:1px solid #dcdcdc; padding-left:8px;}
.sign_sub{ width:128px; height:33px; background:#2ebb92; border:1px solid #2ebb92; text-align:center; line-height:32px; margin:0 21px 0 66px; font-size:18px; color:#fff; display:block; float:left; cursor:pointer;transition: all 0.5s ease 0s;}
.denglu{ float:left; height:35px; line-height:35px; color:#4e4d4d;}
.denglu a{ color:#bd0b0b;}
.denglu a:hover{ text-decoration:underline;}
.sign_box .yz_txt{ width:217px; margin-right:25px;}
.sign_sub:hover{ background:none; color:#2ebb92; transition: all 0.5s ease 0s;}

#foot{ width:100%; clear:both; overflow:hidden;}

/* index */
.flex-direction-nav{ display:none;}
.flex-control-nav {display:none;}
.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; width:100%; height:100%;}
.slides {width:100%; height:100%;}
.banner_div{ position:absolute; width:1200px; margin-left:-600px; left:50%;  height:260px; z-index:9999999; top:50%; margin-top:-130px;}
.banner_line{ background:url(../images/index4.png) left top no-repeat; width:219px; height:260px; position:absolute; display:block; left:0; top:0; z-index:-9;}
.word2{ margin:20px 0 30px 55px;}
.word1{ margin:76px 0 0 55px;}
.word3{ margin-left:55px;}

.section3{ background:url(../images/pages3.jpg) left top no-repeat; background-size:cover;}
.news_box{ width:1200px; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;}
.index_tit{ height:74px; line-height:74px; border-bottom:1px solid #cccdcd; position:relative;}
.index_tit h3{ font-size:30px; font-weight:normal; color:#4c4c4c; text-align:center;}
.index_tit span{ width:47px; height:3px; display:block; background:#38bc97; position:absolute; left:50%; margin-left:-23.5px; bottom:-2px;} 

.section4{ background:url(../images/pages4.jpg) left top no-repeat; background-size:cover;}

.customer{ width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.customer_word{ font-size:14px; color:#4c4c4c; line-height:24px; padding:50px 0 35px 0; height:50px; overflow:hidden; text-align:center;}
.sustomer_call{ text-align:center; margin-bottom:78px;}
.customer_ul{ text-align:center;}
.customer_ul li{ display:inline-block;  margin:0 18px; background:url(../images/round.png) left top no-repeat; width:204px; height:204px; border-radius:204px; overflow:hidden; cursor:pointer;}
.customer_ul li .cus_img{ width:72px; height:62px; margin:53px auto 0px; text-align:center;}
.customer_ul li .cus_img img{ width:auto; height:auto; max-width:100%;}
.customer_ul li span{ font-size:16px; height:26px; line-height:26px; display:block; text-align:center; color:#fff;}
.customer_ul li:hover img{animation: bounceIn 0.8s ease 0.2s both;-webkit-animation: bounceIn 0.8s ease 0.2s both;-moz-animation: bounceIn 0.8s ease 0.2s both;-ms-animation: bounceIn 0.8s ease 0.2s both;-o-animation: bounceIn 0.8s ease 0.2s both;}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}} 

.example{width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.exp_ul{ margin:68px 0 0 -6px;}
.exp_ul li{ float:left; width:396px; height:261px; overflow:hidden; margin:0 0 6px 6px; position:relative; cursor:pointer;}
.exp_ul li img{width:396px; height:261px; overflow:hidden;}
.exp_ul li .exp_hover{ display:block; width:100%; height:100%; position:absolute; left:0; top:-261px; background:url(../images/index_casebj.png) left top ;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.exp_ul li:hover .exp_hover{ top:0;}
.exp_ul li .exp_hover h3{ font-size:18px; height:36px; line-height:36px; font-weight:normal; text-align:center; color:#fff; margin:46px 0 27px 0;}
.exp_hover:hover h3{ color:#38bc97;} 
.exp_ul li .exp_hover p{ height:48px; line-height:24px; font-size:14px; color:#fff; width:320px; margin:0 auto; text-align:center;}
.exp_ul li .exp_hover span{ display:block; background:url(../images/more.png) left top no-repeat; width:45px; height:45px; margin:20px auto 0; transition:all 0.5s ease 0s;}
/*.exp_hover:hover span{transform:rotate(360deg);transition:all 0.5s ease 0s;}
*/.exp_more{ display:block; font-size:14px; background:#38bc97; color:#fff; border:1px solid #38bc97; width:118px; height:34px; line-height:34px; text-align:center; margin:36px auto 0;transition:all 0.4s ease 0s;}
.exp_more:hover{ padding:0 30px; background:none; color:#38bc97; transition:all 0.4s ease 0s;}
.qroom{width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.room_ul{ margin-top:69px;}
.room_ul li{ float:left; width:400px; height:274px;background:#38bc97; }
.room_ul li .index_pic{width:400px; height:274px; overflow:hidden; transition:all 1s ease 0s; }
.room_ul li:hover .index_pic{ opacity:.7; transform:scale(1.1,1.1)}
.room_ul li .room_pic{width:400px; height:274px; overflow:hidden;}

.room_a{ display:block; background:#38bc97; width:100%; height:100%; position:relative;}
.room_a h3{ font-weight:normal; height:30px; line-height:30px; padding:53px 0 20px 0; font-size:18px; color:#fff; text-align:center;}
.room_a p{ line-height:24px; color:#fff; font-size:14px; height:72px; overflow:hidden; width:308px; margin:0 auto; text-align:center;}
.room_a span{ display:block; background:url(../images/more.png) left top no-repeat; width:45px; height:45px; margin:25px auto 0;transition:all 0.7s ease 0s;}
.room_a span:hover{transform:rotate(360deg) scale(1.05,1.05);}
.room_a em{ position:absolute; display:block; bottom:-15px; left:50%; margin-left:-10px; height:17px; z-index:999999;}
.room_a1{ background:#2c3c65;}
.room_a1 em,.room_a3 em{top:-15px;}
.room_a3{ background:#e98402;}
.consult{ margin-top:63px;}
.consult li{ width:25%; float:left; box-sizing:border-box;  height:366px; position:relative;}
.consult li img{ width:100%; height:254px; overflow:hidden;}
.con_inner{ border-top:8px solid #ff9000; position:absolute; left:0; bottom:0px; width:100%; height:109px; overflow:hidden; }
.con_div{ border:1px solid #dcdcdc; background:#fff;border-right:none;}
.con_div.on{border-right:1px solid #dcdcdc;}
.con_div h3{ font-size:16px; color:#4e4d4d; font-weight:normal; height:40px; line-height:40px; text-align:center; overflow:hidden;}
.con_div p{ width:240px; margin:0 auto 20px; line-height:24px; height:47px; overflow:hidden; color:#4e4d4d; text-align:center;}
.con_time{ border-top:1px solid #e6e5e4; height:38px; line-height:38px;}
.con_time span{ float:left; display:block; width:50%; box-sizing:border-box; border-right:1px solid #e6e5e4; background:url(../images/time.png) 13px center no-repeat; padding-left:42px;color:#727272;}
.con_time em{ float:left; display:block; width:50%; box-sizing:border-box; color:#727272; text-align:center;}
.consult li:hover h3{ color:#35ab8a;}

.idea{width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.idea_left{ float:left; width:50%; box-sizing:border-box; position:relative; }
.idea_left h3{ font-size:36px; color:#38bc97; font-weight:normal; height:55px; line-height:55px;}
.idea_left span { font-size:24px; color:#ff9000; height:45px; line-height:45px; display:block; margin-bottom:70px;}
.idea_left p{ font-size:14px; line-height:36px; color:#565656; overflow:hidden; height:215px;}
.idea_left .about_more{ display:block; font-size:14px; background:#38bc97; color:#fff; border:1px solid #38bc97; width:118px; height:34px; line-height:34px; text-align:center; margin-top:30px;transition:all 0.4s ease 0s;}
.about_more:hover{background:none; color:#38bc97; transition:all 0.4s ease 0s;}
.idea_left em{background: url(../images/aboutbj.png) left 10px no-repeat; display:block; position:absolute; width:633px; height:94px; left:-30px; top:80px; z-index:-9;}
.idea_right{ float:right; width:533px;}
.idea_right li{ width:50%; float:left; box-sizing:border-box; overflow:hidden;}
.idea_right li img{ width:100%; height:265px; overflow:hidden; max-width:100%;}
.idea_right li .idea_img{ position:relative; width:100%;}
.idea_img .zhuyi{ font-size:30px; color:#fff; display:block; position:absolute; left:0; top:109px; text-align:center; width:100%;}
.idea_img em{ position:absolute; left:0; width:100%; bottom:50px; font-size:14px; color:#fff; display:block; text-align:center;}
.opc-mask{    overflow: hidden;width: 101%;height: 100%; position: absolute; left:0; top:0; display:none;transition:all 0.5s ease 0s; }
.opc-mask .a0{    width: 20%;  height: 100%;  float: left;   background:#2c3c65;}
.yellow .a0{ background:#ff9000;}
.zise .a0{ background:#32163f;}
.yuanjing .a0{ background:url(../images/tu3.jpg) left top no-repeat; width:100%; background-size:100% 100%;}
.idea_pic { position:relative;}
.pp_inner  .a0{background:url(../images/pic.jpg) left top no-repeat;width:100%; background-size:100% 100%;}
.idea_span{width: 100%;height: 32px; text-align: center; padding-top: 193px;line-height: 32px;color: #fff; font-size: 14px; background: url(../images/tu5.png) center 63px no-repeat;position: absolute; left: 0px; top:0; display:none; }
.idea_zi{background: url(../images/tu6.png) center 63px no-repeat;}

.idea_img:hover .opc-mask{display: block;}
.fadeInUp{animation: fadeInUp .5s ease 0s both;-webkit-animation: fadeInUp .5s ease 0s both;-moz-animation: fadeInUp .5s ease 0s both;-ms-animation: fadeInUp .5s ease 0s both;-o-animation: fadeInUp .5s ease 0s both;}

.idea_img:hover .idea_span{display: block; z-index:999999;animation: fadeInUp .6s ease 0s both;-webkit-animation: fadeInUp .6s ease 0s both;-moz-animation: fadeInUp .6s ease 0s both;-ms-animation: fadeInUp .6s ease 0s both;-o-animation: fadeInUp .6s ease 0s both;}
.idea_img:hover .yj_inner{display: block; z-index:999999;animation: fadeInUp .51s ease 0s both;-webkit-animation: fadeInUp .51s ease 0s both;-moz-animation: fadeInUp .51s ease 0s both;-ms-animation: fadeInUp .51s ease 0s both;-o-animation: fadeInUp .51s ease 0s both;}
.idea_img .yj_inner{font-size:30px; color:#66d4ae; display:block; position:absolute; left:0; top:0px; text-align:center; width:100%; display:none; margin-top:109px;}

@-webkit-keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(180px);transform:translateY(180px)}
	50%{opacity:0;-webkit-transform:translateY(90px);transform:translateY(90px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
	0%{opacity:0;-webkit-transform:translateY(180px);transform:translateY(180px)}
	50%{opacity:0;-webkit-transform:translateY(90px);transform:translateY(90px)}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

.flex-active-slide .banner_line{animation: fadeIn 0.3s ease 0.2s both;-webkit-animation: fadeIn 0.3s ease 0.2s both;-moz-animation: fadeIn 0.3s ease 0.2s both;-ms-animation: fadeIn 0.3s ease 0.2s both;-o-animation: fadeIn 0.3s ease 0.2s both;}
.flex-active-slide .word1{animation: fadeInLeft 1s ease 0.3s both;-webkit-animation: fadeInLeft 1s ease 0.3s both;-moz-animation: fadeInLeft 1s ease 0.3s both;-ms-animation: fadeInLeft 1s ease 0.3s both;-o-animation: fadeInLeft 1s ease 0.3s both;}
.flex-active-slide .word2{animation: fadeInRight 1s ease 0.6s both;-webkit-animation: fadeInRight 1s ease 0.6s both;-moz-animation: fadeInRight 1s ease 0.6s both;-ms-animation: fadeInRight 1s ease 0.6s both;-o-animation: fadeInRight 1s ease 0.4s both;}
.flex-active-slide .word3{animation: shang 1s ease 0.8s both;-webkit-animation: shang 1s ease 0.8s both;-moz-animation: shang 1s ease 0.8s both;-ms-animation: shang 1s ease 0.8s both;-o-animation: shang 1s ease 0.8s both;}
.active .idea_left{animation: fadeInLeftBig 1s ease 0.2s both;-webkit-animation: fadeInLeftBig 1s ease 0.2s both;-moz-animation: fadeInLeftBig 0.5s ease 0.2s both;-ms-animation: fadeInLeftBig 0.5s ease 0.2s both;-o-animation: fadeInLeftBig 0.5s ease 0.2s both;}
.active .idea_right{animation: fadeInRightBig 1s ease 0.2s both;-webkit-animation: fadeInRightBig 1s ease 0.2s both;-moz-animation: fadeInRightBig 0.5s ease 0.2s both;-ms-animation: fadeInRightBig 0.5s ease 0.2s both;-o-animation: fadeInRightBig 0.5s ease 0.2s both;}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}
100%{opacity:1;-moz-transform:translateX(0)}}

@-webkit-keyframes fadeIn{0%{opacity:0}
50%{opacity:0.5}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
50%{opacity:0.5}
100%{opacity:1}}

@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-60px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-60px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(60px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(60px)}
100%{opacity:1;-moz-transform:translateX(0)}}
@-webkit-keyframes shang{0%{opacity:0;-webkit-transform:translateY(40px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes shang{0%{opacity:0;-moz-transform:translateY(40px)}
100%{opacity:1;-moz-transform:translateY(0)}}


.begin .sustomer_call{ margin-bottom:25px;}
.begin .head{ height:60px;}
.begin .head_inner h1 img{ height:50px; width:auto;}
.begin .language{ margin-top:5px;}
.begin .nav{ margin-top:30px;}
.begin .idea{ padding-top:60px;}
.begin .room_ul li{ height:220px;}
.begin .room_ul li .index_pic{ height:220px; width:100%;}
.begin .room_a span{ margin-top:16px;}
.begin .room_a h3{ padding:26px 0 5px 0;}
.begin .room_ul{ margin-top:23px;}
.begin .qroom{ padding-top:23px;}
.begin .example{ padding-top:40px;}
.begin .exp_ul li{ height:200px;}
.begin .exp_ul li img{ height:200px; width:100%;}
.begin .exp_ul{ margin-top:23px;}
.begin .exp_more{ margin-top:7px;}
.begin .exp_ul li .exp_hover h3{ margin:30px 0 13px 0;}
.begin .foot_inner{ padding:20px 0;}
.begin #fp-nav.right{ right:50px;}
.begin #thumbnail-slider { max-width:800px!important;}
.begin .gallery{ padding:14px 0 5px 0; font-size:0!important;  }

.begin .index_tit{ height:50px; line-height:50px;}
.begin #thumbnail-slider div.inner ul{ height:400px!important;}


.tog .pro_subnav{ width:117px; position:absolute; left:0; top:37px; z-index:999;*z-index:9999;  background:url(../images/s.png) left top; padding:0 5px 0px 5px; display:none;}
.tog .pro_subnav a{ overflow: hidden; color:#fff; border:none; border-bottom:1px solid #acbec2; height:30px; width:117px; display:block; line-height:30px; background:none; font-size:12px;}
.tog .pro_subnav a:hover{ color:#38bc97; background:none;}

.pro_two{ position:absolute; left:115px; top:0; width:130px;  -padding:5px 0; display:none; padding-left:12px; 
background: url(../images/s.png) left top;}
.pro_box{background:url(../images/s.png) left top;  }
.tog .pro_subnav .pro_two a{ border:none; font-size:12px; height:30px; line-height:30px; overflow:hidden; text-align:center; width:100%;}
/*.pro_subnav li.menu .menu_on,.pro_two a.on{color:#38bc97; }
*/.pro_subnav li.up .menu_on{color:#38bc97; }
.tog .pro_subnav li{ width:117px; height:auto;}
.pro_subnav a.shubiao{ position:absolute; left:50%; margin-left:-8px; width:16px; height:43px; bottom:100px; z-index:999999;    animation: ani-svg 0.85s linear 0s alternate infinite;
    -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;}

	
	@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

.right{ position:fixed; z-index:999999999999999; top:50%; right:2%; height:234px; margin-top:-167px;}
.right a{ display:block; margin-bottom:10px;}




#gallery {margin:0 auto;height:472px;overflow:hidden; z-index:1; padding-top:100px;}
.container_image{margin:0 auto;position:relative;width:100%;font-size:.8125em;}	
/*===== gallery =====*/
.roundabout-holder{width:900px;height:496px;margin:0 auto;}
.roundabout-moveable-item {width: 581px;height: 472px;}
.roundabout-moveable-item img{width:100%;}
#myRoundabout li span{ height:48px; line-height:48px; text-align:center; display:block; color:#ec870f; font-size:18px; background:url(../images/bai.png) left top; position:absolute; left:0; bottom:9px; width:100%; display:none;}


.phnav{ background:url(../images/navph.png) left top no-repeat; display:nono; width:34px; height:22px; position:absolute; right:5px; top:20px; z-index:999999999;}
#phone{ width:100%; position:absolute; background:#2ebb92; left:0; top:60px; z-index:9;  z-index:999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center; background:none;}
.head_sign{ display:none; width:66px; float:right; padding:25px 42px 0 0;}
.head_sign a{ color:#fbfcfd; font-size:14px; padding:0 3px;}


.foot_recu{ display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#66d4ae; color:#fff; border-bottom:1px solid #fff;}
.foot_con a,.foot_con p{ display:block; height:38px; line-height:38px; background:#f89701; border-bottom:1px solid #fff; text-indent:20px; color:#fff;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../images/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../images/xia.png) left center no-repeat; width:18px; height:9px;}

.section7,.section7 .fp-tableCell{ height:440px!important; }


.video_ul { margin:72px 0 0 -20px;}
.video_ul li{ float:left; margin:16px 0 0 20px;}
.video_ul li .video_pic{ width:285px; height:192px; position:relative;}
.video_pic span{width:285px; height:192px; overflow:hidden;}
.video_pic .video_see{ background:url(../images/video.png) left top no-repeat; width:33px; height:33px; position:absolute; left:50%; top:50%; margin-left:-16.5px; margin-top:-16.5px; display:block;}
.video_ul li .down_see{ height:50px; line-height:50px; display:block; text-align:center; font-size:16px;}
.down_see:hover{ color:#38bc97;}


/* message */
.mess{ margin:50px 0 170px 355px;}
.mess h3{ font-size:24px; font-weight:normal; color:#38bc97; background:url(../images/mess.png) left top no-repeat; height:114px; line-height:114px; padding-left:135px; margin-bottom:73px;}
.mess_div{ height:34px; line-height:34px; margin-bottom:27px;}
.mess_div em{ width:77px; display:block; float:left; font-size:14px; overflow:hidden; height:34px;}
.mess_txt{ float:left; width:300px; height:32px; line-height:32px; padding-left:6px; border:1px solid #eeeeee;}
.area_mess{ height:154px; width:552px; padding:3px 0 0 6px; resize:none; border:1px solid #eeeeee;}
.area_div{ height:159px; width:640px;}
.mess_sub{ width:126px; height:35px; line-height:35px; text-align:center; background:#38bc97; color:#fff; border:1px solid #38bc97; cursor:pointer; margin:23px 0 0 172px; font-size:14px;transition:all 0.5s ease 0s;}
.mess_sub:hover{ background:none; color:#38bc97; transition:all 0.5s ease 0s;}

/* eng */
.eng p{ color:#dc3216; font-size:14px; height:30px; line-height:30px; text-align:center; margin-bottom:140px;}
.eng h3{ font-size:24px;font-weight:normal; color:#38bc97; text-align:center; height:114px; line-height:114px;}
.eng_form{ margin:0px 0 90px 355px;}
.eng_form em{ width:88px;}
.eng_form .area_div{ width:660px;}

.repair{line-height: 30px;color: #686767; font-size: 14px;}
.maint{ margin-bottom:180px;}
.maint .em{ display:block; float:left; width:220px; height:33px; line-height:33px; background:#e59315; font-size:18px; color:#fff; text-align:center; margin:0 30px 0 270px; transition:all 0.5s ease 0s;}
.maint .em{ background:none; color:#e59315; transition:all 0.5s ease 0s;}
.main_form span{ width:94px; text-align:center; font-size:16px; color:#464444; display:block; float:left;}
.main_form { width:420px; float:left;}
.main_form .main_txt{ width:210px; height:31px; border:1px solid #e59315; line-height:31px; padding-left:7px; float:left; background:none; margin-right:24px;}
.main_form .main_sub{ width:77px; height:29px; line-height:29px; border:1px solid #7a7a79; background:#7a7a79; text-align:center; color:#fff; font-size:14px; cursor:pointer;transition:all 0.5s ease 0s;}
.main_form .main_sub:hover{ background:none; color:#7a7a79; transition:all 0.5s ease 0s;}

.repa_top{ text-align:center; padding:20px 0 68px 0;}
.repa_bottom{ background:#f3f4f4; padding:30px 20px 50px; margin-bottom:50px;}
.repa_bottom h3{ text-align:center; height:30px; line-height:30px; color:#2a2a2a; font-size:18px; text-decoration:underline; margin-bottom:30px;}
.repa_word p{ color:#6c6c6c; line-height:24px; font-size:14px; text-align:center;}
.repairn h3{ font-size:30px; color:#2ebb92; font-weight:normal; height:170px; line-height:170px; text-align:center;}

.repairn_form{ margin-left:300px;}
.repairn_div{ margin-bottom:25px;}
.repairn_div em{ display:block; float:left; width:100px; font-size:14px; height:35px; line-height:35px;}
.repairn_txt{ width:430px; height:33px; line-height:33px; padding-left:8px; border:1px solid #dcdcdc;}
.repairn_form .dizhi{ height:30px; line-height:30px; font-size:14px;}
.repairn_sub{ width:128px; height:33px; line-height:33px; text-align:center; cursor:pointer; background:#2ebb92; color:#fff; font-size:18px; border:1px solid #2ebb92; margin:40px 0 14px 216px;}
.prompt{ padding:10px 0 50px 300px;}
.prompt dt{ float:left; width:70px; color:#a70d0d;}
.prompt dd{ float:left; line-height:25px; color:#414141}
.app a{ margin:40px auto 0; float:none; display:block;  width:220px; height:33px; line-height:33px; background:#e59315; font-size:18px; color:#fff; text-align:center; border:1px solid #e59315;transition:all 0.5s ease 0s;}
.app a:hover{ background:none; color:#e59315; transition:all 0.5s ease 0s;}
.repairn_area{ width:780px; height:98px; line-height:33px; padding-left:8px; border:1px solid #dcdcdc; resize:none;}
.area_height{ height:200px;}
.repairn_div .xing{ margin-left:14px; color:#a00606}
.begin .section7,.begin  .section7 .fp-tableCell{ height: 376px!important; }