/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;}
a{color: #444;}
a:hover{color: #f60;}
img{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    max-width: 100%;
}
input,textarea,select{font-size: 12px;color: #444;
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.slick-slide{outline: none;}
/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}
.wp2{width: 100%;max-width: 1120px;margin: 0 auto;}
.wp3{width: 100%;max-width: 1117px;margin: 0 auto; }

.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}


.g-tit1{text-align: center;color:#333;margin-top: 40px;
    background: url(../img/g-tit1-bg.png) no-repeat center bottom;
    padding-bottom: 25px;}
.g-tit1 i{display: inline-block;font-size: 26px;font-style: normal;
    font-family:"Arial";}
.g-tit1 em{display: inline-block;margin: 0 10px;font-size: 22px;}
.g-tit1 u{display: inline-block;font-size: 18px;text-decoration: none;}

.g-tit1-b{
    color:#fff;}

.g-tit2{text-align: center;padding:66px 0 0 0;}
.g-tit2 h5{font-size: 34px;color:#3c3c3c;}
.g-tit2 h5 em{color:#FF0802;font-weight: bold;}
.g-tit2 p{font-size: 16px;color:#767676;padding-top: 10px;}


#hd{position: fixed;top: 0;left: 0;width: 100%;
    background-color: rgba(102,102,102,.5);z-index: 5;padding-bottom: 10px;}
{width: 1120px;}
#hd .logo{float: left;padding-top: 12px;}
#hd .nv{float: right;padding-top: 25px;}
#hd .nv li{float: left;margin-left: 40px;}
#hd .nv li a{color:#fff;font-size: 14px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
#hd .nv li:hover a,#hd .nv li.on a{color:#FF0802;}
#hd .menu-btn{display: none;position: absolute;top: 50%;right: 20px;
    width: 20px;height: 16px;
    background: url(../img/menu.png) no-repeat center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}


#fd{background-color: #393939;padding-bottom: 40px;position: relative;}
#fd .copy{border-bottom: 1px solid #4d4d4d;color:#929292;padding: 12px 0;
    margin-bottom: 42px;height:70px}
#fd .copy em{font-family: 'Arial';text-transform: uppercase;}
#fd .fd-nv{float: left;width: 60%;}
#fd .fd-ewm{float: right;width: 30%;text-align: right;margin-top: 17px;}
#fd .fd-ewm img{width: 120px;height: 120px;}
#fd .fd-nv dl{float: left;width: 16.66%;}
#fd .fd-nv dt{color:#b8b8b8;padding-bottom: 20px;}
#fd .fd-nv dd{padding-bottom: 8px;}
#fd .fd-nv dd a{color:#999;}
#fd .fd-nv dd a:hover{text-decoration: underline;}
#fd .fd-nv .box a{display: inline-block;width: 30px;height: 30px;
    background-repeat: no-repeat;background-position: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
#fd .fd-nv .box a:hover{opacity: .7;}
#fd .fd-nv .box a.a1{background-image: url(../img/QQ.jpg);margin-right: 8px;}
#fd .fd-nv .box a.a2{background-image: url(../img/weibo.jpg);}
#fd:after,
#fd:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }

#fd .go-top{position: absolute;bottom: 37px;right:200px;
    border:1px solid #333;border-radius: 50%;
    width: 50px;height: 50px;background: url(../img/go-top.png) no-repeat center;
    background-color: #393939;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
#fd .go-top:hover{background-color: #fff;}

/*页面右侧浮动块*/
#fix-r{position: fixed;top: 50%;right: 0;
    width: 167px;background-color: #eaeaea;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
#fix-r .img{padding: 26px 15px;background-color: #FF0802;}
#fix-r .img img{display: block;}
#fix-r ul{margin-top: 14px;}
#fix-r li{padding: 0 6px;text-align: center;margin-top: 2px;}
#fix-r li:hover{background-color: #FF0802;}
#fix-r li:hover a{color:#fff;}
#fix-r li a{color:#555;font-size: 14px;display: block;padding: 10px 0;position: relative;}
#fix-r li a:after{content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;
    background: url(../img/fix-bor.jpg) no-repeat center;background-size: 1005 auto;}
#fix-r li:last-child a:after{display: none;}
.case-imglist{display: none;}



#banner{position: relative;}
#banner .img{position: relative;padding-top: 41%;}
#banner .img .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#banner .img .zz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;
    background-color: rgba(0,0,0,0);}
#banner .img .videobox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: #000;}
#banner .img .videobox video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 9;
    background-color: #000;}
#banner .slick-dots{position: absolute;bottom: 37px;left: 0;width: 100%;text-align: center;}
#banner .it1 .img1{position: absolute;top: 50%;left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
#banner .it1 .img1 img{display: none;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;}
#banner .it1.slick-current .img1 img{display: block;}
#banner .it2 .img1{position: absolute;top: 50%;left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
#banner .it2 .img1 img{display: none;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;}
#banner .it2.slick-current .img1 img{display: block;}

#banner .it3 .img1{position: absolute;top: 38%;left: 19%;}
#banner .it3 .img1 img{display: none;
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;}
#banner .it3.slick-current .img1 img{display: block;}
#banner .slick-dots li{display: inline-block;margin: 0 10px;}
#banner .slick-dots li button{width: 60px;height: 2px;background-color: #949494;
    font-size: 0;border:0;cursor: pointer;outline: none;}
#banner .slick-dots li.slick-active button{background-color: #e83928;}
.mejs-container{width: 100% !important;height: 100%;}
.mejs-layers{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mejs-container .mejs-controls div,.mejs-container .mejs-controls,.mejs-overlay-button{z-index: 99;}
.mejs-container .mejs-controls{bottom: -5px !important;}
/*.mejs-overlay-button,#mejs-controls,.mejs-overlay-loading{display: none;}*/
/*.mejs-controls{display: none;}*/
#banner .go-next{position: absolute;left: 50%;bottom: 50px;
    width: 27px;height: 27px;z-index: 3;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
/*我们的服务*/
.service .list ul{margin:98px 0 0 -25px;}
.service .list li{float: left;width:33.3333%;text-align: center;}
.service .list li .box{margin-left: 25px;
    border:1px solid #d2d2d2;position: relative;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.service .list li h5{font-size: 16px;color:#000;display: inline-block;
    background-color: #fff;position: relative;top: -5px;z-index: 3;padding: 0 44px 13px 44px;
    background-position: center bottom;background-repeat: no-repeat;
    background-image: url(../img/bor-000.jpg);
    }
.service .list li h5:after,.service .list li h5:before{
    content: '';position: absolute;top: 6px;height: 1px;background-color: #000;width: 22px;}
.service .list li h5:after{right: 13px;}
.service .list li h5:before{left: 13px;}
.service .list li h5 span{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    max-width: 150px;}
.service .list li .box:before{
    content: '';z-index: 4;
    position: absolute;top: -55px;left: 50%;
    width: 66px;height: 45px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.service .list li .box:hover{border-color:#FF0802;}
.service .list li.li1 .box:before{background-image: url(../img/a.png);}
.service .list li.li1:hover .box:before{background-image: url(../img/a-on.png);}
.service .list li.li2 .box:before{background-image: url(../img/p.png);}
.service .list li.li2:hover .box:before{background-image: url(../img/p-on.png);}
.service .list li.li3 .box:before{background-image: url(../img/z.png);}
.service .list li.li3:hover .box:before{background-image: url(../img/z-on.png);}
.service .list li.li4 .box:before{background-image: url(../img/p.png);}
.service .list li.li4:hover .box:before{background-image: url(../img/p-on.png);}
.service .list li h4{font-size: 14px;color:#000;line-height: 24px;margin-top: 10px;
    font-weight: normal;
    display:-webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.service .list li p{padding: 0 14px;font-family: "Arial";margin-top: 3px;
    display:-webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.service .list li em{display: block;background-repeat: no-repeat;background-position: center;
    width: 80px;height: 50px;margin: 24px auto;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.service .list .li1 em{background-image: url(../img/serve1.png);}
.service .list .li1:hover em{background-image: url(../img/serve1-on.png);}
.service .list .li2 em{background-image: url(../img/serve2.png);}
.service .list .li2:hover em{background-image: url(../img/serve2-on.png);}
.service .list .li3 em{background-image: url(../img/serve2.png);}
.service .list .li3:hover em{background-image: url(../img/serve2-on.png);}
.service .list .li4 em{background-image: url(../img/serve4.png);}
.service .list .li4:hover em{background-image: url(../img/serve4-on.png);}



.index-row1{background-repeat: no-repeat;background-position: center top;text-align: center;
    margin-top: 62px;overflow: hidden;}
.index-row1 h5{font-size: 36px;color:#fff;padding:19px 0 30px 0;position: relative;
    margin-bottom: 17px;}
.index-row1 h5:after{content:'';position: absolute;bottom: 0;left: 50%;
    width: 16px;height: 35px;}
.index-row1 h5 img{position: relative;top: 8px;right: -14px;}
.numb-list{overflow: hidden;margin-left: -60px;}
.numb-list li{float: left;color:#fff;width: 25%;
    margin-bottom: 24px;}
.numb-list li .box{position: relative;margin-left: 60px;}
.numb-list li .box:after{content: '';position: absolute;top: 45px;right: -54px;
    width: 39px;height: 38px;}
.numb-list li .numb{border:1px solid #fff;border-radius: 10px;height: 140px; 
    line-height: 130px;font-size: 54px;}
.numb-list li p{font-size: 16px;padding-top: 19px;
    height: 61px;overflow: hidden;}
.numb-list li:last-child .box:after{display: none;}
.m-list1{text-align: center;position: relative;overflow: hidden;margin-top: 39px;}
.m-list1:after{content: '';position: absolute;top: 47px;left: 0;width: 100%;
    height: 1px;background-color: #ddd;z-index: 2;}
.m-list1 li{float: left;width: 16.66%;margin-bottom: 23px;position: relative;z-index: 3;}
.m-list1 li .box{margin: 0 27px;}
.m-list1 li:last-child .box{margin-right: 0;}
.m-list1 li:first-child .box{margin-left: 0;}
.m-list1 li em{display: inline-block;width: 92px;height: 92px;position: relative;z-index: 3;
    border:1px solid #b4b4b4;border-radius: 50%;background-repeat: no-repeat;
    background-position: center;background-color: #fff;z-index: 3;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.m-list1 li em:hover{border-color:#FF0802;}
.m-list1 li.li1 em{background-image: url(../img/y-ico1.png);}
.m-list1 li.li1:hover em{background-image: url(../img/y-ico1-on.png);}
.m-list1 li.li2 em{background-image: url(../img/y-ico2.png);}
.m-list1 li.li2:hover em{background-image: url(../img/y-ico2-on.png);}
.m-list1 li.li3 em{background-image: url(../img/y-ico3.png);}
.m-list1 li.li3:hover em{background-image: url(../img/y-ico3-on.png);}
.m-list1 li.li4 em{background-image: url(../img/y-ico4.png);}
.m-list1 li.li4:hover em{background-image: url(../img/y-ico4-on.png);}
.m-list1 li.li5 em{background-image: url(../img/y-ico5.png);}
.m-list1 li.li5:hover em{background-image: url(../img/y-ico5-on.png);}
.m-list1 li.li6 em{background-image: url(../img/y-ico6.png);}
.m-list1 li.li6:hover em{background-image: url(../img/y-ico6-on.png);}
.m-list1 li h5{font-weight: normal;color:#3c3c3c;font-size: 16px;
    padding: 13px 0 5px 0;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.m-list1 li p{color:#888;
    display:-webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.m-list1 li:hover h5,.m-list1 li:hover p{color:#FF0802;}

.index-row2{background-repeat: no-repeat;background-size: cover;background-position: center top;
    overflow: hidden;margin-top: 40px;padding-bottom: 38px;}
.index-row2 .g-tit1{margin-top: 23px;}
.index-row2 .wp{width: 1663px;max-width: 1663px;}
.index-row2 .case{height: 573px;margin-top: 32px;position: relative;padding: 0 117px;
    margin-bottom: 0;}
.index-row2 .case .ibox{height:540px /*573px*/;position: relative;}
.index-row2 .case .ibox a{background-repeat: no-repeat;background-position: center;
    background-size: 100% 100%;display: block;height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    overflow: hidden;}
.index-row2 .case .ibox a:hover span{opacity: 1;z-index: 2;}
.index-row2 .case .ibox a span{opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,.3);background-position: center;background-repeat: no-repeat;z-index: -1;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.index-row2 .case .ibox div{position: absolute;}
.index-row2 .case .ibox .box1{top: 0;left: 0;width: 20%;height: 66%;}
.index-row2 .case .ibox .box1 a{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.index-row2 .case .ibox .box2{top: 0;left: 20%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box2 a{border:0;}
.index-row2 .case .ibox .box3{top: 0;left: 40%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box3 a{border-left:1px solid #fff ;border-right:1px solid #fff ;}
.index-row2 .case .ibox .box4{top: 0;left: 60%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box5{top: 0;left: 80%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box5 a{border-left: 1px solid #fff;}

.index-row2 .case .ibox .box6{top: 33%;left: 20%;width: 40%;height: 33%;}
.index-row2 .case .ibox .box6 a{border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.index-row2 .case .ibox .box7{top: 33%;left: 60%;width: 20.1%;height: 66%;}
.index-row2 .case .ibox .box7 a{border:1px solid #fff;border-bottom: 0;}
.index-row2 .case .ibox .box8{top: 33%;left: 80.1%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box8 a{border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

.index-row2 .case .ibox .box9{top: 66%;left: 0;width: 20%;height: 33%;}
.index-row2 .case .ibox .box9 a{border-right: 1px solid #fff;}
.index-row2 .case .ibox .box10{top: 66%;left: 20%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box10 a{border-right: 1px solid #fff;}
.index-row2 .case .ibox .box11{top: 66%;left: 40%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box12{top: 66%;left: 80.05%;width: 20%;height: 33%;}
.index-row2 .case .ibox .box12 a{border-left: 1px solid #fff;}
.index-row2 .case  a:hover{background-size: 105% 105%;}
.index-row2 .slick-arrow{position: absolute;top: 50%;
    width: 80px;height: 80px;border:0;z-index: 3;font-size: 0;cursor: pointer;outline: none;
    background: none;background-position: center;background-repeat: no-repeat;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);}
.index-row2 .slick-prev{left: -118px;background-image: url(../img/y-prev1.png);}
.index-row2 .slick-prev:hover{background-image: url(../img/y-prev1on.png);}
.index-row2 .slick-next{right: -118px;background-image: url(../img/y-next1.png);}
.index-row2 .slick-next:hover{background-image: url(../img/y-next1on.png);}


.index-row3{overflow: hidden;margin: 58px 0 62px 0;}
.index-row3 .col-l{width: 51%;}
.index-row3 .col-r{width: 46%;}
.index-row3 .txt{width: 60%;float: right;margin-bottom: 30px;}
.index-row3 .txt h5{font-size: 22px;color:#000;font-weight: normal;
    background: url(../img/y-bor2.jpg) no-repeat left bottom;padding-bottom: 12px;}
.index-row3 .txt .tit{position: relative;margin-top: 24px;display: inline-block;
    padding:0 34px 0 28px;}
.index-row3 .txt .tit:before{content: '';position: absolute;top: 6px;left: 0;
    width: 18px;height: 17px;background: url(../img/yinhao1.png) no-repeat center;}
.index-row3 .txt .tit:after{content: '';position: absolute;bottom: 6px;right: 0;
    width: 18px;height: 17px;background: url(../img/yinhao2.png) no-repeat center;}
.index-row3 .txt .tit h4{font-size: 20px;color:#3c3c3c;font-weight: normal;}
.index-row3 .txt .tit h3{font-size: 22px;color:#FF0802;}
.index-row3 .txt .tit h3 em{font-weight: bold;font-size: 24px;}
.index-row3 .txt p{font-size: 14px;color:#767676;padding-top: 15px;}
.index-row3 .btn{height: 122px;background: url(../img/y-bor1.png) no-repeat center;
    background-size: 100% 100%;position: relative;}
.index-row3 .btn a{position: absolute;right: 23%;top: 50%;
    width: 182px;height: 36px;line-height: 36px;color:#fff;overflow: hidden;
    background-color: #000;text-align: center;font-size: 14px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.index-row3 .btn a:after{position: absolute;bottom: 0;left: 0;content: '';
    width: 36px;height: 35px;background: url(../img/arrow-yellow.png) no-repeat center;}
.index-row3 .btn a:hover{background-color: #FF0802;}


.new{background-color: #f5f5f5;overflow: hidden;}
.new .wp3{padding: 88px 0;overflow: hidden;}
.new .item{overflow: hidden;
    margin-bottom: 6px;}
.new .item .box{margin-right: 15px;position: relative;height: 124px;}
.new .col-l{width: 49%;}
.new .col-r{width: 49%;}
.new .numb{float: left;width: 12%;font-size: 48px;color:#313131;
    margin-top: 13px;}
.new .txt{padding:0 0 12px 10px;float: left;width: 84%;}
.new .txt h5{font-size: 16px;font-weight: normal;
    padding-top: 16px;
    display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .txt h5 a{color:#313131;}
.new .txt p{color:#888;line-height: 24px;display: block;
    display:-webkit-box;overflow: hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.new .txt span{color:#888;display: block;text-align: right;padding-top: 10px;}
.new .item:hover .box,.new .item.slick-current .box{background-color: #CDCCCC;padding: 0 20px;}
.new .item:hover .numb,.new .item.slick-current .numb{display: none;}
.new .item:hover .txt,.new .item.slick-current .txt{width: 100%;}
.new .item:hover .txt h5 a,
.new .item:hover .txt p,
.new .item:hover .txt span,
.new .item.slick-current .txt h5 a,
.new .item.slick-current .txt p,
.new .item.slick-current .txt span{color:#fff;}
.new .slick-arrow{position: absolute;left: 50%;
    width: 44px;height: 22px;
    background: none;z-index: 3;
    background-repeat: no-repeat;
    background-position: center; 
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 0;border:0;
    cursor: pointer;outline: none;}
.new .slick-prev{top: -48px;background-image: url(../img/y-prev2.png);}
.new .slick-next{background-image: url(../img/y-next2.png);}


.new .item .box:hover:after,
.new .item.slick-current .box:after{content: '';position: absolute;top: 50%;
    z-index: 3;
    right: -13px;width: 13px;height: 28px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
   }
.new .img{position: relative;padding-top: 70%;}
.new .img img{position: absolute;top: 0;left: 0;width: 100%;;}


.custom{overflow: hidden;padding-bottom: 40px;}
.custom .slider{width: 1117px;padding: 0 76px;margin-top: 46px;position: relative;}
.custom .ibox .list{margin-left: -18px;overflow: hidden;}
.custom .ibox li{float: left;width: 20%;margin-bottom: 17px;text-align: center;}
.custom .ibox li .img{margin-left: 18px;overflow: hidden;position: relative;}
.custom .ibox li .img img{position: absolute;top: 50%;left: 50%;max-width: 80%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.custom .ibox li a{display: block;height: 82px;line-height: 80px;border:1px solid #e6e6e6;
    line-height: 80px;}
.custom .slider .slick-arrow{position: absolute;top: 50%;
    width: 37px;height: 71px;
    background: none;background-position: center;background-repeat: no-repeat;    
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;border:0;cursor: pointer;outline: none;}
.custom .slider .slick-prev{left: 0;background-image: url(../img/y-prev3.jpg);}
.custom .slider .slick-next{right: 0;background-image: url(../img/y-next3.jpg);}

















.m-tabbox1{overflow: hidden;background-size: cover;background-repeat: no-repeat;
    background-position: center top;padding:90px 0 52px 0;}
.m-tabbox1 .col-l{width: 39%;}
.m-tabbox1 .col-r{width: 58%;}
.m-tabbox1 .txt{padding-left: 10px;}
.m-tabbox1 .txt h5{font-size: 20px;color:#fff;}
.m-tabbox1 .txt h5 span{display: block;font-size: 14px;padding-top: 4px;}
.m-tabbox1 .txt .list{margin-top: 31px;}
.m-tabbox1 .txt .list p{padding-left: 34px;
    background-position: left top;background-repeat: no-repeat;
    color:#fff;line-height: 26px;margin-bottom: 15px;}
.m-tabbox1 .txt .list p a{color:#fff;}
.m-tabbox1 .txt .list p.p1{background-image: url(../img/xuqiu1.png);}
.m-tabbox1 .txt .list p.p2{background-image: url(../img/xuqiu2.png);}
.m-tabbox1 .txt .list p.p3{background-image: url(../img/xuqiu3.png);}
.m-tabbox1 .txt .list p.p4{background-image: url(../img/xuqiu4.png);}
.m-tabbox1 .tab-l{float: left;width: 39%;}
.m-tabbox1 .tab-r{float: right;width: 58%;}
.m-tabbox1 .tab-l li{margin-bottom: 19px;overflow: hidden;}
.m-tabbox1 .inp,.m-tabbox1 .text{background: none;border:1px solid #a5a5a5;
    color:#fff;}
.m-tabbox1 .inp{width: 100%;height: 32px;padding: 0 10px;}
.m-tabbox1 .inp-b{width: 102px;float: left;}
.m-tabbox1 .text{width: 100%;height: 134px;padding: 8px;
    resize:none;margin-bottom: 15px;}
.m-tabbox1 .inp::-webkit-input-placeholder {color: #fff;}
.m-tabbox1 .inp::-moz-placeholder {color: #fff; }
.m-tabbox1 .inp::-ms-input-placeholder {color: #fff;}
.m-tabbox1 .text::-webkit-input-placeholder {color: #fff;}
.m-tabbox1 .text::-moz-placeholder {color: #fff; }
.m-tabbox1 .text::-ms-input-placeholder {color: #fff;}
.m-tabbox1 .tab-r p img{height: 32px;margin-left: 9px;cursor: pointer;}
.m-tabbox1 .btn{padding: 0 31px;height: 33px;border:0;background-color: #FF0802;color:#fff;
    margin-top: 12px;}




/*******************************
    -------[=个性建设新]-------
********************************/
/*内页导航*/
.con-nv{text-align: center;padding: 45px 0 35px 0;}
.con-nv li{display: inline-block;margin: 0 4px 10px 4px;}
.con-nv a{display: block;border:1px solid #ededed;padding: 0 16px;
    font-size: 14px;color:#555;}
.con-nv span{display: inline-block;padding:16px 0 16px 31px;
    background-repeat: no-repeat;background-position: left center;}
.con-nv .li1 span{background-image: url(../img/con-nv1.png);}
.con-nv .li1:hover span,.con-nv .li1.on span{background-image: url(../img/con-nv1-on.png);}
.con-nv .li2 span{background-image: url(../img/con-nv2.png);}
.con-nv .li2:hover span,.con-nv .li2.on span{background-image: url(../img/con-nv2-on.png);}
.con-nv .li3 span{background-image: url(../img/con-nv3.png);}
.con-nv .li3:hover span,.con-nv .li3.on span{background-image: url(../img/con-nv3-on.png);}
.con-nv .li4 span{background-image: url(../img/con-nv4.png);}
.con-nv .li4:hover span,.con-nv .li4.on span{background-image: url(../img/con-nv4-on.png);}
.con-nv .li5 span{background-image: url(../img/con-nv5.png);}
.con-nv .li5:hover span,.con-nv .li5.on span{background-image: url(../img/con-nv5-on.png);}
.con-nv .li6 span{background-image: url(../img/con-nv6.png);}
.con-nv .li6:hover span,.con-nv .li6.on span{background-image: url(../img/con-nv6-on.png);}
.con-nv .li7 span{background-image: url(../img/con-nv7.png);}
.con-nv .li7:hover span,.con-nv .li7.on span{background-image: url(../img/con-nv7-on.png);}
.con-nv .li8 span{background-image: url(../img/con-nv8.png);}
.con-nv .li8:hover span,.con-nv .li8.on span{background-image: url(../img/con-nv8-on.png);}
.con-nv li:hover a,.con-nv li.on a{background-color: #FF0802;color:#fff;}


.con-nv .btn{display: none;}
.m-imglist1{overflow: hidden;}
.m-imglist1 li{float: left;/*width: 475px;*/width: 25%;}
.m-imglist1 li .img{display: block;position: relative;padding-top: 94%;
    overflow: hidden;}
.m-imglist1 li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m-imglist1 li.li-b{/*width: 950px;*/width: 50%;}
.m-imglist1 li.li-b  .img{padding-top: 47%;}
.m-imglist1 li .img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
}

.m-imglist1 li a{opacity: 0;z-index: -1;
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(0,0,0,.7);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;}
.m-imglist1 li a span{position: absolute;top: 50%;left: 50%;
    width: 100%;height: 100%;
    background-position: center;background-repeat: no-repeat;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.m-imglist1 li:hover a{opacity: 1;z-index: 1;}



/*******************************
    -------[=网站建设]-------
********************************/
.m-imgtxt1{padding-bottom: 50px;}
.m-imgtxt1 .tit{text-align: center;padding:29px 0 42px 0;font-size: 24px;color:#000;}
.m-imgtxt1 .tit img{display: block;margin: 0 auto 15px auto;}
.m-imgtxt1 .txt{width: 959px;margin: 0 auto;font-size: 14px;color:#3a3a3a;line-height: 26px;
    text-align: center;}
.m-imgtxt1 .img{text-align: center;margin-top: 32px;overflow: hidden;}
.m-imgtxt1 .img img{display: inline-block;float: left;}
.m-imgtxt1-red{background-color: #ca192b;}
.m-imgtxt1-red .tit{color:#f7f7f7;}
.m-imgtxt1-red .txt{color:#f7f7f7;}
.m-imgtxt1 .list{overflow: hidden;width: 810px;margin: 38px auto 0;}
.m-imgtxt1 .list ul{margin-left: -40px;}
.m-imgtxt1 .list li{float: left;width: 25%;text-align: center;color:#f7f7f7;}
.m-imgtxt1 .list li .box{margin-left: 40px;}
.m-imgtxt1 .list li em{display: block;padding-bottom: 20px;}
.m-imgtxt1 .list li h5{font-weight: normal;font-size: 14px;padding-bottom: 9px;}
.m-imgtxt1 .list li p{line-height: 26px;
    display:-webkit-box;overflow: hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;}


/*网站建设内页*/
.m-txt1{margin-top: 45px;padding-bottom: 120px;}
.m-txt1 h3{font-size: 19px;color:#FF0802;font-weight: normal;padding-bottom: 19px;}
.m-txt1 h4{font-size: 14px;color:#e70014;font-weight: normal;padding-bottom: 4px;}
.m-txt1 .txt{padding-bottom: 29px;}
.m-txt1 .txt p{font-size: 14px;color:#333;line-height: 24px;}

.con-page p{color:#888;padding-bottom: 7px;}
.con-page p a{color:#555;}
.con-page .back{color:#555;}


/*******************************
    -------[=案例展示]-------
********************************/
.case{margin-bottom: 300px;}
.case .ban{position: relative;padding-top: 34%;}
.case .pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.case .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.case .img{position: absolute;left: 50%;top: 35%;
    width: 44%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.case-txt h5{font-size: 22px;color:#333;font-weight: normal;text-align: center;
    padding-bottom: 26px;}
.case-txt p{font-size: 14px;color:#666;line-height: 26px;
    font-family: fantasy;}
.case-txt p em{font-family:"微软雅黑","Microsoft Yahei";}
.case-txt .link{overflow: hidden;margin-top: 46px;}
.case-txt .link p{float: left;width: 88%;margin-top: 5px;overflow: hidden;}
.case-txt .link p a{color:#666;font-size: 14px;font-family: fantasy;
    display: inline-block;margin:0 47px 8px 0;}
.case-txt .link p a span{display: inline-block;width: 112px;}
.case-txt .link p a span i{font-style: normal;display: inline-block;border-bottom: 1px solid #b6b6b6;padding-bottom: 4px;
    height: 31px;overflow: hidden;}
.case-txt .link .btn{float: right;width: 10%;}
.case-txt .link .btn a{display: block;height: 36px;line-height: 36px;color:#fff;
    background-color: #FF0802;border-radius: 4px;text-align: center;font-size: 14px;
    font-family: fantasy;}
.case-show{background-color: #e5e5e5;position: relative;overflow: hidden;margin-top: 72px;}
.case-show .tit{color:#666;text-align: center;margin: 32px 0 63px 0;position: relative;}
.case-show .tit span{font-size: 24px;display: block;}
.case-show .tit em{display: block;padding-top: 4px;text-transform: uppercase;
    background: url(../img/yz-bor3.jpg) no-repeat center bottom;
    padding-bottom: 21px;}
.case-show .tit:after{content: '';position: absolute;left: 50%;bottom: 0;
    height: 1px;width: 424px;background-color: #d2d2d2;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);}
.case-show .box1{position: relative;margin-bottom: 310px;}
.case-show .box1 .img2{position: absolute;bottom: -183px;right: 0;width: 50%;}
.case-show .box2{text-align: center;margin-bottom: 100px;}
.case-show .box2 .img2{position: relative;top: -38px;}
.case-show .box3{text-align: center;margin-bottom: 143px;}
.case-show .box3 img{margin: 0 35px;}


.watch{text-align: center;color:#666;padding:43px 0;}
.watch span{display: block;padding-bottom: 10px;}
.watch p{text-transform: uppercase;}
.watch .img{padding-top: 40px;}

.box-show{display: none;}



.m-imgtxt1 .pic{display: none;}
.m-imgtxt1 .ibox{width: 800px;height: 550px;position: relative;
    margin: 0 auto;}
.m-imgtxt1 .ibox .box{position: absolute;}
.m-imgtxt1 .ibox .box1{top: 18%;left: 0;width: 24%;height:36%;}
.m-imgtxt1 .ibox .box2{top: 27%;left: 33.5%;width: 24%;height: 37%;}
.m-imgtxt1 .ibox .box3{top: 0;left: 44%;width: 24%;height: 37%;}
.m-imgtxt1 .ibox .box4{top: 13%;right: 0;width: 35%;height: 58%;}
.m-imgtxt1 .ibox .box5{top: 44.5%;left: 7.5%;width: 33%;height: 55%;}

.pc-hide{display: none;}





/*******************************
    -------[=表格]-------
********************************/
.y-txtlist h5{font-weight: normal;font-size: 14px;padding-bottom: 26px;}
.y-txtlist li{float: left;width: 20%;padding: 0 10px;color:#0262BC;height: 32px;line-height: 32px;
    border:1px dashed #ddd;margin:0 -1px -1px 0;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	
	
	
/*******************************
    网站套餐
********************************/	
.packsge{
	margin-top: 46px;
}

.packsge h3 {
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 46px;
	line-height:46px;
    color: #FFFFFF;
    margin: 0px;
	font-weight: bold;
}
.packsge h2 {
    text-align: center;
    font-family: "微软雅黑";
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px;
	font-weight: bold;
}
.packsge .list{
	margin-left: -18px;
    overflow: hidden;
}
.packsge ul li{
	width: 25%;
	float:left;
	margin-bottom: 17px;
}
.web36 {
    margin-left: 18px;
    overflow: hidden;
    position: relative;
    background-color: #03b0da;
    padding: 15px 0 20px;
}
.web361 {
	margin-left: 18px;
    overflow: hidden;
    position: relative;
    background-color: #e97125;
    padding: 15px 0 20px;
}
.web362 {
	margin-left: 18px;
    overflow: hidden;
    position: relative;
    background-color: #65bf10;
    padding: 15px 0 20px;
}
.web363 {
	margin-left: 18px;
    overflow: hidden;
    position: relative;
    background-color: #F54748;
    padding: 15px 0 20px;
}



/*-----------------------------价格套餐--------------------------------*/

.aboutbox{width:100%;background:#fff;height:auto; margin-top:60px;}
.q1{ width:100%; margin:0 auto;overflow:hidden;}
.q1 h1{ width:100%; font-family:"微软雅黑"; font-size:18px; color:#333333; font-weight:normal; background-color:#ececec; height:40px; line-height:40px;overflow:hidden;}
.q2{width:143px;float:left;height:30px;line-height:30px;background-image: url(../images/l_24.jpg);background-repeat: no-repeat;background-position: left 8px;color: #666666; padding-left:20px; padding-bottom:20px;}
.q4{ width:100%; margin:0 auto; line-height:24px; font-family:"微软雅黑"; font-size:14px; color:#666666; padding-top:30px; padding-bottom:30px;}
.q5{ width:100%; margin:0 auto; padding-top:30px; overflow:hidden;}
.q6{ width:405px; float:left; padding-top:15px;}
.q6 h1{ font-family:"微软雅黑"; font-size:14px; margin:0px; padding:0px; color:#333333; font-weight:normal; line-height:27px; padding-bottom:20px; padding-top:20px;}
.q7{ width:405px; float:right; padding-top:15px;}
.q7 h1{ font-family:"微软雅黑";font-size:14px; margin:0px; padding:0px; color:#333333; font-weight:normal; line-height:27px; padding-bottom:20px; padding-top:20px;}
.q8{width:470px;float:left; padding-right:20px;}
.q8 h1{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:36px; font-weight:normal; padding-top:10px; padding-bottom:10px;}
.q8 h2{font-family:"微软雅黑";font-size:14px; margin:0px; padding:0px; color:#333333; font-weight:normal; line-height:27px;}
.q9{ width:468px; float:right; padding-left:20px;border-left-width: 1px;border-left-style: solid;border-left-color: #b9b9b9;}
.q9 h1{ margin:0px; padding:0px; font-family:"微软雅黑"; font-size:36px; font-weight:normal; padding-top:10px; padding-bottom:10px;}
.q9 h2{font-family:"微软雅黑";font-size:14px; margin:0px; padding:0px; color:#333333; font-weight:normal; line-height:27px;}
.q10{background-color:#F2F2F2; margin:0 auto; padding-bottom:50px; margin-top:50px; padding-top:40px;overflow:hidden;}
.q11{ width:1200px; margin:0 auto; overflow:hidden;}
.q12{width:136px;float:left;height:30px;line-height:30px;background-image: url(../images/l_24.jpg);background-repeat: no-repeat;background-position: left 8px;color: #666666; padding-left:20px; padding-bottom:15px;}
.q13{overflow:hidden;}
.we1{width:100%;margin:0 auto;overflow:hidden;}
.we2{ width:25%; float:left; padding-left:10px; padding-bottom: 40px;}
.we2 img{ margin:0 auto;}
.we2 h1{ margin:0px; padding:0px; font-size:24px; font-family:"微软雅黑"; line-height:40px; font-weight:normal;text-align: center;}
.we2 h2{ margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑"; line-height:20px; font-weight:normal; color:#999;}