@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:#ff6633;}
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:80px;overflow: hidden;position: fixed;top: 0;left: 0;color: #fff;z-index: 9999;
background-color: #fff;/*box-shadow:0 0 10px rgba(0,0,0,0.1);*/}
.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: 80px;margin-left: 50px;
    height: 80px;overflow: hidden;box-sizing: border-box}
.nav ul li a{color: #999999}
.nav ul li:hover,.nav ul li.active{border-bottom: 3px solid #ff6633;}
.nav ul li:hover a,.nav ul li.active a{color: #ff6633}
/*.topbg{ background: rgba(45, 55, 104, 0.9);}*/

/*========================================= banner =====================================*/
.banner{width:100%; height:425px; margin:80px auto 0px; overflow:hidden;position:relative;text-align: center;
    color: #fff;}
.banner h3{font-size: 40px;margin-top: 125px;font-weight: bold}
.banner p{font-size: 22px;margin-top: 50px}
.banner 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}

.oneA{background-color: #f1f2f6;overflow: hidden;padding: 30px 0}
.oneAl{width: 400px;border-top: 3px solid #0a98e0;overflow: hidden;background-color: #fff}
.oneAl dl{overflow: hidden}
.oneAl dl a{display: inline-block;width: 50%;line-height: 45px;float: left;text-align: center;font-size: 16px}
.oneAl dl a:hover,.oneAl dl a.active{background-color: #0a98e0;color: #fff;}
.oneAl ul{padding: 20px;box-sizing: border-box;display: none}
.oneAls ul:first-child{display: block}
.oneAl ul li{background-color: #f6f6f6;overflow: hidden;margin-bottom: 12px;}
.oneAl ul li span{display: inline-block;width: 100px;height: 90px;background-color: #fe7b37;text-align: center;
    color: #fff;padding-top: 25px;box-sizing: border-box;font-size: 16px;float: left}
.oneAl ul li dt{width: 230px;float: left;margin-left: 20px}
.oneAl ul li h3{margin-top: 15px;font-size: 14px}
.oneAl ul li p{font-size: 12px;color: #666;margin: 5px 0}
.oneAl ul li i{font-style: normal;font-size: 12px;color: #666}
.oneAl ul li:nth-child(2) span,.oneAl ul li:nth-child(3) span{background-color: #aa59fe}
.oneAl ul li:nth-child(4){margin-bottom: 0}

.oneAr{width: 860px;overflow: hidden}
.oneAr ul li{width: 267px;height: 232px;background-color: #ff6633;text-align: center;float: left;margin: 0 29px 18px 0}
.oneAr ul li a{color: #fff}
.oneAr ul li i{font-size: 64px;display: inline-block;margin: 40px 0 20px;animation-duration: 1s;}
.oneAr ul li p{font-size: 24px;margin-bottom: 10px}
.oneAr ul li span{font-size: 16px}
.oneAr ul li:nth-child(3n){margin-right: 0}
.oneAr ul li:nth-child(2){background-color: #ffc74e}
.oneAr ul li:nth-child(3){background-color: #81ca95}
.oneAr ul li:nth-child(4){background-color: #4bd2eb}
.oneAr ul li:nth-child(5){background-color: #a464ee}
.oneAr ul li:nth-child(6){background-color: #e97290}
.oneAr ul li:hover{opacity: 0.9}
.oneAr ul li:hover i{animation-name: bounce;transform-origin: center top;}

.title{line-height: 70px;}
.title h2{display: inline-block;font-size: 26px;float: left;font-weight: bold}
.title p{float: left;font-size: 16px;color: #666;margin-left: 15px}

.oneB{overflow: hidden}
.oneB ul li{width: 408px;height: 228px;float: left;margin-right: 38px;position: relative;overflow: hidden}
.oneB ul li img{max-width: 100%;transition: all 0.8s ease;}
.oneB ul li:nth-child(3n){margin-right: 0}
.oneB ul li p{width: 100%;height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0;font-size: 28px;
    transform: translateY(-101%); transition: all 0.8s ease;color: #fff;line-height: 228px;text-align: center}
.oneB ul li:hover p{transform: translateY(0); opacity:1;}
.oneB ul li:hover img{transform: scale(1.2);transition: all 0.8s ease;}

.oneE2{border:1px solid #e0e2e3; padding:11px 0; text-align:center;background-color: #fbfbfc;margin-top: 27px}
.oneE2 dl{ width:50%; 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}*/
.oneE2 dl a span{color: #fe9110}

.oneC{overflow: hidden;background-color: #f1f2f6;margin-top: 30px}
.oneC ul{padding: 10px 0 30px}
.oneC ul li{text-align: center;padding: 30px 0;border-left: none;width: 300px;height: 333px;background-color: #fff;
border-radius: 5px;box-shadow: 0 0 5px #ccc;box-sizing: border-box;float: left;margin-right: 30px;}
.oneC ul li h3{font-size: 24px;}
.oneC ul li .num{color: #fd8400;font-size: 32px;}
.oneC ul li p{margin-top: 22px;}
.oneC ul li .text{color: #666;line-height: 1.8;margin: 25px 0}
.oneC ul li a{display: inline-block;width: 124px;line-height:36px;margin: 0 auto;border: 1px solid #0775c2;
    border-radius: 30px;transition: all 0.3s}
.oneC ul li:last-child{margin-right: 0}
.oneC ul li:hover h3{color: #fd8400}
.oneC ul li:hover a{background-color: #2360c3;color: #fff}

.tit{text-align: center;margin-top: 45px}
.tit h2{font-size: 30px;font-weight: bold;color: #000}
.tit p{color: #666;margin-top: 10px}

.oneD{margin-top: 50px}
.oneD ul{display: flex;}
.oneD ul li{width: 20%;text-align: center}
.oneD ul li b{font-size: 16px;color: #000;margin: 15px 0 10px;display: inline-block}
.oneD ul li p{font-size: 12px;color: #999;line-height: 20px}
.oneD ul li i{font-size: 45px;display: inline-block}
.oneD ul li:nth-child(1) i{color: #00ce9b}
.oneD ul li:nth-child(2) i{color: #f05050}
.oneD ul li:nth-child(3) i{color: #42b8f1}
.oneD ul li:nth-child(4) i{color: #53b753}
.oneD ul li:nth-child(5) i{color: #ac4dbd}
.oneD ul li:hover i{transform:rotate(360deg);transition:all 0.5s ease-out 0s;}

.oneF{background-color: #000;height: 415px;margin-top: 50px;text-align: center;color: #fff}
.oneF h3{font-size: 28px;font-weight: bold;margin: 85px 0 45px}
.oneF p{color: #e1e1e1;line-height: 2;margin-bottom: 40px}
.oneF a{display: inline-block;width: 150px;line-height: 45px;text-align: center;color: #fff;background-color: #e6000c;border-radius: 3px;
margin: 0 10px}
.oneF a:last-child{background-color: #068af9}

.oneG{background-color: #f5f5f5;overflow: hidden}
.oneH ul{display: flex;flex-flow: wrap;}
.oneH ul li{width:413px;height: 140px;background-color: #fff;padding: 30px;box-sizing: border-box;margin: 0 30px 30px 0;}
.oneH ul li p{font-size: 18px;margin-bottom: 10px}
.oneH ul li span{line-height: 1.6;color: #666}
.oneH ul li:nth-child(3n){margin-right: 0}
.oneH ul li:hover{background-color: #ff6633}
.oneH ul li:hover p,.oneH ul li:hover span{color: #fff}

.foot{background-color: #21282e;color: #fff}
.foot h1{text-align: center;font-size: 30px;margin: 40px 0}
.foot1{border-top: 1px dotted #313a41;padding: 25px 0}
.foot1 ul{display: flex;flex-flow: wrap;}
.foot1 ul li{margin-right: 200px}
.foot1 ul li dl{margin-bottom: 15px}
.foot1 ul li i{display: inline-block;margin-right: 10px;font-size: 16px;}
.foot1 ul li p{color: #999;line-height: 1.8}
.foot1 ul li p a{color: #999}
.foot1 ul li:last-child{margin-right: 0}
.link{padding-bottom: 30px;}
.link a{color: #999}
.copy{color: #999;line-height: 1.8;padding: 15px 0}
.copy a{color: #999}

/*========================================= 网站建设 =====================================*/
.slider{height: 429px;margin-top: 80px;text-align: left;overflow: hidden;color: #fff;font-size: 16px}
.slider h3{font-size: 34px;margin-top: 80px;}
.slider p{line-height: 2;margin: 15px 0 40px}
.slider .lj{display: inline-block;width: 140px;line-height: 40px;box-sizing: border-box;border: 1px solid #fff;
    text-align: center;color: #fff;margin-bottom: 10px}

.subnav{line-height: 53px;overflow: hidden;margin-top: 80px;width: 100%;background: rgba(0,0,0,0.2);}
.subnav ul{width: 1300px;margin: 0 auto}
.subnav a{display: inline-block;width: 16.6%;float: left;text-align: center;font-size: 18px;color: #fff}
.subnav a:hover,.subnav a.active{background-color: #ff6633}
.subnav ul li.active a{background-color: #ff6633}

.title2{text-align: center;width: 1300px;overflow: hidden;margin: 0 auto;margin-top: 40px}
.title2 h2{font-size: 32px;color: #000}
.title2 p{color: #878787;line-height: 1.6;margin-top: 10px}

.jsA{margin-top: 45px;}
.jsA ul{display: flex;flex-flow: wrap;}
.jsA ul li{text-align: center;color: #bcbcbc;margin: 0 33px}
.jsA ul li i{font-size: 70px;}
.jsA ul li p{font-size: 18px;margin-top: 10px}
.jsA ul li:hover{color: #ff6633}
.jsA ul li.on{color: #ff6633}

.dzA{margin-top: 45px}
.dzAr{width: 840px;}
.dzAr h3{font-size: 30px;text-indent: 30px}
.dzAr .dzAr1{width: 100%;height: 195px;background-color: #f5f5f5;overflow: hidden;margin-top: 17px;padding: 20px 30px;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 p{float: left;color: #4c4c4c;line-height: 1.6}
.dzAr .dzAr1 b{font-size: 28px;color: #ff6633;display: inline-block;margin-top: -9px}
.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 .lianjie{margin: 20px 0 0 35px}
.dzAr .lianjiel{margin-top: 5px}
.dzAr .lianjiel a{display: inline-block;border: 1px solid #aaa;box-sizing: border-box;padding: 3px 7px;background-color: #fff;
    text-align: center;margin-right: 10px;color: #aaa}
.dzAr .lianjiel a:hover{color: #ff6633;border-color: #ff6633}
.dzAr .lianjier a{display: inline-block;width:100px;line-height:35px;border-radius:30px;background-color: #94df57;
    text-align: center;margin-right: 10px;color: #fff}
.dzAr .lianjier a:nth-child(2){background-color: #ff6633}

.qyA{background-color: #f5f5f5;overflow: hidden;padding-bottom: 20px}
.qyAs{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;background-color: #fff}
.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;background-color: #fff}
.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}

.jsB{padding: 40px 10px 10px}
.jsB ul li{width: 625px;height: 160px;;float: left;box-shadow: 0 0 10px #ccc;padding: 20px;box-sizing: border-box;margin-bottom: 30px}
.jsB ul li dl{width: 530px;float: right}
.jsB ul li i{color: #7d7d7d;font-size: 30px}
.jsB ul li h3{font-weight: bold;font-size: 20px;margin-bottom: 15px}
.jsB ul li p{line-height: 1.8;color: #999}
.jsB ul li:nth-child(2n){float: right}
.jsB ul li:hover i{color: #ff6633}
.jsB ul li:hover h3{color: #ff6633}

.jsC{background-color: #f5f5f5;overflow: hidden;padding-bottom: 60px}
.jsC .oneB{margin-top: 45px}

.jsD ul{padding: 35px 10px 20px}
.jsD ul li{box-shadow: 0 0 10px #ccc;width: 406px}

.jsE{background-color: #f5f5f5;overflow: hidden;padding-bottom: 50px}
.jsE ul{display: flex;flex-flow: wrap;margin-top: 50px}
.jsE ul li{width: 20%;text-align: center}
.jsE ul li i{display: inline-block;width: 75px;height: 75px;text-align: center;line-height: 75px;border: 1px solid #000;
border-radius: 100%;color: #000;font-size: 40px;}
.jsE ul li h3{font-size: 22px;color: #000;margin: 15px 0 5px 0}
.jsE ul li p{line-height: 1.8}
.jsE ul li:hover i{background-color: #11A7F8;color: #fff;border-color: #11A7F8}

/*========================================= 微信开发 =====================================*/
.wxA ul{display: flex;flex-flow: wrap;}
.wxA ul li{text-align: center;width: 373px;margin: 30px 90px 0 0;}
.wxA ul li i{font-size: 50px;display: inline-block;}
.wxA ul li h3{font-size: 24px;font-weight: bold;margin: 10px 0}
.wxA ul li p{color: #666;line-height: 1.6}
.wxA ul li:nth-child(3n){margin-right: 0}
/*.wxA ul li:nth-child(1),.wxA ul li:nth-child(1):hover p{color: #ff7006}
.wxA ul li:nth-child(2),.wxA ul li:nth-child(2):hover p{color: #4ab886}
.wxA ul li:nth-child(3),.wxA ul li:nth-child(3):hover p{color: #368cea}
.wxA ul li:nth-child(4),.wxA ul li:nth-child(4):hover p{color: #cc33cc}
.wxA ul li:nth-child(5),.wxA ul li:nth-child(5):hover p{color: #ff3366}
.wxA ul li:nth-child(6),.wxA ul li:nth-child(6):hover p{color: #99cc00}*/
.wxA ul li:nth-child(1){color: #ff7006}
.wxA ul li:nth-child(2){color: #4ab886}
.wxA ul li:nth-child(3){color: #368cea}
.wxA ul li:nth-child(4){color: #cc33cc}
.wxA ul li:nth-child(5){color: #ff3366}
.wxA ul li:nth-child(6){color: #99cc00}
.wxA ul li:hover h3{color: #ff6a64}

.wxB{background-color: #f5f5f5;overflow: hidden;margin-top: 50px;padding-bottom: 50px}
.wxBs ul{display: flex;flex-flow: wrap;}
.wxBs ul li{width: 340px;margin: 35px 100px 0 0}
.wxBs ul li i{display: inline-block;width: 66px;line-height: 66px;text-align: center;border-radius: 100%;float: left;
    height: 66px;color: #fff;font-size: 30px;}
.wxBs ul li dl{width: 260px;float: right}
.wxBs ul li p{font-size: 18px;margin: 8px 0 5px}
.wxBs ul li span{color: #666;font-size: 16px}
.wxBs ul li:nth-child(3n){margin-right: 0}
.wxBs ul li:nth-child(1) i{background: linear-gradient(to bottom right,#2cd8f5,#39b6f5);}
.wxBs ul li:nth-child(2) i{background: linear-gradient(to bottom right,#55d992,#2acda6);}
.wxBs ul li:nth-child(3) i{background: linear-gradient(to bottom right,#f4a556,#f5875e);}
.wxBs ul li:nth-child(4) i{background: linear-gradient(to bottom right,#f0cd08,#f4a801);}
.wxBs ul li:nth-child(5) i{background: linear-gradient(to bottom right,#ee8ce8,#cf73f2);}
.wxBs ul li:nth-child(6) i{background: linear-gradient(to bottom right,#f583b2,#f55696);}
.wxBs ul li:nth-child(7) i{background: linear-gradient(to bottom right,#5fb9f5,#5798f5);}
.wxBs ul li:nth-child(8) i{background: linear-gradient(to bottom right,#9cb1f2,#6171f4);}
.wxBs ul li:nth-child(9) i{background: linear-gradient(to bottom right,#f5d618,#f5b614);}
.wxBs ul li:nth-child(10) i{background: linear-gradient(to bottom right,#8aea60,#6dbf48);}
.wxBs ul li:nth-child(11) i{background: linear-gradient(to bottom right,#f4b4ac,#f55254);}
.wxBs ul li:nth-child(12) i{background: linear-gradient(to bottom right,#2cd8f5,#39b5f5);}

.wxC ul{display: flex;flex-flow: wrap;}
.wxC ul li{width: 310px;text-align: center;margin: 30px 20px 0 0;padding-bottom: 10px;overflow: hidden}
.wxC ul li figure{height: 176px;width: 310px;overflow: hidden}
.wxC ul li figure img{width: 100%;transition: all 0.5s ease}
.wxC ul li h3{font-size: 20px;font-weight: bold;margin: 15px 0}
.wxC ul li p{color: #666;line-height: 1.6}
.wxC ul li:nth-child(4n){margin-right: 0}
.wxC ul li:hover{background-color: #f5f5f5}
.wxC ul li:hover h3{color: #ff6633}
.wxC ul li:hover img{transform: scale(1.2);transition: all 0.5s ease}

.more{text-align: center;margin-top: 40px;}
.more a{display: inline-block;width: 170px;line-height: 45px;border: 1px solid #3e3e3e;border-radius: 50px;
    text-align: center;font-size: 16px;box-sizing: border-box}
.more a:hover{background-color: #ff6633;color: #fff;border-color: #ff6633}

.wxD{background-color: #f5f5f5;overflow: hidden;margin-top: 40px;padding-bottom: 50px}
.wxDs{margin-top: 50px;position: relative}
.wxDs .swiper-container{margin: 0 50px}
.wxDs ul li{transform: scale(0.85)}
.wxDs ul li img{width: 100%}
.wxDs ul .swiper-slide-active{transform: scale(1)}
.wxDs .prev{position: absolute;top: 200px;left: 0;z-index: 9}
.wxDs .next{position: absolute;top: 200px;right: 0;z-index: 9}

.wxE{width: 1125px;margin: 0 auto;margin-top: 45px;position: relative}
.wxE ul{display: flex;flex-flow: wrap;}
.wxE ul li{text-align: center;width: 20%;}
.wxE ul li i{display: inline-block;width: 40px;height: 40px;border-radius: 100%;text-align: center;line-height: 40px;
color: #fff;background: linear-gradient(to bottom right,#1bc992,#26b6b0);font-style: normal;font-size: 16px}
.wxE ul li p{color: #666;margin-top: 25px}
.wxE ul li:hover p{color: #26b6b0}

.wxEline{width: 900px;border-top: 1px dashed #1acc8e;overflow: hidden;position: absolute;top: 20px;left: 110px;z-index: -1}
.wxEs{text-align: center;margin-top: 45px}
.wxEs a{display: inline-block;width: 454px;line-height:60px;background-color: #2087ed;border-radius: 10px;color: #fff;font-size: 16px}

.wxF{margin-top: 40px;padding-bottom: 20px}
.wxF ul{margin-top: 40px}

/*========================================= 网站推广 =====================================*/
.tgA{border: 1px solid #e9e9e9;box-sizing: border-box;margin-top: 40px}
.tgA ul{display: flex;flex-flow: wrap;}
.tgA ul li{text-align: center;width: 33.3%;height: 398px;box-sizing: border-box;padding: 0 60px;position: relative;
 border-right: 1px solid #e9e9e9}
.tgA ul li h3{font-size: 24px;margin: 35px 0 10px}
.tgA ul li p{color: #999}
.tgA ul li b{font-size: 30px;color: #fd8400;display: inline-block;margin: 20px 0 15px}
.tgA ul li dl{width: 100%;border-bottom: 1px dashed #e5e5e5;padding: 10px 0;text-align: left;color: #999;font-size: 16px}
.tgA ul li dl i{display: inline-block;margin-right: 10px}
.tgA ul li .jz{display: inline-block;width: 190px;height: 40px;line-height: 40px;border: 1px solid #e5e5e5;
    border-radius: 5px;margin-top: 30px}
.tgA ul li .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../img/tga.png") no-repeat center;
padding: 50px 60px;color: #fff;box-sizing: border-box;text-align: left;opacity: 0}
.tgA ul li .text h2{font-size: 26px;}
.tgA ul li .text dt{font-size: 16px;line-height: 1.8;margin: 25px 0}
.tgA ul li .text a{display: inline-block;width: 147px;line-height: 37px;background-color: #ff6633;text-align: center;border-radius: 50px;
color: #fff;font-size: 16px}
.tgA ul li:nth-child(3n){border-right: none}
.tgA ul li:hover .text{opacity: 1;transition: all 0.5s ease}

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

.tgC{padding: 50px 0}
.tgC ul li{width: 25%;text-align: center;float: left;}
.tgC 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}
.tgC ul li p{font-size: 18px;margin-top: 15px}
.tgC ul li:nth-child(2) i{background-color: #ef4f19}
.tgC ul li:nth-child(3) i{background-color: #fee65f}
.tgC ul li:nth-child(4) i{background-color: #9ecc17}
.tgC ul li:hover i{transform:scale(1.1);transition: all 0.5s ease}

.tgD{background-color: #f5f5f5;overflow: hidden}
.tgD ul{display: flex;flex-flow: wrap;padding: 40px 0}
.tgD ul li{width: 265px;height:232px;text-align: center;background-color: #ff6633;color: #fff;overflow: hidden;margin-right: 80px;}
.tgD ul li i{font-size: 60px;display:inline-block;margin-top: 50px;animation-duration: 1s;}
.tgD ul li p{font-size: 20px;margin: 15px 0 10px}
.tgD ul li span{font-size: 16px}
.tgD ul li:nth-child(2){background-color: #81ca95}
.tgD ul li:nth-child(3){background-color: #4bd2eb}
.tgD ul li:nth-child(4){margin-right: 0;background-color: #a464ee}
.tgD ul li:hover{opacity: 0.9}
.tgD ul li:hover i{animation-name: bounce;transform-origin: center top;}

/*========================================= 网站维护 =====================================*/
.whA ul li{overflow: hidden;padding: 40px 0;font-size: 16px}
.whA ul li dd{border-bottom: 1px solid #eeeeee;padding-bottom: 10px}
.whA ul li dd h3{font-size: 20px;color: #000}
.whA ul li dd p{margin-top: 10px}
.whA ul li:nth-child(2n){background-color: #f5f5f5}
.whA ul li .text{margin: 20px 0}
.whA ul li .text dl{line-height: 28px;width: 51%}
.whA ul li .text dl p{margin-bottom: 8px}

/*========================================= 关于我们 =====================================*/
.subnav2 a{width: 14.28%}
.aboutA{margin-top: 40px}
.aboutAl{width: 650px;}
.aboutAl h3{font-size: 40px;font-weight: bold;color: #000}
.aboutAl p{line-height: 28px;color: #999;margin-top: 15px}

.aboutB{margin-top: 80px}
.aboutB ul{display: flex;flex-flow: wrap;}
.aboutB ul li{width: 20%;text-align: center;}
.aboutB ul li i{font-size: 50px;color: #000;display: inline-block}
.aboutB ul li p{line-height: 23px;margin-top: 15px;font-size: 18px}
.aboutB ul li:hover{color: #ff6633}
.aboutB ul li:hover i{color: #ff6633;transform: rotate(360deg);transition: all 0.5s ease}

.aboutC{height: 602px;background: url("../img/aboutc.png") no-repeat center;margin-top: 80px;padding: 90px 0;box-sizing: border-box}
.aboutC .aboutcl h3{font-size: 44px;color: #fff;margin-bottom: 20px}
.aboutC .aboutcl span{display: inline-block;width: 64px;height: 5px;background-color: #fff}
.aboutC .aboutcr{width: 673px;height: 420px;background-color: #fff;padding: 30px;box-sizing: border-box}
.aboutC .aboutcr dl{margin-bottom: 35px}
.aboutC .aboutcr dl p{font-size: 26px;font-weight: bold;margin-bottom: 10px}
.aboutC .aboutcr dl span{color: #999;line-height: 1.6;}

.aboutD{margin-top: 40px}
.aboutDt{overflow: hidden}
.aboutDtl{margin-top: 15px}
.aboutDtl h3{font-size: 26px;}
.aboutDtl p{color: #999;line-height: 1.6;margin: 15px 0}
.aboutDtl span{display: inline-block;width: 40px;height: 4px;background-color: #999999}
.aboutDb{overflow: hidden;padding-top: 50px}
.aboutDb ul{display: flex;flex-flow: wrap;}
.aboutDb ul li{width: 25%;text-align: center;}
.aboutDb ul li img{transition: all 0.5s;}
.aboutDb ul li p{font-size: 16px;margin: 20px 0}
.aboutDb ul li span{color: #999}
.aboutDb ul li:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }

.aboutE{background-color: #f7f7f7;overflow: hidden;text-align: center;padding-bottom: 50px;margin-top: 50px}
.aboutE1{margin-top: 35px}
.aboutE1 figure{float:left;text-align:center;margin-right: 39px;}
.aboutE1 figure img{ padding:5px;clear:both;box-sizing: border-box;border: 1px solid #E7E7E9;margin-bottom: 10px}
.aboutE1 figure:last-child{margin-right: 0}
.aboutE1 figure img:hover{border-color: #ff6633;}

.aboutF{margin-top: 40px;overflow: hidden;position: relative}
.aboutF .bd{overflow: hidden}
.aboutFl{position: absolute;top: 0;left: 0}
.aboutFr{background-color: #f7f7f7;overflow: hidden;width: 845px;height: 345px;margin-top: 35px;padding: 70px 0 0 250px;
box-sizing: border-box}
.aboutFr h1{font-size: 36px;  margin-bottom: 8px;}
.aboutFr span{font-size: 32px;  color: #3366ff;}
.aboutFr i{width: 170px;  height: 1px;  background: #dcdcdc;  margin: 36px 0 20px;  display: block; }
.aboutFr p{font-size: 16px;  line-height: 30px;}
.aboutF .hd{overflow: hidden;margin-top: 50px;margin-left: 30px; }
.aboutF .hd ul li{float: left;}
.aboutF .hd ul li .team{  float: left;  width: 100px;  height: 100px;  margin-left: 15px;  cursor: pointer;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;  background: #eeeeee;  }
.aboutF .hd ul li .team p{  display: block;  width: 100%;  height: 100%;  }
.aboutF .hd ul li span{  float: left;  margin-top: 40px;  margin-left: 20px;  font-size: 18px;  }
.aboutF .hd ul li i{  display: block;  width: 36px;  height: 30px;  background: url("../img/jt.png") no-repeat center;
    float: left;  margin-top: 35px;  margin-left: 30px;  }
.aboutF .hd ul li.on .team{  background-color: #3772e8;  }
.aboutF .hd ul li .team:hover{  background-color: #3772e8;  }
.aboutF .hd ul li:last-child i{  display: none;  }
.aboutF .hd ul li .team1 p{background: url("../img/team-b1.png") no-repeat center;}
.aboutF .hd ul li .team2 p{background: url("../img/team-b2.png") no-repeat center;}
.aboutF .hd ul li .team3 p{background: url("../img/team-b3.png") no-repeat center;}
.aboutF .hd ul li .team4 p{background: url("../img/team-b4.png") no-repeat center;}
.aboutF .hd ul li .team5 p{background: url("../img/team-b5.png") no-repeat center;}
.aboutF .hd ul li .team1:hover p,.aboutF .hd ul li.on .team1 p{background: url("../img/team-w1.png") no-repeat center;}
.aboutF .hd ul li .team2:hover p,.aboutF .hd ul li.on .team2 p{background: url("../img/team-w2.png") no-repeat center;}
.aboutF .hd ul li .team3:hover p,.aboutF .hd ul li.on .team3 p{background: url("../img/team-w3.png") no-repeat center;}
.aboutF .hd ul li .team4:hover p,.aboutF .hd ul li.on .team4 p{background: url("../img/team-w4.png") no-repeat center;}
.aboutF .hd ul li .team5:hover p,.aboutF .hd ul li.on .team5 p{background: url("../img/team-w5.png") no-repeat center;}

.aboutG{background-color: #f7f7f7;overflow: hidden;margin-top: 45px;padding-bottom: 60px}
.aboutG ul{display: flex;flex-flow: wrap;margin-top: 60px;padding-left: 80px;box-sizing: border-box}
.aboutG ul li{width: 25%}
.aboutG ul li i{font-size: 36px;color: #000}
.aboutG ul li h3{font-weight: bold;color: #000;margin: 15px 0}
.aboutG ul li p{line-height: 1.6;color: #999}

.aboutHs{overflow: hidden}
.aboutHs dl{width: 600px;float: left;border-bottom: 1px solid #eee;box-sizing: border-box;margin-top: 40px;
padding-bottom: 15px;line-height: 30px}
.aboutHs dl input,.aboutHs dl textarea{width: 80%;border: none;outline: none;float: left;line-height: 30px}
.aboutHs dl textarea{min-height: 130px}
.aboutHs dl label{display: inline-block;float: left;color: #999}
.aboutHs dl:nth-child(2n){float: right}
.aboutHs dl:last-child{width: 100%}
.aboutHb{overflow: hidden;line-height: 50px;margin-top: 30px}
.aboutHb span{color: #999}
.aboutHb span i{font-style: normal;color: #ff4229}
.aboutHb input{display: inline-block;float: right;width: 150px;height: 50px;background-color: #ff4229;
border: none;color: #fff}

.aboutI{background-color: #ff4229;margin-top: 50px;padding: 40px 0;overflow: hidden;text-align: center;color: #fff}
.aboutI h2{font-size: 32px}
.aboutI p{font-size: 18px;margin: 20px 0 40px}
.aboutI a{display: inline-block;width: 170px;line-height: 50px;background-color: #fff;text-align: left;
    padding: 0 25px;box-sizing: border-box}
.aboutI i{font-size: 28px;vertical-align: middle;display: inline-block;float: right}

/*========================================= 企业网站建设 =====================================*/
.subnav3 a{width: 20%}

.qA{margin-top: 45px;padding-bottom: 40px}
.qA ul{display: flex;flex-flow: wrap;width: 1280px;margin: 0 auto}
.qA ul li{margin-right: 89px;width: 367px;}
.qA ul li figure{width: 100%;height: 234px;overflow: hidden}
.qA ul li figure img{max-width: 100%;transition: all 0.3s ease;}
.qA ul li dl{padding: 15px 10px;box-sizing: border-box}
.qA ul li h3{font-size: 18px;font-weight: bold;line-height: 60px;text-align: center;}
.qA ul li p{line-height: 28px;color: #555}
.qA ul li:nth-child(3n){margin-right: 0}
.qA ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.qA ul li:hover img{transform: scale(1.1);transition: all 0.5s}
.qA ul li:hover h3{color: #ff6633}

.qB{background-color: #f6f6f6;overflow: hidden;padding: 40px 0;}
.qBl{margin-top: 15px}
.qBl h3{font-size: 28px;color: #3f3f3f}
.qBl p{font-size: 16px;color: #666;margin-top: 35px;line-height: 28px}

.qC{background-color: #2a8eff;overflow: hidden;padding-bottom: 20px}
.qC .title2 h2{color: #fff}
.qC .title2 p{color: #fff}
.qCs{margin-top: 50px;overflow: hidden}
.qCl{margin-top: 20px}
.qCr{width: 610px;}
.qCr ul{display: flex;flex-flow: wrap;}
.qCr ul li{color: #fff;text-align: center;margin: 0 60px 30px 0;width: 150px;}
.qCr ul li i{font-size: 46px;display: inline-block}
.qCr ul li p{font-size: 16px;margin: 15px 0}
.qCr ul li span{font-size: 12px;line-height: 20px}
.qCr ul li:nth-child(3n){margin-right: 0}
.qCr ul li:hover i{transform: rotate(360deg);transition: all 1s;}

.qD{margin-top: 40px}
.qD ul{display: flex;flex-flow: wrap;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;overflow: hidden}
.qD ul li{border-left:1px solid #e5e5e5;width: 20%;box-sizing: border-box;border-bottom: 1px solid #e5e5e5}

/*========================================= 响应式网站建设 =====================================*/
.h5A{background-color: #fafafa;overflow: hidden}
.h5A ul{display: flex;flex-flow: wrap;padding: 50px 0}
.h5A ul li{width: 275px;margin-right: 66px}
.h5A ul li figure{text-align: center}
.h5A ul li figure img{transition: all 0.5s}
.h5A ul li h3{font-size: 18px;text-align: center;margin: 25px 0}
.h5A ul li p{line-height: 1.6;color: #666}
.h5A ul li:last-child{margin-right: 0}
.h5A ul li:hover{color: #ff6633}
.h5A ul li:hover img{transition: all 0.5s;transform: scale(1.1)}

.h5B{background: url(../img/h5b.png) no-repeat top center;margin-top: 50px}
.h5B ul li{text-align: center;float: left;margin-right: 20px;width: 200px}
.h5B ul li i{width: 75px;height: 75px;  background: url(../img/h5bg.png) no-repeat center;display: inline-block;
line-height: 75px;color: #fff;font-size: 46px}
.h5B ul li h3{font-size: 16px; font-weight: bold; color: #3197ef;margin-top: 30px}
.h5B ul li p{ color: #666666;  line-height: 24px;  margin-top: 12px;  text-align: center;  }
.h5B ul li:nth-child(2n){margin-top: 120px}
.h5B ul li:last-child{margin-right: 0}
.h5B ul li:hover i{background: url(../img/h5bgh.png) no-repeat center;}

.h5C{height: 800px;background: url("../img/h5c.jpg") no-repeat center;margin-top: 50px;overflow: hidden}
.h5C .title2 h2,.h5C .title2 p{color: #fff}
.h5C ul{display: flex;flex-flow: wrap;}
.h5C ul li{width: 220px;margin-right: 140px;margin-top: 60px}
.h5C ul li i{font-size: 40px;color: #fff;display: inline-block;float: left}
.h5C ul li span{vertical-align: bottom;  letter-spacing:3px;  font-size: 18px;  color: #fff;display: inline-block;
    margin: 16px 0 0 8px}
.h5C ul li dt{color: #b5b5b5;margin-top: 24px;line-height: 24px; height: 70px}
.h5C ul li:nth-child(4n){margin-right: 0}
.h5C ul li:nth-child(1) i{color: #fea700}
.h5C ul li:nth-child(2) i{color: #02c15a}
.h5C ul li:nth-child(3) i{color: #2299fe}
.h5C ul li:nth-child(4) i{color: #b7ee25}
.h5C ul li:nth-child(5) i{color: #fe5454}
.h5C ul li:nth-child(6) i{color: #4c8ad1}
.h5C ul li:nth-child(7) i{color: #fe6500}
.h5C ul li:nth-child(8) i{color: #4bc000}
.h5C ul li:nth-child(9) i{color: #ae40e7}
.h5C ul li:nth-child(10) i{color: #1de9ad}
.h5C ul li:nth-child(11) i{color: #ed2286}
.h5C ul li:nth-child(12) i{color: #3e74fe}

.h5D{background-color: #3fa5f7;overflow: hidden;padding-bottom: 30px}
.h5D .title2 h2,.h5D .title2 p{color: #fff}
.h5Ds{margin-top: 50px;position: relative;padding-bottom: 40px}
.h5D ul li{text-align: center}

.dA{margin-top: 20px;overflow: hidden}
.dA ul li{  width:295px;  height:365px;  float:left;  margin-right:40px;  margin-bottom:20px;  position:relative;  cursor:pointer;  }
.dA ul li:nth-child(4n){margin-right: 0}
.dA ul li .box{  width:280px;  height:329px;  position:absolute;  bottom:0px;  left:5px;  border:1px solid #e6e9ed;  border-top:4px solid #e6e9ed;  border-radius:10px 10px 0px 0px;  box-shadow:0px 0px 10px #e6e9ed;
    -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;  transition:height .5s;  -moz-transition:height .5s;  -webkit-transition:height .5s;  -o-transition:height .5s;  -ms-transition:height .5s;}
.dA ul li .box:hover{  height:347px;  border-color:#2c67c6;  }
.dA ul li .box .icon{  width:100px;  height:100px;  background-color:#f1f4f6;  border-radius:50px;  margin:0px auto;  margin-top:25px;  background-position:center;  background-repeat:no-repeat;  }
.dA ul li .box .title{  width:230px;  height:58px;  line-height:60px;  text-align:center;  margin:0px auto;  font-size:20px;  font-weight:bold;  color:#2c67c6;  }
.dA ul li .box .con{  width:230px;  height:69px;  line-height:23px;  overflow:hidden;  text-align:center;  font-size:14px;  color:#656565;  margin:0px auto;  margin-bottom:15px;  }
.dA ul li .box .price{  width:230px;  height:36px;  line-height:36px;  text-align:center;  font-size:12px;  color:#ff6d00;  margin:0px auto;  }
.dA ul li .box .price span{  font-size:30px;  font-weight:bold;  }
.dA ul li .box .consult{display:block;  position:absolute;  bottom:-21px;  left:71px;  width:138px;  height:41px;  background-color:#2c67c6;  color:#ffffff;  text-align:center;
    line-height:41px;  font-size:16px;  border-radius:41px;  display:none;  -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
.dA ul li .box .consult img{  vertical-align:middle;  margin-right:10px;  }
.dA ul li .box:hover .consult{  display:block;  }

.dB{background-color: #303d6a;overflow: hidden;margin-top: 40px}
.dB .title2 h2,.dB .title2 p{color: #fff}
.dB ul{display: flex;flex-flow: wrap;padding: 50px 0}
.dB ul li{margin-right: 40px;width: 389px;color: #fff}
.dB ul li h3{font-size: 20px;font-weight: bold;margin: 0 30px}
.dB ul li p{line-height: 24px;margin: 10px 30px 20px;height: 95px}
.dB ul li:last-child{margin-right: 0}

.dC{width: 1200px;margin: 40px auto 50px}
.dC ul li{width: 12.5%;float: left;text-align: center;background: url("../img/dc.png") no-repeat right 10px}
.dC ul li i{font-size: 34px;color: #4386f3}
.dC ul li p{margin-top: 20px;color: #4386f3}
.dC ul li:last-child{background: no-repeat}
.dC ul li:hover i{color: #ff6d00}
.dC ul li:hover p{color: #ff6d00}

/*========================================= 商城网站建设 =====================================*/
.scA{margin-top: 20px;padding-bottom: 20px}
.scA ul{width: 1257px;margin: 0 auto}
.scA ul li{  width:362px;  height:98px;  float:left;  padding:20px 20px 20px 20px;  margin:10px 0px;  margin-right:17px;
    -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;  }
.scA ul li:hover{  box-shadow:0px 0px 10px #ccc;  border-radius:5px;  cursor:pointer;  }
.scA ul li .icon{  width:90px;  height:98px;  float:left;  }
.scA ul li .icon img{  -webkit-transition: -webkit-transform 1s ease-out;  -moz-transition: -moz-transform 1s ease-out;  -o-transition: -o-transform 1s ease-out;  -ms-transition: -ms-transform 1s ease-out;  }
.scA ul li .str{  width:252px;  height:98px;  float:right;  }
.scA ul li .str .name{  width:252px;  height:35px;  line-height:35px;  overflow:hidden;  color:#282828;  font-size:18px;  margin-top:8px;
    -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;  }
.scA ul li:hover .str .name{  color:#2b6edc;  }
.scA ul li .str .con{  width:252px;  height:50px;  line-height:25px;  overflow:hidden;  color:#6b6b6b;}

.scB{background: url("../img/scb.jpg");overflow: hidden;padding-bottom: 20px}
.scB ul{  width:1232px;margin:0 auto;margin-top:25px;  }
.scB ul li{  width:276px;  height:196px;  float:left;  margin-right:32px;  margin-bottom:30px;  }
.scB ul li .box{  width:276px;  height:196px;  background-color:#ffffff;  border-radius:5px;  box-shadow:0px 0px 10px #eaeef6;  -webkit-box-shadow:0px 0px 10px #eaeef6;  -moz-box-shadow:0px 0px 10px #eaeef6;  -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;  }
.scB ul li .box:hover{  box-shadow:0px 0px 10px #dddddd;  margin-top:-10px;  cursor:pointer;  }
.scB ul li .icon{  width:276px;  height:71px;  background-position:bottom center;  background-repeat:no-repeat;
    -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;  }
.scB ul li .box:hover .icon{  transform: scale(1.1);  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -o-transform: scale(1.1);  -ms-transform: scale(1.1);  }
.scB ul li .name{ width:276px;  height:36px;  line-height:36px;  font-size:18px;  color:#282828;  overflow:hidden;  text-align:center;  margin-top:15px;
    -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}
.scB ul li .box:hover .name{  color:#2b6edc;  }
.scB ul li .con{  width:195px;  height:50px;  margin:0px auto;  line-height:25px;  font-size:14px;  color:#6b6b6b;  overflow:hidden;  text-align:center;}

.scC{background: url("../img/scc.jpg");overflow: hidden;height: 718px;overflow: hidden}
.scC .title2 h2,.scC .title2 p{color: #fff;}
.scC .conbox{  width:1200px;  height:515px;margin: 0 auto;  margin-top:20px; position:relative;
    border-radius:5px;background-color: #F6F6F6}
.scC .conbox .hd{width:160px;padding-top:40px;  padding-bottom:19px;  height:456px;  overflow:hidden;  background-color:#edf1f8;
    border-radius:5px 0px 0px 5px;}
.scC .conbox .hd ul li{ height:57px;  padding-left:43px;  line-height:57px;  color:#282828;box-sizing: border-box;
    font-size:18px;cursor:pointer; }
.scC .conbox .hd ul li span{  width:37px;  height:57px; text-align: left;  }
.scC .conbox .hd ul li.on{  background-color:#F6F6F6;  color:#2360c3;  }
.scC .bd{padding: 20px;box-sizing: border-box;width: 1040px;}
.scC .bd ul li h3{font-size: 18px;color: #333;line-height: 33px}
.scC .bd ul li h3 i{color: #00C79E;font-size: 20px;display: inline-block;margin-right: 5px}
.scC .bd ul li p{color: #666;margin-left: 25px}
.scC .bd ul li dl{margin-top: 20px;height: 390px;overflow: hidden}
.scC .bd ul li dl img{max-width: 100%}

.scD{padding-bottom: 28px}
.scD ul{  width:1216px;margin: 0 auto;  margin-top:20px;  }
.scD ul li{  width:288px;  height:200px;  float:left;  margin-right:16px;  margin-bottom:16px;text-align: center}
.scD ul li .box{  width:288px;  height:170px;  padding-top:30px;  background-color:#f4f6fa;  -webkit-transition: all 1s;  -moz-transition: all 1s;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;  }
.scD ul li i{font-size: 50px;color: #2b6edc;display: inline-block;height: 90px;line-height: 90px}
.scD ul li .name{  width:260px;  height:60px;  line-height:30px;  overflow:hidden;  margin:0px auto;  text-align:center;  font-size:16px;  color:#282828;  }
.scD ul li .box:hover .name{  color:#2b6edc;  }
.scD ul li .box:hover{  box-shadow:0px 0px 10px #dddddd;  margin-top:-10px;  cursor:pointer;  }

.scE{background: url("../img/scb.jpg");overflow: hidden;height: 520px}
.scE ul{  width:1198px;  height:318px;margin: 0 auto;  border-radius:5px;  margin-top:30px;  background-color:#ffffff;  }
.scE ul li{ width:210px;  height:248px;  padding:35px 14.3px;  float:left;  border:1px solid #c6d5ef;  border-left:0px;
    -webkit-transition: all 0.5s;  -moz-transition: all 0.5s;  -ms-transition: all 0.5s;  -o-transition: all 0.5s;  transition: all 0.5s;}
.scE ul li.focus{  background-color:#f4f6fa;  box-shadow:0px 0px 10px #dddddd;  margin-top:-5px;  cursor:pointer;  }
.scE ul li:first-child{  border-left:1px solid #c6d5ef;  padding:35px 13.8px;  }
.scE ul li .name{  width:210px;  height:45px;  line-height:45px;  text-align:center;  font-size:24px;  color:#282828;  margin-bottom:10px;  }
.scE ul li .amount{  width:210px;  height:40px;  line-height:40px;  text-align:center;  font-size:32px;  color:#ff6d00;  margin-bottom:25px;  }
.scE ul li .str{  width:210px;  height:30px;  line-height:30px;  text-align:center;  font-size:14px;  color:#6b6b6b;  }
.scE ul li .renew{  width:210px;  height:35px;  line-height:35px;  text-align:center;  font-size:14px;  color:#282828;  margin-bottom:20px;  }
.scE ul li .zixun{ display:block;  width:128px;  height:36px;  border:1px solid #518ef3;  margin:0px auto;  color:#424242;  text-align:center;  line-height:36px;  border-radius:36px;
    -webkit-transition: all 1s;  -moz-transition: all 1s;  -ms-transition: all 1s;  -o-transition: all 1s;  transition: all 1s;}
.scE ul li.focus .zixun{  background-color:#2b6edc;  border:1px solid #2b6edc;  color:#ffffff;  }

.scF{padding-bottom: 40px}
.scF ul{  width:1200px;  height:210px;margin: 0 auto;  margin-top:30px;  }
.scF ul li{  width:228px;  height:210px;  float:left;  position:relative;  }
.scF ul li.ic{  width:15px;  height:97px;  background:url(../img/scfbg.png) no-repeat center;  }
.scF ul li .icon{  width:97px;  height:97px;  margin:0px auto;  background: url("../img/scf.png") no-repeat center;  }
.scF ul li .picture{  position:absolute;  top:7px;  left:72.5px;  transition: all 0.5s;  }
.scF ul li .picture:hover{  animation: bigsmall 1s linear 0s infinite alternate;  animation-fill-mode: both;  }
.scF ul li:hover .icon{ animation-name: pulse;  -webkit-animation-name: pulse;  animation-duration: 2s;  -webkit-animation-duration: 2s;  animation-timing-function: linear;  -webkit-animation-timing-function: linear;  animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;  visibility: visible !important;}
.scF ul li .icon:hover img{  transform: scale(1);  -webkit-transform: scale(1);  }
.scF ul li .name{  width:200px;  height:35px;  padding:0px 14px;  margin-top:20px;  text-align:center;  line-height:35px;  font-size:18px;  color:#282828;  overflow:hidden;  }
.scF ul li:hover .name{  color:#2b6edc;  }
.scF ul li .word{  width:200px;  height:46px;  padding:0px 14px;  overflow:hidden;  color:#6b6b6b;  text-align:center;  line-height:23px;  }

@keyframes bigsmall {
    from{
        transform: scale(1.1);
    }
    to{
        transform: scale(0.9);
    }
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;  }

.fot{position: fixed;bottom: 0;left: 0;background-color: #ff6633;width: 100%;display: none}
.fot ul li{width: 50%;text-align: center;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{float: left}
.fot ul li:last-child{border-right: none}


.news{margin-top: 30px;overflow: hidden}
.news ul li{border-bottom: 1px solid #f0f3f5;padding: 20px 0}
.news ul li h3{font-size: 16px;line-height: 40px}
.news ul li p{line-height: 25px;color: #666}

.pagination {text-align: center;height: 28px;padding: 40px 0}
.pagination a, .pagination span {padding: 0 10px;height: 28px;line-height: 30px;display: inline-block;margin: 0 3px;border: 1px solid #dddddd}
.pagination .current, .pagination a:hover {background: #ff6633;color: #fff;border-color: #ff6633}

.content{margin: 80px auto 40px;border-top: 1px solid #f0f3f5;padding: 50px 0 0}
.cont{overflow: hidden}
.contentl{width: 900px;}
.contentl h1{font-size: 26px;font-weight: normal;border-bottom: 1px solid #f0f3f5;padding-bottom: 15px}
.contentl .con{line-height: 250%;margin-top: 30px;}
.contentl .con a{color: #ff6633}
.content .con img{max-width: 100%;display: block;margin: 0 auto;}
.contentr{width: 300px;background-color: #f6f9f9;padding:2px 30px 30px;}
.contentr h3{font-size: 18px;border-bottom: 1px solid #f0f3f3;line-height: 53px}
.contentr ul li{padding: 14px 0;border-bottom: 1px solid #f0f3f5;line-height: 1.6}


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