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,'Microsoft YaHei'; 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; display:block; visibility:hidden; }
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1280px; margin: 0 auto }

/* head */
.head{ background: url(../images/headbj.jpg) center top no-repeat;  }
.head_top{ border-bottom: 2px solid #37bbca; }
h1{ float: left; line-height: 148px; }
.head_inner{ float: right; }
.search{ width:343px; height:32px; float: right; border: 1px solid #eeeeee; border-radius:5px; overflow: hidden;    }
.search_txt{ float: left; width: 280px; border: none; height: 32px; line-height: 32px; overflow: hidden; font-size: 14px; color: #c6c6c6; padding-left:12px; box-sizing: border-box; }
.search_sub{ float: right; width:56px; border-radius: 0 5px 5px 0; height: 32px; line-height: 32px; background: #37bbca; font-size: 14px; color: #fff; border: none; cursor: pointer; border-left: 1px solid #eeeeee; }
.written{ padding-top:30px; margin-bottom: 16px; }
.writ{ height:32px; line-height: 32px; float: left; margin-right: 10px;   }
.writ a{ display: block;transition: all 0.5s ease 0s; height: 32px; float: left; line-height: 32px; overflow: hidden; font-size: 14px; color: #666666; margin: 0 8px; }
.lan{ float: left;background: url(../images/head1.png) left center no-repeat; padding-left:12px;  }
.writ a:hover,.lan a:hover{ color:#37bbca; transition: all 0.5s ease 0s; }
.lan a{ height:32px;transition: all 0.5s ease 0s; line-height: 32px; padding:0 10px;background: url(../images/head2.png) right center no-repeat;  }
.lan a:nth-last-child(1){ background: none; }
.writ a:nth-child(1){ color: #37bbca }
.navbalk{ background: url(../images/navbj.jpg) center top no-repeat;}
.nav_ul li{ float: left;  margin: 6px 0px 0 0; width: 12.5%; position: relative; }
.nav_ul li a{ display: block; margin: 0 auto; z-index: 999; position: relative; transition: all 0.5s ease 0s; height:33px; line-height: 33px; width: 106px; text-align: center; font-size: 16px; overflow: hidden; border-radius: 5px;  }
.nav_ul li:hover a{ color: #fff;  transition: all 0.5s ease 0s; }
.nav_ul li:after{ position: absolute; border-radius: 5px;width: 0.1px; height: 0.1px;left: 50%; margin:-0.05px 0 0 -0.05px; top: 50%; background: #37bbca; content: ''; transition: all 0.5s ease 0s; }
.nav_ul li:hover:after{ width:106px; transition: all 0.5s ease 0s;height: 33px;left: 50%; margin:-16.5px 0 0 -53px; top: 50%;}
.nav_ul { padding-left: 10px; }
.head_bottom{ height: 86px; }

/* foot */
.foot{ background: #333333; padding: 28px 0; }
.foot_inner{ position: relative; }
.foot_ul{ text-align: center; margin-bottom: 18px; }
.foot_ul li{ display: inline-block; }
.foot_ul li a{ display: block; height:34px; line-height: 34px;  background: url(../images/foot1.jpg) right center no-repeat;color: #fff; font-size:16px; padding: 0 22px;  }
.foot_add{ height: 30px; line-height: 30px; text-align: center; color: #adadad; font-size:14px;  }
.what{ position: absolute; right: 0; top: 0; width: 86px; }
.what_img{ width: 86px; height: 86px; overflow: hidden; }
.what_img img{ width: 86px; height: 86px; overflow: hidden; }
.what_tit{ display: block; height: 28px;line-height: 28px; overflow: hidden; text-align: center; color: #fff; }
.foot_add a{ color: #adadad; font-size:14px; transition: all 0.5s ease 0s;}
.foot_add a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_ul li:nth-last-child(1) a{ background: none }


/* index */
.indexflexslider {position: relative;width: 100%;height:auto; overflow: hidden;  text-align: center; padding: 28px 0; }
.indexflexslider .slides li .banner_img{ width: 100%; height: auto;  }
.indexflexslider .slides li { position:relative; width:100%; height:auto; float: left; }
.indexflexslider .slides {width:100%; height:auto;}
/* .flex-control-nav { position: absolute; z-index: 99; left: 0; bottom: 22px; width: 100%; text-align:center;} */
.indexflexslider .flex-direction-nav{ display: block; }
.indexflexslider .flex-prev{ position: absolute; left: 20px; top: 50%; display: block; font-size: 0; background: url(../images/banner_left.png) center center no-repeat; width: 20px; height: 36px; margin-top: -18px; z-index: 99; }
.indexflexslider .flex-next{ position: absolute; right: 20px; top: 50%; display: block; font-size: 0; background: url(../images/banner_right.png) center center no-repeat; width: 20px; height: 36px; margin-top: -18px; z-index: 99; }
 
/* .flex-control-nav li{ display: inline-block; margin: 0 3px; }
.flex-control-nav li a{background:#fff; display: block; transition: all 0.5s ease 0s; font-size: 0; border-radius: 10px; width: 10px; height: 10px;}
.flex-control-nav li a.flex-active{background:#ec4425; width: 24px; transition: all 0.5s ease 0s;}
 */
.index_body{  background: url(../images/indexbj.jpg) center top no-repeat; padding-bottom: 1px;}
.back_body{background: url(../images/bj3.jpg) center bottom no-repeat; padding-bottom: 26px;  }
.focus{ background: #fff;border-radius: 10px; margin-bottom: 26px; }

.focusflexslider {position: relative;width: 582px;height:408px; overflow: hidden;  text-align: center; }
.focusflexslider .slides li .banner_img{ width: 100%; height: auto;  }
.focusflexslider .slides li { position:relative; width:100%; height:auto; float: left; }
.focusflexslider .slides {width:100%; height:auto;}
.focusflexslider .flex-control-nav { position: absolute; z-index: 99; right: 0; padding-right: 20px; box-sizing: border-box; bottom: 22px; width: 20%; text-align:right;} 
.focusflexslider .flex-direction-nav{ display: none; }
.focusflexslider .flex-control-nav li{ display: inline-block; margin: 0 3px; }
.focusflexslider .flex-control-nav li a{background:#6e6e6e; display: block; transition: all 0.5s ease 0s; font-size: 0; border-radius: 8px; width: 8px; height: 8px;}
.focusflexslider .flex-control-nav li a.flex-active{background:#23ac38;  transition: all 0.5s ease 0s;}
.focus_tit{ position: absolute; left: 0; color: #fff; font-size: 16px; text-align: left; padding: 0 50px 0 5px; box-sizing: border-box; bottom: 0; width: 100%; height:53px; line-height: 53px; overflow: hidden;  background: url(../images/focusbj.png) center top repeat; }
.focus_inner{ float: right; width: 616px; }
.index_title{ height: 54px; border-radius: 10px 10px 0 0; background: #f0f0f0; overflow: hidden; padding: 0 22px 0 0; }
.index_see{ float: right; transition: all 0.5s ease 0s; display: block; height: 54px; background: url(../images/see.png) right center no-repeat; line-height: 54px; font-size: 14px; color: #666666; width: 64px; }
.index_see:hover{ color: #34bcca; transition: all 0.5s ease 0s; }
.index_guage{ float: left; font-size: 29px; height: 54px; line-height: 54px; padding-right: 40px; background:#fff url(../images/title.jpg) right bottom no-repeat;  }
.guage_inner{ background: url(../images/focus1.png) left center no-repeat; padding-left: 18px;}
.index_i{ margin:0 9px 0 0; }
.index_i img{ margin-top: -7px; }
.focus_img{ float: left; padding: 20px 18px;  }
.focus_ul li a{ height:40px; line-height: 40px; transition: all 0.5s ease 0s; overflow: hidden; display: block; font-size: 16px; color: #666666  }
.focus_ul { padding:7px 0; border-bottom: 1px dotted #eaeaea;  }
.focus_dl dt a{ display: block; height:40px; line-height: 40px; transition: all 0.5s ease 0s; font-size: 22px; overflow: hidden;  }
.focus_dl dt a:hover,.focus_ul li a:hover{color: #34bcca; transition: all 0.5s ease 0s; }
.focus_dl { padding: 20px 0; border-bottom: 1px dotted #eaeaea;   }
.focus_time{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size: 12px; color: #999999 }
.focus_words{ height:84px; line-height: 28px; overflow: hidden; font-size: 14px; color: #666666  }
.notice{ margin-bottom:27px;  }
.public{ float: left; margin-right: 26px; width: 408px; background: #fff; height:283px; overflow: hidden; border-radius: 10px;  }
.index_img{ margin:0 10px 0 20px; }
.index_blue{ color: #37bbca }
.public_ul{ padding: 16px 20px 0; }
.public_ul a{ display: block; height:40px; overflow: hidden;background: url(../images/focus3.png) left center no-repeat; padding-left: 14px; }
.public_tit{ display: block;transition: all 0.5s ease 0s; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; width: 75%; color: #666666; float: left; }
.public_time{display: block;transition: all 0.5s ease 0s; height: 40px; line-height: 40px; overflow: hidden; font-size: 12px; width: 25%; text-align: right; float: left; color: #666666;}
.public:nth-last-child(1){ margin-right: 0; }
.natural{ margin-bottom: 26px; }
.natural img{ width: auto; height: auto; max-width: 100% }
.public_ul a:hover .public_tit,.public_ul a:hover .public_time{color: #34bcca; transition: all 0.5s ease 0s;}
.public_ul a:hover{background: url(../images/dian11.png) left center no-repeat;}
.deve{ border-radius: 10px; background: #fff; margin-bottom: 26px; }
.deve_title{padding-left: 6px; background: #fff; border-radius: 10px 10px 0 0; }
.deve_ul{ padding:28px 18px 14px; margin-left: -15px; }
.deve_ul li{ float: left; margin-left: 15px; width:236px;  }
.deve_img{ display: block; width: 236px; height: 166px; overflow: hidden; }
.deve_img img{width: 236px; height: 166px; overflow: hidden;transition: all 1s ease 0s; }
.deve_ul li:hover .deve_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.deve_tit{ text-align: center;transition: all 0.5s ease 0s; font-size:14px; color: #666; height: 42px; display: block; line-height: 42px; overflow: hidden; text-align: center;  }
.deve_ul li:hover .deve_tit{ color: #34bcca; transition: all 0.5s ease 0s; }
.special{ margin-left: -47px; padding:28px 18px 28px; }
.special_dl{ float: left; width:582px; margin-left: 47px; }
.special_dl dt{ float: left; width:235px; height: 172px; overflow: hidden;  }
.special_dl dt img{ width:235px; height: 172px; overflow: hidden;}
.special_dl dd{ float: right; width: 328px; padding-top: 14px; }
.spe_tit{ display: block;  transition: all 0.5s ease 0s; font-size: 22px; height:60px; line-height: 30px; overflow: hidden;  }
.spe_time{ display: block; height:26px; line-height: 26px; color: #999999; overflow: hidden;  }
.spe_zi{ height:32px; line-height: 32px; overflow: hidden; color: #666; font-size: 14px; }
.spe_see{ display: block; transition: all 0.5s ease 0s; height:38px; line-height: 38px; overflow: hidden; font-size: 14px; color: #888888  }
.spe_tit:hover,.spe_see:hover{ color: #34bcca; transition: all 0.5s ease 0s; }
.mark_ul{ padding: 30px 0 0px 30px; }
.mark_ul li{ float: left; margin-right: 18px; border-right: 1px solid #ebebeb; padding-right: 20px; }
.mark_ul li a{ display: block; height:22px;background: url(../images/mark11.png) left center no-repeat; transition: all 0.5s ease 0s; line-height: 22px; padding-left: 28px; font-size: 14px; color: #666;  }
.mark_ul li:nth-child(2) a{background: url(../images/mark22.png) left center no-repeat; }
.mark_ul li a:hover,.mark_ul li.on a{ color: #37bbca;background: url(../images/mark1.png) left center no-repeat; transition: all 0.5s ease 0s; }
.mark_ul li:nth-child(2)  a:hover,.mark_ul li.on:nth-child(2) a{ color: #37bbca;background: url(../images/mark2.png) left center no-repeat; transition: all 0.5s ease 0s; }
.mark_ul li:nth-last-child(1){ border: none; }
.mark .public{ height: 383px; }
.markul{ padding-top: 30px; }
.age{ float: right; width: 408px; }
.age_inner a{ display: block; margin-bottom: 20px; width: 408px; height: 180px; overflow: hidden; }
.age_inner a img{width: 408px; height: 180px; overflow: hidden;}
.age_img{ width: 408px; height: 140px; overflow: hidden; display: block; }
.age_img img{width: 408px; height: 140px; overflow: hidden;}
.study{ float: left; width:844px;border-radius: 10px;   }
.build{ margin-bottom: 26px; }

.index_img img{ margin-top: -8px; }
.study_ul{ float: right;padding-top: 12px; }
.study_ul li{ float: left; margin-left:8px;  }
.study_ul li a{ display: block; width:110px; height: 32px;transition: all 0.5s ease 0s;  line-height: 32px; text-align: center; background: #f9f9f9; border-radius: 5px; font-size: 14px; color: #666666  }
.study_ul li.on a{ color: #fff; background: #37bbca; font-weight: bold; transition: all 0.5s ease 0s; }
.learn_ul a{ display: block; height:40px; overflow: hidden; background: url(../images/index1.png) 7px center no-repeat; padding-left: 20px; box-sizing: border-box;  }
.learn_ul { padding: 22px 30px 24px 20px; }
.learn_tit{ display: block;transition: all 0.5s ease 0s; float: left; width: 75%; height: 40px; line-height: 40px; font-size:14px; color: #666; overflow: hidden; }
.learn_time{ display: block;transition: all 0.5s ease 0s; float: right; width: 20%; text-align: right; font-size: 14px; color: #888888; height: 40px; line-height: 40px; overflow: hidden; }
.learn_ul a:hover .learn_tit,.learn_ul a:hover .learn_time { color: #34bcca; transition: all 0.5s ease 0s; }
.learn_ul{ display: none; }
.study_img{  width: 844px; height: 140px; overflow: hidden; }
.study_img img{  width: 844px; height: 140px; overflow: hidden; }
.study_inner{ margin-bottom: 26px; background: #fff; border-radius: 0 0 10px 10px;}
.tech{ background: #fff; border-radius: 10px; margin-bottom: 26px; padding: 20px; }
.tech_div{ width: 33.3%; float: left; padding:0 14px; box-sizing: border-box; }
.tech_title{ font-size:22px; height: 42px; line-height: 42px; overflow: hidden; margin-bottom: 8px;  }
.tech_blue{ color: #37bbca }
.techimg img{ margin:-6px 10px 0 0;  }
.tech_ul li{ float: left;  margin-right: 5px; }
.tech_ul li a{width: 98px;transition: all 0.5s ease 0s;  height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #666; border-radius: 5px; background: #f0f3f4; display: block;}
.tech_ul li a:hover{ color:#fff ; transition: all 0.5s ease 0s; background: #34bcca }
.trade{ margin-bottom: 26px; }
.profession{ float: left; width: 676px; }
.ress{ background: #fff; border-radius: 10px; margin-bottom: 26px; }
.ress_dl{ float: left; width:298px; margin-right: 30px; }
.ress_dl dt{ float: left; width:176px; height: 248px; overflow: hidden;  }
.ress_dl dt img{ width:176px; height: 248px; overflow: hidden; transition: all 1s ease 0s; }
.ress_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.ress_dl dd{ float: left; margin-left: 18px;width: 100px; padding-top: 22px;}
.ress_tit{ display: block;transition: all 0.5s ease 0s; font-size: 18px; font-weight: bold; height:35px; line-height: 35px; overflow: hidden; margin-bottom: 10px; }
.ress_tit:hover{transition: all 0.5s ease 0s; color: #34bcca }
.ress_time{ margin-bottom:12px; height: 30px; line-height: 30px; font-size: 14px; display: block; }
.ress_words{ height:118px; line-height:24px; overflow: hidden; font-size: 14px; color: #666;   }
.ress_div{ padding: 24px 20px; }
.ress_dl:nth-child(2){ margin-right: 0; }
.trade_img{ width: 676px; height: 150px; overflow: hidden; }
.trade_img img{width: 676px; height: 150px; overflow: hidden;}
.favourable{ float: right; width: 580px; }
.fav_img{ margin-bottom: 26px; display: block; width: 580px; height: 354px; overflow: hidden; }
.fav_img img{width: 580px; height: 354px; overflow: hidden;}
.fav_pic{display: block; width: 580px; height: 150px; overflow: hidden; }
.fav_pic img{ width: 580px; height: 150px; overflow: hidden;}

.exhibition{ margin-bottom: 26px; }
.exh_ul{ margin-left:-16px;  }
.exh_ul li{ float: left; margin: 0 0 0 16px; }
.exh_ul li a{ display: block; width: 200px; height: 140px;  overflow: hidden; }
.exh_ul li img{width: 200px; height: 140px;  overflow: hidden;}
.link{background: #fff; border-radius: 10px; }

.link_ul{ padding: 20px; }
.link_ul li{ float: left; }
.link_ul li a{ display: block;transition: all 0.5s ease 0s; font-size: 14px; color: #b4b4b4; padding:0 22px; height:34px; line-height: 34px;background: url(../images/link.png) right center no-repeat;   }
.link_ul li a:hover{transition: all 0.5s ease 0s; color: #34bcca }
.catalog{background: url(../images/catalogbj.png) right center repeat;border-radius: 8px 8px 0  0; height:53px; overflow: hidden; }
.catalog_ul{ float: left; height:53px; overflow: hidden; }
.catalog_ul li{ float: left;  }
.catalog_ul li a{ display: block; width: 180px; height: 53px; line-height: 53px; text-align: center; color: #666666; font-size: 16px; overflow: hidden;background: url(../images/line.png) right center no-repeat;  }
.catalog_ul li a:hover,.catalog_ul li a.for{ color: #37bbca; font-weight: bold;background: url(../images/catabj.png) left center no-repeat; }
.site{ float: right; height: 53px; line-height: 53px; overflow: hidden; color: #a5a5a5; padding-right: 16px; }
.site a{ color: #a5a5a5;  transition: all 0.5s ease 0s; }
.site a:hover,.site a.on{ color: #37bbca; transition: all 0.5s ease 0s; }
.wrap{ background: #fff; border-radius: 0 0 8px 8px; min-height: 500px; box-shadow: 0 0 10px #eeeeef; padding: 34px 34px; box-sizing: border-box; }
.column_ul{ height: 42px; overflow: hidden; }
.column_ul li{ float: left; margin-right:10px;  }
.column_ul li a{ display: block; font-size: 14px; background: #f6f6f6; transition: all 0.5s ease 0s; text-align: center; height:42px; line-height: 42px; width: 135px; border-radius: 5px; color: #666666;  }
.column_ul li a:hover,.column_ul li a.on{ color: #fff; background: #37bbca; transition: all 0.5s ease 0s; }
.about{ padding: 46px 0 125px; }
.catalog_ul li:nth-last-child(1) a{ background: none; }
.catalog_ul li:nth-last-child(1) a:hover,.catalog_ul li:nth-last-child(1) a.for{ color: #37bbca; font-weight: bold;background: url(../images/catabj.png) left center no-repeat; }



.docu_ul{ height:64px; overflow: hidden; margin-bottom: 30px; border: 1px solid #37bbca;   }
.docu_ul  li{ width: 20%; height: 64px; float: left; line-height: 64px; font-size: 16px; color: #37bbca; text-indent: 80px;}
.docu_ul  li:nth-child(1){ width: 40% }
.currency_ul li{ background: #f6f6f6 url(../images/dian1.png) 38px center no-repeat; margin-bottom: 26px; height:66px; overflow: hidden; transition: all 0.5s ease 0s; }
.curr_a{ display: block; }
.curr_i{ width: 20%; height: 66px;transition: all 0.5s ease 0s; float: left; line-height: 66px; font-size: 16px; color: #333333; text-indent: 80px;}
.curr_i:nth-child(1){ width: 40%;transition: all 0.5s ease 0s; }
.curr_i:nth-last-child(1){background:url(../images/down1.png) 140px center no-repeat; }
.currency_ul li:hover{background: #fff url(../images/dian11.png) 38px center no-repeat;box-shadow: 0 0 10px #e0e3e8;transition: all 0.5s ease 0s; }
.currency_ul li:hover .curr_i:nth-child(1){ color: #37bbca; transition: all 0.5s ease 0s; }
.currency_ul li:hover .curr_i:nth-child(4){color: #37bbca; transition: all 0.5s ease 0s;}
.currency_ul li .curr_i:nth-child(2){color: #888888;transition: all 0.5s ease 0s;}

.party_ul{ margin:0 0 0 -43px;  }
.party_ul li{ float: left; margin: 0 0 47px 41px; width: 377px;border-radius: 5px;   }
.party_img{ display: block; width: 377px; height: 265px; overflow: hidden; border-radius: 5px;  }
.party_img img{width: 377px; height: 265px; overflow: hidden; border-radius: 5px; transition: all 1s ease 0s; }
.party_tit{ font-size: 16px; text-align: center; position: relative; display: block; height:62px; transition: all 0.5s ease 0s; line-height: 62px; border-radius: 0 0 5px 5px; overflow: hidden; box-shadow: 0 0 10px #f2f2f2  }
.party_ul li:hover .party_tit{color: #fff; background: #37bbca; transition: all 0.5s ease 0s; }
.party_ul li:hover{background: #37bbca }
.party_ul li:hover .party_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.news_dl{ padding: 28px 0; }
.news_dl dt{ float: left; width:454px; height: 318px; overflow: hidden;  }
.news_dl dt img{width:454px; height: 318px; overflow: hidden;}
.news_dl dd{ float: left; margin-left:50px; width: 684px;  }
.news_tit{ display: block;transition: all 0.5s ease 0s;  height:72px; line-height: 72px; overflow: hidden; font-size:24px; font-weight: bold;   }
.news_zi{ height:96px; line-height: 32px;overflow: hidden;  
  -webkit-line-clamp: 3; display: -webkit-box;
  -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; color: #666666; margin-bottom: 20px;  }
.news_tiem{ display: block; height:34px; line-height: 34px; overflow: hidden; font-size:14px; color: #999999; margin-bottom: 26px;   }
.news_see{ display: block; transition: all 0.5s ease 0s;font-size:14px; width:116px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #e5e5e5; border-radius: 5px; color: #999999;   }
.newsul a{ display: block; height:54px;background:url(../images/news1.jpg) 20px center no-repeat; overflow: hidden; padding: 0 20px; box-sizing: border-box; }
.newstit{ float: left; height: 54px; transition: all 0.5s ease 0s; line-height: 54px; overflow: hidden; width: 90%; font-size: 14px; display: block; padding-left: 28px; box-sizing: border-box;  }
.newstime{ display: block; float: right;transition: all 0.5s ease 0s;  height: 54px; line-height: 54px; font-size: 14px; color: #a7a7a7 }
.news_tit:hover{ color: #34bcca; transition: all 0.5s ease 0s; }
.news_see:hover{ color: #34bcca; border: 1px solid #34bcca; transition: all 0.5s ease 0s; }
.newsul li:nth-child(odd) a{ background: #f6f8fb url(../images/news1.jpg) 20px center no-repeat}
.news{ padding-bottom: 40px; }
.newsul a:hover{background:url(../images/dian11.png) 20px center no-repeat;}
.newsul li:nth-child(odd) a:hover{ background: #f6f8fb url(../images/dian11.png) 20px center no-repeat;}
.newsul a:hover .newstit,.newsul a:hover .newstime{ color: #34bcca; transition: all 0.5s ease 0s; }
.news_info{ padding: 30px 0 0 0; }
.release{ padding-bottom: 16px; margin-bottom: 30px;  border-bottom: 1px solid #e5e5e5; text-align: center; }
.release h3{  line-height: 30px; margin-bottom: 10px; overflow: hidden; font-size: 24px;  color: #37bbca; }
.release .rele_span{ height: 42px; line-height: 42px; color: #666666; font-size: 14px; overflow: hidden; }
.xin_see:after{ background: #1451c0;content:"";display:block; width: 0;transition: all 0.5s ease 0s; height: 34px; border-radius: 20px; z-index: 9; position: absolute; left: 0; top: 0; }
.xin_see:hover:after{ width: 100%; transition: all 0.5s ease 0s; }
.xin_see:hover a{ color: #fff;background: url(../images/newssee1.png) 94px center no-repeat; transition: all 0.5s ease 0.2s;  }
.xin_see:hover{transition: all 0.5s ease 0.2s; color: #fff; border: 1px solid #1451c0;background: url(../images/newssee1.png) 94px center no-repeat; }
.retrun{ float: right;transition: all 0.5s ease 0s; margin-bottom: 38px;transition: all 0.5s ease 0s;  font-size: 12px; color: #fff; width: 98px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #37bbca; background: #37bbca; border-radius: 5px;}
.retrun:hover{ background: none; color: #34bcca; transition: all 0.5s ease 0s; }
.piece{ padding:40px 0; border-top: 1px solid #f7f7f7; }
.piece a{ display: block;transition: all 0.5s ease 0s; line-height:36px; height: 36px; overflow: hidden; color: #666; font-size: 14px; }
.piece a:hover{ color: #37bbca; transition: all 0.5s ease 0s; }
.policy_dl{ padding:42px 0; border-bottom: 1px solid #e7e6e5;  }
.policy_dl dt{ float: left; width:285px; height: 200px; overflow: hidden;  }
.policy_dl dt img{ width:285px; height: 200px; overflow: hidden; transition: all 1s ease 0s; }
.policy_dl dd{ float: left; margin-left:42px; width:870px;   }
.policy_tit{ display: block; height:70px; line-height: 70px;transition: all 0.5s ease 0s; overflow: hidden; font-size:24px;   }
.policy_zi{ height:60px; line-height: 30px; overflow: hidden; font-size: 16px; color: #666;  }
.policy_tiem{ height: 70px; line-height: 70px; overflow: hidden; display: block; font-size: 14px; color: #999999 }
.policy_dl dt:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.scien_dl{ margin-bottom:32px;padding: 24px; position: relative; box-shadow: 0 0 10px #f5f5f5; }
.scien_dl dt{ position: absolute; transition: all 0.5s ease 0s;  left:24px; top: 24px; width: 180px; height: 126px; overflow: hidden; }
.scien_dl dt img{ width: auto; height: auto; max-width: 100% }
.scien_dl dd{ float: left; width:890px; transition: all 0.5s ease 0s; margin-left:214px;  height: 127px; overflow: hidden;  }
.scien_tit{ font-size: 24px; transition: all 0.5s ease 0s;  display: block; height:48px; line-height: 48px; overflow: hidden; }
.scien_zi{ height: 28px; transition: all 0.5s ease 0s; line-height: 28px; overflow: hidden; font-size:16px; color: #666; margin-bottom: 10px;  }
.scien_tiem{ height: 34px; line-height: 34px; font-size: 14px; color: #999999; display: block; overflow: hidden; margin-bottom: 12px; }
.scien_more{ display: block; transition: all 0.5s ease 0s; width:116px; height: 34px; font-size: 14px; color: #999999; line-height: 34px; text-align: center; border: 1px solid #e5e5e5; border-radius: 5px;  }
.scien_tit:hover,.policy_tit:hover{ color: #34bcca; transition: all 0.5s ease 0s; }
.scien_more:hover{color: #34bcca; border: 1px solid #34bcca; transition: all 0.5s ease 0s;}
.scien{ padding:30px 0 10px 0;  }
.scien_dl:hover dt{ width: 372px; height: 260px; overflow: hidden; transition: all 0.5s ease 0s; }
.scien_dl:hover dd{ height:260px; transition: all 0.5s ease 0s;  margin-left: 412px; width: 722px;}
.scien_dl:hover dd .scien_zi{ height: 84px; transition: all 0.5s ease 0s; }
.data_ul li{ margin-bottom:24px;  }
.data_ul li a{ display: block; height:66px; transition: all 0.5s ease 0s; border-radius: 5px; overflow: hidden; background: #f4f4f4; box-shadow: 0 0 10px #f3f3f3; padding: 0 50px; box-sizing: border-box; }
.data_tit{ display: block; height: 66px; transition: all 0.5s ease 0s; float: left; line-height: 66px;padding-left: 34px; font-size: 16px;background: url(../images/data1.png) left center no-repeat; overflow: hidden; width: 75%; }
.data_time{ display: block; height: 66px; transition: all 0.5s ease 0s; line-height: 66px; float: right; width: 20%; font-size: 16px; text-align: right; }
.data_ul li a:hover{ background:#fff;  transition: all 0.5s ease 0s; }
.data_ul li a:hover .data_tit{background: url(../images/data11.png) left center no-repeat; color: #37bbca; transition: all 0.5s ease 0s;}
.data_ul li a:hover .data_time{color: #37bbca; transition: all 0.5s ease 0s; }
.data_report{ font-size: 24px; font-weight: bold; text-align: center; height:64px; line-height: 64px; margin-bottom: 30px;  }
.data_info{ padding: 46px 0 50px 0; }

.report_div{ background: #37bbca; border-radius: 5px; height:68px; overflow: hidden;  }
.report_inner{ width: 9.09%; border-right: 1px solid #69ccd8; box-sizing: border-box; float: left; text-align: center; font-size: 14px; color: #fff; }
.report_inner:nth-last-child(1){ border: none; }
.report_name{ height: 18px; display: block; line-height: 18px; overflow: hidden; padding-top: 18px; }
.report_inner:nth-child(1) .report_name{ height: 68px; line-height: 68px; padding: 0; }
.report_ul li{ height: 76px; border: 1px solid #58c6d3; border-top: none; border-right: none; }
.report_zi{width: 9.09%; border-right: 1px solid #58c6d3; height: 76px; line-height: 76px;  background: #f1f8fc; box-sizing: border-box; float: left; text-align: center; font-size: 14px;}
.report_txt{ width: 100%; height: 76px; line-height: 76px; padding: 0 10px; border: none; box-sizing: border-box; text-align: center; background: none; }
.report_ul{ border-radius: 0 0 5px 5px; margin-top: -1px;}
.import_sub{ float: right; width: 192px; height: 46px; line-height: 46px; background:#2cbfd0; color: #fff; font-size: 18px; border: 1px solid #17aabb; border-radius: 5px; text-align: center; cursor: pointer;  }
.import_btn{ float: right; width: 192px; height: 46px; line-height: 46px; background:#149cd9 url(../images/data2.png) 126px center no-repeat; color: #fff; font-size: 18px; border: 1px solid #149cd9; border-radius: 5px; text-indent: 50px; }
.import{ padding: 80px 0; }

.journal_ul{ margin:0 0 0 -53px; padding-left: 14px;  }
.journal_ul li{ float: left; margin:0 0 30px 53px; width: 255px; }
.journal_img{ display: block; width: 255px; height: 359px; overflow: hidden; text-align: center; }
.journal_img img{width: 255px; height: 359px; overflow: hidden; transition: all 1s ease 0s; }
.journal_tit{display: block; font-size:18px;transition: all 0.5s ease 0s;font-weight: bold; height: 68px; line-height: 68px; text-align: center; }
.journal_ul li:hover .journal_tit{ color: #34bcca; transition: all 0.5s ease 0s; }
.journal_ul li:hover .journal_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.balk{ position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%;background: url(../images/signbj.png) left center repeat; z-index: 99; }
.sign{ position: fixed; display: none; left: 50%; top: 50%; width:444px; height: 444px; margin: -222px 0 0 -222px; background: #fff; border-radius: 10px; z-index: 9999; } 
.close{ position: absolute; right: -34px; top: -23px;background: url(../images/close.png) left center no-repeat; width: 34px; height: 34px; display: block;  }
.sign_tile{background: url(../images/sign1.png) left center no-repeat; height: 67px; line-height: 67px; width: 100%; text-align:center; color: #fff; font-weight: bold; font-size:26px;  }

.sign_form{ padding:32px 56px 0 ;  }
.sign_div{ margin-bottom:16px; border: 1px solid #d9d9d9; height:50px; border-radius: 50px; width: 100%   }
.sign_em{ float: left; display: block; padding-right: 14px; text-align: right; box-sizing: border-box; height: 50px; line-height: 47px; width: 67px;background: url(../images/headline.jpg) right center no-repeat; }
.sign_txt{ float: left; width: 258px; height: 50px; line-height: 50px; border: none; background:none; overflow: hidden; box-sizing: border-box; padding:0 0 0 18px; font-size: 14px; color: #b2b2b2  }
.sign_sub{ background: #37bbca; width: 100%; height: 50px; line-height: 50px; color: #fff; text-align: center; border: 1px solid #37bbca; font-size: 18px; border-radius: 50px; }
.sign_he .sign_div{ width:202px; float: left;  }
.sign_he .sign_txt{ width:120px;  }
.code_img{ float: right; height: 52px; line-height: 52px; width:110px; display: block;  }
.password{ font-size: 14px;color: #37bbca; height:56px; line-height: 56px; display: block; overflow: hidden;  }
.code_zi{ font-size: 12px; background: #f6f6f6; color: #acacac; width:110px; height: 32px; line-height: 32px; margin-top:12px; text-align: center; margin-left: 10px; border-radius: 5px; float: left; display: block;   }
.forget{font-size: 14px; height:56px; color: #0a0a0a;line-height: 56px; display: block; overflow: hidden;}
.forget a{font-size: 14px;color: #37bbca; margin-right: 12px;}

.reg{ padding:84px 0 182px 0;  }
.reg_inner{ background: #fff url(../images/regbj.jpg) right bottom no-repeat;padding: 66px 50px 0; box-sizing: border-box; width:1030px; height: 674px;  margin: 0 auto; border-radius: 5px;}
.reg_title{ position: relative; height: 50px; line-height: 50px; margin-bottom: 42px; }
.reg_en{ font-size: 40px; display: block; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; color: #e8f6fa; }
.reg_cn{ font-weight: bold; color: #00b8cd; font-size: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: -12px;  }
.reg_div{ margin-bottom:16px; height: 48px; overflow: hidden;  }
.casket{ float: left; width: 465px; }
.reg_em{ display: block; height: 48px; line-height: 48px; float: left; overflow: hidden; font-size:14px; text-align: right; width: 90px;  }
.xing{ color: #d20000; margin:6px 6px 0 0px;  }
.reg_txt{ display: block; float: left; width:359px; padding: 0 26px; font-size: 14px; color: #d0d2d4; margin-left: 12px; box-sizing: border-box; height: 46px; line-height: 46px; border: 1px solid #dcdcdc; border-radius: 46px; }
.obtain{ display: block; float: left;  color: #fff; background: #37bbca; border-radius: 5px; width:88px; height: 32px; line-height: 32px; text-align: center; margin: 6px 0 0 16px;  }
.reg_code{ width:196px;  }
.reg_sub{ width:359px;  margin-left: 102px;  }
.accounts{ font-size: 14px; height:50px; line-height: 50px;margin-left: 102px;  color: #898888  }
.accounts a{ color: #37bbca; margin-left: 12px; }
.reg_check{ width: 18px; height: 18px; border: 1px solid #d2d2d2; display: block; float: left; margin-right: 10px; }
.read_inner{ float: left; height: 20px; line-height: 20px; font-size: 14px; color: #666666 }
.read_inner a{ color: #37bbca;}
.read{ margin-left: 102px; }

.bar-months{ background: #f4f4f4; height: 54px; width: 970px; float: left; border-radius: 5px; border: 1px solid #e2e2e4; }
.month-item { width:7.64%; transition: all 0.5s ease 0s; cursor: pointer;background: url(../images/ass2.jpg) center 13px no-repeat; float: left; padding:0 5px; box-sizing: border-box; text-align: center; font-size: 14px; color: #696969; }
.month-item i{ display: block;transition: all 0.5s ease 0s; width: 27px; height: 2px; background: #d4d4d4; margin:13px auto 0; }
.month-item em{ display: block;transition: all 0.5s ease 0s; height: 53px; line-height: 53px; }
.month-item:hover{ background:#fff url(../images/ass1.jpg) center center no-repeat; box-shadow: 0 0 10px #e0e0e0; width:8.32%;height: 58px; margin-top: -2px; transition: all 0.5s ease 0s; }
.month-item:hover em{height: 58px; line-height: 58px;transition: all 0.5s ease 0s; color: #000000}

.bar{ float: right; width: 160px; }
.news_data{ padding: 36px 0 44px 0; }
.bar{background: #f4f4f4; height: 54px; line-height: 54px; border-radius: 5px; border: 1px solid #e2e2e4; box-sizing: border-box; }
.bar-year-label{ float: left; width: 56px; font-size: 15px; text-align: center;border-right: 1px solid #e2e2e4; box-sizing: border-box; }
.bar-year{ float: left;     display: inline-block;
    width: 98px;
   height: 52px; line-height: 52px; text-align: center;
    border: none;
    color: #262626;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    font-size: 15px;
    font-weight: 500;
    background-color: #f5f5f5;
    background-image: url(../images/jiao.jpg);
    background-repeat: no-repeat;
    background-size: 1.125rem auto;
    background-position: 84% 50%; text-indent: 20px; box-sizing: border-box; }
    .nav_inner{ display:none; }
    .oper_phone{ display: none; }

.bdsharebuttonbox{ text-align: center!important; width: 100%!important; height: 40px!important; line-height: 40px!important; }
.bdsharebuttonbox a{ display: inline-block!important; float: none!important; }

.banner_float{ position: absolute; left: 0; bottom: 0; z-index: 999999; }
.ass .column_ul{ float: left; }
.meeting{ display: block; float: right; width: 110px; height: 30px; line-height: 30px; background: #fe9c17 url(../images/ass1.png) 17px center no-repeat; border: 1px solid #f19112; border-radius: 5px; color: #fff; font-size:14px; font-weight: bold; text-indent:40px;   }
.asstit{ display:block; font-size: 24px; padding-top: 25px; font-weight: bold; height: 62px; line-height: 62px; margin-bottom: 30px; background:  url(../images/assbj.jpg) left bottom no-repeat; }
.mess_see{  width: 190px; height: 46px; line-height: 46px; background: #1fc4d7 url(../images/ass1.png) 41px center no-repeat; display: block; border: 1px solid #17aabb; border-radius: 5px; color: #fff; font-size:20px; font-weight: bold; text-indent:72px; }
.ass_inner{ margin-bottom:40px;  }

.meet_div{ margin-bottom:18px;  }
.meet_em{ display: block; float: left;height:42px; line-height: 42px; font-size: 16px; color: #4f5863; width: 150px; margin-right: 16px;  text-align: right; }
.meet_xing{ margin-right:5px; color: #ed0000;  }
.meet_txt{ display: block; float: left; width:800px; height:40px; line-height: 40px; border: 1px solid #d9d9d9; padding: 0 15px;  font-size: 14px; color: #999999;  }
.meet_member{ width:504px; float: left;  }
.meet_member .meet_txt{ width:298px;  }
.sex_i{ font-size: 16px; margin:0 20px 0 5px; }
.sex{ height: 42px; line-height: 42px; }
.sex_radio{ margin-top: -6px; }
.meetadd{ font-size: 14px; margin: 0 0 18px 166px; color: #fff; width:115px; height: 34px; line-height: 34px; background: #37bbca; display: block; text-align: center; border-radius: 5px;  }
.meet_to,.traffic{ margin-bottom: 20px; border-bottom: 1px solid #e7e8ea }
.sex_airport{ width: 100%; }
.meet_sub{ float: right; width:193px; height: 46px; line-height: 46px; color: #fff; text-align: center; border-radius: 5px; border: 1px solid #17aabb; background: #21c4d6; font-size: 18px; font-weight: bold; display: block;  }
.meet_see{ float: right; width:193px; height: 44px; line-height: 44px; color: #fff; text-align: center;  border-radius: 5px; border: 1px solid #fd8b38; margin-right: 14px; background: #fd8b38; font-size: 18px;  display: block;  }
.meet_btn{ padding: 30px 0; }
.infroul li a{ text-align: left; text-indent:16px; }
.meet_end{float: right; width:150px; height: 36px; line-height: 36px; color: #fff; text-align: center;  border-radius: 5px; border: 1px solid #3983cf; margin:6px 14px 0 0; background: #3983cf; font-size: 14px;  display: block; }
.meet_mon{ text-align: right; font-size: 16px; }
.meet_orgen{ font-size: 30px; font-weight: bold; color: #ff7200 }

.pay{ position: fixed; left: 50%; top: 50%;  z-index: 999; width:1046px; height:552px; border-radius: 10px; background: #fff; margin: -276px 0 0 -523px;  border: 1px solid #38bdcc;  }
.pay_title{ font-size: 30px; font-weight: bold; color: #fff; height:78px; border-radius: 10px 10px 0 0; line-height: 78px; display: block; text-align: center; background: #38bdcc url(../images/sign1.png) left center repeat; }
.pay_inner{ padding:66px 76px 0 135px;  }
.paytit{ display: block; font-size: 24px; font-weight: bold; color: #27bfd1; height:44px; line-height: 44px;  margin-bottom: 44px; }
.pay_ul li{ float: left; margin:0 105px 48px 0; width: 194px; }
.pay_radio{ margin: 15px  26px 0 0; float: left;}
.pay_img{ display: block; float: left; height:42px; line-height: 42px; overflow: hidden;  }
.pay_ul{ width: 650px; }
.defray{ text-align: center;padding-top: 128px;}
.def_tit{ height:46px; line-height: 46px; font-size: 36px; color: #27bfd1; font-weight: bold;  }
.def_tit img{ margin-right:28px;  }
.def_div{ height: 70px; line-height: 70px; padding-left: 50px; font-size: 16px; }
.def_div a{ color: #27bfd1; }

.service_info{ margin: 0 auto; border-radius: 10px; box-shadow: 0 0 10px #eeeeef; width: 1046px; background: #fafdff; padding: 0 60px; box-sizing: border-box; }
.ser_tit{ text-align: center; padding: 70px 0 28px 0; border-bottom: 1px solid #e7e8ea; margin-bottom: 34px; }
.societ_i{ font-size: 36px; font-weight: bold; display: block; height: 54px; line-height: 54px; }
.ser_table{ font-size: 30px; display: block; height: 48px; line-height: 48px; }
.service{ padding-top: 50px; }
.zhu{ font-size: 16px; color: #d40000; height:36px; line-height: 36px; overflow: hidden; margin-bottom: 30px;  }
.blue{ font-size: 14px; color: #37bbca }

.ser_form .meet_em{ width: 100px; color: #4f5863; }
.ser_form .meet_txt{ width: 808px; font-size: 14px; color: #999999; box-sizing: border-box; }
.ser_form .meet_member .meet_txt{ width:345px;  }
.ser_form .meet_member { width: 463px; }
.ser_div{ padding-bottom: 26px; border-bottom: 1px solid #e7e8ea }
.ser_head{ font-size: 20px; font-weight: bold; color: #37bbca; height: 40px; line-height: 40px; padding:30px 0 12px 30px; display: block; }
.yield_tit{ font-size: 14px; height:42px; line-height: 42px; overflow: hidden; color: #4f5863; float: left; width: 100px; display: block;  }
.yield_txt{ display: block; float: left; height: 40px; line-height: 40px; width:268px; background: #f7f7f7; border: 1px solid #d8d8d8; padding: 0 10px; box-sizing: border-box;  }
.yield{ float: left; }
.yield_right{ margin-right:70px;  }
.yield_chan .yield_tit{ width:112px; text-align: center;  }
.yield_chan .yield_txt{ width: 148px; }
.yield_center{ margin: 0 13px; }
.out{ padding-bottom: 30px; }
.meet_area{ float: left; width: 808px; font-size: 14px; color: #999999;  box-sizing: border-box; resize: none;    display: block;
   line-height: 24px;border: 1px solid #d9d9d9; padding: 15px; height: 178px;} 
.look{ font-size: 14px; text-align: right; color: #9ea3a9; height:50px; line-height: 50px; clear: both; }
.serul{ height:70px; overflow: hidden; background: #f2f5f8; margin-bottom: 20px;  }
.serul li{ display: inline-block; margin-left:20px; height: 70px; line-height: 70px; overflow: hidden; font-size: 14px;  }
.serul li img{ margin-right:8px;  }
.applysee{ display: block; float: right; width:113px; text-indent: 13px; height: 32px; line-height: 32px; font-size: 14px; color: #fff; border-radius: 5px; margin-bottom: 60px; background: #e30810 url(../images/ser5.png) 86px center no-repeat; border: 1px solid #cc0000 }
.member{ width: 723px; margin: 0 auto }
.user_tit{ font-size: 24px; margin-bottom: 32px; text-align: center; font-weight: bold; color: #37bbca; display: block; border-bottom: 1px solid #eeeeee; height: 100px; line-height: 100px; }
.user_div{ margin-bottom:16px;  }
.user_form{ padding: 0 0 0 130px; }
.user_em{ display: block; float: left; height:48px; line-height: 48px; font-size: 14px; width: 80px; text-align: right; margin-right: 10px;  }
.user_txt{ display: block; float: left; height: 46px; line-height: 46px; border-radius: 46px; font-size: 14px; padding: 0 20px; box-sizing: border-box; width:356px; background: #f9f9f9; border: 1px solid #dcdcdc  }
.modify{ font-size: 14px; font-weight: bold; display: block; color: #fff; width:102px; height: 32px; line-height: 32px; background: #37bbca; border: 1px solid #37bbca; text-align: center; border-radius: 5px; margin-left:334px;   }
.payment{ padding:60px 0 0 426px;  }
.pay_meb{ font-size:24px; height:40px; line-height: 40px; margin-bottom: 20px;   }
.pay_sub{ background: #20c4d6; width: 212px; text-align: center; height:50px; line-height: 50px; color: #fff; font-size:18px; border-radius: 5px; border: 1px solid #17aabb; display: block;   }
.payi{ color: #37bbca }
.record_title{ display: block; text-align: center; font-size: 24px; font-weight: bold; height:90px; line-height: 90px; color: #37bbca }
.record_div{ padding:36px;  border: 1px solid #34bcca; border-radius: 5px; }
.record_head{ background: #37bbca; height:48px; margin-bottom: 10px; line-height: 48px; overflow: hidden; border-radius: 5px;  }
.record_i{ display: block; float: left; width:25%; text-align: center; box-sizing: border-box; border-right: 2px solid #6ecdd6; font-size: 18px; color: #fff; height: 48px; line-height: 48px; overflow: hidden;  }
.record_i:nth-last-child(1){ border: none; }
.record_ul li{ margin-bottom: 10px; height: 48px; overflow:hidden; background: #effaff; border-radius: 5px; }
.record_time{ border-right: 2px solid #f2fafd; width: 25%; float: left; box-sizing: border-box; display: block; text-align: center; height: 48px; line-height: 48px; overflow: hidden; font-size: 14px; }
.record_time a{ color: #0b54e6 }

.saltul{ margin:0 0 26px -40px; }
.saltul li{ float: left; margin: 0 0 0 40px; width:290px; height: 99px; overflow: hidden;  } 

.message{ padding-bottom:50px; width: 889px; margin: 0 auto }
.mess_txt{ border: none; background: #f2f3f5; font-size: 14px; padding: 0 10px; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px; }
.mess_em{ display: block; height:58px; line-height: 58px; overflow: hidden; font-size: 20px;  }
.mess_box{ margin-bottom: 20px; }
.i_shao{ font-size:14px; color: #999999; padding-left: 10px;  }
.mess_name{ display: block; height:40px; line-height: 40px; font-size: 14px; color: #999999;  }
.mess_wrap{ float: left; width:430px; margin-right: 24px;  }
.name_txt{border: none; background: #f2f3f5; font-size: 14px; padding: 0 10px; box-sizing: border-box; width: 100%; height: 40px; line-height: 40px;}
.mess_wrap:nth-last-child(1){ margin: 0; }
.mess_area{border: none; background: #f2f3f5; padding: 10px; font-size: 14px; box-sizing: border-box; width: 100%; height: 190px; line-height: 24px; resize: none;}
.mess_right{ float: right; padding-top: 52px; }
.mess_sub{ display: block; width:188px; height: 52px;background:url(../images/mess.png) no-repeat 155px center; color: #575757; transition: all 0.5s ease 0s; text-align: left; line-height: 52px; border: 1px solid #575757; text-indent: 20px; font-size:16px;   }
.mess_sub:hover{background:url(../images/mess1.png) no-repeat 155px center; color: #b02a2f; border: 1px solid #b02a2f; transition: all 0.5s ease 0s; }
.mess_code{ border: 1px solid #cfd8dc; height: 44px; overflow: hidden; }
.mess_yz{ height: 44px; line-height: 44px; border: none; background:none; width: 149px; padding: 0 10px; color: #cfd8dc; font-size: 16px; float: left; }
.yz_img{ float: left;border-left: 1px solid #cfd8dc;  }
.mess_comp{ font-size: 30px; display: block; height:50px; line-height: 50px; overflow: hidden; margin-bottom: 38px;  }
.mess_left{ float: left; }

.menuBg {
    position: absolute;
    top: 55px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #004ea2
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 80%
    }

.logoanv { float: left; }
.navBg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    opacity: 0;
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    display: none;
}

.navBg.active {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 50%;
    float: left;
    height: auto;
    opacity: 0;
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
    text-align: center;
}



.navList li a:hover {
    padding-left: 10%;
    color: #da0502
}

.active .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.active .navList li {
    transition-delay: .3s
}

.public_ul1,.public_ul2{ display: none; }

.expect_ball{ width: 100%; display: none; z-index: 99; height: 100%; position: fixed; left: 0; top: 0;background:url(../images/build3.png) repeat left center;  }
.expect{ position: fixed;display: none; z-index: 999; left: 50%; top: 50%; width:445px; height: 445px; margin: -222.5px 0 0 -222.5px;  }
.exp_close{ display: block; position: absolute; right:-34px; top: -27px; background:url(../images/build2.png) no-repeat left center; width: 34px; height: 34px;  }

.home_top{ position: fixed; right: 2%; width:58px; height: 58px; display:block; top:70%;  background:url(../images/top.jpg) no-repeat left center;  }

.home_see{position: fixed; right: 2%; width:58px; height: 58px; display:block; top:70%;  background:url(../images/home.png) no-repeat left center;  }
.index_foot .home_see{ display: none; }