.ww{width: 1200px;height: auto;margin: 0 auto;}
/*biaoti*/
.est_t{text-align: center;padding-top: 70px;}
.est_t p{font-size: 30px;font-weight: normal;color: #333;}

/*模板展示*/
.est_pro{padding-top: 60px;}
.est_pro li{width:289px;height:310px;border:1px solid transparent;margin:0 14px 7px 0;padding:28px 34px 26px;top:0;transition:all .5s;float: left;position: relative;box-sizing: border-box;}
.est_pro li.end{margin-right:0}
.est_pro li:nth-child(4n){margin-right:0}
.est_pro li:after{content:'';width:0;height:3px;margin:0 auto;background:url(../img/pro-bg.png) no-repeat;position:absolute;left:0;right:0;bottom:0;transition:all .5s}
.est_pro h1{font-size:18px;color:#000;line-height:1;padding:100px 0 25px;text-align: center;position: relative;}
.est_pro h1:after{content:'';width:45px;height:1px;background:#ccc;position:absolute;left:50%;bottom:0;margin-left:-22.5px;}
.est_pro .p1{font-size:14px;color:#999;line-height:1.8;margin-top:18px;text-align: center;}
.est_pro .jg{font-size:24px;color:#f60;line-height:1;margin-top:20px}
.est_pro .jg span{font-size:14px}
.est_pro .btn{width:112px;height:32px;margin:24px auto 0px;line-height:30px;cursor: pointer;}
.est_pro .btn i{width:32px;height:32px;border-radius:50px;border:1px solid #ccc;font-style:normal;color:#666b85;font-size:20px;transition:all .5s;display: block;margin: 0 auto;    text-align: center;}
.est_pro .btn .sp{font-size:16px;color:#fff;top:25px;left:20px;opacity:0;transition:all .3s;display: block;position: relative;}
.est_pro .btn .sp span{font-family:"宋体";font-size:20px;vertical-align:middle;margin-left:2px}
.est_pro li:hover{border:1px solid #c7e6fb;box-shadow:0px 8px 20px rgba(0,0,0,.15);top:-20px;}
.est_pro li:hover:after{width:100%}
.est_pro li:hover .btn i{width:112px;line-height:4;background:#0284dc;border:0;font-size: 0;color: #0284dc;}
.est_pro li:hover .btn .sp{top:-32px;opacity:1}

.est_bb{background: #f5f5f5;margin-top: 40px;padding-bottom: 60px;}
.est_bb1{margin-top: 40px;}
.est_bb1 li{border-radius: 6px;background: #fff;width: 32%;margin-right: 2%;float: left;position: relative;transition:all 1s;}
.est_bb1 li:nth-child(3){margin-right: 0px;}
.est_bb1 li img{display: block;border-top-left-radius: 6px;border-top-right-radius: 6px;width: 100%}
.est_bb2{padding: 20px;box-sizing: border-box;}
.est_bb2 h3{font-size: 22px;color: #333;text-align: center;}
.est_bb2 p{font-size: 14px;color: #666;text-align: center;padding:10px 0px 20px;border-bottom: 1px solid #ccc}
.est_bb2 h4{padding-top: 5px;font-size: 24px;color: #cc2626;text-align: center;width: 50%;margin:20px auto;border: 1px solid #ccc;height: 70px; border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%; }
.est_bb2 h4 span{font-size: 14px;color: #999;}
.est_bb2 h4 strong{font-size: 14px;display: block;}
.est_bb2 h5{font-size: 14px;text-align: center;background: url(../img/est_9.png) no-repeat 17px center;color:#0284dc;line-height: 22px; }
.est_m1{width: 132px;height: 37px;background: url(../img/est_10.png) no-repeat center;margin: 20px auto;display:block;line-height: 37px;color: #fff;font-size: 16px;text-align: center;}
.est_m1:hover{color: #fff}
.est_bb1 li:hover{box-shadow:0px 8px 20px rgba(0,0,0,.15);top:-10px;}

.est_youshi{padding: 20px 0px 60px;}
.est_youshi li{float: left;width: 48%;margin:10px 1%;padding: 20px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 6px;}
.est_youshi li img{display: inline-block;float: left;}
.est_youshi li p{display:block;float: left;font-size: 16px;margin-left:20px;color: #333;margin-top: 5px;}
.est_youshi li span{font-size: 14px;color: #666;display: block;margin-top: 0px;}


.website-main-t{ padding: 60px 0;}
.website-main-t ul{ margin-top: -24px;}
.website-main-t li{ position: relative; float: left; width: 400px; height: 260px; float: left; margin-top: 24px;}
.website-main-t .li-main{text-align: center; }
.website-main-t .li-main .li-img{ width: 98px; height: 103px; margin: 0 auto; padding-top: 34px;}
.website-main-t .li-main .li-img span{ display: block; width: 87px; height: 78px; float: left; margin: .5px 0 0 5.5px; background: url(../img/17website-2.png) no-repeat; background-position: 0 -462px;}
.website-main-t li:nth-child(2) .li-main .li-img span{ width: 79px; height: 79px; margin: 0 0 0 9.5px; background-position: 0 -229px;}
.website-main-t li:nth-child(3) .li-main .li-img span{ width: 87px; height: 77px; margin: 1px 0 0 5.5px; background-position: 0 -385px;}
.website-main-t li:nth-child(4) .li-main .li-img span{ width: 98px; height: 77px; margin: 1px 0 0 0; background-position: 0 -806px;}
.website-main-t li:nth-child(5) .li-main .li-img span{ width: 86px; height: 77px; margin: 1px 0 0 6px; background-position: 0 -308px;}
.website-main-t li:nth-child(6) .li-main .li-img span{ width: 90px; height: 72px; margin: 3.5px 0 0 4px; background-position: 0 -540px;}
.website-main-t .li-main dl{ padding-top: 30px;}
.website-main-t .li-main dt{ color: #333; font-size: 20px; line-height: 20px;}
.website-main-t .li-main dd{ color: #999; font-size: 14px; line-height: 22px; padding-top: 10px;}
.website-main-t .li-box{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(2,132,220,1);border-radius: 6px;}
/*.website-main-t li:nth-child(2) .li-box{ background-color: rgba(94,140,6,1);}
.website-main-t li:nth-child(3) .li-box{ background-color: rgba(177,167,0,1);}
.website-main-t li:nth-child(4) .li-box{ background-color: rgba(0,139,134,1);}
.website-main-t li:nth-child(5) .li-box{ background-color: rgba(25,101,141,1);}
.website-main-t li:nth-child(6) .li-box{ background-color: rgba(165,46,34,1);}*/
.website-main-t .li-box p{ margin-left: 48px; padding-top: 20px; color: #fff; font-size: 14px; line-height: 26px;}
.website-main-t .li-box p span{ display: inline-block; margin-right: 35px;}
.website-main-t li:nth-child(6) .li-box p { margin-left: 16px;}
.website-main-t li:nth-child(6) .li-box p span{ margin-right: 12px;}
.website-main-t .li-box .li-img{ position: absolute; left: 50%; margin-left: -74.5px; bottom: 25px; width: 149px; height: 101px; }
.website-main-t .li-box .li-img span{ display:block; float: left; width: 107px;height: 95px; margin:6px 0 0 21px ; background: url(../img/17website-2.png) no-repeat; background-position: 0 -984px;}
.website-main-t li:nth-child(2) .li-box .li-img span{ width:96px; height: 96px; margin: 5px 0 0 26.5px; background-position:0 -612px}
.website-main-t li:nth-child(3) .li-box .li-img span{ width:149px; height: 78px; margin: 23px 0 0 0; background-position:0 -1271px}
.website-main-t li:nth-child(4) .li-box .li-img span{ width:108px; height: 93px; margin: 8px 0 0 20.5px; background-position:0 -1178px}
.website-main-t li:nth-child(5) .li-box .li-img span{ width:108px; height: 99px; margin: 2px 0 0 20.5px; background-position:0 -1079px}
.website-main-t li:nth-child(6) .li-box .li-img span{ width:107px; height: 101px; margin: 0 0 0 21px; background-position:0 -883px}
.website-main-t li:hover .li-box{ display: block;cursor: pointer;}
.website-main-t a{ display:block; text-align: center; line-height: 44px; width: 248px; border: 1px solid #ff6800; color: #ff6800; font-size: 14px; margin: 0 auto; margin-top: 36px;}
.website-main-t a:hover{ color: #fff; background-color: #ff6800;}


/***********IE6-8 responsed START*************/


/***********IE6-8 responsed END*************/


.jian_banner{height: 620px;width: 100%;background:url(../img/site_banner.png) no-repeat center;}
.jian_hengtiao{width: 1200px;margin: 0 auto;display: none;}
.jian_hc{width: 100%;position: relative;margin-top: -60px;background:#fff;height:140px;background: #FFFFFF;box-shadow: 0 8px 16px 0 rgba(147, 154, 255, 0.1); border-radius: 2px;}
.jian_hc li{width: 25%;float: left;padding: 15px ;box-sizing: border-box;text-align: center;}
.site_num{font-size: 32px;color: #333;}
.site_num span{font-size: 16px;color: #333;}
.site_num_main{font-size: 16px;color: #333;}

.process-list {width: 1200px;height: auto;margin: 0 auto;text-align: center;}
.process-list  .process-item {position: relative;float: left;margin-right: 16px; width: calc((100% - 65px)/5);padding: 10px 0 8px;}
.process-item .icon {width: 98px;height:90px;display: inline-block;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;margin-bottom: 18px;}
.process-item .icon1 {background-image: url(../img/01.png);}
.process-item .icon2{background-image: url(../img/02.png);}
.process-item .icon3 {background-image: url(../img/03.png);}
.process-item .icon4 {background-image: url(../img/04.png);}
.process-item .icon5 {background-image: url(../img/05.png);}
.process-dotline {position: absolute; width: 96px;border-bottom: 1px dashed #A0A2A8;z-index: 10;top: 60px;left: 100%;margin-left: -43px;}
.process-dotline::before {position: absolute;right: -6px;top: -2px;content: '';height: 6px;width: 6px;background: #A0A2A8;border-radius: 50%;}
.process-list .process-item:nth-child(5){margin-right: 0;}
.more a{width: 175px;height: 40px;border: 1px solid #2086ee;margin: 0 auto;font-size: 18px;line-height: 40px; }

.search_zhuce{width: 100%;height: 226px;background: url(../images/heng2.png) no-repeat center;padding: 60px 0px;box-sizing: border-box;}
.search_zhuce p{font-size: 32px;color: #333;text-align: center;}
.search_zhuce a{width: 170px;height: 38px;line-height: 38px;border-radius: 6px;background: #2c5fc8;color: #fff;font-size: 16px;display: block;text-align: center;margin: 20px auto 0px;letter-spacing: 2px}