body{  font-family:"Microsoft Yahei"; font-size:14px; padding:0; margin:0; background:#fff;color:#000;}
ul li{ list-style-type:none;}
img{ border:0;}
a{ color: #000;}
a,a:hover{ text-decoration:none;}
a:focus{outline:none;text-decoration:none;}
h1,h2,h3,h4,h5,p,ul,dl,dd,label{ margin:0; padding:0;}
h1,h2,h3,h4,h5,dt,label{ font-weight:normal;}
em,i{ font-style: normal; }
input,textarea,button{outline:none !important;}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

.clear{ clear: both; }
.main{width: 1280px; margin: 0px auto; overflow: hidden;}


/*logo*/
.logo{ height: 93px; padding: 7px 0;background: #ffd900; min-width: 1280px; overflow: hidden;}
.logo img{ height: 93px; float: left; max-width: 100%; margin-left: 20px;}

/*banner*/
.banner{ height: 625px; background: url(/static/images/img/banner.jpg) center top no-repeat;min-width: 1280px; overflow: hidden;}
.banner .main{ position: relative;height: 625px;}
.banner form{ width: 415px; position: absolute; right: 0; bottom: 65px;}
.banner form input[type=text]{ border: 0;width: 340px;margin: 0 0 25px; color: #a3a3a3; font-size: 28px; height: 80px; border-radius: 8px; padding: 0 10px 0 65px; background: url(/static/images/img/ico/mob.png) 25px center #fff no-repeat;}
.banner form input[type=submit]{ width: 100%; border: 0; color: #fff; font-size: 30px; height: 80px; border-radius: 8px; background: #2a2635; text-align: center; cursor: pointer;}
.banner form ::-webkit-input-placeholder {color:#a3a3a3;}
.banner form :-moz-placeholder {color:#a3a3a3;}
.banner form ::-moz-placeholder {color:#a3a3a3;}
.banner form :-ms-input-placeholder {color:#a3a3a3;}

/*part1*/
.part1{ padding: 85px 0 110px; min-width: 1280px; overflow: hidden; }
.part1 h1{ text-align: center; font-size: 45px; font-weight: bold;}
.part1 ul{ margin: 40px 0 70px; text-align: center; overflow: hidden;}
.part1 ul li{ float: left; width: 230px; margin: 0 97px; font-size: 26px;overflow: hidden;}
.part1 ul li:before{ content: ""; width: 210px; height: 210px; display: block; margin: 0 auto 15px;}
.part1 ul li p{ margin:15px 0 0; font-size: 21px; color: #737373; line-height: 30px;}
.part1 ul .item1:before{ background: url(/static/images/img/ico/ico1.png) center no-repeat;}
.part1 ul .item2:before{ background: url(/static/images/img/ico/ico2.png) center no-repeat;}
.part1 ul .item3:before{ background: url(/static/images/img/ico/ico3.png) center no-repeat;}
.part1 .btn{ border-radius: 8px; width: 266px; height: 60px; display: block; margin: 0 auto; background: #b92c31; color: #fff;text-align: center; line-height: 60px; font-size: 26px; }

/*part2*/
.part2{min-width: 1280px; overflow: hidden;}
.part2 h1{ margin:0 0 20px 70px; height: 71px;background: url(/static/images/img/ico/tip1.png) left center no-repeat;}
.part2 ul{ background: #dcdddd;padding: 20px 36px; overflow: hidden; }
.part2 ul li{ background: #fff; padding: 60px 0 0; text-align: center; width: 336px; float: left; margin: 0 33px;}
.part2 ul li:before{ content: ""; width: 61px; height: 51px; display: block; margin: 0 auto 63px;}
.part2 ul li h2{ font-size: 26px; line-height: 38px; height: 76px; overflow: hidden;}
.part2 ul li span{ display: block; margin:20px 0 0; font-size: 21px; color: #737373; line-height: 30px; height: 90px; overflow: hidden;}
.part2 ul li p{ margin: 30px 0 0; height: 280px; overflow: hidden;}
.part2 ul li p img{ display: block; width: 100%; height: 280px;}
.part2 ul .list1:before{ background: url(/static/images/img/ico/01.png) center no-repeat;}
.part2 ul .list2:before{ background: url(/static/images/img/ico/02.png) center no-repeat;}
.part2 ul .list3:before{ background: url(/static/images/img/ico/03.png) center no-repeat;}

/*part3*/
.part3{ padding: 120px 0 25px; min-width: 1280px; overflow: hidden;}
.part3 h1{ font-size: 45px; font-weight: bold; margin: 0 0 30px 115px; overflow: hidden; }
.part3 h1 p{font-weight: normal; font-size: 35px; color: #969696;}
.part3 ul{ overflow: hidden;}
.part3 ul li{ float: left; color: #fff; width: 518px; height: 283px; padding:0 25px 0 55px; margin: 0 9px 15px;}
.part3 ul h3{ font-weight: bold; font-size: 26px; margin: 0 0 18px; text-align: center;}
.part3 ul p{ font-size: 21px; line-height: 29px; padding-left: 25px; background: url(/static/images/img/ico/ico.png) left 10px no-repeat;}
.part3 ul .info{font-size: 21px; line-height: 34px;}
.part3 ul .list1{ width:551px; height:254px;padding-top:85px;margin: 0 9px 15px 0; background: url(/static/images/img/bg1.jpg) center top no-repeat;}
.part3 ul .list1 h3{ margin: 0 0 28px; }
.part3 ul .list2{ margin: 56px 0 15px 9px; height: 253px; padding-top: 30px; background: url(/static/images/img/bg2.jpg) center no-repeat;}
.part3 ul .list2 h3{ margin: 0 0 28px; }
.part3 ul .list3{ margin: 0 9px 15px 33px; height: 267px; padding-top:16px;background: url(/static/images/img/bg4.jpg) center no-repeat;}
.part3 ul .list4{ height: 267px; padding-top:16px; background: url(/static/images/img/bg3.jpg) center no-repeat;}

/*底部*/
.footer{ text-align: center; background: #ffd900; height:30px; padding: 14px 0; min-width: 1280px; overflow: hidden;}
.footer a{ display: block; vertical-align: top; font-size: 20px;line-height: 30px;}

/*右侧浮动窗口*/
.float-box{ width:92px;position: fixed; right: 30px; bottom:200px;}
.float-box li{border-radius: 3px; background: #ffd900; margin: 0 0 3px;}
.float-box li a{ display: block; height: 92px; text-align: center;}
.float-box li a:before{ content: ""; width: 62px; height:62px; display: block;}
.float-box .kefu:before{ margin: 0 auto 5px; background: url(/static/images/img/ico/float-ico1.png) center 10px no-repeat;}
.float-box .yuyue:before{ margin: 0 auto 5px; background: url(/static/images/img/ico/float-ico2.png) center 14px no-repeat;}
.float-box .kec:before{ margin: 0 auto 5px; background: url(/static/images/img/ico/float-ico3.png) center 15px no-repeat;}
.float-box .xuefei:before{ margin: 0 auto 5px; background: url(/static/images/img/ico/float-ico4.png) center 15px no-repeat;}
.float-box .tel:before{ margin: 0 auto 5px; background: url(/static/images/img/ico/float-ico5.png) center 14px no-repeat;}

.success-box{ background: rgba(0,0,0,.6); position: fixed; left: 0; top: 0; right: 0; bottom: 0;}
.success-box .box{ background: url(/static/images/img/box.png) center no-repeat; width: 443px; height: 285px; position:absolute; left: 50%; top: 50%; margin: -142px 0 0 -221px;}
.success-box .close{ width: 42px; height: 42px; cursor: pointer; position: absolute; right: 0; top: 0;}