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:#333; -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;}
em,i{ font-style: normal; }
a{ text-decoration: none!important; } 
table,td{ border: 1px #333 solid;margin: 0 auto;}

/* head */
.head{ background: #fff; position: fixed; left:0; top: 0; width: 100%; z-index: 9999; }
.box{ width: 1200px; margin: 0 auto; }
h1{ float: left; line-height: 80px; }
h1 img{transition: all 0.5s ease 0s; }
.head_inner{ height: 80px; transition: all 1s ease 0s;}
.nav_ul{ float: right; line-height: 80px; }
.nav_ul li{ padding: 0 30px; float: left; }
.nav_ul li a{ font-size: 14px; display: block; color: #333; transition: all 0.5s ease 0s;}
.search{ float: right; width: 18px; line-height: 80px; margin-left: 30px; position: relative; }

#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:80px;
  right: 0;
  width: 320px;
  max-height: 0;
  overflow: hidden;
  background-color: #e1e4e7;

}
.fixed #search-form { top:60px;  }
#search-form.open {
  max-height: 60px;
}
#search-form fieldset {
  position: relative;
 
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  font-family:'微软雅黑';
}
#search-form input[type="search"] {
  width: 100%;
  padding: 0 5px 0 22px;
  background: transparent;
  border: none; outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60px;
  margin: 0;
  font-family: "微软雅黑";
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #713972;
  background: #c6cacd;
  border: none;
  cursor: pointer;outline:none;
}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}


.nav_ul li a:hover{ font-weight: bold; color: #661e68; transition: all 0.5s ease 0s; }

.fixed .head_inner{ height: 60px; transition: all 1s ease 0s; }
.fixed h1{ line-height: 60px; }
.fixed h1 img{ height: 35px; width: auto;transition: all 1s ease 0s;  }
.fixed  .nav_ul{ line-height: 60px;  }
.fixed  .search{ line-height: 60px; }

.index_body .head{ background: none; }
.index_body .nav_ul li a{ color: #fff; }

.nav_box{-webkit-animation:fadeInUp 0.5s linear 0s both;-moz-animation:fadeInUp 0.5s linear 0s both; animation:fadeInUp 0.5s ease 0s both; width: 100%; top:80px; left: 0; display: none; padding: 20px 0; background:url(../images/navbj.png) left top; position: absolute;   }
.nav_dl dt{ float: left;background:url(../images/navline.jpg) left top no-repeat;  height: 140px; width: 228px; padding-left:28px; box-sizing: border-box;  }
.nav_dl dt .nav_h3{ height:32px; line-height: 32px; font-size: 22px; padding-top: 42px; color: #661e68; }
.nav_dl dt .nav_i{ display: block; height:20px; line-height: 20px; font-size: 14px; font-family: 'Arial'; color: #c7c7c7; text-transform: uppercase;  }
.nav_dl dd{ float: left; width:972px; padding-top: 48px;  }
.nav_dl dd a{ display:block; margin-left:43px; width: auto; min-width: 200px; box-sizing: border-box; padding: 0 10px 0 0; height: 42px; line-height: 42px; text-indent: 5px; float: left; margin-bottom: 20px; overflow: hidden;background: url(../images/navli.png) right center no-repeat; border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6; font-size: 14px; color: #666666!important  }
.nav_ul li:hover .nav_box{ display: block; }
.nav_ul li .nav_box a:hover{ font-weight: normal;  color: #661e68!important}
.fixed .nav_box{ top: 60px; }
/* foot */
.foot{ background: #000000; height:60px; line-height: 60px;  overflow: hidden; }
.foot_left{ float: left;font-size: 14px; color: #828282; }
.foot_left h3{ float: left; }
.foot_right{ display:block; float: right; font-size: 14px; color: #828282; }
.foot_nav{ float: left; width: 586px; overflow: hidden; height: 60px; margin-left: 10px; }
.foot_nav a{ display: block; float: left;transition: all 0.5s ease 0s;  color: #828282; padding: 0 3px; }
.foot_zi{ float: left; padding-left: 20px; }
.foot_nav a:nth-last-child(1){ background: none; }
.foot_nav a:nth-child(1){ padding-left: 0; }
.foot a:hover{ color: #fff; transition: all 0.5s ease 0s; }

/* about */

.position{ height:120px; border-bottom: 1px solid #dedede;  }
.pos_right{ float: right; color: #999999; padding-left: 23px; line-height: 120px; font-size: 14px;background: url(../images/di.jpg) left center no-repeat; }
.pos_right a{ color: #999; }
.pos_right .green{ color: #661e68 }
.pos_left{ float: left; position: relative; padding-top: 32px; }

.pos_i{ display: block; font-size: 28px; font-weight: bold; height:56px; line-height: 56px;  }
.pos_line{ display: block; width:40px; height: 2px; background: #661e68;  }
.pos_tit{ font-size: 32px; width: 300px; font-weight: bold; color: #efefef; line-height: 120px; z-index: -9; text-transform: uppercase; position: absolute; left: 140px; top: 0; height: 120px; }

.cata_ul{ padding: 40px 0; }
.cata_ul li{ float: left; margin-right:10px;   }
.cata_ul li a{ display: block;width: 140px; height: 40px; background: #dedede; transition: all 0.5s ease 0s;  line-height: 40px; text-align: center;  font-size: 14px; color: #666666}
.cata_ul li a:hover,.cata_ul li a.for{ color: #fff; background: #661e68; transition: all 0.5s ease 0s; }

.about{ padding:0 0 30px 0; }
.pat_dl{ padding-bottom:40px; border-bottom: 1px solid #dedede; }
.pat_dl dt{ float: left; margin-right:45px;  width: 510px; height: 330px; overflow: hidden; }
.pat_dl dt img{width: 510px; height: 330px; overflow: hidden;transition: all 1s ease 0s;}
.pat_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.pat_dl dd{ float: left; width: 640px; }
.pat_tit{ display: block; height:36px; line-height: 36px; padding-top:36px; overflow: hidden; font-size: 24px;transition: all 0.5s ease 0s;  } 
.pat_time{ display: block; overflow: hidden; height:26px; line-height: 26px; color: #999999; font-size:12px; margin-bottom: 18px;   }
.pat_zi{ height: 84px; line-height:28px; overflow: hidden; font-size: 14px; color: #666666;  }

.pat_see{ display:block; width: 118px; height: 38px; line-height: 38px;transition: all 0.5s ease 0s;  border: 1px solid #661e68; color: #661e68; font-size:14px; text-align: center; margin-top: 36px;  }
.pat_tit:hover,.ent_dl dt a:hover{ color:#661e68;  transition: all 0.5s ease 0s; }
.pat_see:hover{ background: #661e68; color: #fff; transition: all 0.5s ease 0s; }

.ent_dl{ padding:20px 0; border-bottom: 1px solid #dedede;  }
.ent_dl dt a{ display: block; height: 40px; line-height: 40px; font-size: 20px; transition: all 0.5s ease 0s; font-weight: bold; overflow: hidden; }
.ent_dl dt .pattime{ display: block; height: 30px; line-height: 30px; color: #999999; overflow: hidden; font-size: 12px; }
.ent_dl dd{ line-height:30px; color: #666666; font-size:14px;   }
.ent{ padding-bottom: 50px; }

.release{ height: 115px; border-bottom: 1px solid #dedede; margin-bottom: 30px; }
.rele_left{ float: left; margin: 28px 30px 0 0; border-right: 1px solid #dedede; height: 60px; width: 159px;}
.rele_i{ display: block; height:28px; line-height: 28px; overflow: hidden; color: #999999 }
.rele_time{ display: block; height: 33px; line-height: 33px; overflow: hidden; font-size: 14px; }
.rele_center{ float: left; width: 850px; font-size: 24px; height: 115px; line-height: 115px; overflow: hidden; }
.rele_right{ display:block; float: right; width: 145px; padding-top: 28px; }
.rele_up{ display: block;transition: all 0.5s ease 0s; float: left;background: url(../images/pat_left.png) center 9px no-repeat; padding: 27px 20px 0; color: #999999; height: 34px; border-right: 1px solid #dedede;  }
.rele_down{ display: block; transition: all 0.5s ease 0s;float: left;background: url(../images/pat_right.png) center 9px no-repeat; padding: 27px 0 0 20px; color: #999999;  }
.rele_right a:hover{ color: #661e68; transition: all 0.5s ease 0s;}

.pat_word{ padding-bottom: 80px; }
.newsbox .pat_dl{border-bottom: 1px dotted #dedede }
.news_dl{ padding:32px 0; border-bottom: 1px dotted #dedede  }
.news_dl dt{ float: left; width: 274px; height: 170px; overflow: hidden; margin-right: 26px; }
.news_dl dt img{width: 274px; height: 170px; overflow: hidden;  opacity: .8; transition: all 0.5s ease 0s;}
.news_dl dt:hover img{ opacity: 1; transition: all 0.5s ease 0s; }
.news_dl dd{ float: left; width:900px;  }
.dd_left{ float: left; width: 690px; }
.news_tit{ display: block; height:36px;  transition: all 0.5s ease 0s;line-height: 36px; overflow: hidden; font-size:16px; overflow: hidden;  }
.news_time{ display: block; overflow: hidden; font-size:12px; color: #999999; height:26px; line-height: 26px; margin-bottom:10px;   }
.news_zi{ height:60px ; overflow: hidden; color: #808080; line-height: 30px; font-size: 14px; }
.dd_right{ float: right;  width: 114px; border-left: 1px solid #dedede; padding-left: 35px; box-sizing: border-box; margin-top: 20px;}
.news_day{ display: block; height:42px; line-height: 42px; font-size: 30px; font-family: 'Arial'; color: #666666; overflow: hidden; }
.news_year{ display: block; height: 24px; line-height: 24px; overflow: hidden; color: #999999; margin-bottom: 25px; }
.news_see{ display: block; width:34px; transition: all 0.5s ease 0s;height: 34px; border: 1px solid #661e68; background: #661e68 url(../images/news_see.png) center center no-repeat; border-radius: 34px; margin-bottom: 6px;  }
.news_see:hover{ transition: all 0.5s ease 0s;background: #fff url(../images/news_see1.png) center center no-repeat; }
.news_tit:hover{ color: #661e68; transition: all 0.5s ease 0s; }
.news{ padding-bottom: 80px; }
.bus{ padding:22px 0 80px 0;  }
.bus_dl{ margin-top: 20px; }
.bus_dl dt{ float:left; width:300px; height: 200px; overflow: hidden;  }
.bus_dl dt img{ width:300px; height: 208px; overflow: hidden;  }
/*.bus_dl:nth-child(1) dt,.bus_dl:nth-child(1) dt img{ height: 400px; }*/
.bus_dl dd{ float: left; width: 898px; border: 1px solid #dedede; padding: 0 28px; box-sizing: border-box; height: 200px; }
/*.bus_dl:nth-child(1) dd{ height: 400px; overflow: hidden; }*/
.bus_tit{ height: 56px; line-height: 56px; overflow: hidden; color: #661e68; font-size:24px; background: url(../images/busbj.jpg) left center no-repeat; padding-left: 21px; }
/*.bus_dl:nth-child(1) dd .bus_fu{ height: auto; }*/
.bus_i{ display: inline-block; margin-left:20px;  line-height: 36px; font-size: 14px; }
.bis_h3 { height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; font-weight: bold;}
.bus_dl dd .bus_fu{ height: 140px; overflow: hidden; }
.case_pos_tit{ width: 700px; }
.case_cata_ul  li a{ width: 260px; }
.case_cata_ul  li{ margin-bottom:16px;  }

.case_ul{ margin:0 0 50px -30px;  }
.case_ul li{ float: left; margin: 0 0 50px 30px; width:378px; border: 1px solid #dedede; height: 337px; overflow: hidden;  }
.case_img{ display: block; overflow: hidden; width: 378px; height: 258px; position: relative;  }
.case_img img{ overflow: hidden; width: 378px; height: 258px; }
.caseyan{ position: absolute; transition: all 0.5s ease 0s;  left: 0; top: -258px; width: 100%; height: 258px; text-align: center; background: url(../images/casebj.png) left center;  }
.yan_inner{background: url(../images/case1.png) left center no-repeat; display: block; width: 64px; height: 258px; margin: 0 auto;}
.casediv{ border-top:1px solid #dedede;  height: 52px; padding: 13px 20px; }
.case_tit{ height: 26px; line-height: 26px; overflow: hidden; }
.case_h3{ float: left; transition: all 0.5s ease 0s; font-size: 16px; width: 300px; overflow: hidden; height: 26px; }
.case_yan{ float: right; width: 20px; height: 26px; background: url(../images/case2.png) left center no-repeat;}
.case_eop{ height: 26px; overflow: hidden; line-height: 26px; }
.case_eop .eop_i{ display: inline-block; font-size: 14px; color: #666666; padding:0 10px;  background: url(../images/caseline.jpg) right center no-repeat; }
.case_eop .eop_i:nth-last-child(1){ background: none; }
.case_eop .eop_i:nth-child(1){ padding-left: 0; }
.case_ul li:hover .case_yan{background: url(../images/case22.png) left center no-repeat;}
.case_ul li:hover .caseyan{ top: 0; transition: all 0.5s ease 0s; }
.case_ul li:hover  .case_h3{ color: #661e68; transition: all 0.5s ease 0s; }
.info_tit{ /* height: 74px; line-height: 74px; overflow: hidden; */ border-bottom: 1px solid #cccccc; margin-bottom: 20px;  }
.info_img{ display: none; }
/* .info_img{ display: block; float: left; margin-right:14px;  } */
.info_h3{ float: left; font-size:24px;  line-height: 40px; }
.case_info{ padding-bottom: 80px; }

.cont_tit{ text-align: center; padding: 26px 0 0 0; }
.cont_tit h3{ font-size: 30px; height:64px; line-height: 64px;  }
.cont_i{ display: inline-block; width:50px; height: 2px; background: #661e68;  }
.con_div{ margin: 50px 0 32px 0; }
.con_left{ float: left; width:578px; height: 98px; border: 1px solid #dedede; padding-top: 30px; margin-right: 40px;  }
.con_left dt{ width: 119px; border-right: 1px dotted #dedede; height: 70px; line-height: 70px; text-align: center; float: left;margin-right: 22px; }
.con_left dd{ width: 430px; float: right; }
.con_i{ display: block; height: 33px; line-height: 33px; overflow: hidden; font-size: 16px; }
.con_tian{ font-size: 18px; color: #661e68; height: 32px; line-height: 32px; overflow: hidden; display: block; }
.con_right{ margin-right: 0; }
.cont_call{ height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; color: #666666 }
.cont_call .con_yan{ font-weight: bold; color: #661e68; font-size: 22px; padding-right: 5px; }
.map{ margin-bottom: 44px;  }
.map img{ width: auto; height: auto; max-width: 100% }
.map_ul li{ margin: 0 0 30px 60px; float: left; border: 1px solid #dedede; width: 358px; min-height: 198px; overflow: hidden; padding: 0 24px; box-sizing: border-box; }
.map_h3{ width: 102px; height: 50px; margin-bottom:15px;line-height: 50px; font-size:18px; overflow: hidden; text-align: center; border-bottom: 1px solid #661e68;  }
/*.map_zi{ height: 105px; overflow: hidden;  }*/

.map_zi{ display: block; overflow: hidden; line-height: 30px; padding-left: 20px; font-size: 14px; color: #666666;}
.map_i{ display: block; overflow: hidden; height: 35px; line-height: 35px; padding-left: 20px; font-size: 14px; color: #666666;background: url(../images/map3.jpg) left center no-repeat; }
/*.map_i:nth-child(2){background: url(../images/map4.jpg) left center no-repeat; }
.map_i:nth-child(3){background: url(../images/map5.jpg) left center no-repeat; }*/

.ditu{ text-align: center; width: 660px; height: 545px; margin: 0 auto 44px; position: relative;  }
.ditu img{ width: auto; height: auto; max-width: 100%; }

.cont_dong{background: url(../images/dong.png) left center no-repeat; -webkit-animation:bounce 2s linear 0.1s both infinite;-moz-animation:bounce 2s linear 0.1s both infinite; animation:bounce 2s ease 0.1s both infinite;width: 14px; height: 16px; display: block; position: absolute; top:195px; right:215px;  }
.map_ul{ margin: 0 0 0 -60px; }
.mess_h3{ height: 95px; line-height: 95px; font-size: 18px; font-weight: bold; color: #661e68; }
.mess_h3 .zhu{ font-size:14px; color: #999999;  padding-left: 10px; }
.mess_div{ margin-bottom:20px;  }
.mess_txt{ border: 1px solid #dedede; width: 272px; height: 46px; line-height: 46px;  padding-left: 16px; font-size: 14px; color: #666666; box-sizing: border-box; }
.mess_area{border: 1px solid #dedede;font-size: 14px; color: #666666; box-sizing: border-box; height: 162px; width:1198px; padding: 10px 0 0 10px; resize: none; margin-bottom: 14px;  }
.mess_left{ float: left; }
.mess_yz{ width: 158px; margin-right: 10px; }
.mess_right{ float: right; }
.sub_mess{ float: left; width:160px; height: 44px; line-height: 44px; background: #661e68; text-align: center; color: #fff; font-size: 14px; display: block; cursor: pointer; border: none;}
.sub_reste{width:160px; float: left; height: 44px; line-height: 44px; background: #dbdbdb; text-align: center; color: #999999; font-size: 14px; display: block; margin-left:8px; cursor: pointer; border: none; }
.message{ padding-bottom: 80px; border-top: 1px dotted #dedede; }
.mess_box{ float: left;margin-right: 32px; }
/* join */
.pos dt{ height:50px; line-height:50px; background:#661e68; font-size:14px; font-weight:bold; color:#fff; margin-bottom:12px;}
.pos dt span{ width:16.6%; float:left; display:block; text-align:center;}
.recu ul{ cursor:pointer;  height:48px; line-height:48px; margin-bottom:10px; border: 1px solid #ededed;}
.pos dd li{width:16.6%; float:left; display:block; text-align:center; color:#666666;  font-size: 14px;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ border-bottom:none; color:#666666; line-height:40px;  display:none; font-size: 14px; border-bottom: 2px solid #661e68; padding: 26px 0; margin-bottom: 10px; }
.join{ padding-bottom: 80px; }
.pos dd li:nth-last-child(1){background: url(../images/joinsub1.jpg) center center no-repeat; height: 48px;}
.pos dd .act li:nth-last-child(1){background: url(../images/joinsub.jpg) center center no-repeat; height: 48px;}

.details{ min-height: 500px; }

.pro_dl{ background: #f6f5f5; padding: 16px; margin-bottom: 20px; transition: all 0.5s ease 0s;  }
.pro_dl dt{ float: left; width: 400px; height: 280px; overflow: hidden; margin-right:40px;  }
.pro_dl dt img{width: 400px; height: 280px; overflow: hidden; }
.pro_dl dd{ width: 720px; float: left; position: relative; }
.pro_time{position: absolute; top: -16px; right: -24px;  transition: all 0.5s ease 0s;width: 50px; height: 50px; line-height: 50px; text-align: center; font-weight: bold; color: #fff; font-size:20px; background: #661e68;  }
.pro_tit{ display: block; height:30px;transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;  line-height: 30px; padding-top: 30px; overflow: hidden; font-weight: bold; color: #661e68; font-size: 22px;  }
.pei_i{ display: block; height:32px; line-height: 32px;transition: all 0.5s ease 0s; overflow: hidden; font-size:20px; margin-bottom: 16px;  }
.pro_zi{ height: 86px; overflow: hidden;transition: all 0.5s ease 0s; line-height:28px; font-size: 14px; color: #666666; margin-bottom: 24px; }
.pro_see{ display: block; width:40px; height: 40px; border-right: 40px;  background: #fff  url(../images/news_see1.png) center center no-repeat; border-radius: 40px; display: none; }

.pro{ padding-bottom: 80px; }
.pro_dl:hover .pro_see{ display: block; }
.pro_dl:hover{ background: #661e68; transition: all 0.5s ease 0s; }
.pro_dl:hover .pro_time{ background: #fff; color: #661e68; transition: all 0.5s ease 0s; }
.pro_dl:hover .pro_tit,.pro_dl:hover .pei_i,.pro_dl:hover .pro_zi {  color: #fff; transition: all 0.5s ease 0s; }
.info_dl{ margin-bottom:56px;  }
.info_dl dt{ float: left; width:496px; height:346px; overflow: hidden; border: 1px solid #dedede; margin-right:40px;   }
.info_dl dt img{ width:496px; height:346px; overflow: hidden;}
.info_dl dd{ width: 660px; float: left; }
.infoh3{ height:69px; line-height: 69px; overflow: hidden; font-size:24px;   }
.info_i{ font-size:16px; font-size: 14px; color: #a0a0a0;  }
.jie{ display: block; height:40px; line-height: 40px; overflow: hidden; color: #661e68;  font-size: 16px; font-weight: bold; }
.jie_div{ height:138px; overflow: hidden; line-height:26px; font-size: 14px; color: #666666; margin-bottom: 38px;  }
.talk{ width:168px; height: 36px;transition: all 0.5s ease 0s; line-height: 36px; border: 1px solid #999999; text-align: center; font-size: 12px;  }
.talk:hover{ border: 1px solid #661e68; transition: all 0.5s ease 0s; }
.talk a{ display: block;transition: all 0.5s ease 0s; }
.talk:hover a{ color: #661e68;transition: all 0.5s ease 0s; }
.infotit{ height: 64px; border-bottom: 1px solid #dedede; line-height: 64px; font-size: 16px; }
.infotit .du{ font-size:14px; color: #999999; text-transform: uppercase;  padding-left: 20px; }
.infotit li{ float: left; margin-right: 10px; width: 146px; text-align: center; cursor: pointer;transition: all 0.5s ease 0s; }
.infotit li.on{ background: #661e68; color: #fff; transition: all 0.5s ease 0s; }
.word_info{ padding: 30px 0; }
.dev_left{ height:50px; transition: all 0.5s ease 0s; line-height: 50px; background: #661e68; font-size: 16px; font-weight: bold; width: 400px; text-align: center; color: #fff; float: left; }
.dev_right{ float: right; height:50px; line-height: 50px; background: #661e68; font-size: 16px; font-weight: bold; width: 798px; text-align: center; color: #fff; }
.dev_ul li{ margin-bottom:2px;  }
.li_left{ float: left; width: 400px; background: #e2d5e3; font-size: 14px; padding: 20px 0 20px 25px; box-sizing: border-box; line-height: 30px}
.dev{ margin-bottom: 2px; }
.li_right{ float: right;font-size: 14px; padding: 20px 0 20px 25px; line-height: 30px; font-size: 14px;width: 798px; background: #efe8f0;  box-sizing: border-box; }
.li_left a{ display: block; }
.li_left:hover{ background: #ceaed3; transition: all 0.5s ease 0s; }
.device{ padding-bottom: 80px; }
.word_info{ display: none; }
.dev_img{ text-align: center; }
.dev_img h3{ font-size:24px; line-height: 50px;  }
.dca_i{ line-height:40px; font-size: 14px; display: block; margin-bottom: 20px;  }
.dca_img img{ border: 1px solid #dedede; margin-bottom: 30px; }
.error{ color: #f00 }
.phone_banner{ display:none;}
.flex-control-nav {  display: none}
.flex-direction-nav{ display: block; }
.flex-prev{ display: block;background: url(../images/banner_left.png) center center no-repeat; font-size: 0; width: 58px; height: 58px; position: absolute; left: 60px; top: 50%; margin-top: -29px; z-index: 99 }
.flex-next{ display: block;background: url(../images/banner_right.png) center center no-repeat; font-size: 0; width: 58px; height: 58px; position: absolute; right: 60px; top: 50%; margin-top: -29px; z-index: 999 }
.flexslider {position: relative;width: 100%;height:auto; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides li img{transition: 8s ease 0s;}
.slides {width:100%; height:auto;}
.slides li.flex-active-slide img{ transition: 8s ease 0s; transform: scale(1.15,1.15); }
.dcap{ background: #eeeaff; border-bottom: 1px solid #ebdff3; }
.index_tit{ text-align: center; }
.index_tit h3{ font-size:30px; height: 40px; line-height: 40px;  }
.i_tit{ font-family: 'Arial'; font-size: 14px; color: #713972; text-transform: uppercase; }
.dcap_inner{ padding:48px 0 80px 0;  }
.dcap_div{ margin-top:28px; position: relative; height: 450px;  }
.dcap_scroll{ position: absolute; left: 0; top: 0; width: 1200px; height: 450px; overflow: hidden; }
.dcap_ul li{ float: left; width: 1200px; }
.dcap_dl{ background: #fff; width: 100%; }
.dcap_dl dt{ background: #4d37b3; width: 500px; height:450px; float: left; padding-left: 45px; box-sizing: border-box; line-height: 450px;  }
.dcap_dl dt img{width: 505px; height: 356px; overflow: hidden;}
.dcap_dl dd{ float: right; width: 574px; margin-right:20px  } 
.dcap_tit{ display: block; padding-top: 52px; height:98px; line-height: 98px; overflow: hidden; color: #4d37b3; font-size: 26px;  }

.gai_left{ float: left; width: 111px; font-size:18px; color: #666; line-height: 40px;  }
.gai_right{ height: 84px; overflow: hidden; line-height:28px; font-size: 14px; color: #999999; float: right; width:462px;   }
.gai_i{ color: #f1501a; font-size:14px; font-weight: bold; margin-left: 10px; line-height: 40px;  }
.dcap_see{ display: block; width: 144px;background: url(../images/index2.jpg) 111px center no-repeat;  height: 42px; line-height: 42px; border: 1px solid #5b40db; margin-top: 20px; text-indent:25px; font-size: 14px; color: #5b40db }
.dcap_sub{ position: absolute; background: #fff; width:71px; height: 32px; z-index: 999;  right: 23px; bottom: 64px; }
.left_sub{ display: block;background: url(../images/pro_left.jpg) left center no-repeat; width: 34px; height: 32px; float: left; margin-right: 3px; }
.right_sub{ display: block;background: url(../images/pro_right.jpg) left center no-repeat; width: 34px; height: 32px; float: left;  }

.system{background: url(../images/sysbj.jpg) center top no-repeat; height: 529px;  }
.tem_he{ text-align: center; height:134px;  border-bottom: 1px solid #e0e0e0; }
.tem_he h3{ font-size: 30px; color: #4d37b3; height: 40px; line-height: 40px; text-align: center; overflow: hidden; padding-top:46px; }
.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-slide {
      

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }   
.sys_inner{ position: relative; }
.sys_dl{ padding: 55px 0 75px 0; }
.sys_dl dt{ float: left; width: 260px; height: 263px; margin:0 56px 0 74px; overflow: hidden; }
.sys_dl dt img{width: 260px; height: 263px; overflow: hidden;transition: all 1s ease 0s;}
/* .sys_dl dt:hover img{ transition: all 1s ease 0s; transform: translateY(-10px);} */
.sys_dl dd{ float: left; width: 726px; }
.sys_zi{ height: 124px; overflow: hidden; line-height:32px; color: #666666; font-size: 14px; text-align: left; margin-bottom: 38px; }
.sys_tit{ display: block;transition: all 0.5s ease 0s; height:40px; line-height: 40px; overflow: hidden; font-size: 22px;  }
.sys_box{ height: 30px; line-height: 30px; overflow: hidden; }
.sys_left{ float: left; font-size: 14px; color: #f1501a; height: 30px; overflow: hidden; width: 580px; }
.sys_right{ float: right; height: 30px; line-height: 30px; }
.swiper-button-next{background:#fff url(../images/index_left.png) center top no-repeat!important; border-radius: 40px!important; width: 40px!important; z-index: 999999; cursor: pointer; height: 40px!important; display: block; position: absolute; left: 0!important; top: 163px!important; }
.swiper-button-prev{background:#fff  url(../images/index_right.png) center top no-repeat!important; border-radius: 40px!important; width: 40px!important; z-index: 999999; cursor: pointer;  height: 40px!important; display: block; position: absolute; left: inherit!important; right: 0px!important; top: 163px!important; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 32px!important; }
.sys_tit:hover{ color:#661e68; transition: all 0.5s ease 0s;  }
.swiper-pagination-bullet{ width: 9px!important; height: 9px!important; background:none!important;border: 1px solid #4d37b3!important;   }
.swiper-pagination-bullet-active{ background: #4d37b3!important; border: 1px solid #6249dc!important; width: 9px!important; height: 9px!important;}
.jour{ padding-top:40px;  }

.news_inner{ margin:26px 0 56px -30px;  }
.jour_dl{ float: left; width: 378px; border: 1px solid #ededed; position: relative; height: 236px; margin-left: 30px; overflow: hidden; padding: 0 26px; box-sizing: border-box; }
.jour_dl .news_tit{ display: block;transition: all 0.5s ease 0s; height:50px; line-height: 50px; overflow: hidden; padding-top: 10px; font-size: 16px;  }
.news_zi{ height:52px; line-height: 26px; overflow: hidden; color: #999999; font-size: 14px;  }
.news_xin{ height:68px; transition: all 0.5s ease 0s; position: relative;  line-height: 68px; border-bottom: 1px solid #ededed;  font-size: 16px; color: #666666; }
.newsdai{ font-size: 22px; margin-right: 10px; }
.jour_dl dd a{ height: 55px; line-height: 55px; color: #999999; font-size: 14px;background: url(../images/dl.jpg) right center no-repeat; display: block; }
.jour_dl:hover  .news_tit{ color: #661e68; transition: all 0.5s ease 0s; }
/* .jour_dl:hover .news_xin{ border-bottom: 1px solid #661e68; transition: all 0.5s ease 0s;  } */
.news_xin:after{transition: all 0.5s ease 0s;content: "";display: block;background-color: #661e68;bottom: 0px; position: absolute; width: 0; height: 1px;}
.jour_dl:hover  .news_xin:after{ transition: all 0.5s ease 0s; width: 100% }
.rahmen{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.rahmen i{display: block;position: absolute;background:none;}
.rahmen i:after{transition: all .3s linear;content: "";display: block;background-color: #661e68;position: absolute;transform: translateZ(0);}
.rahmen .top{height: 1px;width: 100%;top: 0;left: 0;}
.rahmen .right{width: 1px;height: 100%;right: 0;top: 0;}
.rahmen .bottom{height: 1px;width: 100%;bottom: 0;right: 0;}
.rahmen .left{width: 1px;height: 100%;left: 0;bottom: 0;}
.rahmen .top:after{top: 0;left: 0;width: 0;height: 1px;transition-delay: 1.2s;}
.rahmen .right:after{right: 0;top: 0;width: 1px;height: 0;transition-delay: .9s;}
.rahmen .bottom:after{bottom: 0;right: 0;width: 0;height: 1px;transition-delay: .6s;}
.rahmen .left:after{bottom: 0;left: 0;width: 1px;height: 0;transition-delay: .3s;}
.rahmen:hover i:after{ width: 100%; height: 100%; }
.efctul i:after,.cozy_right i:after,.cozy_left i:after{transition: all .3s linear;content: "";display: block;background-color: #f47073;position: absolute;transform: translateZ(0);}



.link_tit{ text-align: center; }
.link_tit h3{ font-size: 26px; height: 40px; line-height: 40px; }
.link_i{ display: block; width:54px; height: 2px; background: #5b40db; margin:16px auto 0;  }
.link_div{ margin:44px 0 80px 0; height: 82px; position: relative;  }
.link_scroll{ width: 1148px; height: 82px; overflow: hidden; position: absolute; left: 50%; top: 0; margin-left: -574px }
.link_ul{ width: 10000px; }
.link_ul li{ transition: all 0.5s ease 0s; float: left; width: 218px; height: 80px; overflow: hidden; border: 1px solid #dedede; margin-right: 12px; }
.link_left{ display: block;background: url(../images/link_left.png) right center no-repeat; width: 24px; height: 24px; position: absolute; left: -40px; top:27px  }
.link_right{ display: block;background: url(../images/link_right.png) right center no-repeat; width: 24px; height: 24px; position: absolute; right: -40px; top:27px  }
.link_ul li img{ width: 218px; height: 80px; overflow: hidden;transition: all 1s ease 0s; }
.link_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.link_ul li:hover{ border: 1px solid #661e68; transition: all 0.5s ease 0s; }
.small_box{width:530px;height:73px;overflow:hidden}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.small_list ul{height:116px;overflow:hidden}
.small_list ul li{position:relative;float:left;margin-right:2px;width:180px; border: 1px solid #dedede; box-sizing:border-box;}
.small_list ul li img{display:block; width: 178px; height: auto; max-height: 252px;}

.small_list ul li.on { border: 1px solid #661e68 }
.btn{display:block;width:20px;height:73px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.btn:hover{background-color:#e7000e}
.left_btn{float:left;margin-right:10px;background-image:url(../images/hon_left.jpg); height: 114px; width: 40px;}
.right_btn{float:right;background-image:url(../images/honor_right.jpg); height: 114px; width: 40px;}

.large_box{ width: 646px; margin: 0 auto 50px; }
.honor_h3{ text-align: center; height: 100px; line-height: 100px; overflow: hidden; font-size: 30px; }
.large_box li{ display: none; }
.large_box li img{ width:646px; height: auto; max-width: 100%; border: 1px solid #dedede; box-sizing: border-box; }
.small_box{ height: 116px; width:1008px; margin: 0 auto  }
.small_list{ width: 908px; height: 116px;  box-sizing: border-box; }

.honor{ padding-bottom: 80px; }

.mobile{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: none;
}
.mobile-inner{
    width: 550px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fafafa;
    position: relative;
}
.mobile-inner img{
    width: 100%;
    margin-bottom: 30px;
}
.mobile-inner p{
    color: #676767;
    line-height: 25px;
    font-size: 16px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
    margin:0px;
}
.mobile-inner-header{
    background:none;
    width: 100%;
    height: 50px;
    position: absolute;
    top:6px;
    left: 0px;
}
.mobile-inner-header-icon{
    color: #661e68;
    height: 50px;
    font-size:25px;
    text-align: center;
    float:right;
    width: 50px;
    position: relative;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
     background: none
}
.mobile-inner-header-icon:hover{
    background:none;
    cursor: pointer;
}
.mobile-inner-header-icon span{
    position: absolute;
    left: calc((100% - 25px) / 2);
    top: calc((100% - 1px) / 2);
    width: 25px;
    height: 1px;
    background-color: #661e68;
}
.mobile-inner-header-icon span:nth-child(1){
transform: translateY(4px) rotate(0deg);
    }
.mobile-inner-header-icon span:nth-child(2){
transform: translateY(-4px) rotate(0deg);
    }
    



    
.mobile-inner-header-icon-click span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clickfirst;
    }       
.mobile-inner-header-icon-click span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: clicksecond;
    }
    


@keyframes clickfirst {
  0% {
      transform: translateY(4px) rotate(0deg);
      
  }

  100% {
    transform: translateY(0) rotate(45deg);
  }
}   



@keyframes clicksecond {
  0% {
      transform: translateY(-4px) rotate(0deg);
  }

  100% {
    transform: translateY(0) rotate(-45deg);
  }
}   

.mobile-inner-header-icon-out span:nth-child(1){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outfirst;
    }       
.mobile-inner-header-icon-out span:nth-child(2){
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-name: outsecond;
    }

@keyframes outfirst {
  0% {
    transform: translateY(0) rotate(-45deg);
  }

  100% {
    transform: translateY(-4px) rotate(0deg);
  }
}   



@keyframes outsecond {
  0% {
    transform: translateY(0) rotate(45deg);
  }

  100% {
    transform: translateY(4px) rotate(0deg);
  }
}

.mobile-inner-nav{
    background-color: rgba(140,140,140,0.9);
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0px;
    padding: 10px 0 30px 0;
    z-index: 999999;
    display: none;
}
.mobile-inner-nav li{ margin:0 10px ;}
.mobile-inner-nav a{
    display: inline-block;
    line-height: 50px;
    text-decoration: none;
    width: 100%;
   
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-weight:300;
    font-size: 14px;
}
.mobile-inner-nav a:hover{
    color: rgba(255,255,255,0.4);
    border-bottom: solid 1px rgba(255,255,255,0.2);
}



.about_dl{ margin-bottom:54px;  }
.about_dl dt{ float: right; width: 546px; height: 310px; overflow: hidden; }
.about_dl dt img{width: 546px; height: 310px; overflow: hidden; }
.about_dl dd{ float: left; width:550px; height: 310px; overflow: hidden;  }
.zi_i{ display: block; height:26px; line-height: 26px; overflow: hidden; font-size: 22px; font-family:'Arial'; color: #666666;   }
.zi_h3{ height:40px; line-height: 40px; overflow: hidden; font-size: 26px; color: #661e68; }
.zi_zhi{ overflow: hidden; line-height:30px; font-size: 14px; color: #666666;   }

.core_dl{ margin-bottom:40px; height: 200px; position: relative;  }
.core_dl dt{ width: 600px; height:200px; overflow: hidden; float: left;  }
.core_dl dt img{width: 600px; height:200px; overflow: hidden;}
.core_dl dd{ width: 600px; float: left;  }
.core_div{font-size: 14px; line-height:30px; font-size: 14px; color: #666666; padding-left:56px; box-sizing: border-box; height: 181px; overflow: hidden; margin-top:28px;   }
.cire_line{ position:absolute; width: 60px; height: 2px; background: #661e68; top:22px; left:570px;   }
.core_box .core_div{ padding: 0 56px 0 0 ; }
.core_box dt{ float: right; }

.style_ul{ margin:0 0 50px -15px;  }
.style_ul li{ float: left; margin: 0 0 30px 15px; width: 390px; }
.style_img{ display: block; overflow: hidden; width: 390px; height: 249px; }
.style_img img{overflow: hidden; width: 390px; height: 249px; transition: all 1s ease 0s;}
.style_h3{ height: 60px; line-height: 60px; overflow: hidden; border-bottom: 1px solid #dedede; color: #666666; font-size:14px; transition: all 0.5s ease 0s; }
.style_ul li:hover img{ transform: scale(1.2,1.2); transition: all 1s ease 0s; }
.style_ul li:hover .style_h3{ border-bottom: 1px solid #661e68; background: #661e68; color: #fff; text-indent:26px; transition: all 0.5s ease 0s;  }



.suss{ color: #0f0 }

.bus_fu h3{height: 38px;line-height: 38px;overflow: hidden;font-size: 14px;font-weight: bold;}
.bus_fu em{ display: inline-block; margin-left:20px;  line-height: 36px; font-size: 14px; }





.search{ height: 80px; }
.fixed .search{ height: 60px; }



.pages{
  text-align: center;
  padding-top: 30px;
}
.pags-item{
  display: inline-block;
  padding:8px 14px;
  margin: 0 6px 5px;
  color: #999;
  border:1px solid #ededed;
}
.pags-item:hover,.pags-item.show{
  color: #fff;
  background: #661e68;
  border-color:#661e68;
}