@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
input,textarea{border:2 none;box-shadow:none;outline:0}
body,button,input,select,textarea{font:14px/22px "Microsoft YaHei";color:#666}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
* h1,* h2,* h3,* h4,* h5,* h6{margin:0}
address,cite,dfn,em,i,var{font-style:normal}
li,ol,ul{list-style:none}
a{text-decoration:none;color:#666;word-wrap:break-word}
a:hover{text-decoration:none;color:#258C44}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
.hdt{display:none;font-size:0;line-height:0;}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.fz12{font-size:12px}
.fz14{font-size:14px}
.fz16{font-size:16px}
.fz18{font-size:18px}
.fz20{font-size:20px}
.fz22{font-size:22px}
.clear{clear:both;height:0}
.blk-main .clearlist{clear:both;height:0;padding:0;margin:0;border:0;width:100%;float:none}
.nsw-modal{width:100%;height:100%;background:rgba(225,225,225,.5);position:fixed;top:0;left:0;z-index:99999}
.modal-dialog{position:fixed;color:#000;top:150px;width:400px;border-radius:3px;min-height:155px;overflow:hidden;z-index:99998;margin-left:-200px;left:50%}
.modal-dialog .css-icon{background-image:url(images/modal-icons.png)}
.modal-dialog .modal-head{height:30px;line-height:30px;padding:0 20px;background:#f6efef;font-size:14px}
.modal-dialog .modal-head .modal-logo{width:15px;height:15px;background-position:1px 0;margin:8px 5px 0 0;float:left}
.modal-dialog .modal-head .close{float:right;width:15px;height:15px;background-position:-14px 0;margin-top:8px}
.modal-dialog .modal-body{width:100%;min-height:125px;background:#fff}
.modal-dialog .modal-body .modal-body-left{width:140px;float:left}
.modal-dialog .modal-body .modal-body-left .icon{width:64px;height:64px;margin:30px 0 0 48px}
.modal-dialog .modal-body .modal-body-left .success-message{background-position:0 -14px}
.modal-dialog .modal-body .modal-body-left .warming-message{background-position:0 -78px}
.modal-dialog .modal-body .modal-body-right{width:260px;float:right;padding-top:20px}
.modal-dialog .modal-body .modal-body-right .close-btn{color:#000;text-align:center;width:90px;display:inline-block;height:24px;line-height:24px;background:#818079}
.modal-dialog .modal-body .modal-body-right p{line-height:30px}
.content,.footer,.header{width:1200px;margin:10px auto 40px auto;}
body{min-width:1200px;width:100%}
.four{padding:40px 0 40px;}
.four ul li{width:240px;float:left;text-align:center;font-size:16px;color:#666;background:url(images/four_line01.gif) no-repeat 0 42px}
.four ul li em{width:45px;display:block;margin:0 auto}
.four ul li em img{width:45px;height:42px;display:block;transition:all .3s ease-in-out 0s}
.four ul li span{display:block;font-size:22px;color:#333;height:70px;line-height:70px;background:url(images/underline.png) no-repeat center 66px;margin-bottom:12px}
.four ul li:first-child{background:0 0}
.four ul li:hover em img{transform:rotateY(180deg)}
.cp_bg{/*background:url(images/cp_bg01.jpg) no-repeat center 0;height:160px;*/padding:50px 0 0;overflow:hidden;background-color:#f1f5f8}
.chanp{height:821px}
.cp_m img{width:1200px;height:620px}
.cp_bot{width:600px;position:absolute;bottom:92px;left:355px}
.cp_bot ul li{width:130px;height:50px;float:left;padding:0 45px 0 0}
.cp_bot ul li a{display:block;font-size:20px;color:#fff;display:block;float:left;width:128px;text-align:center;height:48px;line-height:48px;border:#fff 1px solid;border-radius:10px}
.cp_bot ul li a:hover,.cp_bot ul li.on a{background:#fff;color:#333}
.cp02_bg{background:#f1f5f8;overflow:hidden;padding-top:50px;}
.cp_t{width:250px;overflow:hidden;text-align:center;float:left;background:#fff;padding-bottom:40px}
.cp_t ul li{position:relative}
.cp_t ul li a{font-size:17px;height:40px;overflow:hidden;padding:5px 30px;margin:17px auto;border-bottom:1px solid #f1f1f1;width: 170px;display:block;line-height:25px;transition:all .3s ease-in-out;}
.cp_t ul li a::before{content:"";position:absolute;right:0;top:7px;background:#258C44;width:2px;height:20px;display:none;transition:all .3s ease-in-out}
.cp_t ul li a:hover::before{display:block}
.cp_t h3{height:100px;line-height:100px;background:#258C44;color:#fff;font-size:30px;font-weight:unset}
.cp02_m{padding:0 0 0;float:right;width:930px}
.cp_qie p{width:19px;height:36px;position:absolute;cursor:pointer;top:115px}
.cp_qie p img{width:19px;height:36px}
.cp_lico{left:-50px}
.cp_rico{right:-50px}
.cp_qie ul li{width:300px;float:left;line-height:0;/*height:277px;*/box-shadow:0 3px 10px 3px #ebeef0;margin:0 14px 14px 0;background:#fff}
.cp_qie ul li:nth-child(3n){margin-right:0}
.cp_qie ul li img{width:300px;/*height:217px*/height:100%;}
.cp_qie ul li span{width:300px;display:block;text-align:center;height:60px;line-height:60px;background:#258C44;/*margin-top:1px;*/overflow:hidden;font-size:16px;color:#FFF;transition:all .3s ease-in-out 0s}
.cp_qie ul li a:hover span{background:#fff;color:#666}
.chanp02 .u-more{display:block;font-size:16px;color:#fff;width:190px;text-align:center;height:36px;line-height:36px;background:#258C44;border-radius:20px;margin:20px auto 30px;}
.chanp02 .u-more:hover{animation:shake 1.1s linear;-webkit-animation:shake 1.1s linear}
.three_bg{height:540px;padding:60px 0 20px;background-color:#252525;}
.three_t{font-size:46px;color:#fff;text-align:center;font-weight:400;line-height:50px;height:150px}
.three_t span{display:block;font-size:18px;color:#999;text-transform:uppercase}
.three dl{background:url(images/three_k.gif) no-repeat;width:386px;height:313px;float:left;margin-right:21px;overflow:hidden}
.three dl dt{font-size:24px;color:#333;background:url(images/three_line.gif) no-repeat center 102px;height:104px;line-height:120px;overflow:hidden;text-align:center}
.three dl:hover dt{color:#258C44;}
.three dl dd{padding:20px 0 0;position:relative;height:189px}
.three dl dd p{font-size:14px;color:#666;line-height:30px;height:90px;overflow:hidden;width:300px;margin:0 auto;text-align:left;}
.three dl dd em{display:block;font-size:14px;color:#fff;width:30px;text-align:center;height:30px;line-height:30px;position:absolute;bottom:5px;left:2px}
.three a .icon{position:relative;display:block;width:57px;height:57px;margin:18px auto 0}
.three a .icon i{position:absolute;width:100%;height:100%;background:url(images/idesign_icon.png);top:0;left:0}
.three a .icon .default{-webkit-transition:all .4s linear;transition:all .4s linear}
.three a .icon .hover{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,0,-57px) rotate3d(1,0,0,90deg);transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition:all .4s linear;transition:all .4s linear}
.three a.i1 .icon .default{background-position:0 0}
.three a.i2 .icon .default{background-position:0 -57px}
.three a.i3 .icon .default{background-position:0 -114px}
.three a.i1 .icon .hover{background-position:-57px 0}
.three a.i2 .icon .hover{background-position:-57px -57px}
.three a.i3 .icon .hover{background-position:-57px -114px}
.three a:hover .hover{opacity:1;visibility:visible}
.three a:hover .default{opacity:0;visibility:hidden}
.three a:hover .default{-webkit-transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,57px,0) rotate3d(1,0,0,-90deg)}
.three a:hover .hover{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg)}
.three .nobor{margin-right:0}
.three_tel{text-align:center;padding:65px 0 0}
.three_tel a{display:block;font-size:14px;color:#fff;width:120px;text-align:center;height:35px;line-height:35px;background:#258C44;border-radius:15px;margin:0 auto}
.three_tel a:hover{background:#fff;color:#333}
.three_tel span{display:block;font-size:14px;color:#a4a5a6;border-bottom:#51545a 1px solid;width:155px;margin:0 auto;height:30px;line-height:30px;padding:15px 0 0}
.chanp .three_t{color:#333;height:147px}
.case_bg{background:url(images/case_bg.gif) no-repeat center 0;height:800px}
.case .three_t{color:#333;height:130px;padding:15px 0 0}
.case .three_t a,.chanp .three_t a{color:#333}
.case .three_t span,.chanp .three_t span{color:#666}
.case_t{height:55px;line-height:55px;border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;width:1008px;padding:0 90px}
.case_t ul li{background:url(images/case_bor.gif) no-repeat right 19px;float:left}
.case_t ul li a{font-size:20px;color:#666;padding:0 40px;display:block;float:left}
.case_t ul li a:hover,.case_t ul li.on a{font-weight:700}
.case_t span{display:block;float:right}
.case_t span a{font-size:20px;color:#666}
.case_qiem dl dt{width:600px;height:450px;float:right;position:relative;line-height:0;margin:50px 50px 0 0}
.case_qiem dl dt img{width:600px;height:450px}
.case_qiem dl dt em{width:600px;height:15px;display:block;float:left;position:absolute;z-index:4;bottom:0;left:0}
.case_qiem dl dt em:after{content:'';position:absolute;height:100%;width:0;background:#2c99ff;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s}
.case_qiem dl dt:hover em:after{width:100%}
.case_qiem dl dd{width:440px;padding:50px 0 0 30px;float:left}
.case_qiem dl dd h5{background:url(images/case_tbg.gif) no-repeat;width:440px;height:125px;line-height:125px;overflow:hidden}
.case_qiem dl dd h5 a{color:#333;font-size:38px;padding:0 0 0 20px}
.case_desc{font-size:14px;color:#666;line-height:24px;padding:10px 0 0 20px;width:390px}
.case_desc i{display:block;color:#333}
.case_desc p{padding:0 0 12px}
.case_qiem dl dd span{display:block;width:110px;padding:30px 0 0 20px}
.case_qiem dl dd span a{display:block;font-size:16px;color:#fff;width:110px;text-align:center;height:40px;line-height:40px;overflow:hidden;border-radius:5px;background:#2c99ff}
.case_lico,.case_rico{width:19px;height:36px;position:absolute;cursor:pointer;top:250px;z-index:20}
.case_lico img,.case_rico img{width:19px;height:36px}
.case_lico{left:-20px}
.case_rico{right:0}
.hz_bg{background:url(images/hz_bg.gif) no-repeat center 0;height:525px;padding:115px 0 0}
.hz_t{height:90px;text-align:center}
.hz_t a{font-size:33px;color:#666;font-weight:400}
.hz ul{width:1155px;height:348px;display:block;margin:0 auto;border-top:#e5e5e5 1px solid;border-left:#e5e5e5 1px solid}
.hz ul li{width:230px;height:115px;float:left;border-bottom:#e5e5e5 1px solid;border-right:#e5e5e5 1px solid}
.hz ul li img{width:230px;height:115px}
.hz ul li:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}
.ys{padding:0 0 60px}
.ys .three_t{color:#333;height:160px;padding:10px 0 0}
.ys .three_t span{color:#666}


.news_bg{background-color:#fff;height:620px;padding:55px 0 0}
.news_main .three_t{height:153px}
.about .three_t a,.news_main .three_t a{color:#333}
.about .three_t span,.news_main .three_t span{color:#666}
.wd{width:570px}
.wd dl{width:570px;padding:10px 0 0}
.wd dt{width:570px;height:285px;overflow:hidden;box-sizing:border-box;}
.about dl dt img,.wd dt img{width:570px;height:285px;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.about dl dt img:hover,.wd dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.wd dd{width:570px;padding:15px 0 0}
.wd_l{width:75px;font-size:16px;color:#231815;line-height:34px;background:url(images/news_line.gif) no-repeat right 9px}
.wd_l span{display:block;background:url(images/news_time.gif) no-repeat 0 10px;padding-left:18px}
.wd_l i{display:block;font-size:50px;font-family:"Times New Roman",Times,serif}
.wd_r{width:400px;padding-left:30px}
.wd dd h5{height:30px;line-height:30px;overflow:hidden;font-weight:400}
.wd dd h5 a{font-size:18px;color:#010101;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_m dd h5 a:hover,.wd dd h5 a:hover{color:#258C44;}
.wd .news_desc{font-size:14px;color:#9a9a9a;line-height:22px;height:44px;overflow:hidden;padding:5px 0 0}
.news{width:510px}
.news_t{height:30px;line-height:30px}
.news_t ul{float:left}
.news_t ul li{float:left;background:url(images/news_bor.gif) no-repeat right 8px}
.news_t ul li a{font-size:16px;color:#000;display:block;height:30px;float:left;padding:0 25px}
.news_t ul li a:hover,.news_t ul li.on a{font-weight:700}
.news_t span{float:left;padding-left:25px}
.news_t span a{font-size:16px;color:#000;text-transform:uppercase}
.news_t ul li:first-child a{padding-left:0}
.news_m dl{width:510px;height:82px;border-bottom:#dcdcdc 1px dashed;padding:20px 0}
.news_m dt{width:80px;float:right;font-size:16px;color:#666160;text-align:center;background:url(images/news_time.gif) no-repeat center 9px;line-height:34px}
.news_m dt i{display:block;font-size:50px;color:#484240;font-family:"Times New Roman",Times,serif}
.news_m dd{float:left;overflow:hidden;width:395px}
.news_m dd h5{height:30px;line-height:30px;overflow:hidden;font-weight:400}
.news_m dd h5 a{font-size:16px;color:#010101;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news_m .news_desc{font-size:14px;color:#9a9a9a;line-height:22px;height:44px;overflow:hidden;padding:5px 0 0}
.news_m .nobor{border:none}
.ab_bg{background:url(images/ab_bg.jpg) no-repeat center 0;height:650px;padding:55px 0 0}
.about .three_t{height:182px}
.about dl{padding-right:40px;width:1160px}
.about dl dt{float:right;width:546px;height:341px;overflow:hidden}
.about dl dt img{width:546px;height:341px}
.about dl dd{width:455px;float:left;padding:10px 0 0}
.about .ab_desc{font-size:14px;color:#666;/*height:104px;*/line-height:26px;overflow:hidden;text-align:justify;}
.about dl dd em{display:block;line-height:40px;float:right;}
.about dl dd em a{font-size:14px;color:#258C44;}
.about dl dd span{display:inline-block;width:455px;padding:20px 0 0 30px;}
.about dl dd span a{display:block;float:left;font-size:16px;color:#fff;width:110px;height:45px;text-align:center;line-height:45px;background:#555;margin-right:30px;border-radius:30px}
.about dl dd span a:hover{background:#258C44;}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0)}
20%,60%{-webkit-transform:translate3d(-10px,0,0)}
40%,80%{-webkit-transform:translate3d(10px,0,0)}
}
@keyframes shake{from,to{transform:translate3d(0,0,0)}
20%,60%{transform:translate3d(-10px,0,0)}
40%,80%{transform:translate3d(10px,0,0)}
}