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 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#717171; -webkit-text-size-adjust: none; }
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; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ 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:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
.text{ height: 20px; line-height: 20px; padding:0 8px; background: #fff; border:1px solid #c5c5c5; }
em{ font-style:normal;}
li{ list-style:none;}

/* head */    
.phnav{ display: none; }

.head{ background:#2d3a4a; height:80px;}
.box{ width:1200px; margin:0 auto;}
h1{ padding-top:17px; float:left;}

.nav{ float:left; padding:20px 0 0 70px;}
.nav li{ float:left; margin:0 15px; position:relative; height:60px;}
.nav li a{ display:block; padding:0 10px; height:39px; line-height:39px; border-bottom:2px solid #2d3a4a; color:#fff; font-size:16px; text-align:center; }
.nav li a:hover{border-bottom:2px solid #2ba07f; }
.search{ float:right; width:18px; height:80px; line-height:80px; position:relative;}
.search i{  width:50px; height:82px; line-height:80px;display: block; float: right; background:url(../images/search.png) right center no-repeat;  cursor:pointer;}
.searchbox{ padding:10px; background: #2d3a4a; overflow: hidden; position: absolute; z-index: 99;
top: 20px; left: -242px; opacity: 0; visibility: hidden;}
.searchbox .text{ width: 197px; padding:9px 0 9px 5px; height: 20px; line-height: 20px; float: left; 
border:none; border:0; background: #333f4d; color: #fff; font-size: 14px;}
.searchbox .btn{ background: url(../images/search.png) center center no-repeat; width: 38px; height: 38px; float: left; border:none; }
.search:hover .searchbox { opacity: 1; visibility: visible; top: 76px;}
.nav li.active a{border-bottom:2px solid #2ba07f; }
.subnav{ width: 200px; margin-left:-100px; position: absolute; left: 46px; top: 60px; visibility: hidden; z-index:999999; background:#3b4859;}
.nav li .subnav a{  display: block; font-size:12px; overflow: hidden; height: 40px; line-height: 40px; color:#fff;  border:0;border-top:1px solid #4b586a; padding:0;}
.nav .subnav a:hover{ color: #fff; background: #2d3a4a;  border:0;border-top:1px solid #4b586a;}
.active .subnav{ top: 60px; visibility: visible; opacity: 1; filter:alpha(opacity=100);}
.nav li .subnav li{ height:auto; margin:0; float:none; position:relative;}
.nav li .subnav li .sub_inner{ position:absolute; left:200px; top:0; background:#2d394e; width:190px; display:none;}
.nav li .subnav li.on .sub_inner{ display:block;}



/* foot */
.foot{ background:#2d3a4a; padding-top:40px;}
.foot_box{ width:1349px; margin:0 auto;}
.foot_left{ border-right:1px solid #3c4c5f; width:335px; float:left; background:url(../images/ren.jpg) 8px top no-repeat; padding-left:65px; box-sizing:border-box;}
.foot_left p{ font-size:14px; color:#fff;  line-height:27px; font-size:14px; color:#fff; overflow:hidden;}

.foot_center{ float:left; width:140px; padding:0 0 0 25px;text-align:center; box-sizing:border-box;}
.foot_center span{ display:block; height:24px; line-height:24px; font-size:14px; color:#fff; overflow:hidden; margin-bottom:20px; }
.foot_center em{ height:33px; line-height:33px; display:block; overflow:hidden; color:#fff; font-size:14px;}
.foot_right{ float:right; width:855px;}
.foot_nav{ float:left; width:16.6%;box-sizing:border-box; text-indent:3px;}
.foot_nav span{ display:block; color:#fff; height:24px; line-height:24px; font-size:14px; overflow:hidden;}
.foot_nav a{ display:block; font-size:12px; color:#fff;  height: 27px; overflow: hidden; line-height:27px; transition:all 0.5s ease 0s;}
.foot_nav a:hover{text-decoration:underline; transition:all 0.5s ease 0s;}
.foot_inner{ padding-bottom:40px;}
.add{ border-top:1px solid #3c4c5f; height:50px; line-height:50px; text-align:center; color:#fff; font-size:14px;}
.add a{ color:#fff; margin-left:8px; transition:all 0.5s ease 0s;}
.add a:hover{ text-decoration:underline; transition:all 0.5s ease 0s;}

/* about */
.catalog{ height:59px; border-bottom:1px solid #ebebeb;}
.cata_ul{ float:left; width:810px;}
.cata_ul li{ float:left; margin-right:40px; padding:0 10px;}
.cata_ul li a{ display:block; height:57px; line-height:57px; font-size:14px; text-align:center; border-bottom:2px solid #fff;transition:all 0.5s ease 0s; color:#494949}
.cata_ul li a:hover,.cata_ul li a.for{ color:#2ba07f; border-bottom:2px solid #2ba07f; transition:all 0.5s ease 0s;}
.cata_curr{ float:right; text-align:right;font-size:14px; color:#717171;height:58px; line-height:58px; }
.cata_curr a{ font-size:14px; color:#717171; transition:all 0.5s ease 0s;}
.cata_curr .gress,.cata_curr a:hover{ color:#2ba07f; transition:all 0.5s ease 0s;}

.about_word{ font-size:14px; line-height:30px; padding:20px 0 60px 0;}
.culture{ margin:0 0 80px -30px;}
.culture li{ width:380px; height:500px; position:relative; float:left; margin:33px 0 0 30px;}
.culture li img{ width:380px; height:500px; overflow:hidden;}
.cul_div{ position:absolute; left:0; top:0; text-align:center; height:100%; width:100%;}
.cul_div span{ display:block; font-size:24px; color:#666; font-weight:bold; height:30px; line-height:30px; overflow:hidden; padding-top:76px;}
.cul_div em{ height:20px; line-height:20px; display:block; overflow:hidden; color:#717171; font-size:12px; text-transform:uppercase; margin-bottom:8px;}
.cul_div p{ line-height:25px; font-size:14px; color:#666;}

/* honor_ul */
.honor_ul{ margin:40px 0 80px -30px;}
.honor_ul li{ float:left; margin-left:30px; width:215px; overflow:hidden; height:322px;}
.honor_ul li span{ display:block; width:213px; height:268px; line-height: 268px; overflow:hidden; border:1px solid #ebebeb;}
.honor_ul li em{ height:52px; line-height:52px; display:block; text-align:center; font-size:14px; color:#707070;}
.honor_ul li span img{ width: auto; height: auto; max-width: 100%; }
/* news */
.news{ padding:6px 0 60px 0;}
.news dl{ margin-top:24px;}
.news dt{ float:left; width:308px; height:176px; overflow:hidden; margin-right:23px;}
.news dt img{width:308px; height:176px; overflow:hidden; opacity:.8; transition:all 0.5s ease 0s;}
.news dt img:hover{opacity:1; transition:all 0.5s ease 0s;}
.news dd{ float:left; width:869px;}
.news dd .news_tit{ padding-top:15px; display:block; overflow:hidden; height:46px; line-height:46px; font-size:18px; color:#494949;transition:all 0.5s ease 0s;}
.news dd .news_tit:hover{ transform:translateX(10px); transition:all 0.5s ease 0s; color:#2ba07f;}
.news dd .news_div{ height:50px; overflow:hidden;}
.news_div .news_left{ float:left;height:50px;  line-height:24px; width:665px; color:#717171; font-size:14px; overflow:hidden;}
.news_div a{ display:block; float:right; width:118px; height:38px; line-height:38px; border:1px solid #2ba07f; color:#2ba07f; font-size:14px; margin:7px 40px 0 0; text-align:center;transition:all 0.5s ease 0s;}
.news_div a:hover{ background:#2ba07f; color:#fff; transition:all 0.5s ease 0s;}
.news dd span{ display:block; overflow:hidden; height:34px; line-height:34px; color:#bababa; padding-top:22px; font-size:14px;}

/* news_info */
.news_info{ padding:66px 0 80px 0;}
.release{ border-bottom:1px solid #ebebeb;text-align:center;}
.release h3{ height:52px; line-height:52px; font-size:24px; color:#494949;  overflow:hidden;}
.release span{ display:block; height:46px; line-height:46px; color:#9d9d9d; font-size:14px;}
.news_word{ padding-top:30px; line-height:30px; font-size:14px; color:#717171;}
.return{ display:block; float:right; margin:20px 0;width:118px; height:38px; line-height:38px; border:1px solid #2ba07f; color:#2ba07f; font-size:14px;  text-align:center;transition:all 0.5s ease 0s;}
.return:hover{background:#2ba07f; color:#fff; transition:all 0.5s ease 0s;}

/* pro */
.sec_tit { padding:40px 0;}
.sec_tit span{ margin-bottom:9px; height:38px; line-height:38px; text-align:center; color:#494949; font-size:18px; display:block; overflow:hidden;}
.sec_tit em{ width:60px; height:3px; display:block; margin:0 auto; background:#f38684;}
.sec_div{  margin:20px 0 80px 0;}

.analysis{ background:#fafafa; padding:0 0 30px 0;}
/*.analysis .anl_left{ float:left; width:476px; height:287px; overflow:hidden;}*/
.analysis .anl_right{ /*width:666px; float:right;*/ line-height:32px; font-size:14px; color:#717171; /*height:287px;*/ overflow:hidden;}

.manage_inner{ padding:60px 0;}
.man_div{ text-align:center;}
.cycle{ background:#fafafa; padding:10px 0 120px 0;}
.cycle_div{ line-height:30px; font-size:14px; color:#717171; text-align:center;}
.join_phone{display: none;}
/* sol */
.sol{ padding:20px 0 60px 0;}
.sol_right{ float:right; width:583px; height:480px; overflow:hidden;}
.sol_right img{width:583px; height:480px; overflow:hidden;}
.sol_left{ float:left; width:600px;}

.sol_left em{ display:block; background:#1d8e6e; width:32px; height:2px; margin-bottom:6px;}
.sol_left p{ line-height:31px; color:#717171; font-size:14px;}

/* join */

.join_tit{ padding:50px 0 0 0;}
.join_tit a{ display:block; margin-right:15px; width:188px; height:38px; line-height:38px; border:1px solid #f0f0f0; text-align:center; font-size:16px; color:#494949; float:left; transition:all 0.5s ease 0s;}
.join_tit a:hover,.join_tit a.for{ background:#15af82; color:#fff; border:1px solid #15af82; transition:all 0.5s ease 0s;}

.join_h3{ height:70px; line-height:70px; font-size:16px; font-weight:bold; color:#717171;}


.recu ul{ cursor:pointer; background:#15af82; height:50px; line-height:50px; margin-bottom:3px;}
.pos dd li{ line-height:50px; color:#494949; height:50px;padding-left:30px; font-size:16px;  position:relative; margin-bottom:2px;background:#f5f5f5  left center no-repeat; }
.pos dd li i{ font-style:normal;}
.pos dd li em{ font-size:14px; color:#717171;}
.Requirement{ border-bottom:none; color:#717171; line-height:34px;  display:none; font-size:14px;  background:#f5f5f5; padding:20px 30px; margin-bottom:3px;}
.pos li .jia{ position:absolute; top:0px; right:30px; background:url(../images/add.png) right center no-repeat;  height:50px; width:101px; color:#717171; font-size:14px;}
.pos .act .jia{ position:absolute; top:0px; right:30px; background:url(../images/add1.png) right center no-repeat; color:#fff;  }
.recu dd .act li{ color:#fff; background:#15af82} 
.recu dd .act li em{ color:#fff;}

.check{ padding:30px 0 53px 0;}
.win_tit{ background:url(../images/win.png) center bottom no-repeat; height:75px; line-height:57px; font-size:18px; text-align:center; color:#494949;}
.check_div{ padding-top:34px;}
.check_left{ float:left; width:450px; height:300px; overflow:hidden;}
.check_left img{width:450px; height:300px; overflow:hidden;}
.chech_right{ float:right; width:730px;height:300px; overflow:hidden; }
.chech_right p{ text-indent:2em;line-height:30px; font-size:14px; color:#717171;}

.situation{ background:#fafafa; padding:30px 0 60px 0;}
.situ_img{ padding-top:35px;}
.life_word{ font-size:14px; color:#717171; line-height:27px; padding:28px 0 120px 0;}
.life_img { text-align:center; padding-bottom:90px;}
.life_img li{ display:inline-block; width:170px; text-align:center;}
.life_img li span{ display:block; height:33px; line-height:33px; font-size:48px; border-right:1px solid #ebebeb; color:#717171}
.life_img li em{ display:block; height:54px; line-height:54px; font-size:16px; color:#9e9e9e;}
.life_img li.on span{ border:none;}
.quan{ background:#fafafa;}
.contact{ background:#fafafa;}
.cont_tit{ padding:20px 0 35px 0; text-align:center;}
.cont_tit span{ display:block; height:30px; line-height:30px; font-size:18px; color:#2ba07f;}
.cont_tit em{ display:block; height:20px; line-height:20px; color:#d7d7d7; font-size:14px; text-transform:uppercase;}
.cont_left{ float:left; width:600px; height:436px; overflow:hidden;}
/*.cont_left img{ width:600px; height:436px; overflow:hidden;}*/
.cont_inner{ margin-bottom:80px; background:#fff; padding-top:40px;}
.cont_right{ float:right; width:560px;}
.cont_right h3{ padding-top:0px; height:55px; line-height:55px; font-size:18px; color:#15af82; margin-top:-16px;}
.cont_right li{ height:42px; line-height:42px; overflow:hidden;}
.cont_right li span{ display:block; float:left; width:50px;}
.cont_right li em{ display:block; float:left; width:500px;height:42px; line-height:42px; font-size:14px; color:#494949;}
.mess_form{ margin:0px 0 60px 0; padding:40px 0 50px 0; background:#fff;}
.form_left{ float:left; width:50%; padding-top:8px;}

.form_right{ float:right; width:50%; border-left:1px dashed #d3d3d3; padding:0px 0 28px 60px; box-sizing:border-box; margin-bottom:40px;}
.mess_div{ margin-bottom:24px;}
.mess_div .mess_txt{ height:38px; line-height:38px; border:1px solid #ebebeb; width:380px; padding-left:8px; float:left;}
.mess_div em{ width:145px; display:block; float:left; height:40px; line-height:40px; color:#717171; font-size:14px; text-align:right; margin-right:10px;}
.mess_div em i{ color:#ff0000;}
.mess_div .mess_txt{ color:#717171; }
.form_box{ padding-bottom:11px;}
.form_box .form_tit{ height:30px; line-height:30px; font-size:14px; color:#717171; font-weight:bold; display:block; overflow:hidden;}
.form_box .form_tit i{ color:#ff4242;font-style:normal;}
.form_check span{ width:50%; float:left; display:block; height:30px; line-height:30px; font-size:14px; color:#717171; }
.form_check span i{ font-style:normal; margin-left:10px; display:inline-block;}
.form_check .other{ height:33px; line-height:33px; clear:both;}
.form_check .other em{ display:block; float:left; font-size:14px; color:#717171; margin-right:5px;}
.form_check .other .mess_text{ border:none; border-bottom:1px solid #c4c4c4; height:22px; line-height:22px; padding-left:8px; width:430px;}
.form_area{ border:1px solid #ebebeb; width:482px; height:148px; resize:none; padding:20px 0 0 20px; margin-top:24px; font-size:14px;}
.form_sub{  text-align:center; clear:both; overflow:hidden;}
.form_sub .sub{ width:178px; height:38px; line-height:38px; text-align:center; background:#2ba07f; border:1px solid #2ba07f; font-size:14px; color:#fff; margin:0 25px; transition:all 0.5s ease 0s;}
.form_sub .sub1{ background:#dddddd; border:1px solid #dddddd; color:#494949;}
.form_sub .sub:hover{ background:none; color:#2ba07f; transition:all 0.5s ease 0s;}
.form_sub .sub1:hover{background:none; color:#dddddd; transition:all 0.5s ease 0s;}

.develop{ padding:74px 0px;  position:relative;  background:#fff; margin-bottom:100px; }
.deve_scroll{ position:absolute;  background:url(../images/develop_ul.png) center center no-repeat;left:50%; top:74px; width:1004px; height:72px; overflow:hidden; margin-left:-502px; }
.deve_scroll ul{ width:10000px; position:absolute; left:0; top:0px; background:url(../images/devebj.jpg) left center repeat-x;}
.deve_scroll ul li{ width:72px;float:left; margin-right:114px;}
.deve_scroll ul li a{ height:72px; background:url(../images/deve.png) center center no-repeat; width:72px; float:left;  display:block; line-height:72px; text-align:center; color:#666; font-size:16px;}
.deve_scroll ul li a.on{background:url(../images/deve1.png) center center no-repeat; color:#fff; }

.deve_inner{ margin:120px 0 0 100px; clear:both; display:none; }
.deve_inner dt{ float:left; width:285px; height:200px; overflow:hidden; margin-right:30px;}
.deve_inner dt img{width:285px; height:200px; overflow:hidden;}
.deve_inner dd{ width:550px; float:left;}
.deve_inner dd em{ display:block; height:40px; line-height:40px; display:block; font-size:18px; color:#2ba07f;}
.deve_inner dd p{ line-height:25px; height:25px; font-size:14px; color:#707070}
#zou{ background:url(../images/left.png) left top no-repeat; width:14px; height:25px; position:absolute; left:60px; top:100px; display:block;}
#you{ background:url(../images/right.png) left top no-repeat; width:14px; height:25px; position:absolute; right:60px; top:100px; display:block;}

/* index */
.flex-control-nav { width:100%; text-align:center; bottom:30px; left:0; z-index:99999999; position:absolute;}
.flex-control-nav li{ width:30px; height:4px; display:inline-block; margin:0 5px; cursor:pointer; } 
.flex-control-nav li a{background:#fff; opacity:.5; display:block;width:30px; height:4px; font-size:0; transition:all 0.5s ease 0s;}
.flex-control-nav li a.flex-active{ opacity:1; transition:all 0.5s ease 0s;}
.flexslider {position: relative; width:100%; overflow: hidden; height:auto; margin:0 auto;text-align: center;}
.slides li img{ width:auto; height:auto; overflow:hidden; max-width:100%;}
.slides li .banner_img{ height:auto;  width:auto;}
.slides li{width:100%; height:auto; overflow:hidden;}
.flex-direction-nav{ display:none;}


.spe_ul{ padding:10px 0;}
.spe_ul li{ width:25%; float:left; height:90px; color:#4b4848; font-size:18px; line-height:90px;transition:all 0.5s ease 0s; cursor:pointer;}
.spe_ul li img{ margin:0 18px 0 76px;}
.spe_ul li:hover{ border-radius:5px; box-shadow:0 0 10px #cff0e7; transition:all 0.5s ease 0s;-webkit-transform:translateY(-4px);-ms-transform:translateY(-8px);transform:translateY(-4px); }

.index_pro{ background:#fafafa; padding-bottom: 20px;}
.index_tit{ padding-top:53px; text-align:center;}
.index_tit span{ display:block; height:44px; line-height:44px; font-size:28px;}
.index_tit em{ font-size:14px; height:26px; line-height:26px; overflow:hidden; margin-bottom:7px; display:block;}
.index_tit i{ width:40px; height:3px; background:#539e80; display:block; margin:0 auto;}


.i-technology-list{
    margin: 50px 0 60px 0;
    position: relative;
    box-sizing: border-box;
    height: 492px;
}
.telist_ul{ position: absolute; left: 0; top: 0; width: 1200px; }
.i-technology-list li{
    float: left;
    width: 300px;
    box-sizing: border-box;
    height: 492px;
    position: relative;
    background: #fff;
    overflow: hidden;
    border:1px solid #e5e5e5;
    border-left:0;
    display: block!important;
}
.i-technology-list li:nth-child(1){ border-left:1px solid #e5e5e5  }
.tec-box{
    float: left;
     width:300px;
}
.teon_div{ position: relative; }
.honor_tab{ position: absolute; left: 0; bottom: -50px; text-align: center; width: 100%; z-index: 9999; }
.honor_tab li{ display: inline-block;  transition: all 0.5s ease 0s;margin: 0 5px;width: 10px; cursor: pointer; height: 10px; border: 1px solid #2ba07f; border-radius: 10px; }
.honor_tab li.on{ background:#2ba07f; transition: all 0.5s ease 0s;  }
.t-sp{
    display: block;
    margin: 54px 0px 0 0;
    width: 100%;
    height: 93px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp1{
    background: url(../images/yun11.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp2{
    background: url(../images/yun2.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp3{
    background: url(../images/yun3.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.t-sp4{
    background: url(../images/ib4.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-tec-h{
    font-size: 20px;
    text-align: center;
    line-height: 73px;
    height:73px;
    overflow:hidden;
    width: 300px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-tec-p{
    line-height: 26px;
    text-align: center;
    margin: 0px 0px 35px 0;
    width: 300px;
    padding:0 10px;
    box-sizing:border-box;
    height: 50px;
    overflow: hidden;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.tec-med{
    float: left;
    width: 299px;
    height: 189px;
    overflow: hidden;
    padding: 0 16px;
    box-sizing: border-box;
}
.i-tec-tips{
    width: 280px;
    height: 30px;
    display: block;
    margin:0px auto 10px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    background: #eff0f0;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    padding: 0 16px;
}
.i-technology-list .tec-li{
    width:600px;
    /*background: #2b9f7f url(../images/index1.jpg) left bottom no-repeat;*/
    background: #fff;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
    color:#333:;
    box-shadow:0 0 20px #dedede;
     position: relative;z-index: 9999;
}
/*.i-technology-list .tec1.tec-li{background: #f38584 url(../images/index2.jpg) left bottom no-repeat;}
.i-technology-list .tec2.tec-li{background: #73d7e6 url(../images/index3.jpg) left bottom no-repeat;}*/


.i-tec-tips a{color:#707070}

.tec-li .t-sp{
    -margin: 90px 75px 20px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.tec-li .t-sp1{
    background:url(../images/yun.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.tec-li .t-sp2{
    background: url(../images/yun2.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.tec-li .t-sp3{
    background: url(../images/yun3.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.tec-li .t-sp4{
    background:url(../images/yun4.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.tec-li .t-sp5{
    background: url(../images/yun5.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.tec-li .t-sp6{
    background: url(../images/yun6.png) center center no-repeat;
    background-size: contain;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}


.i-technology-list .tec-li h3{
    color: #333;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.i-technology-list .tec-li p{
    color: #333;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}
.tec-li .tec-med{
    width: 298px;
    float: right;
    height: 300px;
    text-align: center;
    margin: 157px 0px 0px 0;
    animation: fadeInRight .4s ease 0.1s both;
    -webkit-animation: fadeInRight .4s ease 0.1s both;
    -moz-animation: fadeInRight .4s ease 0.1s both;
    -ms-animation: fadeInRight .4s ease 0.1s both;
    -o-animation: fadeInRight .4s ease 0.1s both;
    box-sizing:border-box;
    color: #333!important;
}
.tec-li .tec-med span,.tec-li .tec-med p,.tec-li .tec-med a{color: #333!important;}
.tec-med a{ text-decoration: underline; }
.tec-li .tec-med .i-tec-tips{
    margin-bottom: 20px;
    background: #82a9d1;
    color: #333;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -ms-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
     font-size:14px;
}
.teon_phone{ display: none; }
.tec-li .tec-med .i-tec-tips a{ color:#333;font-size:14px;}

.tec1.tec-li .tec-med .i-tec-tips{ background:#e27572}
.tec2.tec-li .tec-med .i-tec-tips{ background:#62c2d2}
.tec2.tec-li .t-sp3{ background:url(../images/yun33.png) center center no-repeat;}
.tec1.tec-li .t-sp2{ background:url(../images/yun22.png) center center no-repeat;}


.case_inner{ background:#4b4848; height:450px;margin-top:50px;}

.dynamic{ background:#fafafa;}
 

.dynamic_ul{ margin:54px 0 0px -22px; padding-bottom:90px;}
.dynamic_ul li{ float:left; margin-left:22px; width:385px;}
.dynamic_ul li span{ width:385px; height:220px; overflow:hidden; display:block;}
.dynamic_ul li span img{width:385px; height:220px; overflow:hidden; transition:all 1s ease 0s;}
.dynamic_ul li span:hover img{transition:all 1s ease 0s; transform:scale(1.1,1.1)}
.dynamic_ul li em{ display:block; padding-top:12px; height:44px; line-height:44px; overflow:hidden; text-align:center; font-size:14px; color:#4b4848;transition:all 0.5s ease 0s; }
.dynamic_ul li p{ line-height:25px; height:52px; overflow:hidden; font-size:14px; color:#707070; padding:0 25px;transition:all 0.5s ease 0s; }
.dynamic_ul li:hover em,.dynamic_ul li:hover p{ color:#2ba07f;transition:all 0.5s ease 0s;}

.link_top{ padding:60px 0;}
.map_left{ width:715px; height:591px; overflow:hidden; float:left;}
.map_left img{ width:715px; height:591px; overflow:hidden;}
.map_right{ float:right; width:404px; padding-top:130px;}
.map_right span{ height:65px; line-height:65px; border-bottom:1px solid #d6d6d6; display:block; font-size:16px; color:#4b4848; overflow:hidden;}
.map_right em{ font-size:30px; color:#2ba07f; margin:0 10px 0 8px;}


.link_bottom{ padding:0px 0 0px 0; height:222px; position:relative; margin-bottom:54px;}
.link_scroll{ width:1120px; position:absolute; top:0px; left:50%;margin-left:-560px; overflow:hidden; }
.link_scroll ul{ width:100000px; }
.link_scroll ul li{ float:left;width:85px; margin-right:44px;}
.link_scroll ul li a{ width:85px; height:85px;overflow:hidden; display:block;  margin-bottom:26px;transition:all 0.5s ease 0s; }
.link_scroll ul li a img{width:85px; height:85px;  overflow:hidden; transition:all 0.5s ease 0s; opacity:0.6; }
.link_scroll ul li a:hover img{ transition:all 0.5s ease 0s; opacity:1;}
.link_scroll ul li span{ display:none;}
.link_left{ background:url(../images/link_left.png) left top no-repeat; width:18px; height:33px; position:absolute; left:0; top:83px; display:block;}

.link_right{ background:url(../images/link_right.png) left top no-repeat; width:18px; height:33px; position:absolute; right:0; top:83px; display:block;}


.case_ul li{ width:25%; float:left; height:450px; overflow:hidden; position:relative;}
.case_ul li img{ width:auto; height:450px; max-width:100%}

.case_div{ position:absolute; left:0; width:100%; top:50%;     transform: translate(0,-50%); transition:all 0.5s ease 0s;}
.case_div span img{ width:auto; height:auto;}
.case_div span{ display:block; text-align:center; transition:all 0.5s ease 0s;}
.case_div em{ height:90px; line-height:90px; display:block; font-size:20px; overflow:hidden; color:#fff;text-align:center; transition:all 0.5s ease 0s;}
.case_div p{ line-height:20px; height:20px; overflow:hidden; font-size:14px; overflow:hidden; color:#fff; text-align:center;display:none; transition:all 0.5s ease 0s;}
.case_div .case_see1{ width:98px; height:38px; line-height:38px; display:block; text-align:center; color:#fff; font-size:14px; margin:94px auto 0; border:1px solid #fff; transition:all 0.5s ease 0s;}
.case_ul li:hover .case_div{ background:url(../images/casebj.png) left top ; height:100%; transition:all 0.5s ease 0s;}
.case_ul li:hover .case_div a,.case_ul li:hover .case_div p{ display:block; transition:all 0.5s ease 0s;}
.case_ul li:hover .case_div span{ padding-top:106px; transition:all 0.5s ease 0s;}
.case_div:hover .case_see1{ background:#fff; color:#2ba07f; transition:all 0.5s ease 0s; display: block;}

.recu{ padding-bottom:70px;}


.phnav{ background:url(../images/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:31px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#2d3a4a; border-top:1px solid #fff; left:0; top:80px;  z-index:9999999999999; margin:0; display:none;}
#phone li{  text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff;height:38px; line-height:38px; font-size:16px; text-align:center;}
.phone_banner{ display:none;}

.mob_div{ display: none; }
#phone li .mob_div a{ font-size: 12px;  }
.begin .case_inner .box{ width:100%;}
.tec-li .t-sp{ margin-top:138px; height: 93px; line-height: 93px; display: block;}
.tec-li .t-sp img,.t-sp img{ width: auto; height: auto; max-width: 100%; max-height: 100%; }
.t-sp{height: 93px; line-height: 93px; display: block;}
.showy{ width:48px; position:fixed; right:0%; top:50%; margin-top:-73px; border:1px solid #efefef; border-bottom:0; height:146px; z-index:9999999999999;}
.showy a{ display:block; border-bottom:1px solid #efefef;width:48px; height:48px; overflow:hidden;}
.showy a img{width:48px; height:48px;transition:all 1s ease 0s;}
.showy a:hover img{ transform:scale(1.1,1.1); transition:all 1s ease 0s;}
.showy em{  width:48px; height:48px; position:relative; cursor:pointer; display:block;border-bottom:1px solid #efefef;}
.showy em span{ display:none; position:absolute; right:48px; top:-51px;transition:all 0.5s ease 0s;}
.showy em:hover span{transition:all 0.5s ease 0s; display:block;}



i{ font-style: inherit; }
.proul{ margin: 0 0 0 -40px; padding: 30px 0;}
.proul li{ float: left; margin: 0 0 30px 40px; width: 373px;}
.proimg{ display: block; width: 373px; height: 246px; overflow: hidden; }
.proimg img{ width: 373px; height: 246px; overflow: hidden; transition: all 1s ease 0s;  }
.protit{ display: block; height: 60px; transition: all 0.5s ease 0s; line-height: 60px; font-size: 16px; text-align: center; overflow: hidden; background:#f3f3f3;  }
.proul li:hover .proimg img{ transition: all 1s ease 0s; transform: scale(1.1); }
.proul li:hover .protit{ transition: all 0.5s ease 0s; background: #2ba07f;  color: #fff;}