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%; }
li{ list-style:none;}
em,i{ font-style: normal; }
.box{ width: 1200px; margin: 0 auto }
/* head */
.head{ position:absolute; ; left: 0; top: 0; width: 100%; z-index: 999 }
.head_top{ width: 100%;background: url(../images/bj2.png) right center repeat;  height: 42px; border-bottom: 1px solid #dfe1e8; }
.business{ float: left; height: 42px; line-height: 42px; font-size: 16px; }
.business img{ padding: 0 8px 0 16px; }
.what{ float: right;height: 42px; line-height: 42px; cursor: pointer; position: relative; }
.wx_img{ position: absolute; left: -58px; top: 43px; display: block; z-index: 99999; display: none; }
.what:hover .wx_img{ display: block; }
.head_bottom{ width: 100%;background: url(../images/bj1.png) right center repeat; }
h1{ float: left; line-height: 88px; }
.nav{ float: right; }
.nav li{ float: left; margin: 0 0 0 38px; }
.nav li a{ display: block; font-size: 16px; height: 88px; line-height: 88px; position: relative; }
.nav li a:after{ content: ""; position: relative;  display: block;
    width: 0;
    height: 2px;
    background: #feee35;
    transition: all 0.5s ease 0s;
    position: absolute;
    left: 0px; bottom: 0px;
    }
.nav li a:hover:after{ width: 100%;transition: all 0.5s ease 0s; }
.nav_hover{ position: relative; }
.nav_img{ position: absolute; left: -50px; top: 87px; display: none; }
.nav_hover:hover .nav_img{ display: block; }

.law{ padding: 30px 0; }



/* foot */
.foot{ background: #080808; padding: 30px 0; overflow: hidden; clear: both; }
.foot_right{ float: right; color: #858383; font-size: 14px; }
.foot_left{ float: left; }
.foot_ul{ height: 30px; overflow: hidden; }
.foot_ul li{ float: left; }
.foot_ul li a{ display: block; height: 30px; line-height: 30px; font-size: 14px; color: #858383; padding: 0 10px; background: url(../images/foot1.jpg) right center no-repeat; }
.foot_ul li:nth-last-child(1) a{ background: none; }
.foot_add{ height:28px; line-height: 28px; overflow: hidden; font-size: 14px; color: #858383; }
.foot_add a{font-size: 14px; color: #858383; }


.company{background: url(../images/indexbj1.jpg) center top no-repeat; height: 612px;}
.pany_h3{ height: 50px; line-height: 50px; overflow: hidden; font-size: 30px; font-weight: bold; }
.pany_i{ text-transform: uppercase; font-size: 34px; color: #efefef; font-family: 'Arial' }
.pany_line{ display: block; width:55px; height: 2px; background:#feee35;  }
.pany_tit{ padding: 73px 0 26px 0; }
.pany_left{ float: left;width: 647px;  }
.pany_right{ float: right; }
.pany_zi{ height:250px; overflow: hidden; }
.pany_img{ display: block; padding:22px 40px 0 248px;  }


.bus{background: url(../images/indexbj2.jpg) center top no-repeat; height: 737px;}
.index_tit{ text-align: center; padding:62px 0 0 0;  }
.index_h3{ display: block; font-size:30px; font-weight: bold; height: 45px;line-height: 45px;  }
.index_line{ display: block; margin: 0 auto; width:54px; height: 2px; background: #feee35;  }
.index_txt{ display: block; text-transform: uppercase; font-size: 34px; font-weight: bold; color: #a8a8a8; height: 42px; line-height: 42px; }
.bus_img{ text-align: center; padding: 48px 0 70px 0; }
.bus_ul li{ width: 25%; float: left; padding: 0 5px; box-sizing: border-box; }
.bus_pic{ display: block; height:56px;transition: all 0.5s ease 0s; line-height: 56px; text-align: center;  }
.bus_tit{ display: block; height:28px;line-height: 28px; text-align: center; font-size:18px;transition: all 0.5s ease 0s;   }
.bus_ul li:hover .bus_tit{ color: #feee35; transition: all 0.5s ease 0s; }
.bus_ul li:hover .bus_pic{ transition: all 0.5s ease 0s; transform: translateY(-20px); }





.customer{background: url(../images/indexbj3.jpg) center top no-repeat; height: 846px;}
.tomer_ul{ margin:20px 0 0 -20px;  }
.tomer_ul li{ margin: 0 0 19px 19px; float: left; border: 1px solid #e2e2e2; width: 284px; height: 113px; overflow: hidden; }
.tomer_see{ font-size: 18px; color: #adacac;transition: all 0.5s ease 0s; text-align: center; height:38px; line-height: 38px; width:120px; display: block; margin: 26px auto 0;   }
.tomer_see:hover{ transition: all 0.5s ease 0s; font-weight: bold; }
.stories{background: url(../images/indexbj4.jpg) center top no-repeat; height: 816px;}
.sto_h3{ color: #fff; }
.tomer_ul li img{ transition: all 1s ease 0s;width: 284px; height: 113px; overflow: hidden;}
.tomer_ul li:hover{ border: 1px solid #feee35; transition: all 0.5s ease 0s; }
.tomer_ul li:hover img{ transform: scale(1.2); transition: all 1s ease 0s; }
.stor_left{ float: left; border: 7px solid #ffffff; width:327px; height: 446px;  }
.stor_right{ float: right; width: 784px; }
.stor_dl dt{ height: 26px; line-height: 26px; overflow: hidden; font-size: 18px; color: #feee35;background: url(../images/index3.png) left center no-repeat; padding-left: 32px; }
.stor_dl dd{ font-size: 18px;padding-left: 32px;  color: #fff; line-height: 36px; height: 72px; overflow: hidden; }
.stor_dl{ margin-bottom: 15px; }
.stories_inner{ margin-top: 48px; position: relative; }
.swiper-button-next, .swiper-button-prev{ display: none!important; }
.swiper-pagination{ text-align: center!important; left: 0!important; bottom:-78px!important; width: 100%!important  }
.swiper-pagination-bullet{ width:59px!important; margin: 0 3px!important; height: 4px!important; opacity: 1!important; background: #ffffff!important; border-radius: 0!important;  }
.swiper-pagination-bullet-active{ background: #feee35!important }


.phone_banner{ display:none;}
.flex-direction-nav{ display: none; }
.flexslider {width: 100%;height:auto; margin:0 auto; overflow:hidden; box-sizing: border-box; position: relative; }
.slides li .banner_img{ width:100%; height:auto;}
.slides li { position:relative; width:100%; height:auto;}
.slides {width:100%; height:auto;}
.flex-control-nav { width: 100%; text-align: center; position: absolute; left: 0; bottom: 30px; z-index: 99999; }
.flex-control-nav li{ display: inline-block; margin:0 5px;  }
.flex-control-nav li a{ display: block; height:14px; width:14px; background:  url(../images/bannertab.png) center center no-repeat; font-size: 0;   }
.flex-control-nav li a.flex-active{ background:  url(../images/bannertab1.png) center center no-repeat; }


.style{background: url(../images/indexbj5.jpg) center top no-repeat; height: 852px;}
.style_dl{ float: left; margin: 0 0 0 10px; background: #f1f1f1; padding: 17px; box-sizing:border-box; width:594px; height: 380px;  }
.style_dl dt{ float: left; width:232px; height: 347px; overflow: hidden;  }
.style_dl dt img{width:232px; height: 347px; overflow: hidden; }
.style_dl dd{ float: right; width: 290px; }
.style_tit{ display: block; height: 58px; line-height: 58px; overflow: hidden; font-size:24px; font-weight: bold; color: #000000 }
.style_ceo{ height:130px; overflow: hidden; margin-bottom: 12px;  }
.ceo_i{ line-height: 24px; display: block; font-size: 16px; color: #000000 }
.style_zi{ height:130px; overflow: hidden; line-height:24px; font-size: 16px; color: #666666   }
.style_top{ margin:0 0 10px -10px; }

.style_ul{ margin:0px 0 0 -10px;  }
.style_ul li{ float: left; margin: 0 0 0 10px; width: 292px; height: 198px; overflow: hidden; }
.style_ul li img{ width: 292px; height: 198px; overflow: hidden;}

.infor{background: url(../images/indexbj6.jpg) center top no-repeat; height: 735px;}
.infor_h3{ color: #fff; }
.infor_i{ color: #5c5c5f }

.infor_right{ float: right; width: 750px; height: 288px; overflow: hidden; }
.infor_left{ float: left; width: 420px; }
.infor_i{ font-size: 18px; height:48px; line-height: 48px; overflow: hidden; color: #fff; display: block;  }

.online{background: url(../images/indexbj7.jpg) center top no-repeat; height: 664px;}
.online_inner{ padding-top: 120px; }
.online_left{ float: left; width: 538px; height: 424px; overflow: hidden; }
.online_right{ float: right; width: 606px; }
.online_tit{ padding:0 0 30px 0;  }
.line_txt{ display: block; height: 40px; line-height: 40px; font-size: 14px; color: #878787; border: none; width: 100% }
.online_div{ border-bottom: 1px solid #d8d8d8; margin-bottom: 12px; }
.yz_txt{ float: left; width: 60% }
.online_yz{ float: right; display: block; height: 40px;line-height: 40px; }
.online_area{ resize: none;display: block; height: 114px; line-height: 24px; font-size: 14px; color: #878787; border: none; width: 100%  }
.online_sub{ display: block; width:120px; transition: all 0.5s ease 0s; margin-top: 20px; height: 40px; line-height: 40px; background: #feee35; border: 1px solid #feee35; text-align: center; font-size:16px;   }
.online_sub:hover{ background: none;  transition: all 0.5s ease 0s; }
.catalog{ border-bottom: 1px solid #ececec; height:42px; padding-top: 50px;  }
.catalog_ul li{ float: left; margin-right: 42px; }
.catalog_ul li a{ display: block; height: 41px; line-height: 41px; font-size:18px; color: #666666;transition: all 0.5s ease 0s; padding: 0 16px;  }
.catalog_ul li.on a{ color: #333; font-weight: bold; border-bottom: 2px solid #feee35; transition: all 0.5s ease 0s; }
.bus_box{ padding:70px 0;  }
.frame_left{ float: left; width: 604px; }
.frame_left img{ width: auto; height: auto; max-width: 100% }
.frame_right{ float: right; width: 536px; padding-top: 34px; }
.frame_tit{ font-size: 24px; font-weight: bold; width: 120px; display: block; float: left;height: 50px; overflow: hidden; line-height: 50px; }
.frame_div{ height: 50px; overflow: hidden; line-height: 50px; }
.frame_zi{ display: block; float: left; font-size: 24px;height: 50px; overflow: hidden; line-height: 50px; }
.frame_he{ float: none; }
.frame_word{ height:48px; line-height: 48px; overflow: hidden; font-size: 24px; display: block; padding-left: 50px;  }
.frame_dui .frame_tit{ float: none; }

.programme{ text-align: center; margin-bottom: 30px; }
.programme img{ width: auto; height: auto; max-width: 100% }
.gramme{ padding-left:70px; font-size: 24px;  }
.gramme_i{ font-weight: bold; }

.per_left{ float: left; width: 440px; }
.per_h3{ font-size: 30px; font-weight: bold; height: 50px; line-height: 50px; text-align: center; margin-bottom: 70px; }
.per_pic{height: 310px; line-height: 310px; width: 100%; border-right: 1px solid #f5cc28; text-align: center;}

.per_right{ float: right; width: 618px; }
.per_tit{ font-size: 22px; font-weight: bold; height:56px; line-height: 56px;  }
.per_div{ height:50px; line-height: 50px; font-size: 18px;  }
.per_div .per_i{ font-size: 18px; font-weight: bold; padding-right: 24px; }

.tech{background: url(../images/nessbj.jpg) 112px 95px no-repeat; position: relative; height: 400px; }
.tech_inner{ position: absolute; left: 0; top: 0; }
.tech_tit{background: url(../images/ness1.png) center center no-repeat; margin-bottom: 20px; width: 114px; height: 132px; text-align: center; }
.num_i{ display: block; font-size:36px; font-weight: bold; height:40px; line-height: 40px; padding-top: 26px; overflow: hidden;   }
.num_tit{ display: block; height:34px; line-height: 34px; overflow: hidden; font-size:20px; font-weight: bold;   }
.tech_i{ height: 30px; line-height: 30px; overflow: hidden; display: block;background: url(../images/ness2.png) left center no-repeat; padding-left: 16px; font-size: 18px; }
.tech1{ position: absolute; left: 0; top: 0px; }
.tech2{ position: absolute; left: 264px; top: 105px; }
.tech3{ position: absolute; left: 504px; top: 0px; }
.tech4{ position: absolute; left: 777px; top: 105px; }
.tech5{ position: absolute; left: 1008px; top: 0px; }
.tech_word4{ margin-left: -70px; }
.tech_word3{ margin-left: -40px; }
.bus_box{ display: none; }

.link{ padding: 30px 0; }

.style_ul a,.style_dl a{ cursor: inherit; }

.infor .pany_tit{ padding-top: 120px; }