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,'SimHei'; 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: 1340px; margin: 0 auto }

.trait_box  li {list-style:unset !important }
/* head */
.head{background: url(../images/headbj.png) left top; z-index: 99; width: 100%; padding: 0 60px; box-sizing: border-box; position: fixed; left: 0; top: 0; height:100px; }
h1{ float: left; line-height:100px;  }
.nav_ul{ float: left; margin: 0 0 0 15px; }
.nav_ul li{ float: left; margin-left: 24px; position: relative;}
.nav_ul li a{ display: block; font-size: 18px;  height: 100px; line-height: 100px; width: 90px; text-align: center; }
.search{ float: right; padding-top: 35px;  }
.search_form{ border: 1px solid #b3b8c6; height:28px; width:198px; border-radius: 8px;   }
.search_txt{ display: block; float: left; background: none; border: none;  height: 28px; line-height: 28px; padding:0 10px; font-size: 14px; color: #cfd1d5; width: 148px; border-radius: 8px; box-sizing: border-box;  }
.sub_search{ display: block; float: right; width: 50px; cursor: pointer; border: none; height: 28px; background: url(../images/search.png) left top no-repeat;}
.nav_ul li:after{content: "";clear: both; position: absolute; left: 0; top: 0; z-index: 9; height: 0;display: block;width: 0; height: 3px; background: #003a8f;transition: all 0.5s ease 0s;} 
.nav_ul li:hover:after { width: 100%; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color: #003a8f;  }

.nav_ul li .subnav{width:130px;  position:absolute; left:50%; top:100px; z-index:9999999; background:url(../images/togbj.png) left top repeat;  color:#fff; text-align:center;  margin-left:-65px;
 display:none;}
.nav_ul li .subnav a{ height:43px; margin: 0; width: 100%; border-bottom: 1px solid #405c8b; font-size: 14px; color: #fff; line-height:43px; text-align:center; overflow:hidden; }
.nav_ul li .subnav a:hover{ border-bottom: 1px solid #b20c23; color:#fff;background:none;}
.togli{ padding:0 10px; transition: all 0.5s ease 0s; }
.nav_ul li .subnav .togli:nth-last-child(1) a{ border: none; }
.nav_ul li .subnav .togli:hover{ background: #b20c23; transition: all 0.5s ease 0s; }


/* foot */
.foot{  background: #2e5ea3; overflow: hidden; }
.foot_inner{ padding: 0 60px; }
.foot_ul{ padding:38px 0 0 0;  }
.foot_ul li{ float: left; width:14.28%;  }
.foot_em{ display: block; font-size: 18px; height:60px; line-height: 60px; overflow: hidden; color: #fff;  }
.foot_ul li a{ display: block; color: #b7c7df; transition: all 0.5s ease 0s; font-size:13px; line-height: 20px; margin-bottom:10px;  }
.foot_ul li a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.hot{ float: left; width:518px; padding: 36px 40px 43px; height: 388px; box-sizing: border-box; background: url(../images/foot4.png) left bottom no-repeat;  }
.foot_ul { width: 922px; float: left; }
.foot_ul li:nth-child(4) a{ padding-right: 15px; }
.hot_i{ font-size: 32px; color: #fff; height:40px; line-height: 40px; display: block;  margin-bottom: 20px; }
.foot_dl dt{ font-size: 18px; height:38px; line-height: 38px; color: #fff; }
.foot_dl dd{ font-size: 14px; height:32px; line-height: 32px; color: #d0d7e6; }
.foot_dl { margin-bottom: 16px; }
.foot_hot .foot_dl{ display: inline-block; margin-right:20px;  }
.what{ float: left; background: url(../images/foot4.png) left bottom no-repeat; height: 388px; padding-top: 60px; width: 202px; padding-left: 40px; box-sizing: border-box;  }
.foot_sel{    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; width: 160px; padding-left: 10px; box-sizing: border-box; height: 30px; border-radius: 8px; border: none; font-size: 14px; color: #cdd7e7;background:#6d8fbf url(../images/foot2.png) right top no-repeat; }

.wx_img{ position: absolute; display: none; left: 4px; bottom: 40px; }
.wechat{ padding-top: 180px; text-align: center; margin-bottom: 40px; }
.wechat a{ margin: 0 8px; display: inline-block; position: relative; }
/* .wechat a:nth-child(1){background: url(../images/footimg1.png) center center no-repeat; width: 30px; height: 30px; }
 */.wechat a:nth-child(1){background: url(../images/footimg2.png) center center no-repeat; width: 30px; height: 30px; }
.wechat a:nth-child(2){background: url(../images/footimg3.png) center center no-repeat; width: 30px; height: 30px; }
.wb_img{ left: -20px; }
.dy_img{ left: -67px; }
.wechat a:hover .wx_img{ display: block; }
.foot_bottom{ border-top: 1px solid #436eac; overflow: hidden; height: 55px;line-height: 55px; overflow: hidden; }
.add_left{ float: left; font-size: 14px; color: #6588bb }
.add_right{ float: right; font-size: 14px; color: #6588bb}
.foot_bottom a{font-size: 14px; color: #6588bb; transition: all 0.5s ease 0s; }
.foot_bottom a:hover{ color: #fff; transition: all 0.5s ease 0s; }
.wechat a:nth-child(1) .wx_img{ display: block; }
.wx_img img{ width: 108px; height: 108px; overflow: hidden; }

.banner_inner{ position: relative; }
.catalog{ position: absolute; left: 0; bottom: 20px; width: 100% }
.cata_h3{ display: block; font-size: 38px; height:56px; line-height: 56px; overflow: hidden; color: #fff;  }
.cata_i{ color:#fff; text-transform: uppercase; display: block; height: 34px; line-height: 34px; overflow: hidden; font-size: 16px; margin-bottom: 20px; }
.cata_line{ display: none; height:53px; width: 32px; background: url(../images/cata1.png) left top no-repeat;  }
.cata_tit{ float: left; }
.site{ float: right; padding-top: 128px; text-align: right; background: url(../images/cata2.png) left 131px no-repeat; padding-left: 20px; }
.site a{ color: #fff; padding: 0 16px 0 5px; font-size: 14px;background: url(../images/cata3.png) right center no-repeat;  }
.site a:nth-last-child(1){ background: none; color: #0d4da9 }
.column{ width: 100%; border-bottom: 1px solid #dfdfdf; margin-bottom: 42px; height: 70px; overflow: hidden; }
.column_ul li{ width: 25%; float: left; }
.column_ul li a{ display:block; height: 70px;transition: all 0.5s ease 0s; line-height: 70px; text-align: center; font-size: 18px;background: url(../images/colline.jpg) right center no-repeat;  }
.column_ul li a:hover,.column_ul li a.for{ background: #0d4da9; color: #fff; transition: all 0.5s ease 0s; }
.about{ padding:0px 0 0 0;background: url(../images/aboutbj.jpg) center 611px no-repeat;   }
.about_tit{ display: block; height: 96px; line-height: 96px; text-align: center; font-size: 32px;background: url(../images/abouttit.png) center center no-repeat;  }
.ltd_tit{ display: block; height:40px; line-height: 40px; font-size: 28px; text-align: center;  }
.ltd_words{ display: block; margin-bottom: 20px; height:30px; line-height: 30px; text-align: center; text-transform: uppercase; font-size:16px; color: #999999;   }
.ltd_div{ padding: 0 140px 60px; line-height: 32px; font-size: 16px; color: #666666; text-align: center; }

.exp_ul{ padding: 0 70px; }
.exp_ul li{ float: left; position: relative; width: 25%;background: url(../images/aboutline.png) right center no-repeat; }
.exp_ul li:nth-last-child(1){ background: none }
.exp_i{ display: block; text-align: center; font-size:22px; height:50px; line-height: 50px; overflow: hidden;   }
.counter{ display: block; text-align: center; font-size: 90px; color:#d7000f; }
.exp_ul li sup{ font-size: 20px;color:#d7000f; position: absolute; right: 33px; top:13px;  }
.exp_ul li:nth-child(3) sup{ right: 80px; }
.exp_ul li:nth-child(2) sup{ right: 102px; }
.exp_ul li:nth-child(1) sup{ right: 80px; }
.aboutimg { padding:30px 0 130px 0; text-align: center; }
.aboutimg img{ width: auto; height: auto; max-width: 100% }
.culture_dl{ margin-bottom:40px;  }
.culture_dl dt{ float: left; width: 668px; height: 320px; overflow: hidden; }
.culture_dl dt img{width: 668px; height: 320px; overflow: hidden;}
.culture_dl dd{ float: left; width:672px; height: 320px; background:url(../images/curr4.jpg) right center no-repeat;    }
.cul_tit{ display: block; height:44px; line-height: 44px; padding-top: 122px; overflow: hidden; font-size:26px; padding-left:42px;    }
.cul_words{ display: block; height:30px; line-height: 30px; overflow: hidden; text-transform: uppercase; font-size:16px; padding-left:42px;    }
.culture_dl:nth-child(even) dt{ float: right; }
.culture{ padding-bottom: 50px; }
.culture_ul{ box-sizing: border-box; width: 100% }
.culture_ul li{ float: left; margin: 40px 0 22px 40px; width:285px;  }
.cul_img{ width: 283px; margin-bottom: 20px; height: 188px; overflow: hidden; display: block; border: 1px solid #dfdfdf }
.cul_img img{width: 283px; height: 188px; overflow: hidden;}
.honor_line{ display: block; width:30px; height: 4px; background: #cbcbcb  }
.honor_tit{ display: block; width: 100%; height:52px; line-height: 52px; font-size: 16px; overflow: hidden;  }
.pos ul.scb{  cursor: pointer; height: 120px; padding: 0 40px; width: 100%; box-sizing: border-box; }
.ture_tit{ background:url(../images/honor1.png) right center no-repeat; width: 94px;height: 120px; display: block;  font-size: 18px; color: #d7000f; text-align: center; }
.honor_name{ display: block; line-height: 20px; height: 20px; overflow: hidden; text-align: center; }
.honor_name:nth-child(1){ padding-top: 38px; }
.pos ul.scb li{background:url(../images/honor4.png) right center no-repeat; }
.pos ul.act li{background:url(../images/honor3.png) right center no-repeat; }
.pos ul.act {background:url(../images/honor6.jpg) right center no-repeat; }
.pos ul.act .ture_tit{background:url(../images/honor2.png) right center no-repeat; color: #fff; }
.pos dd{ border: 1px solid #dfdfdf; box-sizing: border-box; margin-bottom: 30px; } 
.Requirement{ display: none; }

.news_ul{ margin:0 0 0 -25px;  }
.news_ul li{ float: left; background: #f8f8f8; margin: 0 0 44px 25px; padding: 19px 29px 0; box-sizing: border-box; width: 428px; height:428px; border: 1px solid #dfdfdf; border-radius: 5px;  }
.news_time{ height:55px; line-height: 55px; padding:0px 0 0 26px; background:url(../images/news1.png) left center no-repeat;display: block; font-size: 14px;   }
.news_img{ display: block; overflow: hidden; height:140px; width: 370px; margin-bottom: 25px; }
.news_img img{ overflow: hidden; transition: all 1s ease 0s; height:140px; width: 370px;}
.news_tit{ height: 60px; line-height: 30px; overflow: hidden; font-size:20px;  }
.news_words{ height:40px; line-height: 40px; margin-bottom: 15px; overflow: hidden; font-size: 14px; color: #666666  }
.news_see{ display: block; width:368px; height: 38px; line-height: 38px; border-radius: 5px; border: 1px solid #bebebe;background:url(../images/news3.png) 324px center no-repeat; text-indent: 20px; font-size: 14px;  }
.news_ul li:hover{ box-shadow: 0 0 15px #e8ecf2; border: 1px solid #fff; background: #fff; }
.news_ul li:hover .news_see{ background: #0d4da9 url(../images/news2.png) 324px center no-repeat; border: 1px solid #0d4da9; color: #fff;}
.news_ul li:hover .news_img img{ transform: scale(1.1); transition: all 1s ease 0s; }
.rel{ text-align: center; padding: 0px 0 10px 0; margin-bottom: 30px; }
.rel_tit{ height:74px; line-height: 74px; font-size: 30px;  }
.rel_time{ display: block; height:55px; line-height: 55px; overflow: hidden; font-size: 16px; color: #666666;  }
.news_piece{ border-top: 1px dotted #dddddd; padding: 40px 0; }
.end{ display: block; float: right;  color: #fff; font-size: 14px; text-indent: 52px; background: #0d4da9 url(../images/end.png) 26px center no-repeat; width:136px; height: 44px; line-height: 44px; border-radius: 5px;  }
.piece{ float: left; }
.piece a{ display: block; transition: all 0.5s ease 0s; height:32px; line-height: 32px; overflow: hidden; font-size: 14px; color: #666666  }
.piece a:hover{  color: #0062a6; transition: all 0.5s ease 0s;}

.case{ padding: 0px 0 50px 0; }
.case_ul{ margin: 30px 0 0 -60px; }
.case_ul li{ float: left; margin: 0 0 60px 60px; width:640px;  }
.case_img{ width: 640px; height: 265px; overflow: hidden; display: block; }
.case_img img{ width: 640px; transition: all 1s ease 0s; height: 265px; overflow: hidden;}
.case_div{ width:600px; transition: all 0.5s ease 0s;  padding:20px 0 0 40px; box-sizing: border-box; height: 120px; position: relative; z-index: 999; background: #f4f4f4 url(../images/case_see1.png) 516px center no-repeat; margin: -40px auto 0;  }
.case_tit{ display: block; transition: all 0.5s ease 0s;  font-size:24px; width: 435px;  box-sizing: border-box; height: 80px; line-height: 40px; border-right: 1px solid #afafaf; padding-right: 42px; }
.case_ul li:hover .case_div{ transition: all 0.5s ease 0s;  background: #0d4da9 url(../images/case_see11.png) 516px center no-repeat; }
.case_ul li:hover .case_tit{ color: #fff; transition: all 0.5s ease 0s; }
.case_info{ padding: 40px 0 }
.case_ul li:hover .case_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
/* join */
.join_pos dt{ height:70px;  padding:0 44px; line-height:70px; background:url(../images/join1.jpg) center top no-repeat; font-size:18px;  color:#fff; }
.join_pos dt span{ width:20%; float:left; display:block; text-indent: 52px;}
.join_pos dt span:nth-child(2){ width:20%;}
.join ul{ cursor:pointer; background:#ffffff; border-bottom: 1px solid #dddddd; height:56px; line-height:56px;}
.join_pos dd li{width:20%; float:left; display:block;  text-indent: 52px;color:#474747; font-size: 16px;}
.join_Requirement{background:#f8f8f8 url(../images/joinbj.jpg) right bottom no-repeat; display: none; line-height: 40px; font-size:16px; color: #474747;  padding: 12px 42px 42px; box-sizing: border-box; }
.pos_em{ display: block; font-size:22px; color: #474747; line-height:56px; padding-top: 30px;   }
.join_pos dd li:nth-child(2){ width:20%;}
.tion{ padding-bottom: 100px; }
.join_h3{ text-align: center; font-size:34px; margin-bottom: 40px; height:52px; line-height: 52px; overflow: hidden; padding-top:50px;    }
.join_words{ line-height:30px; font-size:16px; color: #666666; text-align: center;   }
.join_box{ width: 1340px; margin: 0 auto }

.join_pos dd{ padding:0 44px;  }
.join ul.act{ border: none; }
.tion{background:url(../images/join.jpg) center top no-repeat; padding-top: 140px;}
.ideal{ background: #fff; }
.ideal_div{ padding: 0px 46px 50px; }
.ideal_div .about_tit{ padding-top: 20px; }


.cont_map{}
.cont_map img{ width: auto; height: auto; max-width: 100% }
.cont_left{ width:370px; float: left;  }
.address_tit{ font-size: 20px; height:38px; line-height: 38px; display: block; overflow: hidden;  }
.ress_i{ display: block; height:30px; line-height: 30px; overflow: hidden; font-size: 16px;  }
.resscont{ display: block; height:34px; line-height: 34px; overflow: hidden; font-size: 14px; color: #8f8f8f  }
.cont_ul li{ padding: 10px 0; border-bottom: 1px solid #eeeeee }
.cont_ul li .ress_img{ margin-right: 10px; display: inline-block; }
.ress_dl{ float: left; width: 145px; margin:0 18px 20px 0; }
.ress_dl dt{ float: left; width: 108px; height: 108px; border: 1px solid #dfdfdf; box-sizing: border-box; }
.ress_dl dt img{ width: auto; height: auto; max-width: 100% }
.ress_dl dd{ float: left; width:34px; text-align:center; padding-top: 15px;  }
.ress_dl dd .ress_sao{ font-size: 14px; display: block; line-height: 16px; }
.cont_right{ float: right; width:912px;  }
.ress_div{padding-top: 20px;}
.thank_tit{ height:46px; line-height: 46px; margin-bottom: 22px; display: block; overflow: hidden; font-size:30px;   }
.tit_color{ color: #999999 }
.thank_div{ line-height: 32px; color: #666666; font-size: 16px; margin-bottom: 10px; }
.thank_em{ display: block; height:54px; line-height: 54px; font-size: 16px; color: #666;  }
.thank_txt{ background: #f2f3f5; box-sizing: border-box; border: 1px solid #f2f3f5; border-radius: 5px; width:500px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 14px;  }
.thank_xing{ font-size: 14px; color: #999999; padding-left: 15px; }
.thank_he{ float: left; width:290px; margin-right:20px;   }
.he_i{ height: 30px; line-height: 30px; margin-bottom: 10px; display: block; font-size: 14px; color: #999999; }
.he_txt{ width: 290px; }
.thank_he:nth-last-child(1){ margin-right: 0; }
.thank_area{ width: 100%; height: 190px;background: #f2f3f5; box-sizing: border-box; border: 1px solid #f2f3f5; border-radius: 5px; resize: none; }
.thank_sub{  display: block; border: 1px solid #575757; transition: all 0.5s ease 0s; background: #fff url(../images/cont1.png) 145px center no-repeat; width: 188px; height: 52px; line-height: 52px; text-indent: 20px; text-align: left; border-radius: 8px;  cursor: pointer; font-size:16px; color: #666   }
.thank_sub:hover{border: 1px solid #003a8f; color: #fff; transition: all 0.5s ease 0s; background: #003a8f url(../images/cont11.png) 145px center no-repeat; }
.thank_right{ float: right; padding-top: 60px; }
.thank_left{ float: left; padding-top: 18px; }
.thank_code{ width: 262px; border-radius: 8px; border: 1px solid #cfd8dc }
.code{ height: 44px; line-height: 44px; width: 138px; float: left; display: block; background: none; border: none; font-size: 14px; color: #b9c5ca; padding: 0 10px; box-sizing: border-box; }
.code_img{ float: right; border-radius: 8px; }
.cont{ padding-bottom: 80px; }
.ser{ margin: 0 0 0 -60px; }
.ser_dl{ float: left; margin: 0 0 0 60px; width: 640px; padding: 60px 0 12px 0; border-bottom: 1px solid #dddddd;}
.ser_dl dt{ float: left; width: 90px; margin-right: 30px; }
.ser_dl dt img{ width: 90px; height: 90px; overflow: hidden; }
.ser_dl dd{ float: left; width:520px;  }
.ser_tit{ display: block; transition: all 0.5s ease 0s; height:34px; line-height: 24px; overflow: hidden; font-size: 22px;  }
.ser_words{ height:40px; margin-bottom: 16px; line-height: 20px; overflow: hidden; font-size: 14px; color: #666666  }
.ser_div{ height: 34px; line-height: 34px; overflow: hidden; }
.ser_time{ display: block; float: left; font-size: 14px; height: 34px; line-height: 34px; }
.ser_see{ float: right; height: 34px; cursor: pointer; font-size: 14px; line-height: 34px;background:  url(../images/ser11.png) right center no-repeat; padding-right: 28px; }
.ser_see:hover{background:  url(../images/ser1.png) right center no-repeat; color: #164e92;}
.ser_tit:hover{color: #164e92; transition: all 0.5s ease 0s;}

.video_ul{ margin:15px 0 0px -26px;  }
.video_ul li{ float: left; margin: 0 0 30px 25px; overflow: hidden; width:430px; height: 260px; position: relative;  }
.video_img{width:430px; height: 260px; overflow: hidden; position: right: ;}
.video_img img{width:430px; height: 260px; overflow: hidden;}
.video_see{ position: absolute; left: 50%; top: 50%;background:  url(../images/video.png) right center no-repeat; width: 50px; height: 50px; display: block; margin: -25px 0 0 -25px;  }
.video_div{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; box-sizing: border-box; }
.video_tit{ width: 95%;transition: all 0.5s ease 0s; background: #ffffff; position: absolute; left: 10px; z-index: 99; bottom: 0; height:56px; display: block; line-height: 56px; text-align: center; overflow: hidden; font-size:16px;   }
.video_red{ background:url(../images/videobj.png) right center repeat;transition: all 0.5s ease 0s; height: 56px; line-height: 56px; width: 95%; position: absolute; right: 0; bottom: -56px;  }
.video_ul li:hover .video_tit{ bottom:11px; transition: all 0.5s ease 0s;  }
.video_ul li:hover .video_red{ bottom:0px; transition: all 0.5s ease 0s;  }
.video_box{ padding-bottom: 60px; }
.video_info{ margin: 50px auto; width: 1000px; }

.method{ margin: 20px 0 0 -40px; }
.met_dl{ float: left; position: relative;transition: all 0.5s ease 0s; margin: 0 0 40px 40px; width: 650px; height:160px; background: #f2f3f4  }
.met_dl dd{ float: right; width: 322px; height: 160px; overflow: hidden; }
.met_dl dd img{width: 322px; height: 160px; overflow: hidden;}
.met_dl dt{ background: #fff; width:400px; height: 120px; position: absolute; left:20px; top: 20px;   }
.met_tit{ display: block; transition: all 0.5s ease 0s;  height:42px; line-height: 42px; overflow: hidden; font-size:22px; padding: 22px 30px 0;  }
.met_see{ display: block; height:36px; line-height: 36px; overflow: hidden; width:100px; margin-left: 30px; font-size: 14px; color: #666;background:  url(../images/metbj.png) right center no-repeat;    }
.met_dl:hover{ background: #003a8f; transition: all 0.5s ease 0s;}
.met_dl:hover .met_see{background:  url(../images/news22.png) right center no-repeat; }
.met_dl:hover .met_tit{ color: #003a8f; transition: all 0.5s ease 0s; }


.sales_ul{ margin: 30px 0 0 -40px; }
.sales_ul li{ float: left; margin: 0 0 36px 40px; padding: 0 46px; box-sizing: border-box; width: 650px; background: #f8f8f8; height: 340px; overflow: hidden; border-radius: 10px; }
.sales_img{ display: block; transition: all 0.5s ease 0s; text-align: center; height:70px; line-height: 70px; padding-top:30px;   }
.sales_tit{ display: block; height: 70px; line-height: 70px; font-size: 28px; text-align: center; }
.sales_div{ height:60px; line-height: 30px; margin-bottom: 22px; font-size: 16px; overflow: hidden; text-align: center; color: #666;  }
.sales_see{ display: block; margin: 0 auto; width: 160px; height: 46px; line-height: 46px; transition: all 0.5s ease 0s; border-radius: 10px; border: 1px solid #111111; font-size: 14px;background:  url(../images/news3.png) 105px center no-repeat;  text-indent: 30px; }
.sales_ul li:hover .sales_see{background:#0d4da9  url(../images/news2.png) 105px center no-repeat; border: 1px solid #0d4da9; color: #fff; transition: all 0.5s ease 0s;}
.sales_ul li:hover .sales_img{ transform: translateY(-15px); transition: all 0.5s ease 0s; }
.deve{ padding-bottom: 30px; }
.event_box{position: relative;}
.event_box .parHd {width:1334px; display: block; margin: 0 auto 50px;
background:url(../images/devebj.png) center center no-repeat;
    height: 149px;
position: relative;
    overflow: hidden;}
.parhd_inner{width: 1033px; margin: 0 auto; }
.parHd  ul{ text-align: center; width: 100% }
.parHd .tempWrap{ margin: 0 auto;}
.parHd li{ background:url(../images/deve1.png) center center no-repeat; width: 155px; margin-right: 63px; float: left; cursor: pointer; height: 148px; font-size: 16px; color: #000; position: relative; }
.parHd li.act{background:url(../images/deve2.png) center 46px no-repeat; }
.sPrev,.sNext{ width: 60px; height: 60px; display: block; border-radius: 60px; position: absolute; cursor: pointer; top: 42px;}
.sPrev{ left: 0;background:#fff url(../images/deve_left.png) center center no-repeat; }
.sNext{ right: 0;background:#fff url(../images/deve_right.png) center center no-repeat;}
.sPrev:hover{ background:#3455fc url(../images/deve_left1.png) center center no-repeat; }
.sNext:hover{background:#3455fc url(../images/deve_right1.png) center center no-repeat;}



.procolumn .column_ul li{ width:12.5%  }
.probox .about_tit{background:url(../images/protit.png) center center no-repeat;}
.pro_ul{ height:46px; overflow: hidden; margin-left:-10px; margin-bottom: 60px;   }
.pro_ul li{ margin: 0 0 0 10px; float: left; width:140px; height: 46px; line-height: 46px; text-align: center; background: #eaeaea; font-size:18px; border-radius: 8px;   }
.ject_ul{ margin: 0 0 0 -40px; }
.ject_ul li{ float: left; margin: 0 0 30px 39px; width: 305px; }
.ject_img{ width: 305px;  padding: 5px 10px;  background: #f2f6f9; box-sizing: border-box; position: relative; line-height: 240px; text-align: center; height: 240px; transition: all 0.5s ease 0s;  overflow: hidden; display: block; margin-bottom: 20px; }
.ject_img img{ width: auto;transition: all 1s ease 0s; height: auto; max-width: 100%; overflow: hidden;  }
.ject_tit{ display: block;transition: all 0.5s ease 0s; height:36px; line-height: 36px; font-size: 26px; text-transform: uppercase; }
.ject_words{ display: block; height:34px; line-height: 34px; font-size: 18px; overflow: hidden;  }
.ject_ul li:hover .ject_img{ box-shadow: 0 0 10px #CCCCCC; transition: all 0.5s ease 0s; }
.ject_ul li:hover .ject_tit{ color: #0d4ca9; transition: all 0.5s ease 0s; }
.ject_ul li:hover .ject_img img{ transition: all 1s ease 0s; transform: scale(1.03);  }
.ject_back{position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0,0,0,.6);
    transition: all 0.5s ease;}

/* .ject_ul li:hover .ject_back{ opacity: 1; transition: all 0.5s ease 0s; } */


.make{ margin-bottom: 60px; }
.make_left{ float: left; width:660px;  }
.make_right{ float: right; width: 640px; }
.wds_tit{ font-size: 28px; display: block; overflow: hidden; height:78px; line-height: 78px; border-top: 2px solid #3b7ee1; background: #f0f4f7; text-indent: 30px; font-size:28px;   }
.wds_div{ background: #f8f8f8; padding:15px 0 0 30px; box-sizing: border-box; }
.wdstit{ display: block; height:44px; line-height: 44px;  overflow: hidden; font-size:20px; color: #111111   }
.wds_inner{ height:87px; padding-right: 40px; line-height:22px; font-size:14px; color: #666666; overflow: hidden;    }
.wel_left{ float: left; margin-left: 30px; width:434px; height: 60px; line-height: 60px; overflow: hidden; background: #0d4da9; color: #fff; font-size: 22px; text-align: center;  }
.wel_i{ font-size:34px;  }
.wel_right{ float: right; width:166px; margin-right: 10px; background:#145cc4 url(../images/pro_info.jpg) 109px center no-repeat; height: 60px; line-height: 60px; color:#fff; font-size: 14px; text-indent: 42px;  }
.trait{ border-top: 2px solid #3b7ee1; background: #f0f4f7; height: 48px;overflow: hidden;}
.trait li{ float: left; margin-right: 10px; }
.trait li a{ display: block; height: 48px; line-height: 48px; text-align: center; width: 160px;  font-size: 18px; }
.trait li.on a{ background:#0d4da9; color: #fff;  }
.trait_box{ background: #f8f8f8; padding:50px 20px;  }
.traitword{font-size: 16px; color: #666666; line-height: 30px; margin-bottom: 30px;}
.traitword{ display: none; }
.ant_tit{ font-size: 24px; margin-bottom: 36px; box-sizing: border-box; display: block; width: 100%; background: #f0f4f7; padding-left:20px;height: 60px; line-height: 60px;  }
.sell{ margin:0 0 0 -38px; padding: 60px 0 120px 0;  }
.sell li{ float: left; margin: 0 0 0 38px; width: 650px; height: 180px; overflow: hidden; position: relative; }
.sell_img{ display: block;width: 650px; height: 180px; overflow: hidden; }
.sell_img img{width: 650px; height: 180px; overflow: hidden;}
.sell_tit{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center; height: 
40px; margin-top: -20px; font-size: 32px; color: #fff;  }
.sell_tit img{ margin-right:20px;  }


.small_box{width:660px;height:80px;overflow:hidden}
.small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.small_list ul{height:80px;overflow:hidden}
.small_list ul li{position:relative;float:left;margin-right:11px; overflow: hidden; width:131px; box-sizing: border-box; height: 80px; border: 2px solid #fff; box-sizing:border-box;}
.small_list ul li img{display:block; width: auto; height: 76px;}
.small_list ul li.on { border: 2px solid #3b7ee1 }
.left_btn{ position: absolute; cursor: pointer; left: 0px; display: block; top: 0px; background:url(../images/tu_left.jpg) center center no-repeat; height: 80px; width: 20px;}
.right_btn{position: absolute;cursor: pointer; right:0px; display: block;  top: 0px;background:url(../images/tu_right.jpg) center center no-repeat; height: 80px; width: 20px;}
.left_btn:hover{background:url(../images/tu_left1.jpg) center center no-repeat;}
.right_btn:hover{background:url(../images/tu_right1.jpg) center center no-repeat;}
.large_box{ width: 660px; overflow: hidden; margin-bottom: 20px; border: 1px solid #b2cbf3;height: 366px; line-height: 336px; text-align: center; }
.large_box li{ display: none;width: 660px;height: 366px;overflow: hidden;  }
.large_box li img{ width: auto;height: auto; max-width: 100%; max-height: 100%; box-sizing: border-box; }
.small_box{ margin: 0 auto; position: relative;  }
.small_list{ width: 558px; height: 80px;  box-sizing: border-box; margin: 0 auto; float: none; }
.point_inner img{ width: auto; height: auto; max-width: 100% }
.idea img{ width: auto; height: auto; max-width: 100% }
.news_word img{ width: auto; height: auto; max-width: 100% }
.share{ padding:10px 0 10px 30px; }

.ment_ul{background:url(../images/deve1.jpg) left top repeat-y; margin-left:38px; }
.ment_tit{ display: block; height:20px; line-height: 20px; font-size: 12px;background:url(../images/deve2.jpg) left center no-repeat; padding-left: 60px;  }
.ment_words{line-height: 24px; font-size: 16px; padding-left: 60px;}
.ment_inner{ margin-bottom: 30px; }
.ment_ul .li{ margin-left: -5px; position: relative; padding-bottom: 1px; margin-bottom: 30px; }
.ment_time{ font-size: 20px; color: #fff; background:url(../images/deve.png) center center no-repeat; width: 70px; height: 70px; line-height: 70px; display: block; position: absolute; top: -23px; left: -31px; text-align: center;}
.ment_img{ margin-bottom: 70px; display: block; }
.ment_img img{ width: auto; height: auto; max-width: 100% }
.slideBox{ width: 1130px; margin: 0 auto; display: none; }


.mark{ width: 812px; height: 654px; position:relative; float: left; }
.mark_inner{ position:absolute; cursor: pointer; }
.mark_northeast{ top: 0; right: 0;background: url(../images/img1.png) left center no-repeat; width: 181px; height: 268px;  }
.coordinate{ position:absolute; left:90px; top: 133px;background: url(../images/imgadd.png) left center no-repeat; width: 20px; height: 23px;   }
.coor_inner{width: 500px; display: none;    padding: 0 0 0 20px; box-sizing: border-box; }
.coor_h3{ height:52px; padding-left: 16px; border-bottom: 1px solid #cbcbcb; line-height: 52px; font-size: 20px; margin-bottom: 20px; overflow: hidden; background: url(../images/web.jpg) left center no-repeat; }
.coor_num{ height: 34px; line-height: 34px; overflow: hidden; color: #fff; font-weight: bold; font-size: 30px; }
.coor_i{ font-size: 18px; }
.key{ height: 20px; line-height: 20px; overflow: hidden; color: #fff; font-size:14px;  }
.mark_northeast:hover,.on.mark_northeast{background: url(../images/img11.png) left center no-repeat; }
.mark_inner:hover .coordinate{background: url(../images/imgadd1.png) left center no-repeat; }
.mark_inner:hover .coor_inner{ display: block; }
.web_he{ float: right; width: 500px;  }
.mark_huabei{background: url(../images/img2.png) left center no-repeat; width: 357px; height: 353px; top: 6px; right: 116px;}
.mark_huabei .coordinate{ left: 230px; top: 220px; }
.mark_huabei:hover,.on.mark_huabei{background: url(../images/img22.png) left center no-repeat; }
.mark_xibei{background: url(../images/img3.png) left center no-repeat; width: 535px; height: 330px; left: 0;top: 81px;}
.mark_xibei .coordinate{ left: 190px; top: 140px; }
.mark_xibei:hover,.on.mark_xibei{background: url(../images/img33.png) left center no-repeat;}
.mark_xinan{background: url(../images/img7.png) left center no-repeat; width: 490px; height: 298px; left: 35px; top: 306px; }
.mark_xinan .coordinate{ left: 360px; top: 146px; }
.mark_xinan:hover,.on.mark_xinan{background: url(../images/img77.png) left center no-repeat;}
.mark_huanan{background: url(../images/img6.png) left center no-repeat; z-index: 999; bottom: 0; left: 438px; width: 217px; height: 147px; }
.mark_huanan .coordinate{ left: 90px; top: 38px; }
.mark_huanan:hover,.on.mark_huanan{background: url(../images/img66.png) left center no-repeat;}
.mark_huazhong{background: url(../images/img5.png) left center no-repeat; z-index: 99; width: 123px;height: 212px; right: 189px; bottom:118px;  }
.mark_huazhong .coordinate{ left: 45px; top: 90px; }
.mark_huazhong:hover,.on.mark_huazhong{background: url(../images/img55.png) left center no-repeat;}
.mark_huadong{background: url(../images/img4.png) left center no-repeat; width: 141px; height: 286px;  top: 287px; right: 83px;}
.mark_huadong .coordinate{ left: 58px; top: 133px; }
.mark_huadong:hover,.on.mark_huadong{background: url(../images/img44.png) left center no-repeat;}
.mark_tu img{ width: auto; height: auto; max-width: 100%; }
.mark_tu{ text-align: center; display: none; }
.web_words{ font-size: 14px; height:26px; line-height: 26px; display: block;  }
.web_i{ color: #7a7a7a }
.web_tit{ display: block; height:40px; line-height: 40px; font-size: 20px;  }
.web_div{ margin-bottom: 20px; }

.web{ padding-top: 30px; }
.web{  padding-bottom: 50px; }



/* index */
.index_flexslider {position: relative;width: 100%;height:100%; margin:0 auto; overflow:hidden;}
.index_flexslider .slides li .banner_img{ width: 100%;height:100%; }
.index_flexslider .slides li { position:relative; width: 100%;height:100%; overflow: hidden; }
.index_flexslider .slides li img{ width: 100%;height:100%;transition: 1.8s ease 0s;  transform: translate(0) scale(1.08);   box-sizing: border-box; }
.index_flexslider .slides {width:100%; height:100%;}
.index_flexslider .flex-control-nav { position: absolute; left: 140px; bottom: 40px; width:202px; z-index: 9999;  }
.index_flexslider .flex-direction-nav{display: block; width: 140px; position: absolute; z-index: 99999; right:140px; bottom: 92px;   }
.index_flexslider .flex-prev{ position: absolute; left: 0px; top: 0; display: block; font-size: 0;transition: all 0.5s ease 0s;  background: url(../images/banner_left.png) center center no-repeat; width: 60px; height: 60px; z-index: 9999; }
.index_flexslider .flex-next{ position: absolute; right: 0px; top: 0; display: block; font-size: 0;transition: all 0.5s ease 0s;  background: url(../images/banner_right.png) center center no-repeat; width: 60px; height: 60px; z-index: 9999; }
.index_flexslider .flex-prev:hover{background: url(../images/banner_left1.png) center center no-repeat;transition: all 0.5s ease 0s; }
.index_flexslider .flex-next:hover{background: url(../images/banner_right1.png) center center no-repeat;transition: all 0.5s ease 0s; }
.index_flexslider .flex-control-nav li{ display: inline-block; margin:0 3px; }
.index_flexslider .flex-control-nav li a{background: #e1e1e1; display: block; transition: all 0.5s ease 0s; font-size: 0; width: 30px; height: 2px;}
.index_flexslider .flex-control-nav li a.flex-active{ transition: all 0.5s ease 0s;background: url(../images/tab.jpg) center center no-repeat; width:80px; height: 2px;}
.index_flexslider .slides li.flex-active-slide img{ transition: 1.8s ease 0s; transform: scale(1); }
.flex-viewport{ height: 100% }

.section2{background: url(../images/indexbj1.jpg) center top no-repeat;  background-size: cover;}
.index_warp{width: 1166px;  left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.index_tit{ text-align: center; }
.index_us{ display: block; height:42px; line-height: 42px; text-transform: uppercase; font-size: 20px; color:#666;  }
.index_name{ display: block; height: 70px; margin-bottom: 20px; line-height: 70px; font-size:46px;   }
.us_words{ font-size: 16px; padding-top: 22px; line-height:40px; height: 80px; overflow: hidden; margin-bottom: 48px; text-align: center; padding:0 132px;  }
.us_see{ font-size: 16px; transition: all 0.5s ease 0s;display: block; width:198px; height: 50px; border: 1px solid #06439c; text-indent: 40px; color: #fff; line-height: 50px; margin: 0 auto 86px; border-radius:10px;  background: #06439c url(../images/news2.png) 135px center no-repeat;  }
.index_ul .exp_i{ color: #fff; font-size: 22px; height:50px; line-height: 50px; text-align: center;  }
.index_ul .counter{ font-size:90px; height: 96px; line-height: 96px;  }
.index_ul { padding: 0; }
.index_ul li{background: url(../images/usbj.png) right center no-repeat;}
.index_ul li:nth-child(1) sup{ right: 62px; }
.index_ul li:nth-child(2) sup{ right: 92px; }
.index_ul li:nth-child(3) sup{ top: 4px; right: 70px; font-size: 26px; }
.index_ul li:nth-child(4) sup{top: 4px; right: 18px; font-size: 26px; }
.us_see:hover{ transition: all 0.5s ease 0s; color: #06439c; background: url(../images/news22.png) 135px center no-repeat  }
.section5{ background: #fff; }
.jour_warp{width: 1450px;  left: 50%;top: 52%;transform: translate(-50%,-50%);position: absolute;}
.jour_ul{ text-align: center; height: 40px; line-height: 40px; padding-top: 20px; margin-bottom: 32px; }
.jour_ul li{ display: inline-block; margin: 0 2px; }
.jour_ul li a{ display: block; height: 40px;background: url(../images/jour_line.png) right center no-repeat; line-height: 40px; color: #575757; font-size: 20px; padding:0 35px; }
.jour_ul li:nth-last-child(1) a{ background: none; }
.jour_ul li.on a{ color:#2e5ea3 }
.jour_right{ float: right; width:700px; height: 490px; overflow: hidden; position: relative;  }
.jour_pic{width:700px; height: 490px; overflow: hidden; display: block;}
.jour_pic img{width:700px; height: 490px; overflow: hidden;transition: all 1s ease 0s; }
.spot{ position: absolute; left:40px; bottom: 20px;  }
.spot_time{ font-size: 16px; color: #fff; height:34px; line-height: 34px;background: url(../images/jour_time.png) left center no-repeat; overflow: hidden; display: block; padding-left: 26px;  }
.spot_tit{ display: block; height:46px; line-height: 46px; color: #fff; font-size:26px; overflow: hidden;   }
.spot_see{ display: block; transition: all 0.5s ease 0s; font-size: 14px; color: #fff; width: 80px;background: url(../images/jour_see.png) right center no-repeat; height: 34px; line-height: 34px;  }
.jour_pic:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.jour_right:hover .spot_see{ width: 90px; transition: all 0.5s ease 0s; }
.jour_left{ float: left; width:720px;  }
.study_dl{ margin-bottom:20px; position: relative; height:150px;   }
.study_dl dt{ float: left; width:180px; height: 150px; overflow: hidden;  }
.study_dl dt img{ width:180px; transition: all 1s ease 0s; height: 150px; overflow: hidden;}
.study_dl dd{ float: left;  width:540px; height: 150px; overflow: hidden; background: #f8f8f8; padding:10px 52px 0 18px; box-sizing: border-box;  }
.study_time{ display: block;position: relative;z-index: 999;  height:34px; line-height: 34px;background: url(../images/jour_time1.png) left center no-repeat; overflow: hidden; font-size:16px; padding-left: 26px; color: #525b6f   }
.study_tit{ display: block;position: relative;z-index: 999;transition: all 0.5s ease 0s; height:40px; line-height: 40px; overflow: hidden; font-size:20px;   }
.study_words{ overflow: hidden;position: relative;z-index: 999; height: 52px; line-height: 26px; font-size: 14px; color: #797c8b  }
.study_dl:hover dt img{ transition: all 1s ease 0s; transform: scale(1.1); }
.study_dl:hover .study_tit{ transition: all 0.5s ease 0s; color: #06439c }
.inner_xian {
  position:absolute;
  width:100%;
  height:100%;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}
.inner_xian a{ display: block; width: 100%; height: 100% }
.inner_xian span {
  position: absolute;
  background: #06439c;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.inner_xian .span_1 {
  left: 0;
  top: 0;
  width: 0%;
  height: 2px
}
.inner_xian .span_2 {
  right: 0;
  top: 0;
  width: 2px;
  height: 0%
}
.inner_xian .span_3 {
  right: 0;
  bottom: 0;
  width: 0%;
  height: 2px
}
.inner_xian .span_4 {
  left: 0;
  bottom: 0;
  width: 2px;
  height: 0%
}
.study_dl:hover .span_1,
.study_dl:hover .span_3 {
  width: 100%
}
.study_dl:hover .span_2,
.study_dl:hover .span_4 {
  height: 100%
}



.jour_inner{ display: none; }
.jour_del{ display: block; font-size: 16px; width:198px; color: #111; transition: all 0.5s ease 0s; height: 50px;background: url(../images/news3.png) 134px center no-repeat;  line-height: 50px; margin: 30px auto 0; border: 1px solid #111111; border-radius: 8px; text-indent: 40px;  }
.jour_del:hover{background:#06439c url(../images/news2.png) 134px center no-repeat; transition: all 0.5s ease 0s; color: #fff; border: 1px solid #06439c;}
.section4{ background: #f7f7ff; }
.tion_warp{width: 100%;  left: 50%;top: 55%;transform: translate(-50%,-50%);position: absolute;}
.solu{ padding:0 140px; }
.solve_right{ float: right; }
.solve_see{display: block; transition: all 0.5s ease 0s; font-size: 16px; width:198px; color: #111; height: 50px;background: url(../images/news3.png) 134px center no-repeat;  line-height: 50px; margin: 30px auto 0; border: 1px solid #111111; border-radius: 8px; text-indent: 40px;}
.solve_see:hover{ transition: all 0.5s ease 0s;background:#06439c url(../images/news2.png) 134px center no-repeat; color: #fff; border: 1px solid #06439c; }
.solve_left{ float: left; }
.solu_div{ height:418px; position: relative; margin-bottom: 40px;  }
.solu_scroll{ position: absolute; width: 1640px; margin-left: -820px; left: 50%; top: 0; height: 418px; overflow: hidden; }
.solu_scroll ul{ width: 10000px; }
.solu_ul li{ float: left; margin-right:18px; width:396px; height: 418px; background: #fff; border-radius: 8px;   }
.solu_img{ display: block;transition: all 0.5s ease 0s;  padding:40px 0 0 0;width: 395px; height: 260px; overflow: hidden;  }
.solu_img img{ width: 395px;transition: all 0.5s ease 0s;  height: 260px; overflow: hidden; }
.solu_tit{ height: 72px; transition: all 0.5s ease 0s; line-height: 36px; overflow: hidden; text-align: center; padding: 22px 34px 0; font-size: 24px; }
.solu_ul li:hover .solu_img{ padding:0;transition: all 0.5s ease 0s; height: 300px;  }
.solu_ul li:hover .solu_img img{ transition: all 1s ease 0s; transform: scale(1.1); height: 300px; }
.solu_ul li:hover .solu_tit{ color: #06439c; transition: all 0.5s ease 0s; }
.solve{ margin-bottom: 14px; }
.solu_left{ display: block; position: absolute;transition: all 0.5s ease 0s; left: -20px; top: 150px;background: url(../images/tion_left1.png) right center no-repeat; width: 60px; height: 60px; display: block;}
.solu_right{ display: block; position: absolute;transition: all 0.5s ease 0s; right: -20px; top: 150px;background: url(../images/tion_right1.png) right center no-repeat; width: 60px; height: 60px; display: block;}
.solu_left:hover{ transition: all 0.5s ease 0s; background: url(../images/tion_left.png) right center no-repeat; }
.solu_right:hover{ transition: all 0.5s ease 0s; background: url(../images/tion_right.png) right center no-repeat; }
.vice{background: url(../images/tionbj.jpg) center top no-repeat; height: 250px; padding:0 140px; box-sizing:border-box;}
.vice_right{ float: right; width: 1200px; }
.vice_ul li{ float: left; width: 25%;background: url(../images/vicebj.png) right center no-repeat; height:250px; overflow: hidden; text-align: center;  }
.vice_img{ display: block; transition: all 0.5s ease 0s;  height:60px; padding-top:78px;  line-height: 60px;  }
.vice_tit{ height: 60px; line-height: 60px; display: block; color: #fff; font-size: 20px; }
.vice_see{ display: none; transition: all 0.5s ease 0s;  height: 60px; line-height: 60px;background: url(../images/news2.png) center top no-repeat; font-size: 14px; color: #fff; }
.vice_left{ float: left; padding-top: 70px; }
.vice_left .index_us,.vice_left .index_name{ color: #fff; }
.vice_ul li:nth-last-child(1){ background: none; }
.vice_ul li:hover .vice_img{ padding-top: 42px; transition: all 0.5s ease 0s; }
.vice_ul li:hover .vice_see{ display: block; transition: all 0.5s ease 0s;  }
.vice_ul li:hover{ background: url(../images/tionbj.png) center top repeat;  }

.build_ul li{ float: left; overflow: hidden; margin: 0 0 20px 20px; padding: 0 40px; box-sizing: border-box; position: relative; width:455px; height: 400px;background: url(../images/build1.jpg) center top no-repeat; background-size: cover;   }
.build_tit{ display: block; margin-bottom: 40px; padding-top: 26px;transition: all 0.5s ease 0s; height:56px; line-height: 56px; font-size:30px; overflow: hidden;   }
.build_ul li:hover .build_tit{ color: #06439c; transition: all 0.5s ease 0s; }
.build_words{ display: none; margin-bottom: 46px; height:44px; line-height: 44px; font-size: 16px; color: #666666; overflow: hidden;  }
.build_see{ display: block; transition: all 0.5s ease 0s; background:url(../images/news3.png) 105px center no-repeat;  width: 158px; height: 44px; border: 1px solid #111111; border-radius: 8px;  line-height: 44px; font-size:14px; color: #111; text-indent: 30px;  }
.build_ul li:hover .build_see{ transition: all 0.5s ease 0s; background:#06439c url(../images/news2.png) 105px center no-repeat; border: 1px solid #06439c; color: #fff;}
.build_img{ position: absolute; bottom: 0px; right: 10px; }
.build_img img{ height: auto; max-height: 190px; width: 280px;transition: all 0.5s ease 0s; }
.build_warp{width: 100%;  left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.build_ul li:nth-child(1){ margin-left:969px;  }
.build_warp{width: 100%;  left: 50%;top: 53%;transform: translate(-50%,-50%);position: absolute;}
.build_box{ padding:0 ; width: 100%; box-sizing: border-box; position: relative; }
.puct_tit{ height: 50px; margin-bottom: 40px; line-height: 50px; display: none; overflow: hidden; font-size:30px; color: #3160a4  }
.puct_words{ display: none; height:52px; margin-bottom: 0px; line-height: 26px; overflow: hidden; font-size: 14px; color: #666666  }
.puct_see{display: block;transition: all 0.5s ease 0s; font-size: 16px; width:198px; color: #111; height: 50px;background: url(../images/news3.png) 134px center no-repeat;  line-height: 50px;  border: 1px solid #111111; border-radius: 8px; text-indent: 40px; }
.build_box{ position: absolute; padding:0px 0 0px 60px; box-sizing: border-box; left: 20px; top: 0; width: 931px; height: 400px; background: url(../images/build7.jpg) center top repeat; }
.puct_img{ position: absolute; top: 150px; right:20px;  }
.puct_img img{ width: auto; height: auto; max-width: 100%;transition: all 0.5s ease 0s;  }
.build_box:hover .puct_img img{transition: all 0.5s ease 0s; transform:translateY(-5px); }
.puct{ padding-top: 20px; }
.puct_div{padding-top: 20px;}
.build_ul li:hover .build_img img{ transition: all 0.5s ease 0s; transform:translateY(-5px); }
.puct_see:hover{transition: all 0.5s ease 0s; background:#06439c url(../images/news2.png) 134px center no-repeat; border: 1px solid #06439c; color: #fff;}
.build_flexslider .flex-control-nav { position: absolute; left: 60px; bottom: 20px; width:202px; z-index: 9999;  }
.build_flexslider .flex-direction-nav{display: none; width: 140px; position: absolute; z-index: 99999; right:0px; bottom: 0px;   }
.build_flexslider .flex-prev{ position: absolute; left: 0px; bottom: 0; display: block; font-size: 0;transition: all 0.5s ease 0s;  background: url(../images/build_left.png) center center no-repeat; width: 60px; height: 60px; z-index: 9999; }
.build_flexslider .flex-next{ position: absolute; right: 0px; bottom: 0; display: block; font-size: 0;transition: all 0.5s ease 0s;  background: url(../images/build_right.png) center center no-repeat; width: 60px; height: 60px; z-index: 9999; }
.build_flexslider .flex-prev:hover{background: url(../images/build_left1.png) center center no-repeat;transition: all 0.5s ease 0s; }
.build_flexslider .flex-next:hover{background: url(../images/build_right1.png) center center no-repeat;transition: all 0.5s ease 0s; }
.build_flexslider .flex-control-nav li{ display: inline-block; margin:0 3px; }
.build_flexslider .flex-control-nav li a{background: url(../images/build_tab1.png) center center no-repeat; display: block; transition: all 0.5s ease 0s; font-size: 0; width: 12px; height: 12px; border-radius: 12px;}
.build_flexslider .flex-control-nav li a.flex-active{ transition: all 0.5s ease 0s;background: url(../images/build_tab.png) center center no-repeat; width: 12px; height: 12px;}

.section2.active .index_us{-webkit-animation:fadeInUp 1s ease 0.2s both;-moz-animation:fadeInUp 1s linear 0.2s both; animation:fadeInUp 1s ease 0.2s both;}
.section2.active .index_name{-webkit-animation:fadeInUp 1s ease 0.4s both;-moz-animation:fadeInUp 1s linear 0.4s both; animation:fadeInUp 1s ease 0.4s both;}
.section2.active .us_words{-webkit-animation:fadeInUp 1s ease 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}
.section2.active .us_see,.section5.active .jour_del{-webkit-animation:fadeInUp 1s ease 0.8s both;-moz-animation:fadeInUp 1s linear 0.8s both; animation:fadeInUp 1s ease 0.8s both;}
.section2.active .experience{-webkit-animation:fadeInUp 1s ease 1s both;-moz-animation:fadeInUp 1s linear 1s both; animation:fadeInUp 1s ease 1s both;}
.section4.active .solu_div{-webkit-animation:fadeInUp 1s ease 0.4s both;-moz-animation:fadeInUp 1s linear 0.4s both; animation:fadeInUp 1s ease 0.4s both;}
.section4.active .vice{-webkit-animation:fadeInUp 1s ease 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}
.section5.active .index_us{-webkit-animation:fadeInUp 1s ease 0.2s both;-moz-animation:fadeInUp 1s linear 0.2s both; animation:fadeInUp 1s ease 0.2s both;}
.section5.active .index_name{-webkit-animation:fadeInUp 1s ease 0.4s both;-moz-animation:fadeInUp 1s linear 0.4s both; animation:fadeInUp 1s ease 0.4s both;}
.section5.active .jour_ul{-webkit-animation:fadeInUp 1s ease 0.6s both;-moz-animation:fadeInUp 1s linear 0.6s both; animation:fadeInUp 1s ease 0.6s both;}
.section5.active .jour_left{-webkit-animation:fadeInLeft 1s ease 0.8s both;-moz-animation:fadeInLeft 1s linear 0.8s both; animation:fadeInLeft 1s ease 0.8s both;}
.section5.active .jour_right{-webkit-animation:fadeInRight 1s ease 0.8s both;-moz-animation:fadeInRight 1s linear 0.8s both; animation:fadeInRight 1s ease 0.8s both;}

.section3.active .build_box{-webkit-animation:fadeInLeft 1s ease 0.2s both;-moz-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.section3.active .build_ul li:nth-child(3){-webkit-animation:fadeInLeft 1s ease 0.2s both;-moz-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.section3.active .build_ul li:nth-child(4){-webkit-animation:fadeInLeft 1s ease 0.3s both;-moz-animation:fadeInLeft 1s linear 0.3s both; animation:fadeInLeft 1s ease 0.3s both;}
.section3.active .build_ul li:nth-child(1){-webkit-animation:fadeInRight 1s ease 0.4s both;-moz-animation:fadeInRight 1s linear 0.4s both; animation:fadeInRight 1s ease 0.4s both;}
.section3.active .build_ul li:nth-child(2){-webkit-animation:fadeInRight 1s ease 0.5s both;-moz-animation:fadeInRight 1s linear 0.5s both; animation:fadeInRight 1s ease 0.5s both;}
.section3.active .build_ul li:nth-child(5){-webkit-animation:fadeInRight 1s ease 0.6s both;-moz-animation:fadeInRight 1s linear 0.6s both; animation:fadeInRight 1s ease 0.6s both;}
.section3.active .build_ul li:nth-child(6){-webkit-animation:fadeInRight 1s ease 0.7s both;-moz-animation:fadeInRight 1s linear 0.7s both; animation:fadeInRight 1s ease 0.7s both;}
.build_flexslider ul li,.build_flexslider,.build_flexslider ul{ width: 100%; height: 100% }


@-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)}}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}


.section4.active .solve_left{-webkit-animation:fadeInLeft 1s ease 0.2s both;-moz-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.section4.active .solve_right{-webkit-animation:fadeInRight 1s ease 0.2s both;-moz-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight}
.logo{ margin-right:16px;  }

.begin .head{ padding: 0 10px; }
.begin .nav_ul li{ margin-left: 8px; }
.begin .foot_inner{ padding: 0 10px; }
.begin .build_ul li{ width: 400px; height: 320px; }
.begin .build_box{ height: 320px; width: 820px;}
.begin .build_ul li:nth-child(1){ margin-left: 860px; }
.all .nav_ul li .subnav{ top: 70px; width: 100px; margin-left: -50px;}
/* .begin .build_img img{ height: 113px; } */
.begin .puct{ padding-top: 10px; }
.begin .index_name{ margin-bottom: 0; }
.begin .puct_div{ padding-top: 10px; }
.begin .puct_words{ height: 34px; }
.begin .build_flexslider .flex-control-nav{ bottom: 10px; }
.begin .puct_img{ top: inherit; bottom: 0; right: 10px; }
/* .begin .puct_img img{ height: 140px; }
 */.begin .solu{ padding: 0 10px; }
.begin .jour_ul{ margin-bottom: 15px; }
.begin .jour_del{ margin-top: 30px; }

.all h1 img{ width: 280px; }
.all h1 img.logo_fu{ width: 227px; }
.all .nav_ul li a{ width: 70px; font-size: 16px; }
.all .us_see{ margin-bottom: 30px; }
.all .search_form{ width: 150px; }
.all .search_txt{ width: 95px; font-size: 12px; }
.all .sub_search{ width: 45px; background-size: cover; }
.all .us_words{ margin-bottom: 20px; }
.all .build_ul li{ width: 314px; height: 230px; }
.all .build_box{ width: 649px; height: 230px; }
.all .build_ul li:nth-child(1){ margin-left: 691px; }
.all .build_ul li{ padding: 0 15px; }
.all .build_box{ padding-left: 20px; }
/* .all .build_img img{ height: 120px; }
 */.all .index_name{ font-size: 30px; height: 50px; line-height: 50px; }
.all .puct .index_name{ height: 40px; line-height: 40px; }
.all .puct_tit{ font-size: 20px; height: 30px; line-height: 30px; margin-bottom: 20px; } 
.all .puct_see{ height: 32px; line-height: 32px; text-indent: 10px; width:120px; background: url(../images/news3.png) 84px center no-repeat  }
.all .puct_see:hover{background:#0d4ca9 url(../images/news2.png) 84px center no-repeat }
/* .all .puct_img img{ height: 135px; width: auto; } */
.all .build_see{height: 32px; line-height: 32px; text-indent: 10px; width:120px; background: url(../images/news3.png) 84px center no-repeat }
.all .build_ul li:hover .build_see{background:#0d4ca9 url(../images/news2.png) 84px center no-repeat}
.all .build_flexslider .flex-control-nav{ left: 20px; }
.all .head{ height: 70px; }
.all h1{ line-height: 70px; }
.all .search{ padding-top: 20px; }
.all .nav_ul li a{ height: 70px; line-height: 70px; }
.all .jour_left{ height: 270px;overflow: hidden; width: 50%; padding-right: 10px; box-sizing: border-box; }
.all .jour_right{ height: 270px;overflow: hidden; width: 50%; }
.all .jour_warp{ width: 100%; padding: 0 10px; box-sizing: border-box; }
.all .study_dl dd{ width: 470px; padding: 10px 18px 0 18px; height: 120px; }
.all .jour_ul{ padding-top: 0; }
.all .solu_scroll{ width: 1186px; margin-left: -593px; }
.all .solu_left{ left: 0; top: 80px; }
.all .solu_right{ right: 0; top: 80px; }
.all .vice{ padding: 0 10px; height: 120px; }
.all .solu_img{ padding-top: 0!important; height: 200px; }
.all .solu_img img{ width: 100%; height: auto; max-height: 100% }
.all .solu_ul li:hover .solu_img img{ height: 200px; }
.all .solu_ul li:hover .solu_img{ height: 200px; }
.all .solu_ul li{ height: 260px; }
.all .solu_scroll{ height: 260px; }
.all .solu_div{ height: 270px; margin-bottom: 10px;}
.all .vice_img{ height: 30px; line-height: 30px; padding-top: 20px; margin-bottom: 10px; }
.all .vice_img img{ height: 30px; width: auto; }
.all .vice_ul li{ height: 120px; }
.all .vice_tit{ height: 30px; line-height: 30px; }
.all .vice_ul li:hover .vice_img{ padding-top: 12px; transition: all 0.5s ease 0s; margin-bottom: 0; }
.all .vice_see{ height: 40px; line-height: 40px; }
.all .vice_ul li:hover .vice_tit{ padding-top: 5px; margin-bottom: 5px; }
.all .vice_left { padding: 13px 0 0 0; }
.all .solve{ margin: 0 0 10px 0; }
.all .solu_tit{ height: 48px; line-height: 24px; font-size: 18px; }
.all .solu_tit{ padding-top: 10px; }
.all .hot{padding: 36px 10px 43px; width: 458px;}
.all .what{ padding-left: 10px; width: 170px; }
.all .foot_ul{ width: 700px;  }
.all .build_img { right: 0px; }

.all  .build_ul li .build_img img{ height: auto; width: 150px; }
/* .all .build_ul li:nth-child(3) .build_img img{ height: 95px; }
.all .build_ul li:nth-child(4) .build_img img{ height: 166px; } */
.all .build_tit{ margin-bottom: 80px; }
.all .nav_ul li .subnav a{    height: 30px;
    margin: 0;
    width: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    overflow: hidden;}

.all .nav_ul li .subnav a:hover{ color: #fff; }
.all .study_words{ line-height: 20px; height: 40px; font-size: 13px; }
.all .study_dl{ margin-bottom: 16px; height: 120px; }
.all .study_dl dt{ height: 120px; }
 .all .study_dl dt img{ height: 120px; }
.all .study_tit{ height: 34px; line-height: 34px; font-size: 18px; }
.all .jour_del{ margin-top: 15px; }

.str .build_ul li{ width: 396px; }
.str .build_box{ width: 812px; }
.str .build_ul li:nth-child(1){ margin-left: 852px; }

.float{    }
.side{height:170px;position: fixed; right: 0; top:30%; margin-top:-85px; z-index: 9999}
.side ul li{width:100px;height:80px; background: #0d4da9; margin-bottom: 6px; border-radius: 80px 0 0 80px;position:relative;}
.side ul li .sidebox{width:100%;height:80px; float: left; transition:all 0.3s;overflow:hidden;}
.side ul li .side_img{float:left; width: 100px; text-align:center; height: 80px; line-height: 80px;}
.float_inner{ float: left; width:250px; padding-left: 42px; box-sizing: border-box; }
.float_tit{ color: #fff; height: 26px; display: block; line-height: 26px; padding-top: 10px; font-size: 14px; color: #fff; }
.float_call{ color: #fff; height: 34px;display: block; line-height: 34px; font-size: 28px; color: #fff; }
.side_pic{ float: right;width:100px;height:80px; background: #0d4da9; border-radius: 80px 0 0 80px;  line-height: 80px; text-align:center;}
.index_ed{ position: absolute; bottom:-57px; right: 0; }

.all .side{ top: 34%; }
.all .jour_pic{ height: 320px; width: 100% }
.all .jour_pic img{ width: 100%; height: 320px; }
.sidehe{ margin-bottom: 6px; }

.all .build_warp{ width: 1340px!important;   overflow: hidden!important; left:49.4%  }
.all .tion_warp{ width: 1340px!important; overflow: hidden!important;  }
.all .jour_warp{ width: 1340px!important; overflow: hidden!important; }
.index_ed{ display: none; }
.videopic{ display: none; }
.phone_banner{ display: none; }
/*  .section.fp-section.fp-table{border: 1px solid #f00!important; width:100%!important;
   height: 100%!important; overflow: hidden!important;
   box-sizing: border-box!important; } 
.section2{ display: block; }
.section3{ display: block; } */
/* .section4{ display: none; }
.section5{ display: none; } */

html { overflow-x: hidden; overflow-y: auto;}




/* .whole .build_img img{ height: 95px; }
.whole .build_ul li:nth-child(3) .build_img img{ height: 95px; }
.whole .build_ul li:nth-child(4) .build_img img{ height: 140px; }
 */

.whole .solu_div{ margin-bottom: 20px; }
.whole .solu_img img{ height: 220px; }
.whole .solu_img{ height: 220px; }
.whole .solu_ul li{ height: 340px; }
.whole .solu_left{ top: 130px; }
.whole .solu_right{ top: 130px; }
.whole .solu_ul li:hover .solu_img img,.whole .solu_ul li:hover .solu_img{ height: 220px; }
.whole .solu_img{ padding: 0; }
.whole .solu_div{ height: 360px; }
.whole .solu_scroll{ height: 360px; }
.build_tit{ margin-bottom: 10px; }


.flo{ background: #fff; z-index: 99999; display: none; border-radius: 5px; position:fixed; left: 50%; top: 50%; width:280px; height: 428px; margin: -214px 0 0 -140px;  }
.flo_h3{ font-size: 18px; color: #fff; background: #0d4da9; height: 50px; line-height: 50px; text-indent: 20px; }
.flo_form{ padding:20px 20px 0;  }
.flo_txt{ display: block; background: none; width: 100%; height: 38px; line-height: 38px; overflow: hidden; margin-bottom:20px; border: 1px solid #dedede; border-radius: 5px; text-indent:10px; font-size: 14px; color: #666666   }
.flo_area{display: block; background: none; width: 100%; resize: none; height: 98px; line-height: 24px; overflow: hidden; margin-bottom:20px; border: 1px solid #dedede; border-radius: 5px; text-indent:10px; font-size: 14px; color: #666666 }
.flo_sub{ font-size: 18px; text-align: center; display: block; border-radius: 5px; width: 100%; height:48px; line-height: 48px; border: 1px solid #0d4da9; color: #fff; background: #0d4da9;  }
.flo_close{ position: absolute; right: 20px; top: 20px; background: url(../images/close1.png) center center no-repeat; width: 11px; height: 11px; }
.ball{    background: url(../images/catabj.png) left center repeat;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;}


.web_icon{background: url(../images/icon.png) left center no-repeat;animation:bounceIn 2s infinite linear ; width: 16px; height: 16px; position: absolute; right: 186px; top: 250px; display: block;}

@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(.9)}
100%{-moz-transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn}
.webzi{position: absolute; right: 176px; top: 270px; font-size: 15px; font-weight: bold; color: #0d4da9   }