@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0; padding:0;}
@font-face {font-family: "iconfont";
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    /* -webkit-font-smoothing: antialiased;
     -webkit-text-stroke-width: 0.2px;
     -moz-osx-font-smoothing: grayscale;*/
}
body{font-family:Microsoft YaHei,'黑体',Verdana,Tahoma,Arial,sans-serif; font-size:14px; color:#333;min-width:1300px;}
/**html{background-image:url(about:blank);background-attachment:fixed;}*/
li{list-style:none;}
/*img{border:none;}*/
/*body a img {border:none;}*/
a{color:#333;text-decoration:none; }
h2,h3{font-weight: normal}
table {border-spacing: 0;border-collapse: collapse }
td,th {padding: 0 }
a:hover{color:#ff5600;}
a:focus{outline:none;}
.clear{clear:both;}
.text_overflow{ white-space:nowrap; text-overflow: ellipsis; overflow:hidden;} /*限制文字,文字超出显示冒号*/
.fl{float: left}
.fr{float: right}
.container{width: 1300px;margin: 0 auto;overflow: hidden}
.text-center{text-align: center}
@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}
@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
/*========================================= 头部 =====================================*/
header{overflow: hidden;}
.top{width: 100%;height:90px;overflow: hidden;position: fixed;top: 0;left: 0;color: #fff;
    border-bottom: 1px rgba(255,255,255,0.1) solid;z-index: 9999;/*background-color: rgba(45,55,104,0.8)*/}
.top h1{margin-top: 20px;float: left}
.top tel{color: #fff;font-size: 24px;font-family: Arial;margin-left: 35px;margin-top: 27px; float: left;}
.top tel i{font-size: 30px;margin-right: 5px}
.nav ul li{font-size: 16px;float: left;text-align: center;line-height: 90px;margin-left: 50px;
    height: 90px;overflow: hidden;box-sizing: border-box}
.nav ul li a{color: #fff}
.nav ul li:hover,.nav ul li.active{border-bottom: 2px solid #fff;font-weight: bold}
.topbg{ background: rgba(45, 55, 104, 0.9);}

/*========================================= banner =====================================*/
.banner{width:100%; height:495px; margin:0px auto 0px; overflow:hidden}
#focus {width:100%; height:495px; overflow:hidden; position:relative;}
#focus ul {height:auto; position:absolute;left:-3840px;width: 5709px;}
#focus ul li {float:left;height:495px; overflow:hidden;position: relative;
    /*background: linear-gradient(to right, #1480c2, #7a636b);*/}
#focus ul li div {text-align: center;color: #fff;}
#focus ul li h3{font-size: 40px;color: #fffffb;margin-top: 175px;font-weight: bold}
#focus ul li p{font-size: 22px;margin-top: 50px}
#focus ul li a{display: inline-block;width: 128px;height: 40px;background-color: #fe7030;color: #fff;
    border-radius: 30px;text-align: center;line-height: 40px;margin-top: 60px;font-size: 16px}
/*#focus .btnBg {position:absolute; width:100%; height:16px; left:0; bottom:0; }
#focus .btn {position:absolute; width:100%; height:16px;left:0;text-align:center;bottom:20px;}
#focus .btn span { _display:inline; _zoom:1; _font-size:0;  width:40px; height:3px; display:inline-block; margin:0 3px; text-indent:-999px; cursor:pointer;
    background-color: rgba(255,255,255,0.5);overflow:hidden;}
#focus .btn span.on {background:#ff5600;}*/

/*========================================= 新公告 =====================================*/
.notice{background-color: #efefef;overflow: hidden;}
.notice ul li{width: 25%;float: left;line-height: 50px;box-sizing: border-box}
.notice ul li i{font-size: 15px;color: #7ed479;margin-right: 10px}

/*========================================= 网站定制开发服务 =====================================*/
.title{text-align: center;width: 1300px;margin: 0 auto;margin-top: 35px;}
.title h2{font-size: 26px;color: #000}
.title p{color: #666;margin-top: 10px;line-height: 1.6;font-size: 16px}
.title figure{margin-top: 25px}
.oneA .f4-ul { height: 334px;  padding:30px 0 35px;}
.oneA .f4-ul>li { display: inline-block;  float: left;  width: 271px;  height: 300px;  border: 1px solid #e3e2e5;
    position: relative;  vertical-align: top;  box-sizing: border-box;  margin-right: 20px;  text-align: center;
    transition: width .3s;  -moz-transition: width .3s;  -webkit-transition: width .3s;  -o-transition: width .3s;}
.oneA .f4-ul>li:nth-child(4){margin-right: 0}
.oneA .f4-in { height: 103px;  line-height: 103px;  background-color: #1e2030; }
.oneA .f4-in i{font-size: 40px;display: inline-block;float: left;margin-right: 10px}
.oneA .f4-i1 { background-position: 0 0;  height: 36px;  width: 36px;  }
.oneA .g-mt8 { margin-top: 8px; }
.oneA .s-fs20 { font-size: 20px; }
.oneA ul li hr { border: none;  width: 52px;  height: 1px;  font-size: 1px;  background-color: #e3e2e5;  margin: 22px auto;  }
.oneA .f4-sul>li {color: #9797a1;  margin-bottom: 16px; }
.oneA .f4-h {  width: 448px;  opacity: 0;  height: 334px;  box-sizing: border-box;  filter: Alpha(opacity=0);
    position: absolute;  top: 0;  right: 0;  bottom: 0;  left:-1px;  background-color: #fff;}
.oneA .f4-h .f4-h-hd {  text-align: left;  background: #1e2030 }
.oneA .f4-ul>li:nth-child(1) .f4-h .f4-h-hd, .f4-ul>li:nth-child(1) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(144,116,253,1),rgba(137,116,253,1),rgba(99,100,255,1));}
.oneA .f4-ul>li:nth-child(2) .f4-h .f4-h-hd, .f4-ul>li:nth-child(2) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(249,159,114,1),rgba(252,137,109,1),rgba(255,111,104,1));}
.oneA .f4-ul>li:nth-child(3) .f4-h .f4-h-hd, .f4-ul>li:nth-child(3) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(100,182,255,1),rgba(73,168,253,1),rgba(60,162,253,1)); }
.oneA .f4-ul>li:nth-child(4) .f4-h .f4-h-hd, .f4-ul>li:nth-child(4) .g-tac .f4-in
{  text-align: left; background: linear-gradient(90deg,rgba(254,216,128,1),rgba(255,201,98,1),rgba(255,189,76,1)); }
.oneA .f4-h-hd { font-size: 20px;  margin-top: 0px;  height: 103px;  line-height: 103px;  box-sizing: border-box;
    padding:0 24px; color: #FFFFFF;  margin-bottom: 30px;  border-bottom: 1px solid #e3e2e5;}
.oneA .f4-h-bd { font-size: 14px;  line-height: 27px;  padding:0 24px;  color: #9797a1;  text-align: left; }
.oneA .f4-h-lnk { display: block;  padding:0 24px;  margin-top: 40px;  text-align: left;
    color: #E84F05;  font-size: 14px;  position: absolute;  left: 0px;  bottom: 30px;}
.oneA .f4-ul>li.active { width: 425px;  border: 1px solid #E3E2E5;  z-index: 1; }
.oneA .f4-ul>li.active .f4-h { width: 425px;  opacity: 1;  filter: Alpha(opacity=100);  box-shadow:0px 0px 26px 0px rgba(0, 0, 0, 0.06);  }
.oneA .f4-h .tag { text-align: left;  margin-top: 15px;  padding:0 24px;  }
.oneA .f4-h .tag i a{ color: #7c7c7c;  }
.oneA .f4-h .tag i { display: inline-block;  text-align: center;  line-height: 32px;  width: 111px;  height: 32px;  border-radius: 16px;
    font-style: normal;  color: #7c7c7c;  margin-right: 14px;  margin-bottom: 10px;  font-weight: 300;  border: 1px solid #a5a5a5;}
.oneA .f4-h .tag i:nth-child(3n){margin-right: 0}

/*========================================= 我们为您想到的远不止这些 =====================================*/
.margin0{margin-top: 0}
.oneB{border-top: 1px  solid #eaeaea;overflow: hidden;padding: 25px 0;margin-top: 30px}
.oneBl{width: 698px;height: 396px;background: url("../img/oneb1.png") no-repeat center;color: #fff;text-align: center;overflow: hidden}
.oneBl h3{font-size: 60px;text-transform: uppercase;margin: 90px 0 30px}
.oneBl p{font-size: 18px}
.oneBl a{display: inline-block;width: 156px;line-height: 47px;border-radius: 5px;background-color: #ff6537;
    font-size:16px;text-align: center;color: #fff;margin: 60px 40px 0}
.oneBr{width: 570px;}
.oneBr h3{font-size: 26px}
.oneBr p{color: #999;line-height: 1.6;margin-top: 10px}
.oneBr1{}
.oneBr1 dl{box-sizing: border-box;margin-top: 20px}
.oneBr1 dl i{color: #32da9d;font-size: 17px;margin-right: 6px}
.oneBr2{width: 100%;height: 65px;border: 1px solid #e3e3e3;box-sizing: border-box;position: relative;margin-top: 47px}
.oneBr2 h3{font-size: 16px;position: absolute;top: -13px;width: 160px;height: 25px;background-color: #fff;left: 30px;text-align: center}
.oneBr2 ul li{line-height: 65px;width: 44%;float: left;margin-left: 30px}
.oneBr2 ul li a{color: #919191}

.oneC{background-color: #f7f7f7;overflow: hidden;}
.oneC ul{overflow: hidden;padding: 20px 0}
.oneC ul li{width: 295px;height: 285px;background-color:#fff;float: left;text-align: center;transition:0.2s;
    overflow: hidden;margin-right: 30px;}
.oneC ul li a{display: inline-block;background-color:#fff;}
.oneC ul li h3{font-size: 18px;color: #000;margin: 10px 0}
.oneC ul li p{color: #666;line-height: 1.6;padding: 0 12px}
.oneC ul li:hover{margin-top:-10px;transition:all 0.3s ease 0;}
.oneC ul li:nth-child(4){margin-right: 0}

/*========================================= 我们的作品 =====================================*/
.oneD{overflow: hidden;}
.oneD ul li{width: 415px;float: left;overflow: hidden;margin: 35px 27px 0 0}
.oneD ul li figure{width: 100%;height: 219px;overflow: hidden}
.oneD ul li figure img{max-width: 100%}
.oneD ul li h3{font-size: 20px;color: #000;font-weight: bold;margin: 10px 0}
.oneD ul li p i{font-size: 16px;color: #AAAAAA;margin-right: 10px}
.oneD ul li p a{color: #666}
.oneD ul li:nth-child(3n){margin-right: 0}
.oneD ul li:hover figure img{-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 1s linear 0s;transition: all 1s linear 0s; }

/*========================================= 追求完美创新互联更用心 =====================================*/
.oneE{background-color: #f7f7f7;overflow: hidden;text-align: center;padding-bottom: 35px;margin-top: 50px}
.oneE h3{color: #666;line-height: 2;margin-top: 20px}
.oneE1{padding: 30px 0 38px}
.oneE1 figure{float:left;text-align:center;margin-right: 30px}
.oneE1 figure img{ padding:9px;clear:both; background:#FFF;border:1px solid #e8e8e8;box-sizing: border-box;
    box-shadow: 0 0 5px #ccc}
.oneE1 figure:last-child{margin-right: 0}

.oneE2{border:1px solid #e0e2e3; padding:22px 0; text-align:center;background-color: #fbfbfc}
.oneE2 dl{ width:33%; padding:3px 10px; float:left; box-sizing:border-box;}
.oneE2 dl a{  color:#373d41; border-left:3px solid #373d41;padding-left:10px;  display:inline-block; }
.oneE2 dl a:hover{text-decoration: underline}

/*========================================= 底部 =====================================*/
.foot1{padding: 30px 0}
.foot1 .list{float:left;}
.foot1 .list .item{float:left;margin-right:25px;color:#333;font-size:16px;text-align:center;}
.foot1 .list .item span{width:90px;height:90px;line-height:90px;box-sizing:border-box;border:1px solid #ccc;
    border-radius:100%;display:block;position:relative;perspective:300px;}
.foot1 .list .item span i{font-size: 50px;color: #666;display: inline-block}
/*.foot1 .list .item span:after{width:100%;height:100%;content:"";display: block;}
.foot1 .list .item span.ico1:after{background:url(../img/icon2_1.png) center center no-repeat;background-size:auto 60%;}
.foot1 .list .item span.ico2:after{background:url(../img/icon2_2.png) center center no-repeat;background-size:auto 60%;}
.foot1 .list .item span.ico3:after{background:url(../img/icon2_3.png) center center no-repeat;background-size:auto 60%;}
.foot1 .list .item span.ico4:after{background:url(../img/icon2_4.png) center center no-repeat;background-size:auto 60%;}
.foot1 .list .item span.ico5:after{background:url(../img/icon2_5.png) center center no-repeat;background-size:auto 60%;}
.foot1 .list .item span.ico1{position:relative;z-index:1;}*/
.foot1 .list .item span.ico1 img{position:absolute;left:0;top:0;width:90px;height:90px;z-index:1;box-shadow:0 0 5px rgba(0,0,0,0.2);opacity: 0; transition:all 0.2s ease-out 0s;visibility: hidden; transform:scale(0.9);}
.foot1 .list .item span.ico1:hover img{opacity: 1;visibility: visible; transform:none;}
.foot1 .list .item:hover span i{transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);
    transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.foot1 .list .item:hover span.ico1:after{transform:none;-webkit-transform:none;}
.foot1 .list .item strong{margin-top:8px;display:inline-block;font-weight: normal}
.foot1 .tel{float:right;padding-top:30px;}
.foot1 .tel dl{float:left;margin-left:30px;text-align:right;}
.foot1 .tel dl tel{font-size:40px;font-family:Arial;}
.foot1 .tel .d p{color:#333;margin-top:5px;}

.friend{padding:30px 0;line-height:1.5;font-size:16px;color:#333;border-top:1px solid #ddd;}
.friend .tit{float: left;}
.friend .inner{padding:0 0 0 77px;}
.friend a{margin:0 10px;display:inline-block;}

.foot{background-color: #232323;padding: 40px 0 0 }
.foot .footNav{width: 180px;float: left;color: #ccc}
.foot .footNav h3{margin-bottom: 35px;font-size: 16px}
.foot .footNav a{color: #999;display: block;margin-bottom: 10px}

.ecode {text-align: center;  color: #E4E4E4;}
.ecode>div {margin-left: 34px;}
.ecode img {width: 120px;  height: 120px;  margin-bottom: 10px;}
.ecode .icon a {width: 31px;  height: 31px;  margin-right: 36px;  display: inline-block;
    border: 1px solid #B0B0B0;border-radius: 100%;text-align: center}
.ecode .icon a i{font-size: 18px;display: inline-block}
.ecode .icon a:hover{border-color: #EB5404}
.ecode .icon a:hover i{color: #EB5404}
/*.ecode .icon .ph {background: url(../img/ph.png) no-repeat center }
.ecode .icon .qq {background: url(../img/qq.png) no-repeat center;}
.ecode .icon .ph:hover {background: url(../img/ph_on.png) no-repeat center; }
.ecode .icon .qq:hover {background: url(../img/qq_on.png) no-repeat center; }*/
.ecode .icon {margin-bottom: 28px;  width:150px;  padding-left:26px }
.ecode .slogan {width: 240px;padding-top: 10px;  text-align: left;  font-size: 14px;  line-height: 1.8;  color: #fff;}
.ecode .slogan i{color: #B7B7B7}
.ecode .slogan a{color: #fff;}
.slogan p i{font-style: normal}
.bottom {margin-top: 35px; line-height: 50px;  color: #646464;  font-size: 12px }
.bottom a{color: #646464;}
.bottom span {display: inline-block;  margin-left: 12px;}
.bottom img {display: inline-block;  vertical-align: middle;  margin-left: 20px;  /*width: 28px;*/}

/*========================================= 网站建设 =====================================*/
.slider{width: 100%;height: 442px;overflow: hidden}
.slider .js{width: 1200px;margin: 0 auto;margin-top: 170px}
.slider .js figure{display: inline-block;width: 20%;float: left;font-size: 20px;color: #fff;text-align: center}
.slider .js figure img{margin-bottom: 35px}

.jsA{margin-top: 30px}
.jsA ul li{width: 310px;height: 185px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 5px;padding: 15px 18px;
    text-align: center;margin: 12px 20px 0 0;float: left}
.jsA ul li h3{font-size: 18px;color: #000;margin: 10px 0 12px}
.jsA ul li p{;color: #999;line-height: 1.6}
.jsA ul li i{font-size: 40px}
.jsA ul li:nth-child(4n){margin-right: 0}
.jsA ul li span{display: inline-block;width: 30px;height: 2px;background-color: #4dd51c;margin-top: 10px;position: relative}
.jsA ul li span:after{content:'';position: absolute;right: 0;top: 0;background-color: #3182f1;width: 12px;height: 2px}
.jsA ul li:nth-child(2) span{background-color: #f17f10}
.jsA ul li:nth-child(3) span{background-color: #eb2b2b}
.jsA ul li:nth-child(4) span{background-color: #ab48ef}
.jsA ul li:nth-child(5) span{background-color: #566bef}
.jsA ul li:nth-child(6) span{background-color: #2cc1e6}
.jsA ul li:nth-child(7) span{background-color: #33efb4}
.jsA ul li:nth-child(8) span{background-color: #4dd51c}
.jsA ul li:nth-child(1) i{color: #4dd51c}
.jsA ul li:nth-child(2) i{color: #f17f10}
.jsA ul li:nth-child(3) i{color: #eb2b2b}
.jsA ul li:nth-child(4) i{color: #ab48ef}
.jsA ul li:nth-child(5) i{color: #566bef}
.jsA ul li:nth-child(6) i{color: #2cc1e6}
.jsA ul li:nth-child(7) i{color: #33efb4}
.jsA ul li:nth-child(8) i{color: #4dd51c}
.jsA ul li:nth-child(1):hover,.jsA ul li:nth-child(1):hover h3{border-color: #4dd51c;color: #4dd51c}
.jsA ul li:nth-child(2):hover,.jsA ul li:nth-child(2):hover h3{border-color: #f17f10;color: #f17f10}
.jsA ul li:nth-child(3):hover,.jsA ul li:nth-child(3):hover h3{border-color: #eb2b2b;color: #eb2b2b}
.jsA ul li:nth-child(4):hover,.jsA ul li:nth-child(4):hover h3{border-color: #ab48ef;color: #ab48ef}
.jsA ul li:nth-child(5):hover,.jsA ul li:nth-child(5):hover h3{border-color: #566bef;color: #566bef}
.jsA ul li:nth-child(6):hover,.jsA ul li:nth-child(6):hover h3{border-color: #2cc1e6;color: #2cc1e6}
.jsA ul li:nth-child(7):hover,.jsA ul li:nth-child(7):hover h3{border-color: #33efb4;color: #33efb4}
.jsA ul li:nth-child(8):hover,.jsA ul li:nth-child(8):hover h3{border-color: #4dd51c;color: #4dd51c}

.jsB{background-color: #f9f7f7;overflow: hidden;margin-top: 35px;padding-bottom: 35px}
.jsBs{width: 1200px;margin: 0 auto;margin-top: 30px}
.jsBsl{width: 49%;  text-align: right; }
.jsBsl ul li,.jsBsr ul li{ padding: 15px 59px 15px 0px;  background-color: #fff;  border-radius: 50px;  margin-bottom: 14px;}
.jsBsr ul li{ position: relative;background-color: #00A2F0;color: #fff;  padding: 15px 0px 15px 62px;}
.jsBsl ul li p,.jsBsr ul li p{  color: #333;}
.jsBsr ul li p{ color: #fff;}
.jsBsr{ width: 50%;}
.jsBsl h3,.jsBsr h3{ font-size: 20px;  font-weight: bold;  margin-bottom: 30px }
.jsBsl h3{ margin-right: 56px; }
.jsBsr h3{  color: #00A2F0;  margin-bottom: 30px;  margin-left: 60px;}
.jsBsr i{ position: absolute;left: -40px;top: 0;width: 83px;height: 50px;border-radius: 60px;text-align: center;line-height:50px;font-size: 20px;
    font-weight: bold;color: #fff;background-image: linear-gradient(to right, #00A2F0 , #77D2FF);font-style: normal;}

.jsC{background-color: #f2f2f2;overflow: hidden;margin-top: 40px;padding-bottom: 40px}
.jsC ul{margin-top: 30px}
.jsC ul li{width: 290px;height: 295px;background-color: #fff;float: left;margin-right: 46px;transition: all 0.5s;}
.jsC ul li figure{width: 100%;height: 200px;background-color: #1bbc9c;text-align: center}
.jsC ul li figure img{margin-top: 35px;transition: all 0.5s;}
.jsC ul li p{padding: 15px;line-height: 1.6}
.jsC ul li:nth-child(2) figure{background-color: #ffd010}
.jsC ul li:nth-child(3) figure{background-color: #e34d43}
.jsC ul li:nth-child(4) figure{background-color: #39566e}
.jsC ul li:nth-child(4){margin-right: 0}
.jsC ul li:hover img{transition: all 0.5s;transform: scale(1.2)}
.jsC ul li:nth-child(1):hover{background-color: #1bbc9c;color: #fff}
.jsC ul li:nth-child(2):hover{background-color: #ffd010;color: #fff}
.jsC ul li:nth-child(3):hover{background-color: #e34d43;color: #fff}
.jsC ul li:nth-child(4):hover{background-color: #39566e;color: #fff}

/*========================================= 网站推广 =====================================*/
.slider h3{font-size: 36px;margin-top: 200px;color: #fff}
.slider p{font-size: 18px;margin-top: 30px;color: #fff}
.subnav{border-bottom: 1px solid #e0e0e0;height: 58px;box-sizing: border-box}
.subnav ul li{width: 185.5px;float: left;text-align: center;line-height: 58px;font-size: 16px}
.subnav ul li a{display: inline-block;width: 100%;height: 100%}
.subnav ul li:hover,.subnav ul li.active{background: url("../img/subnav.png") no-repeat center 46px #d51419}
.subnav ul li:hover a,.subnav ul li.active a{color: #fff}

.tgA{background-color: #fff}

.tgB{background-color: #f8f8f8;overflow: hidden;padding-bottom: 20px}
.tgBs{width:1200px;margin:0 auto;margin-top: 65px;}
.tgBsl{width: 360px;text-align: right}
.tgBsl dl{margin-bottom: 35px;height: 78px}
.tgBsl h3{font-size: 18px;color: #000;font-weight: bold}
.tgBsl p{color: #666;line-height: 1.6;margin-top: 10px}
.tgBsc{margin: 0 44px}
.tgBsr{text-align: left}

.tgC{background-color: #008ad3;overflow: hidden;padding: 30px 0}
.tgCs{width: 970px;margin: 0 auto}
.tgCs p{text-align: center;font-size: 18px;color: #fff;margin-bottom: 20px}
.tgCs input{height: 40px;background:#fff;border: none;width: 250px;text-indent: 10px;margin-right: 10px;float: left}
.tgCs button{width: 180px;height: 40px;line-height: 40px;border: 1px solid #fff;box-sizing: border-box;
    background:none;color: #fff;font-size: 16px}
.tgCs button:hover{background: linear-gradient(to right,#6aebf0,#326fba);}

.tgD{margin-top: 30px}
.tgD ul li{width: 640px;height: 45px;background-color: #f3f3f3;line-height: 45px;float: left;margin-bottom: 8px;font-size: 16px;}
.tgD ul li:nth-child(2n){float: right}
.tgD ul li i{display: inline-block;font-style: normal;margin: 0 15px;color: #17aef5}
.tgD ul li:hover{color: #17aef5}

.tgE{background-color: #f1f1f1;overflow: hidden;margin-top: 35px;padding-bottom: 20px}
.tgE ul{margin-top: 30px}
.tgE ul li{width: 412px;height: 220px;background-color: #fff;float: left;padding: 20px 13px;
    box-sizing: border-box;text-align: center;margin: 0 32px 30px 0}
.tgE ul li i{font-size: 60px;color: #0f61c7}
.tgE ul li h3{font-weight: bold;font-size: 18px;color: #595959;margin: 20px 0 15px}
.tgE ul li p{color: #999;line-height: 1.6;font-size: 12px}
.tgE ul li:nth-child(3n){margin-right: 0}

.tgF{overflow: hidden;margin-top: 50px;position: relative}
.tgF .bd{width: 1170px;margin: 0 auto;}
.tgF .bd ul li{overflow: hidden}
.tgF .bd ul li dd{width: 610px;}
.tgF .bd ul li h2{font-size: 24px}
.tgF .bd ul li h3{font-size: 20px;margin: 30px 0}
.tgF .bd ul li p{line-height: 25px;color: #666}
.tgF .bd ul li .txt{margin-top: 20px;color: #666}
.tgF .bd ul li .txt span{display: inline-block;margin: 0 30px}
.tgF .bd ul li i{font-size: 16px;margin-right: 10px}
.tgF .bd ul li .i1{color: #80c1eb;font-size: 12px}
.tgF .bd ul li .i2{color: #fdb62a}
.tgF .bd ul li .i3{color: #58bd3d}
.tgF .bd ul li .i4{color: #f54c69}
.tgF .prev{position: absolute;left: 0;top: 140px;}
.tgF .next{position: absolute;right: 0;top: 140px;}
.tgF .hd{position: absolute;bottom: 15px;left: 670px;text-align: center}
.tgF .hd ul li{width: 58px;height: 4px;background-color: #b6d8f7;display: inline-block;margin: 0 3px}
.tgF .hd ul li.on{background-color: #078afe}

.tgG{background-color: #f2f2f2;overflow: hidden;margin-top: 50px;padding-bottom: 30px}
.tgG ul{margin-top: 40px}
.tgG ul li{width: 310px;height: 120px;border: 1px solid #d4d4d4;box-sizing: border-box;float: left;
    padding: 20px 30px;margin: 0 15px 20px 0}
.tgG ul li a{font-size: 16px;display: inline-block;width: 100%;margin-bottom: 10px;line-height: 1.6}
.tgG ul li span{color: #666;font-family: Arial}
.tgG ul li:hover{border-color: #999}

/*========================================= 移动开发 =====================================*/
.yd{height: 1039px}
.ydA{width: 1200px;margin: 0 auto;margin-top: 40px;overflow: hidden}
.ydAr h3{font-size: 40px;color: #0f80d0}
.ydAr p{font-size: 24px;color: #434343;line-height: 40px}
.ydAr dl{font-size: 16px;color: #5c5c5c;margin-top: 22px}
.ydAr dl i{color: #1f7bae;margin-right: 10px}

.ydB{margin: 40px auto}
.ydB ul li{width: 405px;height: 180px;border: 1px solid #ddd;box-sizing: border-box;float: left;padding: 15px 40px;margin-right: 40px}
.ydB ul li h3{font-size: 18px;color: #000;font-weight: bold;margin-bottom: 10px}
.ydB ul li i{display: block;float: left;font-size: 32px;color: #29b411}
.ydB ul li p{float: right;width: 280px;line-height: 1.6;color: #999}
.ydB ul li:nth-child(3){margin-right: 0}
.ydB ul li:nth-child(2) i{color: #f17f10}
.ydB ul li:nth-child(3) i{color: #ec2b2b}

.ydC{margin-top: 40px}
.ydC ul li{width: 393px;height: 106px;box-sizing: border-box;float: left;padding: 15px 20px;margin: 0 60px 22px 0;
    background-color: #f4f4f4;border-radius: 5px}
.ydC ul li h3{font-size: 18px;color: #000;margin-bottom: 5px;text-align: center;}
.ydC ul li p{line-height: 1.6;color: #999}
.ydC ul li:nth-child(3n){margin-right: 0}

.ydD{background-color: #f5f5f5;overflow: hidden;margin-top: 20px;padding-bottom: 20px}
.ydDs{margin-top: 35px}
.ydDsl{width: 560px;}
.ydDsl dl{background-color: #fff;padding:18px 40px;box-sizing: border-box;border-left:3px solid #28e396;margin-bottom: 20px}
.ydDsl dl h3{font-size: 26px;}
.ydDsl dl p{font-size: 16px;line-height: 1.6;display: none;margin-top: 15px;}
.ydDsl dl:hover p,.ydDsl dl.active p{display: block}
.ydDsl dl:nth-child(2){border-color: #ff5a1f}
.ydDsl dl:nth-child(3){border-color: #00dced}
.ydDsl dl:nth-child(4){border-color: #96dee4}
.ydDsl dl:nth-child(5){border-color: #f15fdb}
.ydDsl dl:nth-child(6){border-color: #e3c228}

.ydE{margin-top: 40px}
.ydE ul li{width: 225px;height: 244px;border: 1px  solid #ddd;border-radius: 15px;padding: 35px 12px;float: left;
    box-sizing: border-box;text-align: center;margin-right: 40px;transition: all 0.5s ease}
.ydE ul li h3{font-size: 18px;color: #ec5151;margin: 10px 0 15px}
.ydE ul li i{font-size: 50px;color: #ec5151;}
.ydE ul li p{color: #999;line-height: 1.6}
.ydE ul li:nth-child(5){margin-right: 0}
.ydE ul li:nth-child(2) i,.ydE ul li:nth-child(2) h3{color: #ffbb05}
.ydE ul li:nth-child(3) i,.ydE ul li:nth-child(3) h3{color: #31be10}
.ydE ul li:nth-child(4) i,.ydE ul li:nth-child(4) h3{color: #0d79d5}
.ydE ul li:nth-child(5) i,.ydE ul li:nth-child(5) h3{color: #7242ea}
.ydE ul li:hover h3,.ydE ul li:hover p,.ydE ul li:hover i{color: #fff;}
.ydE ul li:nth-child(1):hover{background-color: #ec5151;}
.ydE ul li:nth-child(2):hover{background-color: #ffbb05;}
.ydE ul li:nth-child(3):hover{background-color: #31be10;}
.ydE ul li:nth-child(4):hover{background-color: #0d79d5;}
.ydE ul li:nth-child(5):hover{background-color: #7242ea;}

/*========================================= 建站方案 =====================================*/
.faA{width:1200px;margin: 20px auto;overflow: hidden}
.faA a{padding: 10px 20px;border-radius: 30px;background-color: #f0f0f0;display: inline-block;margin: 0 3px 10px}
.faA a:hover,.faA a.active{background-color: #ff6c00;color: #fff}

.faB{overflow: hidden}
.faB ul li{background-color: #f9f9f9;padding: 40px 0}
.faB ul li h3{font-size: 36px;text-align: center;margin-bottom: 40px}
.faB ul li h3 span{color: #ff6c00}
.faB ul li dl{width: 680px;line-height: 1.8;color: #5c5c5c;font-size: 16px}
.faB ul li:nth-child(2n){background-color: #fff}
.faB ul li p b{color: #333}
.faB ul li p i{color: #f96900;margin-right: 8px}

.line{width: 100%;background-color: #f7f7f7;height: 10px;margin-top: 40px}

/*========================================= 关于我们 =====================================*/
.gyA{width: 100%;height: 50px;background: rgba(0,0,0,0.6);margin-top: 91px;text-align: center}
.gyA a{display: inline-block;width: 182px;line-height: 50px;color: #fff;font-size: 16px}
.gyA a:hover,.gyA a.active{background-color: #f7b10a}

.gyB{background-color: #f7f7f7;margin-top: 50px}
.gyBr{width: 698px;height: 412px;overflow: hidden;padding: 40px 70px;box-sizing: border-box;text-align: center}
.gyBr h3{font-size: 30px;font-weight: normal;}
.gyBr p{color: #535356;line-height: 1.8;margin: 45px 0}
.gyBr dl{display: inline-block;width: 33.3%;float: left}
.gyBr dl span{color: #f79517;font-family: Arial;font-size: 40px;}

.gyC{background-color: #f7f7f7;overflow: hidden;margin-top: 60px;padding-bottom: 50px}
.gyCs{width: 1200px;margin: 0 auto}
.gyC ul li{width: 33.3%;float: left;text-align: center;overflow: hidden;padding: 0 75px;box-sizing: border-box;margin-top: 40px}
.gyC ul li i{font-size: 60px;color: #35454d}
.gyC ul li h3{font-size: 20px;font-weight: bold;margin: 10px 0}
.gyC ul li p{line-height: 2;color: #999}

.gyD{background-color: #eef3f9;padding: 60px 0}
.gyD ul li{width: 410px;height:365px;background-color: #fff;padding: 60px 40px 0;box-sizing: border-box;float: left;
    margin-right: 35px}
.gyD ul li h3{font-size: 30px;font-weight: bold;text-align: center;margin-bottom: 25px}
.gyD ul li p{font-size: 16px;line-height: 1.8}
.gyD ul li .btn{text-align: center;margin-top: 30px;}
.gyD ul li a{display: inline-block;width: 120px;height: 40px;line-height: 40px;color: #fff;
    background-color: #ea5404;}
.gyD ul li i{font-size: 60px;color: #020202;margin-top: 10px;display: inline-block;width: 100%;text-align: center}
.gyD ul li .a2{background-color: #2e2e2f}
.gyD ul li:nth-child(3){margin-right: 0}
.gyD ul li img{width: 170px}

.gyE{margin-top: 40px}
.gyE article{width: 375px;float: left;overflow: hidden;border-bottom: 1px solid #e8e8e8;margin-right: 35px}
.gyE article h3{font-size: 16px;margin: 20px 0}
.gyE article p{color: #999;line-height: 2;font-size: 12px}
.gyE article span{color: #999;font-size: 12px;font-family: Arial;display: inline-block;margin: 15px 0 10px}
.gyE ul{width: 460px;float: right;border: 1px solid #e8e8e8;padding: 0 15px;box-sizing: border-box}
.gyE ul li{border-bottom: 1px solid #e8e8e8;box-sizing: border-box;overflow: hidden;padding: 19px 0}
.gyE ul li figure{width: 92px;height: 59px;overflow: hidden;float: left}
.gyE ul li figure img{max-width: 100%;transition: all 0.4s;}
.gyE ul li dl{width: 320px;float: right}
.gyE ul li dl p{font-size: 16px}
.gyE ul li dl span{font-size: 12px;color: #999}
.gyE ul li:last-child{border-bottom: 0}
.gyE ul li:hover img{transform: scale(1.1);transition: all 0.4s;}
.more{text-align: center;margin-top: 50px;overflow: hidden}
.more a{display: inline-block;width: 180px;line-height: 45px;height: 45px;border: 1px solid #626262;
    box-sizing: border-box;font-size: 16px}

/*========================================= 企业网站 =====================================*/
.qyA{margin-top: 40px}
.qyA ul{width: 981px;float: left}
.qyA ul li{width: 315px;height: 135px;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 30px 25px;float: left;
    margin: 0 18px 18px 0}
.qyA ul li i{font-size: 60px;color: #999}
.qyA ul li dl{width: 182px;float: right}
.qyA ul li dl h3{font-size: 16px;margin-bottom: 10px}
.qyA ul li dl p{color: #999;line-height: 1.6}
.qyA ul li:nth-child(3n){margin-right: 0}
.qyA ul li:hover i{color: #0f61c7}
.qyA .qyAr{width: 300px;height: 441px;border: 1px solid #e5e5e5;box-sizing: border-box;float: right;text-align: center}
.qyA .qyAr h3{font-size: 20px;margin-top: 45px}
.qyA .qyAr span{color: #999;font-family: Arial;display: inline-block;margin: 10px 0 30px}
.qyA .qyAr p{font-size: 16px;color: #1a81bd;margin-bottom: 40px}

.qyB{background-color: #0F61C7;overflow: hidden;margin-top: 30px}
.qyBs {display: flex; margin:20px auto 60px; max-width:1300px;}
.qyBs table th:first-child, .qyBs table td:first-child {display: none}
.qyBs table:first-child th, .qyBs table:first-child td{display: table-cell;}
.qyBs table:first-child{width: 32%}
.qyBs table:first-child th:first-child{width:28%}
.qyBs table{width: 17%;text-align: center; background: #fff;    border: 1px solid #e8e8e8; margin-right: -1px}
.qyBs table th{height: 110px;  width: 15%;  text-align: center;  border: 1px solid #0F61C7;  background: #0F61C7;  color: #fff;
    padding: 20px 25px;  font-size: 15px;  white-space:nowrap;}
.qyBs table th:first-child{width: 12%}
.qyBs table tr:nth-child(3),.qyBs table tr:nth-child(4){height: 82px}
.qyBs table tr:nth-child(7),.qyBs table tr:nth-child(8),
.qyBs table tr:nth-child(23),.qyBs table tr:nth-child(24),
.qyBs table tr:nth-child(26){height: 62px}
.qyBs table .pri{position: relative;width: 160px; height: 44px; line-height: 44px;    background-color: #fff;
    color: #333;border-radius: 5px;  border-color: #0F61C7; margin: auto; cursor: pointer;}
.qyBs table .pri span{color: #0F61C7;padding-right: 12px;}
.qyBs table .pri:after{content: ""; position: absolute; right: 12px; top: 18px; border: 5px solid transparent; border-bottom: 0; border-top: 9px solid #0F61C7}
.qyBs table th h4{font-size: 20px; font-weight: bold; margin-bottom:5px; padding-bottom:5px;}
.qyBs table th ul{background: #fff; display: none;user-select: none;
    position: absolute;  left: -1px;  top: 33px;  color: #0F61C7;  font-size: 14px;  padding-top: 9px;  border: 1px solid #0F61C7;
    border-top: 0;  border-radius: 0 0 10px 10px;  overflow: hidden; z-index: 5; width: 162px}
.qyBs table th li{line-height: 22px; padding: 10px 0; border-top: 1px solid #e8e8e8; cursor: pointer;}
.qyBs table th li:hover{background-color: #e8e8e8;}
.qyBs table th.last{display: none;}
.qyBs table td{border: 1px solid #e8e8e8;padding: 10px;}
.qyBs table tr:nth-child(odd) td{background: #f3f3f3}
.qyBs .f1{color: #d20000}
.qyBs .f2{display: inline-block; width: 22px; height: 19px;
    background: url(../img/compared-1.png) no-repeat; text-indent: -9999em}
.qyBs .f3{visibility: hidden;}

/*========================================= 商城网站 =====================================*/
.scA{margin-top: 30px}
.scA ul li{width: 218px;height: 261px;float: left;border-radius: 10px;background-color: #eee;text-align: center;
    margin-right: 52px;}
.scA ul li i{display: inline-block;width: 100%;height: 160px;background-color: #fd6e47;color: #fff;font-size: 80px;
    line-height: 160px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.scA ul li h3{font-size: 18px;font-weight: bold;color: #fd6e47;margin: 15px 0 10px 0;}
.scA ul li p{color: #999;line-height: 1.6}
.scA ul li:nth-child(5){margin-right: 0}
.scA ul li:nth-child(2) i{background-color: #47aefd}
.scA ul li:nth-child(2) h3{color: #47aefd}
.scA ul li:nth-child(3) i{background-color: #35d933}
.scA ul li:nth-child(3) h3{color: #35d933}
.scA ul li:nth-child(4) i{background-color: #cc47fd}
.scA ul li:nth-child(4) h3{color: #cc47fd}
.scA ul li:nth-child(5) i{background-color: #2248b6}
.scA ul li:nth-child(5) h3{color: #2248b6}

.scB{background-color: #f5f5f5;overflow: hidden;margin-top: 50px}
.scB ul{margin-top: 40px}
.scB ul li{width: 25%;float: left;margin: 0 0 55px 0}
.scB ul li i{display:inline-block;width: 44px;height: 44px;border-radius: 10px;float: left;font-size: 35px;
    background-color: #82d0ae;color: #fff;margin-right: 10px;text-align: center;line-height: 44px}
.scB ul li dl{float: left}
.scB ul li h3{font-size: 18px;font-weight: bold}
.scB ul li:nth-child(2) i{background-color: #759ced}
.scB ul li:nth-child(3) i{background-color: #dd6e53}
.scB ul li:nth-child(4) i{background-color: #b2d56f}
.scB ul li:nth-child(5) i{background-color: #f0cb5c}
.scB ul li:nth-child(6) i{background-color: #add36c}
.scB ul li:nth-child(7) i{background-color: #7abfeb}
.scB ul li:nth-child(8) i{background-color: #cf5665}
.scB ul li:nth-child(9) i{background-color: #a492e8}
.scB ul li:nth-child(10) i{background-color: #d786c1}
.scB ul li:nth-child(11) i{background-color: #82d0ae}
.scB ul li:nth-child(13) i{background-color: #f0cb5c}
.scB ul li:nth-child(14) i{background-color: #e17253}
.scB ul li:nth-child(15) i{background-color: #759ced}
.scB ul li:nth-child(16) i{background-color: #0a6dee}

.scC{background-color: #fd6e47;}
.scC button{background-color: #f45d34}
.scC button:hover {background: linear-gradient(to right,#F49F69,#F43E11);}

.scE{background-color: #32333b;overflow: hidden;margin-top: 50px;padding-bottom: 40px}
.scE .title h2{color: #fff}
.scEs { margin-top: 40px;}
.scEs ul li {width: 240px;  height: 320px;  position: relative;  overflow: hidden;margin-right: 25px;float: left;}
.scEs ul li img {  width: 100% }
.scEs ul li:hover .case-shadow {  background-color: rgba(0, 204, 153, 0.8);}
.scEs ul li:hover .case-shadow .shadow-inner {  height: 259px;  overflow: visible;}
.scEs ul li:hover .case-shadow .getcase-button {display: block;}
.scEs ul li:hover .case-shadow .case-title {  margin-top: 0;}
.scEs ul li:hover .case-shadow .case-title:after {height: 0;}
.scEs ul li:nth-child(5){margin-right: 0}
.scEs .case-shadow {position: absolute; top: 0; left: 0;width: 100%; height: 100%; z-index: 2;color: #fff;text-align: center;}
.scEs .case-shadow .shadow-inner {  position: absolute;  top: 48%;  left: 0;  width: 100%;  height: 125px;
    overflow: hidden;  -webkit-transform: translate(0, -50%);  -moz-transform: translate(0, -50%);  -ms-transform: translate(0, -50%);  transform: translate(0, -50%);
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
.scEs .case-shadow i{font-size: 45px;}
.scEs .case-shadow .case-title {margin-top: 25px;  font-size: 16px;  line-height: 16px;  padding-top: 27px;  position: relative;  }
.scEs .case-shadow .case-title:after {  content: "";  position: absolute;  top: 0;
    left: 50%;  width: 20px;  height: 2px;  background-color: #fff; margin-left: -10px;}
.scEs .case-shadow .case-title a {color: #fff; }
.scEs .case-shadow .two-lines-text{font-weight: 400;  color: white;  line-height: 22px;  padding: 0 20px; margin:15px 0 30px 0;
    overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.scEs .case-shadow .check-detail {  color: #fff;  text-align: center;  display: inline-block;  width: 100%;font-size: 14px}
.scEs .case-shadow .check-detail:hover {  text-decoration: underline; }
.scEs .case-shadow .case-subtitle {  line-height: 14px;  margin-top: 18px;  }
.scEs .case-shadow .getcase-button {  display: block;  width: 140px;  height: 34px;  line-height: 34px;
    color: #fff;  margin: 28px auto 0;  text-align: center;  border: 1px solid #fff; overflow: hidden; }
.scEs .case-shadow .getcase-button:hover {  border-color: #fff;  color: #333;  background: #fff;}
.scEgd{text-align: center}
.scEgd a{display: inline-block;width: 122px;line-height: 38px;height: 38px;border: 1px solid #fff;
    text-align: center;color: #fff;margin-top: 25px}
.scEgd a:hover{background-color: #fff;color: #333}

/*========================================= 定制网站 =====================================*/
.dzA{margin-top: 45px}
.dzAr{width: 735px;}
.dzAr h3{font-size: 30px;}
.dzAr .dzAr1{width: 100%;height: 255px;background-color: #f5f5f5;overflow: hidden;margin-top: 17px;padding: 15px;box-sizing: border-box}
.dzAr .dzAr1 dd{font-size: 12px;margin-bottom: 15px;overflow: hidden}
.dzAr .dzAr1 dl{width: 60px;height: 23px;border: 1px solid #aaa;box-sizing: border-box;display: inline-block;margin-right: 10px;
    text-align: center;line-height: 23px;color: #aaa;float: left}
.dzAr .dzAr1 .dl2{width: 80px;height: 23px;border: 1px solid #aaa;box-sizing: border-box;display: inline-block;margin-right: 10px;
    text-align: center;line-height: 23px;color: #aaa;background-color: #fff;float: left}
.dzAr .dzAr1 a{display: inline-block;width: 110px;height: 33px;line-height: 33px;border: 1px solid #666;box-sizing: border-box;
    background-color: #fff;text-align: center;margin-right: 10px}
.dzAr .dzAr1 a:hover{background-color: #d9221a;color: #fff;border-color: #d9221a}

.dzB{margin-top: 30px;}
.dzB ul li{padding: 25px;box-sizing: border-box;background-color: #f4f4f4;float: left;width: 388px;height: 257px;text-align: center;margin-right: 68px;}
.dzB ul li i{font-size: 40px;}
.dzB ul li h3{font-size: 20px;font-weight: bold;margin: 10px 0}
.dzB ul li p{text-align: left;line-height: 1.8}
.dzB ul li:nth-child(3){margin-right: 0}
.dzB ul li:nth-child(1) i{color: #e76a10}
.dzB ul li:nth-child(2) i{color: #f43c3a}
.dzB ul li:nth-child(3) i{color: #c847e2}

.dzC{background-color: #f4f4f4;overflow: hidden;margin-top: 45px;padding-bottom: 45px}
.dzCs{margin-top: 50px;overflow: hidden}
.dzCs ul li{width: 25%;text-align: center;float: left}
.dzCs ul li i{display: inline-block;width: 120px;height: 122px;background: url("../img/dzc.png") no-repeat center;
    text-align: center;line-height: 122px;color: #fff;font-size: 16px;font-style: normal;transition: all 1s ease;}
.dzCs ul li p{color: #666;line-height: 1.6;margin-top: 10px}
.dzCs ul li:hover i{transform: rotate(360deg) scale(0.8);transition: all 1s ease;}

.dzD{margin-top: 35px}
.dzD ul li{width: 412px;text-align: center;float: left;margin-right: 32px;}
.dzD ul li i{font-size: 40px}
.dzD ul li h3{font-weight: bold;font-size: 18px;margin: 10px 0}
.dzD ul li span{display: inline-block;text-align: center;line-height: 32px;background-color: #f5f5f5;float: left;margin: 0 8px 8px 0}
.dzD ul li .s1{width: 95px}
.dzD ul li .s2{width: 198px}
.dzD ul li .s3{width: 129px}
.dzD ul li:nth-child(3){margin-right: 0}

.dzE{background-color: #f4f4f4;overflow: hidden;margin-top: 40px;padding-bottom: 20px}
.dzE ul{margin-top: 40px}
.dzE ul li{width: 387px;height: 135px;border: 1px solid #e5e5e5;box-sizing: border-box;padding: 20px;float: left;
    margin: 0 69px 16px 0;background-color: #fff}
.dzE ul li i{display:inline-block;font-size: 40px;color: #fba41f;height:80px;line-height: 80px;float: left;
    border-right: 1px solid #e6e6e6;padding-right: 15px;width: 45px;text-align: center}
.dzE ul li dl{width: 250px;float: left;margin-left: 15px}
.dzE ul li dl h3{font-size: 16px;margin-bottom: 10px;font-weight: bold}
.dzE ul li dl p{color: #999;line-height: 1.6}
.dzE ul li:nth-child(3n){margin-right: 0}
.dzE ul li:nth-child(2) i{color: #fe3030}
.dzE ul li:nth-child(3) i{color: #269df7}
.dzE ul li:nth-child(4) i{color: #2ef6c7}
.dzE ul li:nth-child(5) i{color: #ffa14a}
.dzE ul li:nth-child(6) i{color: #eb322f}

/*========================================= 营销网站 =====================================*/
.yxA{margin-top: 35px}
.yxAl{width: 625px;}
.yxAl ul{width: 160px;float: left}
.yxAl ul li{padding:14px 10px;line-height: 24px;overflow: hidden;font-weight: bold;
    margin: 0 0 12px 0; background: #f4f4f4;border-left: 2px solid #25e1c8;}
.yxAl ul li p{height: 48px;overflow: hidden}
.yxAl .yxAl_txt{width: 445px;height:252px;float: right;box-sizing: border-box; padding: 20px;border: 1px solid #ddd;border-radius: 6px;line-height: 24px;color: #666;}
.yxAl .yxAl_txt h3{font-size: 20px;text-align: left;  color: #25e1c8;  margin: 0 0 10px 0;  position: relative;font-weight: bold;padding: 0 0 8px 0;}
.yxAl .yxAl_txt h3::after {content: ""; position: absolute; bottom: 0; left: 0; height: 2px; width: 50px; background: #25e1c8;}

.yxB{margin-top: 20px}

.yxC{background-color: #f4f4f4;overflow: hidden;padding-bottom: 40px}
.yxC ul li{width: 380px;box-sizing: border-box;float: left;margin: 35px 69px 0 0;}
.yxC ul li i{display:inline-block;font-size: 40px;color: #4dd51c;height:80px;line-height: 80px;float: left;
    width: 60px;text-align: center;transition: all 0.5s}
.yxC ul li dl{width: 300px;float: left;margin-left: 15px}
.yxC ul li dl h3{font-size: 16px;margin-bottom: 10px;}
.yxC ul li dl p{color: #999;line-height: 1.6}
.yxC ul li:nth-child(3n){margin-right: 0}
.yxC ul li:nth-child(2) i{color: #f17f10}
.yxC ul li:nth-child(3) i{color: #eb2b2b}
.yxC ul li:nth-child(4) i{color: #eb5273}
.yxC ul li:nth-child(5) i{color: #de5ab9}
.yxC ul li:nth-child(6) i{color: #ab48ef}
/*.yxC ul li:hover i{transform: scale(1.1);transition: all 0.5s}*/

.yxD{background-color: #f5f5f5;overflow: hidden;padding-bottom: 40px}
.yxDs{margin-top: 40px}
.yxDs dl { float:left; width:278px; border:1px solid #fafafa; margin:0 60px 40px 0; box-shadow:0 2px 2px #eae8e8; background:#fff; overflow:hidden; }
.yxDs dl figure {height:150px;width: 280px;overflow: hidden}
.yxDs dl figure img{transition: all 0.5s;width: 100%}
.yxDs dl dd { padding:10px 13px; line-height:20px; }
.yxDs dl dd a:hover {color:#f60;}
.yxDs dl dd span {color:#585858;}
.yxDs dl dd.u-name{padding: 10px 45px 10px 13px;font-size:14px; background: url(../img/yxdico1.jpg) no-repeat 94% center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.yxDs dl dd.u-design{overflow: hidden;border-top:1px solid #eee;color: #666;font-size: 12px}
.yxDs dl .u-desc { padding: 10px 13px;line-height: 20px;height:67px; color: #999;font-size: 12px;overflow:hidden;border-top:1px solid #eee;/*background:#fafafa*/ }
.yxDs dl:nth-child(4){margin-right: 0}
.yxDs dl:hover figure img{transform: scale(1.1)}

.yxDs .browser{font-size: 12px;color: #888}
.yxDs .browser .icon-zan{background:url(../img/yxdico2.png) no-repeat 0 68%;display:inline-block;*display:inline;zoom:1;padding:0 1em 0 1.5em;cursor:pointer;margin:0}
.yxDs .browser .icon-zan b { font-weight:normal;}
.yxDs .browser .icon-look{background:url(../img/yxdico3.png) no-repeat 0 56%;display:inline-block;*display:inline;zoom:1;padding:0 0 0 1.8em;cursor:pointer}
.yxD .btn {text-align: center;}
.yxD .btn a { display:inline-block; width:108px; height:40px;line-height:40px;background:#f60; color:#fff;text-align: center }
.yxD .btn a:hover { background:#0076c4; color:#fff; }

.yxE ul li{width: 20%;text-align: center;float: left;margin-top: 40px}
.yxE ul li i{font-size: 32px;margin: 8px;display: inline-block;height: 35px;color: #4dd51c;}
.yxE ul li p{line-height: 24px;color: #666}
.yxE ul li:nth-child(2) i{color: #f17f10}
.yxE ul li:nth-child(3) i{color: #eb2b2b}
.yxE ul li:nth-child(4) i{color: #eb5273}
.yxE ul li:nth-child(5) i{color: #de5ab9}
.yxE ul li:nth-child(6) i{color: #ab48ef}
.yxE ul li:nth-child(7) i{color: #6851ef}
.yxE ul li:nth-child(8) i{color: #4d48ef}
.yxE ul li:nth-child(9) i{color: #2a77ef}
.yxE ul li:nth-child(10) i{color: #28afef}
/*.yxE ul li:hover i{animation-name: bounce;transform-origin: center bottom;}*/

/*========================================= 微信开发 =====================================*/
.wxA{}
.wxA ul li{width: 620px;float: left;margin-top: 40px}
.wxA ul li i{display:inline-block;font-size: 80px;color: #2bca68;height:80px;line-height: 80px;float: left;
    width: 90px;text-align: center}
.wxA ul li dl{width: 490px;float: left;margin-left: 15px}
.wxA ul li dl h3{font-size: 20px;margin-bottom: 10px;font-weight: bold;color: #66a6ff}
.wxA ul li dl p{line-height: 1.6}
.wxA ul li:nth-child(2) i{color: #fe6564}
.wxA ul li:nth-child(3) i{color: #6666c8}
.wxA ul li:nth-child(4) i{color: #fe6697}

.wxB{background-color: #f8f8f8;overflow: hidden;margin-top: 40px;padding-bottom: 30px}
.wxB ul{margin-top: 35px}
.wxB ul li{width: 300px;height: 164px;background-color: #fff;border: 1px solid #ddd;text-align: center;padding: 20px 0;
    box-sizing: border-box;float: left;margin: 0 33px 16px 0}
.wxB ul li h3{font-size: 18px}
.wxB ul li i{font-size: 30px;line-height: 60px}
.wxB ul li p{color: #999;line-height: 1.6}
.wxB ul li:nth-child(4n){margin-right: 0}
.wxB ul li:hover{box-shadow: inset 0 0 5px #ccc}

.wxC{padding-top: 50px}
.wxC ul li{width: 25%;text-align: center;float: left;}
.wxC ul li i{display:inline-block;width: 120px;height: 120px;border-radius: 100%;text-align: center;
    background-color: #32c3ff;color: #fff;font-size: 60px;line-height: 120px;transition: all 0.5s}
.wxC ul li p{font-size: 16px;margin-top: 10px}
.wxC ul li:nth-child(2) i{background-color: #ef4f19}
.wxC ul li:nth-child(3) i{background-color: #fee65f}
.wxC ul li:nth-child(4) i{background-color: #9ecc17}
.wxC ul li:hover i{transform:scale(1.05)}

/*========================================= 响应式网站 =====================================*/
.xyA{width: 940px;margin: 0 auto;margin-top: 40px;overflow: hidden}
.xyA dl{width: 165px;height: 165px;background-color: #fe7b43;border-radius: 100%;text-align: center;color: #fff;float: left}
.xyA dl i{font-size: 60px;height: 50px;line-height: 50px;display: inline-block;margin-top: 40px}
.xyA dl p{font-size: 20px;margin-top: 10px}
.xyA div{float: left;color: #cdcdcd;font-size: 60px;line-height: 165px;margin: 0 15px}

.xyB{background-color: #f4f4f4;overflow: hidden;margin-top: 40px;}
.xyBs{margin-top: 35px;overflow: hidden;padding-bottom: 40px}
.xyB1{width: 545px;}
.xyB1 dl{height: 90px;background-color: #fff;display: flex;flex-direction: row;align-items: center;text-align: right;
padding-left: 100px;box-sizing: border-box;position: relative;margin-top: 15px}
.xyB1 dl p{line-height: 30px;color: #666;width: 375px;}
.xyB1 dl i{font-size: 40px;color: #eee;line-height: 40px;width: 60px;display: inline-block;text-align: center}
.xyB1 dl:after{position: absolute; content: ""; right: -3px; top: 50%; height: 20px; width: 20px; background: #fff; transform: translateY(-50%) rotateZ(45deg); }
.xyB1 h3{margin-left: 280px;font-size: 26px;color: #494949}
.xyBr dl{text-align: left;padding-left: 10px}
.xyBr h3{margin-left: 120px;color: #fe7b43}
.xyBr dl:after{left: -3px;right: auto; }
.xyBr dl i{color: #fe7b43}
.xyB2{margin: 40px 0 0 60px}
.xyB2 dl{width: 100px;border-radius: 100%;text-align: center;color: #fe7b43;padding:19px 0;margin-top: 5px;
    font-size: 24px;background-color: #f8f8f8;box-shadow: 0 0 10px #e1e1e1}

.xyC{background-color: #896871}
.xyC button:hover{background: linear-gradient(to right,#897A81,#895257);}

.xyD{background-color: #f4f4f4;overflow: hidden;padding-bottom: 30px}
.xyD ul{margin-top: 40px;overflow: hidden}
.xyD ul li{width: 410px;height: 115px;background-color: #fff;border: 1px solid #eee;text-align: center;float: left;padding: 0 20px;
box-sizing: border-box;margin: 0 35px 17px 0}
.xyD ul li h3{font-size: 18px;margin-top: 20px}
.xyD ul li i{display: inline-block;width: 36px;height: 2px;background-color: #29b411;margin: 5px 0}
.xyD ul li p{line-height: 24px;color: #999}
.xyD ul li:nth-child(3n){margin-right: 0}
.xyD ul li:nth-child(2) i{background-color: #f17f10}
.xyD ul li:nth-child(3) i{background-color: #eb2b2b}
.xyD ul li:nth-child(4) i{background-color: #eb5273}
.xyD ul li:nth-child(5) i{background-color: #de5ab9}
.xyD ul li:nth-child(6) i{background-color: #ab48ef}

/*========================================= 小程序开发 =====================================*/
.xcxA{margin-top: 35px}
.xcxA ul li{width: 416px;height: 180px;background-color: #fc5f45;padding: 45px 30px;box-sizing: border-box;margin: 0 26px 25px 0;
float: left}
.xcxA ul li i{display: inline-block;width: 90px;height: 90px;background-color: #fff;border-radius: 100%;text-align: center;
line-height: 90px;font-size: 40px;color: #fc5f45;float: left;  animation-duration: 1s; animation-fill-mode: both}
.xcxA ul li dl{float: left;margin-left: 25px;color: #fff;width: 200px;}
.xcxA ul li h3{font-size: 26px;margin-bottom: 14px;}
.xcxA ul li:nth-child(3n){margin-right: 0}
.xcxA ul li:nth-child(6){text-align: center;color: #333;background-color: #F0F0F0}
.xcxA ul li:nth-child(2){background-color: #666ECB}
.xcxA ul li:nth-child(3){background-color: #F96385}
.xcxA ul li:nth-child(4){background-color: #6CD8D0}
.xcxA ul li:nth-child(5){background-color: #FBC65F}
.xcxA ul li:nth-child(2) i{color: #666ECB}
.xcxA ul li:nth-child(3) i{color: #F96385}
.xcxA ul li:nth-child(4) i{color: #6CD8D0}
.xcxA ul li:nth-child(5) i{color: #FBC65F}
.xcxA ul li:hover i {animation-name: bounce;transform-origin: center bottom;}

.xcxD{background-color: #f8f8f8;overflow: hidden;margin-top: 10px;padding-bottom: 30px}
.xcxD1{margin-top: 30px;overflow: hidden;text-align: center}
.xcxD1 ul li{line-height: 40px;text-align: center;padding: 0 6px;margin-bottom: 20px;width: 125px;display: inline-block}
.xcxD1 ul li a{width:100%;display:inline-block;border: 1px solid #dadada;box-sizing: border-box;background-color: #fff;border-radius: 3px}
.xcxD1 ul li a.active{background-color: #2087ed;color: #fff;border-color: #2087ed}
.xcxD1 ul li a:hover{background-color: #2087ed;color: #fff;border-color: #2087ed}
.xcxD2{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);overflow: hidden;padding: 40px;background-color: #fff;margin: 20px 10px}
.xcxD2 dl{display: none}
.xcxD2 dl:first-child{display: block}
.xcxD21{text-align: center}
.xcxD21 img{display: inline-block;}
.xcxD22{width: 800px}
.xcxD22 h3{font-weight: bold;font-size: 22px;text-align: center}
.xcxD22 ul{padding: 20px 40px 60px;border-bottom: 1px solid #bbbbbb;overflow: hidden;position: relative}
.xcxD22 ul li{background: url("../img/xcxd2.png") no-repeat left;padding-left: 25px;margin-top: 20px;float: left;width: 25%;
box-sizing: border-box;line-height: 30px;}
.xcxD23{padding-top: 30px}
.xcxD23 span{margin-right: 10px;}
.xcxD23 dd{margin-top: 10px;position: relative}
.xcxD23 dd b{font-size: 20px;color: #ff6800;}
.xcxD23 dd i{position: absolute;top: -25px;left: 10px}
.xcxD23 .ljkt{display: inline-block;width: 140px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;
    background-color: #2087ed;border-radius: 3px}
.xcxD2jj{line-height: 2;text-align: center;padding-top: 20px;overflow: hidden;width: 100%}

.xcxB{margin-top: 35px}
.xcxB ul li{width: 280px;height: 454px;float: left;background-color: #5b9cd6;color: #fff;margin-right: 60px;
border-top-left-radius: 10px;border-top-right-radius: 10px;}
.xcxB ul li h3{font-size: 20px;text-align: center;margin-top: 30px;}
.xcxB ul li dl{margin: 20px 0 18px;overflow: hidden}
.xcxB ul li span{display: inline-block;width: 33.3%;float: left;padding-left:15px;box-sizing: border-box;margin-bottom: 5px}
.xcxB ul li:nth-child(2){background-color: #70ad46}
.xcxB ul li:nth-child(3){background-color: #ed7d31}
.xcxB ul li:nth-child(4){margin-right: 0;background-color: #ef666e}

.xcxC{background-color: #f6f6f6;margin-top: 50px;overflow: hidden;padding-bottom: 40px}
.xcxCs{padding-top: 56px;}
.xcxCs ul li{width: 215px;height:307px;padding: 0 30px;border: 1px dashed #3366CC;box-sizing: border-box;float: left;
    border-radius: 10px;text-align: center;margin-right: 56px;transition: all 0.4s;}
.xcxCs ul li img{margin-top: 36px}
.xcxCs ul li h3{font-size: 20px;color: #666ECB;font-weight: bold;margin: 16px 0 12px}
.xcxCs ul li p{line-height: 24px}
.xcxCs ul li:nth-child(5){margin-right: 0}
.xcxCs ul li:hover{margin-top: -10px}
.xcxCm{text-align: center;margin-top: 50px;}
.xcxCm a{display: inline-block;width: 252px;height: 66px;line-height: 66px;text-align: center;font-size: 20px;color: #fff;
    background-color: #666ECB;}
.xcxCm a:hover{background-color: #5258a5}

.xcxE{overflow: hidden}
.xcxE ul{margin-top: 35px;overflow: hidden}
.xcxE ul li{width: 625px;height:110px;float: left;border-radius: 8px;padding: 25px 40px;box-sizing: border-box;
    margin-bottom: 25px;}
.xcxE ul li i{color: #fff;font-size: 60px;display: inline-block;float: left}
.xcxE ul li dl{float: left;color: #fff;margin: 6px 0 0 35px}
.xcxE ul li dl h3{font-size: 25px;font-weight: bold;line-height: 34px}
.xcxE ul li:nth-child(2n){float: right}
.xcxE ul li:nth-child(1){background-color: #db70a6}
.xcxE ul li:nth-child(2){background-color: #6b5eae}
.xcxE ul li:nth-child(3){background-color: #78759d}
.xcxE ul li:nth-child(4){background-color: #b58a5f}
.xcxE ul li:nth-child(5){background-color: #80b5b2}
.xcxE ul li:nth-child(6){background-color: #9dadc1}
.xcxE ul li:hover i{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: shake 0.5s;  animation: shake 0.5s;}

.fot{position: fixed;bottom: 0;left: 0;background: rgba(45, 55, 104, 1);width: 100%;display: none}
.fot ul li{width: 50%;float: left;border-right: 1px solid #fff;box-sizing: border-box;padding: 30px 0}
.fot ul li img{float: left;padding: 0 5% 0 30%;width: 75px}
.fot ul li a{color: #fff;font-size: 50px}
.fot ul li p{}
.fot ul li:last-child{border-right: none}

@media (max-width: 980px) {
    .fot{display: block;}
}

.news{overflow: inherit}
.news ul li{width: 32%;float: left;margin-right: 2%;margin-bottom: 20px;box-shadow: 0 0 10px #ccc;padding: 20px;box-sizing: border-box}
.news ul li h3{font-size: 20px;margin-bottom: 15px}
.news ul li p{color: #666;line-height: 1.8;height: 76px;}
.news ul li:nth-child(3n){margin-right: 0}

.page {color: #6f6f6f;line-height: 20px; padding: 30px 0 10px; text-align: center; vertical-align: middle; overflow: hidden;font-size:14px }
.page a,.page span {color: #666; display: inline-block; margin: 0 1px; text-align: center; width: auto; padding: 5px 12px; font-size:14px;border:1px #d8d8d8 solid;    float: none;}
.page a:hover, .page span.current {color: #fff; background: #ff6c00; text-decoration: none; border:1px #ff6c00 solid;}


.content{margin-top: 40px;}
.cont h1{line-height:36px; font-size:26px; color:#333333; margin-bottom:10px;  font-weight:normal;text-align: center;}
.cont .con{line-height: 250%;overflow:hidden;white-space:normal;word-break:break-all;padding-top:20px;color:#666;text-align:left;font-size: 14px}
.cont .con img{max-width: 100%!important;height: auto!important;display: block;margin: 0 auto;}
.cont .con a{color: #ff6c00;}

.other{overflow:hidden; background:#fff; margin-top:40px;}
.other h3{font-weight:normal; color:#333333; font-size:20px;height:34px; line-height:34px;padding-bottom: 10px;border-bottom:1px dashed #e7e7e7;}
.other ul li{display:block; border-bottom:1px dashed #e7e7e7; padding: 16px 0;font-size: 14px}
.other ul li a:hover{color: #ff6c00}