/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.title{background:url(../images/tit2.png) no-repeat bottom;}

/* -- 广告 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.fullSlide {width:100%;position:relative;z-index:0; clear: both; }
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd .con{width:100% !important;height:auto!important; display:block;}
.fullSlide .bd li {width:100% !important;overflow:hidden;text-align:center; background: no-repeat center top;z-index:0;}
.fullSlide .bd li img {display:block;height:auto!important; width:100%;}

.fullSlide .hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.fullSlide .hdu li{display: inline-block;width: 12px;height: 12px;background: #ffffff;margin:0 10px;border-radius: 6px;}
.fullSlide .hdu li.on{background: #008fd7;}

.fullSlide .prev{position:absolute;top:45%;left:1.5%;z-index: 10;cursor: pointer;}
.fullSlide .next{position:absolute;top:45%;right:1.5%;z-index: 10;cursor: pointer;}
.fullSlide i{text-align: center;width: 60px; height: 60px;border-radius: 50%;background: rgba(141,206,0,0.8);}
.fullSlide i img{height: 30px;display: inline-block;margin-top: 15px;}

/* -- 搜索 -- */
.sou{height:80px;box-shadow: 0 0 20px rgba(243,243,243,0.9);}
.sou p{height:80px;color: #333333;line-height:80px;font-size: 16px;width:755px;float: left;}
.sou p b{font-size: 16px;color: #333333;font-weight:normal;margin-right: 12px;}
.sou p a{font-size: 16px;color: #333333;padding-right:13px;font-weight: normal;line-height: 16px;}

.sou .s_box{float: right;margin-top:20px;width: 300px;height:40px;overflow: hidden;border-radius: 20px;position: relative;background: #8dce00;}
.sou .s_box .input1{float: left;width: 240px;padding-left: 20px;height:40px;line-height:40px;font-size: 14px;color: #ffffff;border: 0;background: none;outline: 0;}
.sou .s_box .input2{float: left;border: 0;outline: 0;cursor: pointer;width:32px;height:30px;background:url(../images/sou_1.png) no-repeat center;margin-top:5px;}
.sou .s_box .input1::-webkit-input-placeholder{color:#fff;opacity: 1;}
.sou .s_box .input1::-moz-placeholder{color:#fff;opacity:1;}


/* -- 引子 -- */
.yz{height: 620px;background: url(../images/yz_bg.jpg) no-repeat center;}
.yz_l{ float:left;width:500px;margin-top: 110px;}
.yz_l h2{text-align: left;height:105px;}
.yz_l h2 em{font-size:48px;color:#008fd7;display: block;line-height:48px;font-family: Impact;margin-bottom:20px;letter-spacing: 5px;}
.yz_l h2 span{height:33px;width:430px;display: block;margin-left: 59px;}

.yz_l p{font-size: 16px;line-height: 30px;color: #666666;display: block;margin-top: 40px;}

.yz_z{height:70px;width:540px;margin-top: 53px;}
.yz_z li{ float: left;text-align:center;width:135px;height:70px;border-right: 1px solid #e2e2e2;box-sizing: border-box;}
.yz_z li b{ display: inline-block;font-size:50px;line-height: 100%;color: #008fd7;font-weight:normal;vertical-align:bottom;}
.yz_z li i{display: inline-block;width:auto;height:28px;line-height: 28px;font-size:16px;color: #008fd7;text-align: center;font-weight: normal;margin-left: 9px;}
.yz_z li em{ display: block;font-size: 16px; line-height:16px; color: #666666; font-weight:normal;}
.yz_z li:last-child{ border-right:none;}
.yz_z li:first-child{text-align: left;}
.yz_z li:first-child em{padding-left:10px;}

.yz_r{ float: right;width:720px;margin-right: -73px;margin-top: 110px;}
.yz_r li{ float: left;height:386px;overflow: hidden;}
.yz_r li.isa{margin-top:54px;height: 276px;margin-right: 37px;}
.yz_r li.isa img{width:214px;height:276px;display:block;}
.yz_r li.isb{margin-top:10px;height:365px;margin-right: 35px;}
.yz_r li.isb img{width:220px;height:365px;display:block;}
.yz_r li.isc{margin-top:54px;height:276px;}
.yz_r li.isc img{width:214px;height:276px;display:block;}


/* -- 产品优势 -- */
.cpys{height:960px;background: url(../images/yt_bg.jpg) no-repeat center;}

.cpys h2{height:110px;text-align: center;padding-top:101px;background: url(../images/tt1.png) no-repeat bottom;}
.cpys h2 em{font-size:50px;color:#ffffff;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.cpys h2 span{font-size:24px;color:#ffffff;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}

.cpys1{height: 595px;}

.cpys1 ul li{transition: all 0.5s ease 0s;float: left;height: 160px;width: 320px;text-align: center;background: rgba(255,255,255,0.8);border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.cpys1 ul li b{font-size: 24px;color: #333333;line-height: 24px;padding-top: 30px;font-weight: normal;display: block;}
.cpys1 ul li p{font-size: 16px;line-height: 26px;color: #666666;display: block;width: 239px;margin: 0 auto;padding-top: 12px;}
.cpys1 ul .a1{margin-right:560px;}
.cpys1 ul .a2{margin-right:0px;}
.cpys1 ul .a3{margin-left:-30px;margin-top:40px;margin-right: 620px;}
.cpys1 ul .a3 p{width:255px;}
.cpys1 ul .a4{margin-right:-30px;float: right;margin-top: 40px;}
.cpys1 ul .a5{margin-right:560px;margin-top: 40px;}
.cpys1 ul .a6{margin-top: 40px;}

.cpys1 ul li:hover{transform: translateY(-15px);}
.df{height:45px;margin:0 auto;width:350px;}
.df .gda{display: block;width: 140px;height: 45px;line-height:45px;font-size: 18px;color: #ffffff;padding-left:30px;border-radius: 30px;transition: all 0.5s;background:#008fd7;position: relative;margin:-10px auto 0;float:left;margin-right:10px;}
.df .gda::after{height:8px;width:26px;display:block;background: url(../images/aft1.png) no-repeat;content: "";position: absolute;right:25px;top: 18px;}

.df .gds{display: block;width: 140px;height: 45px;line-height:45px;font-size: 18px;color: #ffffff;padding-left:30px;border-radius: 30px;transition: all 0.5s;background:#008fd7;position: relative;margin:-10px auto 0;float:left;}
.df .gds::after{height:8px;width:26px;display:block;background: url(../images/aft1.png) no-repeat;content: "";position: absolute;right:25px;top: 18px;}
.cpys1 .gds:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/* -- 除臭应用方案 -- */
.ccfa{height: 945px;background: url(../images/fa_bg.jpg) no-repeat center;position: relative;}
.ccfa h2{height:110px;text-align: center;padding-top:121px;}
.ccfa h2 em{font-size:50px;color:#333333;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.ccfa h2 span{font-size:24px;color:#333333;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}


.ysti1{overflow: hidden;height: 110px;margin-top: 49px;}
.ysti1 ul{text-align: center;font-size: 0;}
.ysti1 li{display: inline-block;height:110px;width:160px;text-align: center;}

.ysti1 li h3{ display: block;color: #333333;}
.ysti1 li h3 i{height:70px;width:70px;display: block;margin:0 auto;border-radius: 35px;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.ysti1 li span{display:block;font-size:16px;line-height:16px;padding-top:20px;}


.ysti1 li h3 .is1{background: url("../images/icon_1.png") no-repeat center #ffffff;}
.ysti1 li h3 .is2{background: url("../images/icon_3.png") no-repeat center #ffffff;}
.ysti1 li h3 .is3{background: url("../images/icon_2.png") no-repeat center #ffffff;}
.ysti1 li h3 .is4{background: url("../images/icon_4.png") no-repeat center #ffffff;}
.ysti1 li h3 .is5{background: url("../images/icon_6.png") no-repeat center #ffffff;}
.ysti1 li h3 .is6{background: url("../images/icon_5.png") no-repeat center #ffffff;}
.ysti1 li h3 .is7{background: url("../images/icon_7.png") no-repeat center #ffffff;}

.ysti1 li.cur h3 .is1{background: url("../images/icon_1s.png") no-repeat center #8dce00;}
.ysti1 li.cur h3 .is2{background: url("../images/icon_3s.png") no-repeat center #8dce00;}
.ysti1 li.cur h3 .is3{background: url("../images/icon_2s.png") no-repeat center #8dce00;}
.ysti1 li.cur h3 .is4{background: url("../images/icon_4s.png") no-repeat center #8dce00;}
.ysti1 li.cur h3 .is5{background: url("../images/icon_6s.png") no-repeat center #8dce00;}
.ysti1 li.cur h3 .is6{background: url("../images/icon_5s.png") no-repeat center #8dce00;}
.ysti1 li.cur h3 .is7{background: url("../images/icon_7s.png") no-repeat center #8dce00;}


.ccfa_con{height:495px; position: relative;margin-top: 60px;}
.ccfa_con dl{background: #f2f2f2;}
.ccfa_con dt{height:495px; width:880px;float:right;overflow: hidden;}
.ccfa_con dt img{height:495px; width:880px;display: block;transition: all 0.3s linear 0s;}
.ccfa_con dd{height:495px;width:320px;float:left;}
.ccfa_con dd h3{font-size:26px;color: #222222;display: block;line-height:26px;font-weight:normal;margin-left:40px;padding-top: 48px;}
.ccfa_con dd h3 a{color: #222222;}
.ccfa_con dd p{font-size: 16px;line-height:30px;display: block;color: #666666;margin-left:40px;margin-top: 33px;width:245px;}
.ccfa_con dd .gds{display: block;width: 140px;height: 45px;line-height:45px;font-size: 18px;color: #ffffff;padding-left:30px;border-radius: 30px;transition: all 0.5s;background:#008fd7;position: relative;margin-top: 80px;margin-left: 40px;}
.ccfa_con dd .gds::after{height:8px;width:26px;display:block;background: url(../images/aft1.png) no-repeat;content: "";position: absolute;right:25px;top: 18px;}
.ccfa_con dd .gds:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ccfa_con .sprev{position: absolute;left:0;top:-160px;width:50px;height:50px;background:url(../images/left1.png) no-repeat;z-index: 10;border-radius: 50px;}
.ccfa_con .snext{position: absolute;right:0;top:-160px;width:50px;height:50px;background:url(../images/right.png) no-repeat #008fd7;z-index: 10;border-radius: 50px;}

.ccfa_con dt:hover img{transform: scale(1.05);}



/* -- 定制流程 -- */
.lcdz{height: 880px;}
.lcdz h2{height:110px;text-align: center;padding-top:95px;}
.lcdz h2 em{font-size:50px;color:#333333;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.lcdz h2 span{font-size:24px;color:#333333;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}

.dz_1{float: left;width: 420px;margin-top: 50px;}
.dz_1 ul li{height: 180px;background: url(../images/dz_bg.png) no-repeat center;float: left;width: 200px;position: relative;text-align: center;margin-right: 20px;margin-bottom: 20px;}
.dz_1 ul li i{transition: all 0.5s linear;width: auto;margin: 34px auto 0;display: block;}
.dz_1 ul li span{font-size:20px;color:#ffffff;display: block;line-height:30px;padding-top: 7px;}
.dz_1 ul li b{font-size:20px;color:#ffffff;display: block;line-height:20px;position: absolute;top:10px;left: 15px;font-weight: normal;}
.dz_1 ul li:nth-child(2n){margin-right: 0;}

.dz_1 ul li:hover i{transform: rotateY(180deg);}

.zx{position: relative;height:580px;width:690px;float: right;padding-left: 90px;border-left: 1px solid #dddddd;box-sizing: border-box;margin-top: 50px;}


.zx h3{padding-top: 51px;text-align: left;border-top: 1px solid #dddddd;box-sizing: border-box;}
.zx h3 em{font-size:30px;color:#333333;display: block;line-height:30px;font-weight: normal;}
.zx h3 span{font-size:16px;color:#666666 ;display: block;line-height:30px;font-weight: normal;display: block;padding-top:10px;width: 560px;}



.zx ul{margin-top: 45px;}

.zx li{height:60px;width:290px;border: 1px solid #dddddd;float: left;line-height:60px;background: #ffffff;box-sizing: border-box;border-radius: 6px;}


.zx .nam{margin-right:19px;}
.zx .nam input{border: none;background: none;height:60px;width:268px;font-size: 16px;color: #333333;padding-left:20px;}
.zx .ph input{border: none;background: none;height:60px;width:268px;font-size: 16px;color: #333333;padding-left:20px;}

.zx .ly{width:600px;height:200px;margin-top:24px;}
.zx .ly textarea{border: none;background: none;height: 178px;width: 579px;font-size: 16px;color: #333333;padding-left: 20px;padding-top: 19px;}
.zx .submit .form-btn-submit{height:60px;width:240px;cursor: pointer;font-size: 18px;color: #333333;display: block;font-weight: normal;background:url(../images/yr_1.png) no-repeat 150px 23px;text-align:left;margin-top:40px;margin-left: 280px;border: 1px solid #dddddd;padding-left: 60px;border-radius: 9px;box-sizing: border-box;    float: left;}
.zx .submit .form-btn-submit:hover{color: #008fd7;}



.zx .submit .form-btn-reset{display: none;}
.zx span{display:none;}

.zx p{width: 200px;height: 36px;padding-left: 46px;background: url(../images/phrs.png) no-repeat left;position: absolute;left:143px;bottom:13px;line-height: 36px;}
.zx p b{font-size: 24px;font-family: Arial;font-weight: normal;display: block;color: #008fd7;}
.zx .input04:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/* -- 定制流程 -- */
.ys_1{height: 990px;}
.ys_1 h2{height:110px;text-align: center;padding-top:76px;}
.ys_1 h2 em{font-size:50px;color:#333333;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.ys_1 h2 span{font-size:24px;color:#333333;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}



.tit ul{height:120px;margin-top: 39px;}
.tit li{height:120px;float: left;width:285px;border: 1px solid #dcdcdc;border-radius: 10px;box-sizing: border-box;margin-right: 20px;}
.tit li span,.tit li span i{width: 60px;height: 55px;float: left;}
.tit li a{color: #333333;font-size: 24px;font-weight: normal;}
.tit li.cur {color:#ffffff;background: #008fd7;}
.tit li:hover{background: #008fd7;}
.tit li:hover p{color: #ffffff;}
.tit li.cur p{color: #ffffff;}
.tit li span{width: 60px;height:55px;display: block;position: relative;overflow: hidden;margin:33px 17px 0 43px;}
.tit li p{font-size: 24px;color: #333333;display: block;line-height: 32px;float: left;padding-top: 30px;}
.tit li:last-child{margin-right: 0;}

.tit li span i{width:60px;height: 55px;position: absolute;display: block;top:0;left:0;}
.tit li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tit li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-55px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-55px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.tit li:hover span .default,.tit li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tit li:hover span .hover,.tit li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}



.ys_con{height:600px; position: relative;margin-top: 20px;}
.ys_con dt{height:600px; width:1920px;float:left;margin-left:-360px;}
.ys_con dt img{height:600px; width:100%;display: block;}


.ys_con dd{height:260px;width:630px;float:right;background:rgba(255,255,255,0.9);position: absolute;right: 0;top: 220px;border-radius: 10px;}
.ys_con dd h3{height:116px;text-align:center;position: relative;width: 52px;background: #8dce00;border-radius:7px;margin-top: -30px;margin-left: 32px;float: left;}
.ys_con dd h3 em{font-size:30px;color: #ffffff;display: block;line-height: 30px;font-weight: normal;padding-top: 30px;}
.ys_con dd h3 i{font-size:12px;color: #ffffff;display: block;line-height:12px;font-weight: normal;padding-top:7px;text-transform: uppercase;}
.ys_con dd span{float: left;font-size:30px;color: #333333;display: block;line-height:30px;padding-top: 40px;margin-left: 32px;}
.ys_con dd p{font-size:16px;display: block;line-height:30px;padding-left:115px ;float: left;color: #333333; width: 480px;}
.ys_con dd h3::after{height: 1px;width: 24px;background: #333333;display: block;position: absolute;right: -15px;bottom: 27px;content: "";}

/* --案例-- */
.al{height:1280px;}
.al h2{height:110px;text-align: center;padding-top:75px;}
.al h2 em{font-size:50px;color:#333333;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.al h2 span{font-size:24px;color:#333333;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}


.al_con{margin-top: 49px;}

.al_con dl{height: 466px;float: left;width: 380px;border-bottom: 1px solid #dedede;box-sizing: border-box;position: relative;margin-right: 30px;margin-bottom: 44px;}
.al_con dl dt{height: 215px;width: 380px;display: block;overflow: hidden;border-radius: 7px;}
.al_con dl dt img{height: 215px;width: 380px;display: block;transition: all 0.5s;}
.al_con dl dd{height: 250px;}
.al_con dl dd h4{font-size:24px;color:#333333;display: block;line-height: 24px;padding-top: 31px;font-weight: normal;padding-bottom: 18px;}
.al_con dl dd h4 a{color:#333333;}
.al_con dl dd p{font-size:16px;color:#666666;display: block;line-height:30px;}
.al_con dl dd .gds{height: 30px;width: 115px;background: url(../images/z_1.png) no-repeat left;padding-left: 40px;font-size:16px;color:#333333 ;font-weight: normal;line-height: 30px;margin-top: 36px;display: block;}
.al_con dl:nth-child(3n){margin-right: 0;}

.al_con dl:after{position: absolute;width: 0;height: 3px;background: #8dce00;content: "";left: 50%;transform: translateX(-50%);bottom: 0;transition: all 0.5s linear;}
.al_con dl:hover:after{width: 100%;}
.al_con dl:hover dt img{transform:scale(1.1);}
.al_con dl:hover dd .gds{background: url(../images/r_s2.png) no-repeat left;}

/* --新闻资讯-- */
.news{height:815px;}
.news h2{height:110px;text-align: center;padding-top:38px;}
.news h2 em{font-size:50px;color:#333333;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.news h2 span{font-size:24px;color:#333333;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}


.dongt{float:left;width:560px;margin-top:49px;}
.dongt .bt{height:22px;line-height:22px;font-size:22px;position: relative;margin-bottom: 28px;}
.dongt .bt a {color: #333333;padding-left: 20px;position: relative;}
.dongt .bt::after{height: 22px;width: 4px;background: #008fd7;display: block;position: absolute;left: 0;top: 0;content: "";}


.dongt dl{height:300px;overflow: hidden;position: relative;border-bottom: 1px solid #dddddd;box-sizing: border-box;}
.dongt dt{font-size:0;line-height: 0;float:left;width:560px;overflow:hidden;}
.dongt dt img {width:560px;height:160px;transition:all 0.5s;}
.dongt dl:hover dt img{transform:scale(1.1);}

.dongt dd {height:140px;float: left;}
.dongt dd h4 a {display: block;font-size:18px;color: #333333;text-align:left;font-weight: normal;line-height:18px;padding-top:29px;}
.dongt dd p{font-size: 16px;line-height: 26px;display: block;color: #666666;padding-top: 19px;width: 545px;}

.dongt ul{height:156px;margin-top:18px;}
.dongt li {padding-left:15px;height:36px;line-height:36px;font-size:16px;color: #333333;box-sizing: border-box;position: relative;}
.dongt li a{font-size:16px;color: #333333;}
.dongt li span {float:right;font-size: 14px;color: #999999;}
.dongt li:after{position: absolute;width:8px;height:7px;background:url(../images/n_jt.png) no-repeat;content: "";top:15px;left:0px;}
.dongt li:last-child{border-bottom: 0;}
.dongt li:hover a{color:#8dce00;}


.news2{float:right;width:562px;position: relative;margin-top:49px;}
.news2 .bt{height:22px;line-height:22px;font-size:22px;position: relative;margin-bottom:19px;}
.news2 .bt a {color: #333333;padding-left: 20px;position: relative;}
.news2 .bt::after{height: 22px;width: 4px;background: #008fd7;display: block;position: absolute;left: 0;top: 0;content: "";}


.news2 ul {float:left;width:562px;}
.news2 ul li{height: 110px;width: 562;float: left;margin-bottom:20px;border-bottom: 1px solid #dddddd;box-sizing: border-box;}
.news2 ul li i{font-size: 14px;color: #666666;line-height: 14px;display: block;width:80px;text-align:left;float: left;height: 110px;position: relative;}
.news2 ul li i b{font-size:50px;color: #333333;line-height:50px;font-family: "Arvo";padding-top:8px;display: inline-block;padding-bottom:10px;width:80px;font-weight: normal;}
.news2 ul li i:after{position: absolute;width:1px;height:70px;background:#dddddd;content: "";top:9px;right:0px;}
.news2 ul li h4{font-size:15px;font-weight:normal;line-height:18px;display: block;float: left;padding-top:7px;color: #333333;padding-left:24px;}
.news2 ul li h4 a{color: #333333;}
.news2 ul li span{font-size: 14px;color: #666666;line-height: 24px;float: left;display: block;width:455px;padding-left:24px;margin-top:10px;}
.news2 ul li:hover h4{color:#8dce00;}
.news2 ul li:hover b{color:#8dce00;}

/* -- 关于我们 -- */
.abt{ background:url(../images/abt_bg.jpg) no-repeat  center;height:820px;}
.abt h2{height:110px;text-align: center;padding-top:72px;}
.abt h2 em{font-size:50px;color:#333333;display: block;line-height:50px;font-weight: normal;letter-spacing: 5px;}
.abt h2 span{font-size:24px;color:#333333;display: block;line-height:24px;padding-top:10px;font-weight: normal;letter-spacing: 4px;}


.abt1{height: 500px;background: #fff;margin-top: 38px;}
.abt1 dl{height: 400px;padding-top: 50px;}

.abt1 dl dt{float: right;}
.abt1 dl dt img{height:400px;width:640px;display: block;}
.abt1 dl dd{width: 490px;float: left;}
.abt1 dl dd h4{font-size: 34px;color: #008fd7;display: block;line-height: 34px;font-weight: normal;padding-top: 30px;}
.abt1 dl dd p{font-size: 16px;line-height: 30px;color: #666666;display: block;width: 475px;padding-top: 22px;}
.abt1 dl dd ul{height: 100px;margin-top:40px;}
.abt1 dl dd ul li{float: left;height: 100px;width:100px;background: #ffffff;border:1px solid #dfdfdf;box-sizing: border-box;text-align: center;margin-right: 10px;border-radius:60px;}
.abt1 dl dd ul li em{font-size:20px;color:#333333 ;display: block;line-height:20px;font-weight: normal;padding-top: 30px;}
.abt1 dl dd ul li span{font-size:12px;color:#999999 ;display: block;line-height:12px;font-weight: normal;padding-top:7px;text-transform: uppercase;}
.abt1 dl dd ul .cur{background: #008fd7;border: 4px solid #33a5df;}
.abt1 dl dd ul .cur em{color: #ffffff;}
.abt1 dl dd ul .cur span{color: #ffffff;}
.abt1 dl dd ul li:hover{background: #008fd7;border: 4px solid #33a5df;}
.abt1 dl dd ul li:hover em{color: #ffffff;}
.abt1 dl dd ul li:hover span{color: #ffffff;}





@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }

}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}