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;}




.box{ width:1200px; margin:0  auto;}
h1{ float:left; margin:26px 0 0 0;}
.nav{ float: right; }
.nav li{ float: left; width: 95px; height: 77px; margin-left: 5px; position: relative; }
.nav li a{ display: block; border-top: 3px solid #fff; font-size: 14px; color: #1b1b1b; text-align: center; display: block; line-height: 77px; }
.nav li span{ display:block; position:absolute; width:0; height:0; background:#e41e2b; top:0px; left:50%; display:block;transition:all 0.3s ease 0s;  }
.nav li a:hover{ color:#1b1b1b;transition:all 0.3s ease 0s;}
.nav li .subnav{width:96px; position:absolute; left:50%; top:77px; z-index:9999999; background:#fdfdfd;  color:#fff; text-align:center; padding:0 8px; margin-left:-55px;
 display:none;}
.nav li .subnav a{ height:30px; line-height:30px; text-align:center; overflow:hidden; color:#5c5c5c; border-bottom:1px solid #e5e5e5;}
.nav li .subnav a:hover{ color:#e62e3a;}




.foot_top{ background: #3c3c3c; padding: 50px 0 40px 0;}
.foot_left{ float: left;  width: 790px; }
.foot_left .foot_nav{ float: left; width: 121px; margin-right:10px; }
.foot_nav span{ display: block;  color: #fff; height: 32px; list-style: 32px; font-size: 14px; margin-bottom: 10px;overflow: hidden;}
.foot_nav a{ display: block;  color: #bababa; height: 30px; line-height:30px;overflow: hidden;transition: all 0.5s ease 0s; }
.foot_nav a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.foot_right{ float: right; background:url(../image/foot.jpg) left center no-repeat; height:212px;}
.official{ float:left; margin-left:90px;}
.official span{ display:block; height:32px; line-height:32px; font-size:14px; color:#fff; margin-bottom:14px;}
.official span2{ display:block; height:32px; line-height:32px; font-size:20px; color: #FF0000; margin-bottom:14px;}
.official em{ display:block; width:110px; height:110px; overflow:hidden;}
.official em img{ width:110px; height:110px; overflow:hidden;}

.foot_bottom{ background:#222222; height:100px; line-height:50px;}
.add_inner{ text-align:center; color:#fff; font-size:14px;}
.add_inner a{ color:#fff; margin-left:10px;}
.add_inner a:hover{ text-decoration:underline;}


.catalog{ background:#fff; height:70px; border-bottom:1px solid #dddddd;}
.cata_right{ float:right;color:#5c5c5c; height:67px; line-height:67px; font-size:14px;}
.cata_right a{ color:#5c5c5c;transition:all 0.5s ease 0s;}
.cata_right a:hover{color:#e41e2b;transition:all 0.5s ease 0s;}
.cata_left{ float:left;}
.cata_left li{ min-width:76px; float:left; margin-right:20px;}
.cata_left li a{ font-size:14px; display:block; color:#5c5c5c; text-align:center; line-height:67px; height:67px; overflow:hidden;border-bottom:3px solid #fff;transition:all 0.5s ease 0s;}
.cata_left li a:hover,.cata_left li a.for{ color:#e41e2b; border-bottom:3px solid #e41e2b; transition:all 0.5s ease 0s;}

.about_back{ background:#f6f6f6 url(../image/aboutbj.jpg) center top no-repeat; min-height:798px;}

.about_inner{ line-height:30px; font-size:14px; color:#373d41; padding:32px 0 80px 0; overflow:hidden;}


.ent{ background:#f6f6f6 url(../image/ent.png) center bottom no-repeat; padding-bottom:83px;}
.ent_top{ height:182px;}
.ent_top li{ float:left; width:300px; padding-top:60px;}
.ent_left{ float:left; width:55px;}
.ent_left img{ width:40px; height:71px; overflow:hidden;}
.ent_right{ width:244px; float:left; padding-top:16px;}
.ent_right span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden; color:#1b1b1b;}
.ent_right em{ font-size:14px; display:block; height:24px; line-height:24px; color:#5c5c5c; overflow:hidden;}
.ent_bottom{ background:#ffffff;}
.ent_bottom dt{ float:left; width:400px; height:220px; overflow:hidden;}
.ent_bottom dt img{ width:400px; height:220px; overflow:hidden}
.ent_bottom dd{ float:left; width:800px;}
.ent_bottom .idea{ width:200px; text-align:center; float:left;}
.ent_bottom .idea span{ padding-top:77px; display:block; width:55px; height:36px; display:inline-block;}
.ent_bottom .idea em{ height:48px; display:block; line-height:48px; text-align:center; font-size:14px; overflow:hidden; color:#1b1b1b;}
.ent_bottom .manage{ width:577px; float:left; padding-top:60px; height:100px; overflow:hidden;}
.ent_bottom .manage span{ display:block; height:25px; line-height:25px; font-size:14px; color:#5c5c5c;}


.gray{ background:#f6f6f6; padding:50px 0 80px 0; font-size:14px; line-height:30px; color:#5c5c5c;}
.gray_top{ background:#fff; overflow:hidden; padding:20px; margin-bottom:20px}
.gray_bottom{ background:#fff; overflow:hidden; padding:20px;}


.honor{ background:#fff; margin-bottom:80px;}
.honor h3{ height:104px; line-height:104px; font-weight:normal; font-size:24px; background:url(../image/honor.png) 9px 9px no-repeat; text-indent:42px;}
.honor_ul li{ margin:0 0 30px 50px; float:left; width:338px; border:1px solid #e5e5e5; height:238px; overflow:hidden;}
.honor_ul li img{width:338px;  height:238px; overflow:hidden;transition:all 1s ease 0s;}
.honor_ul li:hover img{ transform:scale(1.2,1.2); transition:all 1s ease 0s;}

.news{ padding-top:10px;}

.news_dl{ margin-top:20px;}
.news_dl dt{ float:left; width:306px; height:180px;overflow:hidden;}
.news_dl dt img{width:306px; height:180px; overflow:hidden;transition:all 0.5s ease 0s;}
.news_dl dt:hover img{ opacity:.6; transition:all 0.5s ease 0s;} 
.news_dl dd{ float:left; width:894px; padding:0 40px 0 26px; box-sizing:border-box; height:180px;}
.news_tit{ padding:8px 0 12px 0; display:block; color:#373d41; font-size:18px; overflow:hidden;transition:all 0.5s ease 0s;}
.news_div span{ float:left; display:block; height:51px; overflow:hidden; width:650px; line-height:25px; font-size:14px; color:#5c5c5c;}
.news_see{ display:block; width:118px; height:38px; line-height:38px; text-align:center; border:1px solid #e41e2b; float:right; margin-top:10px; color:#e41e2b; font-size:14px;transition:all 0.5s ease 0s;}
.news_span{ display:block; height:17px; line-height:17px; background:url(../image/news.png) left top no-repeat; color:#9d9d9d; padding-left:22px; margin-top:42px;}
.news_tit:hover{ color:#e41e2b; transition:all 0.5s ease 0s;}
.news_see:hover{ background:#e41e2b; color:#fff; transition:all 0.5s ease 0s;}
.news_dl:nth-child(even) dd{ background:#f6f6f6;}


.pages{ text-align:center; padding:40px 0 70px;}
.pages a{ width:65px; height:38px; display:inline-block; border:1px solid #dcdcdc;  margin:0 8px; line-height:38px; text-align:center; font-size:14px; color:#9d9d9d;}
.pages a:hover,.pages a.cur{ background:#e41e2b; border:1px solid #e41e2b; color:#fff;}


.release{ padding:32px 0 30px 0;}
.release h3{ font-weight:normal; text-align:center; height:38px; overflow:hidden; line-height:38px; font-size:24px; color:#373d41}
.release span{ font-size:14px; text-align:center; display:block; height:26px; line-height:26px; color:#9d9d9d;}
.news_word{ padding:0 0 40px 0; border-bottom:1px solid #dddddd; margin-bottom:80px; line-height:36px; color:#5c5c5c; font-size:14px;}


.tech{background:#f6f6f6 url(../image/ent.png) center bottom no-repeat; padding:45px 0 83px 0;}

.tech_inner{ width:1200px; margin:0 auto 0; background:#fff; padding-bottom:30px; }
.tech_top h3{ background:url(../image/honor.png) 9px 9px no-repeat; padding-left:40px; height:84px; line-height:95px; font-size:24px; color:#373d41;}
.plat_inner{ padding-left:44px; line-height:30px; font-size:16px; color:#5c5c5c; height:175px; overflow:hidden;}
.tech_img{ padding:40px 40px 0 0px; float:right; width:505px; height:295px; overflow:hidden;}
.tech_img img{ width:505px; height:295px; overflow:hidden;}
.platform{width:598px; float:left; }
.tech_bottom{ padding:0 40px;}
.tech_pic{ width:480px; height:325px; overflow:hidden; float:left; margin-right:85px;}
.tech_pic img{width:480px; height:325px; overflow:hidden;}
.tech_center{ width:554px; float:left;line-height:30px; font-size:16px; color:#5c5c5c; padding-top:50px; height:175px; overflow:hidden; }



.knlow{ background:#fff;}
.knlow h3{ background:url(../image/honor.png) 9px 9px no-repeat; padding-left:40px; height:102px; line-height:102px; font-size:24px; color:#373d41;}
.know_ul{ padding-left:38px; margin-left:-129px;}
.know_ul li{ float:left; margin:0 0 10px 129px; width:282px;}
.know_ul li span{ display:block;}
.know_ul li span img{ width:282px; height:415px; overflow:hidden;}
.know_ul li em{ display:block; height:53px; line-height:53px; font-size:16px; text-align:center; overflow:hidden;}


.field{ background:#f6f6f6; }
.field_he{ padding-bottom:50px;}
.field_ul{padding-top:10px; margin-left:-20px;}
.field_ul li{ margin:20px 0 0px 20px; float:left; width:285px; height:245px; overflow:hidden; background:#fff;  -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #f3f3f3;transition:all 0.5s ease 0s;}
.field_ul li .field_img{ width:285px; height:155px; overflow:hidden; display:block;}
.field_ul li .field_img img{width:285px; height:155px; overflow:hidden; }
.field_word{ height:90px; position:relative;}
.field_word a{color:#373d41; height:34px; display:block; position:absolute; left:0; top:35px;transition:all 0.5s ease 0s;}
.field_word span{ display:block; height:34px; line-height:34px; font-size:16px;  text-align:center; }
.field_word em{ height:36px; overflow:hidden; display:block;  padding:0 20px; font-size:14px; line-height:18px; color:#fff; }
.field_ul li:hover .field_word { background:#e41e2b;}
.field_ul li:hover a{ top:0; color:#fff; transition:all 0.5s ease 0s;}


.field_top{ border-bottom:1px solid #dddddd;  padding:30px 0;}
.field_left{ float:left; width:428px; height:233px; overflow:hidden;}
.field_left img{width:428px; height:233px; overflow:hidden;}
.field_right{ float:right; width:600px;}
.field_right a{ float:right; display:block; background:#b7b7b7; width:106px; height:38px; line-height:38px; text-align:center; color:#fff; font-size:14px;transition:all 0.5s ease 0s;}
.field_right a:hover{ background:#e41e2b; color:#fff; transition:all 0.5s ease 0s;}
.field_right h3{ clear:both; height:76px; line-height:76px; font-weight:normal; color:#e41e2b; font-size:18px; border-bottom:1px solid #dddddd; margin-bottom:13px;}
.field_right p{ height:58px; overflow:hidden; line-height:30px; font-size:14px; color:#5c5c5c;}
.field_hover{ text-align:center; height:60px; line-height:60px;}
.field_hover li{display:inline-block;} 
.field_hover a{ display:inline-block; width:150px; text-align:center; font-size:16px; color:#5c5c5c; background:url(../image/fieldline.jpg) right center no-repeat;}
.field_hover a.on{ background:none;}
.field_hover a.for{ color:#e41e2b;}

.field_div{ background:#f6f6f6; padding:40px 0 60px 0;}
.field_box{ background:#fff; }
.field_inner{display:none; font-size:18px}
.point{ height:40px; line-height:40px; background:#e41e2b;}
.point span{ display:block; text-align:center; font-size:16px; color:#fff; border-right:1px solid #fff; float:left;}
.point_left{ width:173px;}
.point_center{ width:644px;}
.point_right{ width:380px;}
.parameter span{display:block; text-align:center; font-size:14px; color:#5c5c5c;  float:left;}
.parameter li{ height:37px; line-height:37px;}
.parameter li:nth-child(even){ background:#f9f9f9;}


.pro{ background:#f6f6f6;}
.pro_inner{ padding:10px 0 70px 0;}
.pro_ul{ margin-left:-20px;}
.pro_ul li{ float:left; margin:20px 0 0 20px; width:285px; height:245px; overflow:hidden; position:relative;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #f3f3f3;}
.pro_ul li img{width:285px; height:245px; overflow:hidden;}
.pro_ul li .pro_tit{ position:absolute; left:0; height:34px; background:#fff; bottom:0px; transition:all 0.5s ease 0s; width:100%;}
.pro_tit span{ display:block; height:34px; line-height:34px; text-align:center; font-size:16px; color:#373d41; overflow:hidden; margin-top:-22px;transition:all 0.5s ease 0s; }
.pro_tit em{ height:37px; overflow:hidden; font-size:14px; color:#ff979e; line-height:18px; padding:0 19px; display:none;transition:all 0.5s ease 0s; }

.pro_ul li:hover .pro_tit{ bottom:0; height:90px; padding:11px 0 8px 0; box-sizing:border-box; background:#e41e2b;transition:all 0.5s ease 0s;}
.pro_ul li:hover span{ color:#fff; margin:0;transition:all 0.5s ease 0s; }
.pro_ul li:hover em{display:block;transition:all 0.5s ease 0s;  }


.pro_info h3{ height:40px; line-height:40px; background:#f6f6f6; border-left:3px solid #e41e2b; padding-left:20px; font-size:18px; color:#1b1b1b; font-weight:normal;}
.pro_info { padding-top:26px; overflow:hidden; }
.paster{ padding-top:25px;}
.paster_left{ float:left; padding:0 98px 28px 22px;}
.paster_left img{ width:166px; height:184px; overflow:hidden;}
.paster_right{ float:left; width:880px;}
.paster_right span{ display:block; overflow:hidden; margin-bottom:12px; height:36px; line-height:36px; font-size:18px; color:#e41e2b}
.paster_right em{ font-size:14px; height:30px; line-height:30px; overflow:hidden; display:block; color:#5c5c5c;text-indent:22px;}
.paster_div{ height:90px; overflow:hidden;}
.trait { padding:20px 0;}
.trait em{ font-size:14px; height:30px; line-height:30px; overflow:hidden; display:block; color:#5c5c5c; text-indent:22px;}

.pro_img{ padding:20px 0 50px 0; text-align:center;}
.pro_img img{ width:auto; height:auto; max-width:100%;}


.contact{ background:#f6f6f6 url(../image/contact.png) top center no-repeat;padding-bottom:80px;}
.contact_tit{ padding:50px 0 50px 0; text-align:center;}
.contact_tit h3{ font-weight:normal; height:46px; line-height:46px; overflow:hidden; font-size:24px; color:#e53741;}
.contact_tit em{ height:33px; line-height:33px; display:block; overflow:hidden; color:#5c5c5c; font-size:18px;}
.contact_tit span{ width:41px; height:3px; background:#e41e2b; display:block; margin:0 auto;}

.contact_div{ background:#fff; }
.contact_left{ float:left; width:600px; height:400px;}
.contact_left img{ width:auto; height:auto; max-width:100%;}
.contact_right{ width:538px; float:right; padding-top:20px;}
.contact_right h3{ height:82px; line-height:82px; overflow:hidden; font-size:24px; color:#e41e2b; font-weight:normal;}
.contact_right li{ height:30px; line-height:30px; overflow:hidden; margin-bottom:15px;}
.contact_right li em{ display:block; float:left; height:30px; width:30px;}
.contact_right li span{ display:block; float:left; width:350px; overflow:hidden; font-size:14px; color:#5c5c5c; margin-left:15px;}

.sale{ background:#f6f6f6;}

.sale_img{ padding:30px 0 20px 0; text-align:center; }
.sale_img img{ width:auto; height:auto; max-width:100%;}
.sale_word li{ padding-left:483px;height:26px; line-height:26px;}
.sale_word li em{ font-size:14px; color:#5b5b5b; margin-left:10px; display:inline-block;}
.sale_word li span.ash{ background:#5b5b5b;}
.sale_word li span.shallow{ background:#e4e4e3;}
.sale_word{ padding-bottom:40px;}


.join{background:#f6f6f6; padding-bottom:80px;}
.join_top{ padding:30px 0 0px 0px;}
.join_top h3{ background:url(../image/join.png) left top no-repeat; width:141px; height:148px; line-height:148px; text-align:center; margin:0 auto; font-size:24px; color:#fff; margin-bottom:8px;}
.join_top span{ display:block; background:url(../image/join1.png) center center no-repeat; height:86px; font-size:18px; color:#5c5c5c; line-height:86px; text-align:center; margin-bottom:14px;}
.join_center{ margin-bottom:30px;}
.join_ul{ width:677px; margin:0 auto; border:1px solid #eaeaea; height:38px; line-height:38px;}
.join_ul li{ float:left; width:25%; box-sizing:border-box; border-right:1px solid #eaeaea; text-align:center;}
.join_ul li a{ display:block; font-size:16px; color:#373d41;}
.join_ul li.on{ border-right:none;}
.join_ul li a.up{ background:#e41e2b; color:#fff;}
.importance{ background:#fff; padding:20px 30px 70px;}
.impor{ display:none; color:#5c5c5c; line-height:30px; font-size:14px;}

.join_bottom{ background:#fff; border:1px solid #eaeaea; border-bottom:none;}
.recu ul{ cursor:pointer;}
.pos dd li{ line-height:50px; color:#373d41; height:50px; font-size:18px;  position:relative; color:#666666; padding-left:20px;}
.pos dd {border-bottom:1px solid #eaeaea; margin-bottom:4px;}
.Requirement em{ font-size:14px; color:#333; font-weight:600;}
.Requirement{ color:#5c5c5c; line-height:30px; padding:20px 40px 30px; display:none; font-size:14px;
 }
.pos li .jia{ position:absolute; top:11px; right:20px; background:url(../image/add.png) left center no-repeat; width:29px; height:29px;}
.recu dd .act li{ color:#fff; background:#e41e2b;} 
.recu dd .act li .jia{ background:url(../image/add1.png) left center no-repeat;}



.brief{ background:#f8f8f8; padding-bottom:60px;}
.index_tit{ padding-top:53px; text-align:center;}
.index_tit h3{ font-weight:normal; font-size:24px; color:#3c3c3c; height:38px; line-height:38px;}
.index_tit span{ display:block; font-size:18px; height:28px; line-height:28px; color:#e41e2b}
.brief_word{ line-height:30px; font-size:14px; color:#373d41; padding:40px 90px 0; height:250px; box-sizing:border-box; overflow:hidden;}
.about_see{ display:block; width:148px; height:38px; background:#3c3c3c; border:1px solid #3c3c3c; font-size:14px; color:#fff; text-align:center; line-height:38px; margin:40px auto 0px;transition:all 0.5s ease 0s;}
.about_see:hover{ background:none; color:#3c3c3c; transition:all 0.5s ease 0s; padding:0 60px;}

.index_news{ background:url(../image/index.jpg) center top no-repeat; height:578px;}
.news_case .index_tit h3{ color:#fff;}

.news_center{ position:relative; margin-top:50px; height:250px;}
.news_scroll{ width:1080px; overflow:hidden; height:260px; position:absolute; left:50%; top:0; margin-left:-540px;}
.news_scroll li{ margin-right:20px; width:255px; float:left;}
.news_scroll li span{ display:block; width:255px; height:149px; overflow:hidden; margin-bottom:7px;}
.news_scroll li img{width:255px; height:149px; overflow:hidden; transition:all 1s ease 0s;}
.news_scroll li:hover img{ transform:scale(1.2,1.2)}
.news_scroll li em{ display:block; font-size:16px; height:40px; line-height:40px; overflow:hidden; color:#fff; text-align:center;transition:all 0.5s ease 0s;}
.news_scroll li p{ height:54px; overflow:hidden; line-height:25px; font-size:14px; color:#fff;transition:all 0.5s ease 0s;}
.news_scroll ul{ width:100000px;}
.bnt_left{ background:url(../image/news_left.png) left top no-repeat; width:36px; height:36px; display:block; position:absolute; left:0; top:56px;}
.bnt_right{ background:url(../image/news_right.png) left top no-repeat; width:36px; height:36px; display:block; position:absolute; right:0; top:56px;}
.bnt_left:hover{background:url(../image/news_left1.png) left top no-repeat;}
.bnt_right:hover{background:url(../image/news_right1.png) left top no-repeat;}
.news_more{ margin:50px auto 0; font-size:14px; display:block; background:#e41e2b; width:178px; height:48px; line-height:48px; text-align:center; color:#fff; border:1px solid #e41e2b; transition:all 0.5s ease 0s; }
.news_more:hover{ background:none; color:#e41e2b; transition:all 0.5s ease 0s;padding:0 60px;}

.pro_index{ background:#f8f8f8;}
.product_div{ margin-top:52px;  position:relative; text-align:center; padding:281px 0 60px 0;}
.pro_scroll{ position:absolute; top:0; left:50%; width:1200px; margin-left:-600px; height:250px;}
.pro_scroll ul{ width:10000px;}
.pro_scroll ul li{ float:left; margin-right:20px; width:285px; height:250px; overflow:hidden; position:relative;transition:all 0.5s ease 0s;}
.pro_scroll ul li:hover{box-shadow: 3px 3px 8px #e7e7e7; transition:all 0.5s ease 0s;-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px); transition:all 0.5s ease 0s;}
.pro_scroll ul li:hover em{ color:#e41e2b; transition:all 0.5s ease 0s;} 
.pro_scroll li span{ width:285px; height:250px; overflow:hidden;}
.pro_scroll li span img{width:285px; height:250px; overflow:hidden;}
.pro_scroll li em{ position:absolute; height:54px; line-height:54px; display:block; left:0; bottom:0; text-align:center; overflow:hidden; width:100%; font-size:14px; color:#373d41;}

.product_left{ background:url(../image/news_left.png) left top no-repeat; display:inline-block; width:36px; height:36px; margin:0 10px;}
.product_right{ background:url(../image/news_right.png) left top no-repeat; display:inline-block; width:36px; height:36px; margin:0 10px;}
.product_left:hover{ background:url(../image/news_left1.png) left top no-repeat;}
.product_right:hover{ background:url(../image/news_right1.png) left top no-repeat;}

.app{ background:url(../image/casebj.jpg) center top no-repeat; height:550px;}
.app_inner .index_tit h3{ color:#fff;}

.app_ul{ margin:53px 0 0 -12px;}
.app_ul li{ float:left; width:190px; height:300px; margin-left:12px; background:url(../image/appbj.png) left top; cursor:pointer; position:relative;}
.app_ul li .app_div{ position:absolute; left:0; top:54px; height:154px; overflow:hidden; transition:all 0.5s ease 0s;}
.app_ul li span{ text-align:center; width:100%; display:block; padding:50px 0 20px 0;}
.app_ul li em{ height:35px; line-height:35px; text-align:center; overflow:hidden; display:block; font-size:16px; color:#bababa;}
.app_ul li p{height:70px; overflow:hidden; padding:13px 20px 0; line-height:23px; color:#fff;}
.app_ul li a{ display:block; background:#e41e2b; width:68px; height:26px; line-height:26px; text-align:center; border:1px solid #e41e2b; color:#fff; font-size:14px; margin:15px auto 0;transition:all 0.5s ease 0s;}
.app_ul li a:hover{ background:none; color:#e41e2b; transition:all 0.5s ease 0s;}
.app_ul li:hover{ background:url(../image/appbj1.png) left top repeat-x;} 
.app_ul li:hover .app_div{ top:0; height:100%; transition:all 0.5s ease 0s;}

.strength{ background:#f8f8f8; padding-bottom:80px;}

.stren_ul{ margin:53px 0 0 -15px;}
.stren_ul li{ float:left; margin-left:15px; background:url(../image/js.jpg) left top no-repeat; width:390px; height:350px;transition:all 0.5s ease 0s;}
.stren_ul li h3{ padding:30px 0 22px 0; height:40px; line-height:40px; font-weight:normal; color:#fff;}
.stren_ul li h3 em{ width:250px; display:block; float:left; font-size:24px; padding-left:30px; overflow:hidden;}
.stren_ul li h3 a{ font-size:14px; color:#fff; float:right; padding-right:36px;transition:all 0.5s ease 0s;}
.stren_ul li h3 a:hover{ transform:translateX(-10px); transition:all 0.5s ease 0s;}
.stren_ul li span  { font-size:14px;  color:#fff; line-height:300px; display:block; height:300px; overflow:hidden; padding:0 30px;}
.stren_ul li.purple{background:url(../image/js2.jpg) left top no-repeat; }
.stren_ul li.blue{background:url(../image/js3.jpg) left top no-repeat; }
.stren_ul li:hover{ -webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px);	-webkit-box-shadow: 0px 0px 10px #e4e4e4;transition:all 0.5s ease 0s;}
.things{ background:#f6f6f6; padding:40px 0 70px 0;}
.things_inner{ background:#fff; margin:0px auto0px;padding:78px 0 60px 0;}

.goose_div{ position:relative;}

#timeline{width:1200px;  overflow:hidden; margin:0px auto 0;  }

#dates {position:absolute; left:0px;  top:0; height:54px; overflow:hidden;}

.goose_box{width:792px; height:120px; overflow:hidden; margin-top:7px; height:90px; background:url(../image/time_ul.png) center center repeat-x;  box-sizing:border-box; margin:0 auto; position:relative;}

#dates li{float:left; width:110px; height:46px; font-size:18px; font-family:"Arial"; }

#dates a{ display:block;font-size:18px; width:110px; height:47px; text-align:center;    color:#cfcfcf; line-height:47px;}

#dates .selected{ color:#e41e2b; background:url(../image/timeround.png) center bottom no-repeat;}


#issues{width:1200px; overflow:hidden; padding-top:30px;}

#issues li{width:1200px; float:left; position:relative; display:none;}
#issues li.active{ display:block;}


#prev{background:url(../image/time_left.png) left top no-repeat; width:40px; height:40px; position:absolute; left:165px; top:26px; cursor:pointer;   }

#next{background:url(../image/time_right.png) left top no-repeat;width:40px; height:40px;position:absolute; right:165px; top:26px; cursor:pointer;   }


.skd3 {
    width: 100%;
    display: table;
    background-size: 100%;
	
	}

.goose_time{ background:url(../image/timebj.png) left top; height:84px; position:absolute; left:0; bottom:0; z-index:999999; width:100%;}

.time_left{ float:left; width:870px;}
.time_left em{ display:block; float:left; margin:24px 18px 0 40px;}
.time_left span{ width:470px; overflow:hidden; display:block; float:left; height:84px; line-height:84px; color:#fff; font-size:18px;background:url(../image/timebj.png) left center no-repeat; padding-left:20px; box-sizing:border-box;}
.time_right{ float:right; background:url(../image/timebj.png) left center no-repeat; padding-left:38px; margin-right:25px; height:84px; line-height:84px; color:#fff; font-size:30px; font-weight:600;}
#issues dl{ height:65px; border:1px solid #e41e2b; margin-bottom:20px;}
#issues dt{ float:left; width:98px; line-height:65px; overflow:hidden; text-align:center; color:#fff; font-size:24px; background:#e41e2b;}
#issues dd{ float:left; width:570px; line-height:65px; overflow:hidden; font-size:16px; color:#5c5c5c; padding-left:30px; box-sizing:border-box;}
.issues_dl{ width:698px; margin:0 auto;}


.flex-control-nav { width:100%; text-align:center; bottom:25px; z-index:999999; position:absolute; left:0;}
.flex-control-nav li{margin:0px 5px; cursor:pointer; display:inline-block; *display:block;*zoom:1;}
.flex-control-nav li a {background:url(../image/indexbj.png) left top; width: 40px; height: 4px;display: block; font-size: 0; }
.flex-control-nav li a.flex-active{ background:#fff;}
.flexslider {position: relative; width:100%; overflow: hidden; height:auto; margin:0 auto;}
.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;}

.banner{ width:1200px; position:absolute; left:50%; top:0;  z-index:9999999; margin-left:-600px; text-align:center;}
.banner_pic1{ padding-top:158px;}
.banner_pic2{ padding:4px 0 58px 0;}
.banner_pic4{ padding-top:230px;}
.banner_pic5{ padding:15px 0;}
.banner_pic6{ padding:0 0 15px 0;}
.banner_pic8{padding:15px 0;}
.banner_pic10{ padding-top:213px;}
.banner_pic11{ padding:40px 0 15px 0;}
.banner_pic12{ padding:0px 0 15px 0;}

.flex-active-slide .banner_pic1{-webkit-animation:fadeInUp 0.8s linear 0.2s both; animation:fadeInUp 0.8s ease 0.2s both;}
.flex-active-slide .banner_pic2{-webkit-animation:fadeInUp 0.8s linear 0.4s both; animation:fadeInUp 0.8s ease 0.4s both;}
.flex-active-slide .banner_pic3{-webkit-animation:fadeInUp 0.8s linear 0.6s both; animation:fadeInUp 0.8s ease 0.6s both;}

.flex-active-slide .banner_pic4{-webkit-animation:fadeInUp 0.8s linear 0.2s both; animation:fadeInUp 0.8s ease 0.2s both;}
.flex-active-slide .banner_pic5{-webkit-animation:fadeInUp 0.8s linear 0.4s both; animation:fadeInUp 0.8s ease 0.4s both;}
.flex-active-slide .banner_pic6{-webkit-animation:fadeInUp 0.8s linear 0.6s both; animation:fadeInUp 0.8s ease 0.6s both;}
.flex-active-slide .banner_pic7{-webkit-animation:fadeInUp 0.8s linear 0.8s both; animation:fadeInUp 0.8s ease 0.8s both;}
.flex-active-slide .banner_pic8{-webkit-animation:fadeInUp 0.8s linear 1s both; animation:fadeInUp 0.8s ease 1s both;}
.flex-active-slide .banner_pic9{-webkit-animation:fadeInUp 0.8s linear 1.2s both; animation:fadeInUp 0.8s ease 1.2s both;}

.flex-active-slide .banner_pic10{-webkit-animation:fadeInUp 0.8s linear 0.2s both; animation:fadeInUp 0.8s ease 0.2s both;}
.flex-active-slide .banner_pic11{-webkit-animation:fadeInUp 0.8s linear 0.4s both; animation:fadeInUp 0.8s ease 0.4s both;}
.flex-active-slide .banner_pic12{-webkit-animation:fadeInUp 0.8s linear 0.6s both; animation:fadeInUp 0.8s ease 0.6s both;}
.flex-active-slide .banner_pic13{-webkit-animation:fadeInUp 0.8s linear 0.8s both; animation:fadeInUp 0.8s ease 0.8s both;}



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


.phnav{ background:url(../image/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:18px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#e41e2b; left:0; top:59px;  z-index:9999999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center;}


.foot_recu{ padding:0px 0 0px 0px; display:none;}
.foot_recu ul{ cursor:pointer;}
.foot_pos dd li{ line-height:42px; color:#333; height:42px;padding-left:20px; font-size:14px;  position:relative;background:#303030; color:#fff; border-bottom:1px solid #616161;}
.foot_con p,.foot_con a{ display:block; height:38px; line-height:38px; background:#dcdcdc; border-bottom:1px solid #bcbcbc; text-indent:20px;}
.foot_con { display:none;}
.foot_pos li .jia{ position:absolute; top:17px; right:10px; background:url(../image/shang.png) left center no-repeat; width:18px; height:9px;}
.foot_recu dd .act li{ color:#fff;} 
.foot_recu dd .act li .jia{position:absolute; top:17px; right:10px; background:url(../image/xia.png) left center no-repeat; width:18px; height:9px;}
.fllow { text-align:center;}
.foot_con .official span{ color:#333; text-align:center;}
.foot_con .official{ float:none; display:inline-block; padding-bottom:10px; margin:0 10px;}



.begin .banner_pic10{ padding-top:150px;}
.begin .banner_pic1{ padding-top:120px;}
.begin .banner_pic2{ padding-bottom:22px;}
.begin .banner_pic4{ padding-top:160px;}

.all .banner_pic10{ padding-top:150px;}
.all .banner_pic1{ padding-top:120px;}
.all .banner_pic2{ padding-bottom:22px;}
.all .banner_pic4{ padding-top:160px;}

.start .banner_pic10{ padding-top:107px;}
.start .banner_pic1{ padding-top:80px;}
.start .banner_pic2{ padding-bottom:22px;}
.start .banner_pic4{ padding-top:100px;}

.phone{ display:none;}





.things_phone{ display:none;}

.flex-direction-nav{ display:none;}

.field_inner tr{ height:30px!important; line-height:30px!important; text-align:center!important; font-size:14px!important;}
.field_inner table{ width:100%!important; }
.field_inner td{padding:10px; border:1px solid #ddd;}




/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}
/*在线反馈*/
#feedback{ padding:15px;}
#feedback table{ margin:0px auto;}


.tool{width:95%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:14px}
.tool table{ width:100%; margin:5px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}