@charset "utf-8";

/* CSS Document */

/*.nav ul li{float:left;width:100px;text-align:center;height:90px;}*/

/*.nav ul li a{color:#000333;font-size:16px;display:inline-block;width:100%;height:87px;line-height:90px;border-bottom:3px solid #fff;}*/

/*.nav ul li a.on,.nav ul li a:hover{border-bottom:3px solid #de4b44;}*/

.indexa h1{width:185px;float:left;}

#ChatArea .prologue img{width:100px;}

#full-screen-slider{width:100%;height:650px;float:left;position:relative}

#slides{display:block;width:100%;height:650px;position:relative}

#slides li{display:block;width:100%;height:650px;position:absolute}

#slides li a{display:block;width:100%;height:100%;text-indent:-9999px}

#slides .banner{position:absolute;top:0;width:100%;left:0;font-family:"微软雅黑"}

#slides li .banner-con a{width:80px;text-indent:0}

#pagination{display:block;position:absolute;bottom:20px;z-index:9900;padding:5px 15px 5px 0;text-align:center}

#pagination li{display:block;width:14px;height:14px;float:left;margin-right:16px;border-radius:7px;background:#fff}

#pagination li a{display:block;width:100%;height:100%;text-indent:-9999px;cursor:pointer}

#pagination li.current{background:#de4b44}

#full-screen-slider .wrap{width:1200px;margin:0 auto}



.biaoti{text-align:center;font-size:14px;padding-top:40px;line-height:35px;}

.biaoti h2{font-weight:500;line-height:35px;}

.heng p{width:30px;height:3px;text-align:center;display:inline-block;line-height:35px;}

.heng1{ background:url(../images/heng.jpg) no-repeat center 21px;}



.fuwu li{float:left;width:220px;text-align:center;line-height:23px;}

.fuwu li a{padding:25px; display:inline-block;color:#b0afb4;font-size:12px;}

.fuwu li a img{padding:20px 0;}

.fuwu li a h3{color:#e04b45;font-size:16px;height:40px;line-height:40px;}

.fuwu li a p{margin-top:5px;}

.fuwu li a:hover .heng p{ background:#e04b45;}

.product >ul {
    float: left;
   
}

.youshi li {
    float: left;
    margin: 15px;
    width: 142px;
    height: 142px;
    border: 1px solid #dadadc;
    overflow: hidden;
    border-radius: 3px;
}

    .youshi li a {
        color: #fff;
    }

    .youshi li .tu {
        padding-top: 5px;
        text-align: center;
        vertical-align: bottom;
        width: 100%;
        /*height: 245px;*/
        overflow: hidden;
        border-radius: 3px;
    }

        .youshi li .tu img {
            padding-top:5px;
            text-align: center;
            vertical-align: bottom;
            /*width: 100%;
            height: 150px;*/
            transition: all ease 0.8s;
            -webkit-transition: all ease 0.8s;
        }

    .youshi li .wen {
        padding-left: 30px;
        padding-right: 15px;
        border-top: none;
        /*height: 30px;*/
        color:#fff;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

        .youshi li .wen h3 {
            font-size: 18px;
            color: #fff;
            font-weight: 500;
            /*height: 40px;*/
            line-height: 40px;
            padding-top: 10px
        }

        .youshi li .wen span {
            font-size: 12px;
            width: 100%;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .youshi li .wen p {
            font-size: 14px;
            /*height: 40px;*/
            line-height: 25px;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            display: -weblit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .youshi li .wen .xiang {
            font-size: 14px;
            transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            color: #fff;
            display: inline-block;
            width: 90px;
            float: right;
            /*height: 30px;*/
            line-height: 30px;
            border: 1px solid #d6d6d6;
            text-align: center;
            border-radius: 3px;
        }

    .youshi li:hover {
        border: 1px solid #666;
    }

        .youshi li:hover .tu img {
            transform: scale(1.1,1.1);
            transition: all ease 0.8s;
            -webkit-transition: all ease 0.8s;
        }

    .youshi li a:hover .wen .xiang {
        background: #d6d6d6;
        color: #d6d6d6;
    }

.service li {
    background:#fff;
    float: right;
    margin: 15px;
    width: 142px;
    height: 142px;
    border: 1px solid #dadadc;
    overflow: hidden;
    border-radius: 3px;
}

    .service li a {
        color: #e04b45;
    }

    .service li .tu {
        padding-top: 5px;
        text-align: center;
        vertical-align: bottom;
        width: 100%;
        /*height: 245px;*/
        overflow: hidden;
        border-radius: 3px;
    }

        .service li .tu img {
            padding-top: 5px;
            text-align: center;
            vertical-align: bottom;
            /*width: 100%;
            height: 150px;*/
            transition: all ease 0.8s;
            -webkit-transition: all ease 0.8s;
        }

    .service li .wen {
        padding-left: 30px;
        padding-right: 15px;
        border-top: none;
        /*height: 30px;*/
        color: #fff;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

        .service li .wen h3 {
            font-size: 18px;
            color: #e04b45;
            font-weight: 500;
            /*height: 40px;*/
            line-height: 40px;
            padding-top: 10px
        }

        .service li .wen span {
            font-size: 12px;
            width: 100%;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .service li .wen p {
            font-size: 14px;
            /*height: 40px;*/
            line-height: 25px;
            overflow: hidden;
            display: inline-block;
            text-overflow: ellipsis;
            display: -weblit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .service li .wen .xiang {
            font-size: 14px;
            transition: all ease 0.5s;
            -webkit-transition: all ease 0.5s;
            color: #e04b45;
            display: inline-block;
            width: 90px;
            float: right;
            /*height: 30px;*/
            line-height: 30px;
            border: 1px solid #d6d6d6;
            text-align: center;
            border-radius: 3px;
        }

    .service li:hover {
        border: 1px solid #666;
    }

        .service li:hover .tu img {
            transform: scale(1.1,1.1);
            transition: all ease 0.8s;
            -webkit-transition: all ease 0.8s;
        }

    .service li a:hover .wen .xiang {
        background: #fff;
        color: #e04b45;
    }

/*.youshi >li{width:220px;padding-left:20px; display:inline-block;color:#dadada;font-size:14px;background:url(../images/shu.jpg) no-repeat left center;float:left;}

.youshi >li h3{font-size:22px;color:#fff;font-weight:500;padding-bottom:5px;}*/
.anli1 .hd {
    width: 90px;
    text-align: center;
    margin: 0 auto;
}

.anli1 .hd ul{ width:100%; display:inline-block;}

.anli1 .hd ul li{float:left;width:15px;height:6px;overflow:hidden;margin:0 5px;text-indent:-999px;cursor:pointer;background:#dadadc;}

.anli1 .hd ul li.on{ background:#df4a43;}

.anli1 .bd{overflow:hidden;}



.anli li{float:left;margin:15px;width:368px;height:420px;border:1px solid #dadadc;overflow:hidden;border-radius:3px;}

.anli li a{color:#8e8d93;}

.anli li .tu{width:100%;height:245px;overflow:hidden;border-radius:3px;}

.anli li .tu img{width:100%; height:245px;transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.anli li .wen{padding-left:30px;padding-right:15px;border-top:none;height:228px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.anli li .wen h3{font-size:18px;color:#e05650;font-weight:500;height:40px;line-height:40px;padding-top:10px}

.anli li .wen span{font-size:12px;width:100%;display:inline-block;height:40px;line-height:40px;}

.anli li .wen p{font-size:14px;height:80px;line-height:25px;overflow:hidden;display:inline-block;text-overflow:ellipsis;display:-weblit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.anli li .wen .xiang{font-size:14px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;color:#e04b45;display:inline-block;width:90px;float:right;height:30px;line-height:30px;border:1px solid #e04b45;text-align:center;border-radius:3px;}

.anli li:hover{border:1px solid #e04b45;}

.anli li:hover .tu img{ transform:scale(1.1,1.1); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.anli li a:hover .wen .xiang{background:#e04b45;color:#fff;}

 

.qy-new,.who-ze{ width:100%; display:inline-block;display:inline-block;}

.qy-new .hd,.who-ze .hd{ margin:0 auto;width:70px;margin-bottom:30px;}

.qy-new .hd .prev,.qy-new .hd .next,.who-ze .hd .prev,.who-ze .hd .next{display:block;width:25px;height:25px;float:right;margin:0 5px;overflow:hidden;cursor:pointer;}

.qy-new .hd .prev,.who-ze .hd .prev{ background:url(../images/right.png) no-repeat;}

.qy-new .hd .prev:hover,.who-ze .hd .prev:hover{background:url(../images/right-.png) no-repeat;}

.qy-new .hd .next,.who-ze .hd .next{ background:url(../images/left-.png) no-repeat;}

.qy-new .hd .next:hover,.who-ze .hd .next:hover{background:url(../images/left.png) no-repeat;}

.qy-new .bd,.who-ze .bd{width:100%; display:inline-block;}

.new li{width:370px; height:330px; overflow:hidden;float:left; margin:15px;}

.new li .tu{width:370px; height:210px; overflow:hidden;margin-bottom:10px;}

.new li .tu img{width:100%; height:210px;transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.new li .wen h3{font-size:16px;color:#df3e26; font-weight:500;height:40px;line-height:40px;}

.new li .wen p{font-size:12px; color:#b2b2b2;line-height:20px;}

.new li .wen p span{ color:#3a3c4b;}

.new li:hover .tu img{transform:scale(1.2,1.2); transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.shanghu li{width:170px;height:68px;overflow:hidden;float:left;margin:0 15px;border: 1px solid #e8e8e8;}

 

.zhuanti{width:100%;display:inline-block;}

.zhuanti .hd{height:30px;line-height:30px;border-bottom:1px solid #e36c67;}

.zhuanti .hd ul{margin-left:315px;}

.zhuanti .hd ul li{float:left;padding:0 50px;cursor:pointer;height:30px;line-height:30px;font-size:14px;color:#878787;}

.zhuanti .hd ul li.on{background:#e36c67;color:#fff;}

.qy-zt .qy-zt1 li{float:left;width:370px; height:360px; overflow:hidden;margin-right:20px;}

.qy-zt .qy-zt1 li .wen{height:120px;margin-bottom:20px;width:100%; overflow:hidden;}

.qy-zt .qy-zt1 li .wen h3{ font-size:18px;color:#333;height:30px;line-height:30px;}

.qy-zt .qy-zt1 li .wen span{font-size:12px;color:#a3a3a3;height:30px;line-height:30px; display:inline-block; width:100%;margin-bottom:10px;}

.qy-zt .qy-zt1 li .wen p{height:50px; line-height:23px;font-size:14px;color:#4f4f4f;padding:0 10px;}

.qy-zt .qy-zt1 li .tu{width:100%; height:210px; overflow:hidden;}

.qy-zt .qy-zt2 li{height:40px;line-height:40px; overflow:hidden;}

.qy-zt .qy-zt2 li a{color:#505050;font-size:16px;}

.qy-zt .qy-zt2 li a span{float:right;color:#b4b6b8;font-size:14px;}

.qy-zt .qy-zt2 li a:hover{ color:#e36c67; text-decoration:underline;}

 

.xd-zt1 dl{height:260px; width:100%; display:inline-block;margin-bottom:15px; }

.xd-zt1 dl dt{height:155px; width:100%; overflow:hidden;margin-bottom:10px;}

.xd-zt1 dl dt img{transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.xd-zt1 dl dd{padding:10px; display:inline-block;font-size:14px;color:#7d7d7d;}

.xd-zt1 dl dd a{font-size:14px;color:#7d7d7d;}

.xd-zt1 dl dd h4{font-size:16px;color:#4b4b4b; font-weight:500;height:40px;line-height:40px;}

.xd-zt1 dl:hover dt img{transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3);transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.xd-zt1 .yue{font-size:16px;color:#5c5c5c; transition:all ease 0.2s;-webkit-transition:all ease 0.2s; display:inline-block;border:1px solid #de4b44;width:110px;height:35px;line-height:35px; text-align:center;}

.xd-zt1 .yue:hover{ background:#de4b44;color:#fff;}



.xd-zt2 dl{width:100%; display:inline-block;height:90px;overflow:hidden;float:left; margin-bottom:30px;}

.xd-zt2 dl dt{width:160px; height:90px;float:left;overflow:hidden;margin-right:20px;}

.xd-zt2 dl dt img{width:100%; height:90px;}

.xd-zt2 dl dd{border-bottom:1px solid #ccc; display:inline-block;width:395px;height:89px;}

.xd-zt2 dl dd h4{color:#4c4c4c;font-size:16px;font-weight:500;height:25px;}

.xd-zt2 dl dd p{font-size:14px;color:#7d7d7d;line-height:25px;}

.xd-zt2 dl:hover h4{color:#e03e26; text-decoration:underline;}

 

.youlian{width:100%;display:inline-block; }

.youlian .hd{border-bottom:1px solid #d6d6d6;width:100%;display:inline-block;}

.youlian .hd ul{width:1200px;margin:0 auto;}

.youlian .hd ul li{float:left;margin-right:50px;cursor:pointer;height:50px;line-height:50px;font-size:18px;color:#b3b3b3;}

.youlian .hd ul li.on{color:#e03e26;}

.youlian .bd{width:1200px; margin:0 auto;}



.lianjie li{float:left;margin-right:50px;height:35px;line-height:35px;}

.lianjie li a{color:#7c7c7c;font-size:14px;}

.lianjie li a:hover{color:#e36c67;}



.map{ background:url() no-repeat left 2px;padding-left:25px;}

.map h3{font-weight:500;font-size:16px;color:#cbcbcb;}

.map p{color:#6f6f6f; font-size:14px;}



.bg-tel{ background:url() no-repeat left center; padding-left:30px;}

.bg-weixin{ background:url(../images/wx.png) no-repeat left center; padding-left:30px;}



.guanzhu{background:#fff; font-size:12px;color:#e13e26; cursor:pointer;}

 

.wangzhan-map>li{width:100%; display:inline-block;font-size:18px;color:#333;margin-bottom:5px;line-height:40px;}

.wangzhan-map>li h3{color:#df4a43;font-weight:500;font-size:18px;margin-bottom:10px;}

.wangzhan-map>li ul li{float:left;font-size:16px;margin-right:30px;margin-bottom:20px;}

.wangzhan-map>li ul li a{color:#999; border:1px solid #bbb;padding:0 18px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s;height:40px;line-height:40px; display:inline-block;}

.wangzhan-map>li ul li a:hover{ background:#e15c56; color:#fff;border:1px solid #e15c56;}



.wangzhan-tags>li{width:100%; display:inline-block;font-size:14px;color:#333;margin-bottom:5px;line-height:20px;}

.wangzhan-tags>li h3{color:#df4a43;font-weight:500;font-size:14px;margin-bottom:10px;}

.wangzhan-tags>li ul li{float:left;font-size:12px;margin-right:10px;margin-bottom:20px;}

.wangzhan-tags>li ul li a{color:#999; border:1px solid #bbb;padding:0 10px; transition:all ease 0.5s; -webkit-transition:all ease 0.5s;height:20px;line-height:20px; display:inline-block;}

.wangzhan-tags>li ul li a:hover{ background:#e15c56; color:#fff;border:1px solid #e15c56;}

 

.lianxi ul li{float:left;line-height:25px; transition:all ease 0.2s; -webkit-transition:all ease 0.2s;width:225px;font-size:14px;color:#5f5c5c;height:190px;margin-right:20px; padding:40px 30px;}

.lianxi ul li.mr-0{margin-right:0;}

.lianxi ul li h3{font-size:18px;color:#333;font-weight:500;height:60px;line-height:60px;}

.lianxi ul li.bg-f9e0e0:hover{ background:#f6cfcf;}

.lianxi ul li.bg-e3fee6:hover{ background:#acf1b4;}

.lianxi ul li.bg-ebf3da:hover{ background:#e4f3c5;}

.lianxi ul li.bg-d9f1e2:hover{ background:#c2f2d4;}



.lianxi2 dl{width:330px;padding:0 35px;float:left;height:200px;}

.lianxi2 dl dt{float:left;margin-right:15px;display:inline-block;}

.lianxi2 dl dt img{width:32px; height:32px;border-radius:100%; overflow:hidden;}

.lianxi2 dl dd{font-size:14px;color:#999;line-height:23px;}

.lianxi2 dl dd h3{font-size:18px;height:30px; line-height:30px;margin-bottom:15px;font-weight:500;}

.lianxi2 dl dd p{margin-bottom:5px;}



.lianxi3 .tian input{height:45px;width:265px;border:none;background:#f0f0f0;font-family:'微软雅黑';text-indent:5px;color:#999;}

.lianxi3 textarea{width:901px;background:#f0f0f0;border:none;text-indent:5px;border:none;line-height:35px;font-family:'微软雅黑';color:#999;height:105px;}

.lianxi3 .tian1 input{ width:145px; height:50px; line-height:50px; color:#fff; font-size:20px; background:#de4b44; cursor:pointer;border:none;font-family:'微软雅黑';}

 

.xinda li{float:left; text-align:center; width:400px;font-size:18px;line-height:30px;color:#333;}

.xinda li img{width:150px; height:150px; border-radius:100%; overflow:hidden;margin-bottom:15px;transition:all ease 0.5s; -webkit-transition:all ease 0.2s;}

.xinda li img:hover{ transform:rotate(360deg);}



.xinda1 li{float:left; width:380px;margin-right:20px;}

.xinda1 li.mr-0{margin-right:0;}

.xinda1 li .tu{width:100%; height:240px;overflow:hidden;margin-bottom:10px;}

.xinda1 li img{width:100%; height:240px;transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.xinda1 li:hover img{transform:scale(1.1,1.1);}



.xinda2 ul{width:804px;}

.xinda2 ul li{width:400px;float:left;height:220px;overflow:hidden;margin-right:2px;margin-bottom:2px;}

.xinda2 ul li img{width:100%; height:220px;transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.xinda2 .tu1{width:396px;height:442px;overflow:hidden;}

.xinda2 .tu1 img{width:100%; height:442px;transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.xinda2 ul li:hover img,.xinda2 .tu1:hover img{transform:scale(1.1,1.1);}





 

.nav1 a{padding:0 25px;color:#fff;display:inline-block;font-size:16px;height:50px;line-height:50px; transition:all ease 0.5s; -webkit-transition:all ease 0.2s;}

.nav1 a.on,.nav1 a:hover{ background:#c8413b;}



.new-lei dl{width:100%;height:150px;margin-bottom:40px;}

.new-lei dl dt{width:260px;height:150px;float:left;overflow:hidden;margin-right:20px;background:#9F3;}

.new-lei dl dt img{width:100%;height:150px; transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

.new-lei dl dd a{font-size:14px;color:#666;line-height:25px;}

.new-lei dl dd h3{color:#5c5f66;font-size:24px;font-weight:500;height:40px;line-height:40px;}

.new-lei dl:hover dd h3{color:#de4b44;}

.new-lei dl:hover dt img{transform:scale(1.2,1.2);}



.tuijian h3{color:#de4b44;font-size:14px; font-weight:500;height:40px; line-height:40px;}

.tuijian ul li{height:25px;line-height:25px;}

.tuijian ul li a{font-size:12px;color:#666;}

.tuijian ul li a:hover{color:#de4b44; text-decoration:underline;}

 

.xuansou .hd{margin-bottom:15px;}

.xuansou .hd ul{width:100%; display:inline-block;}

.xuansou .hd ul li{ float:left;padding:0 10px;cursor:pointer;font-size:16px;color:#535353;}

.xuansou .hd ul li.bb{border-right:1px solid #535353;}

.xuansou .hd ul li.on{color:#de4b44;}

.sou{ width:210px;height:30px;}

.sou input.t1{float:left;width:149px;border:1px solid #999;height:30px;border-right:none;text-indent:5px;}

.sou input.t2{float:right;color:#fff;background:#de4b44;width:60px;height:32px;border:none;font-size:16px;font-family:'微软雅黑';}



.number{width:835px;height:40px;margin:30px auto;font-size:14px;clear:both;text-align:center;}

.number a{padding:5px 10px;border-radius:3px;display:inline-block;border:solid 1px #999;color:#8e8d93;font-size:18px;margin:0 2px;}

.number span{padding:5px 10px; cursor:pointer;border-radius:3px;font-size:18px;text-align:center;display:inline-block;border:solid 1px #de4b44;color:#fff;margin:0 2px;background:#de4b44;}

.number a:hover,.number a.on{background:#de4b44;border:solid 1px #de4b44;color:#fff;}

 
.cg-anli li{float:left;width:380px;height:380px;overflow:hidden;margin-right:30px;margin-bottom:20px;}
.cg-anli li.mr-0{margin-right:0;}
.cg-anli li .tu{width:100%;height:250px;overflow:hidden;margin-bottom:10px;position:relative;text-align: center;/*float: left;*/cursor: pointer;}
.cg-anli li .tu p{height:250px;width:100%;position:absolute;left:0;top:-250px;z-index:2;}
.cg-anli li .wen h3{font-size:16px;color:#333;font-weight:500;height:35px;line-height:35px;margin-bottom:5px;border-bottom:1px solid #d6d6d6;}
.cg-anli li .wen h3 span{float:right;padding-top:5px;}
.cg-anli li .wen h3 span img{padding:0 3px;}
.cg-anli li .wen p{font-size:14px;color:#999;line-height:25px;}
.cg-anli li:hover h3{color:#de4b44;}

.cg-anli1{overflow:hidden;}

.cg-anli1 .hd{padding-left:550px;}

.cg-anli1 .hd .prev,.cg-anli1 .hd .next{ display:block;width:45px;height:25px; float:left; margin-right:10px; margin-top:20px;  overflow:hidden;cursor:pointer;}

    .cg-anli1 .hd .prev {
        background: url(/Template/images/rr.jpg) no-repeat;
    }

    .cg-anli1 .hd .next {
        background: url(/Template/images/ll.jpg) no-repeat;
    }

.cg-anli1 .bd{ width:100%; display:inline-block;}

.cg-anli1 ul li{width:270px;height:300px;margin-right:35px;float:left;overflow:hidden;}

.cg-anli1 li .tu{with:100%;height:170px;overflow:hidden;margin-bottom:10px;}

.cg-anli1 li .tu img{width:100%; height:170px;}

.cg-anli1 li .wen h3{font-size:16px;color:#333;font-weight:500;height:35px;line-height:35px;margin-bottom:5px;border-bottom:1px solid #d6d6d6;}

.cg-anli1 li .wen h3 span{float:right;padding-top:5px;}

.cg-anli1 li .wen h3 span img{padding:0 3px;}

.cg-anli1 li .wen p{font-size:14px;color:#999;line-height:25px;}

.cg-anli1 li:hover h3{color:#de4b44;}

.cg-anli1 li:hover .tu img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); transition:all ease 0.5s;}

 

.anli-zhanshi li{margin-bottom:8px;}



.bg1{ box-shadow:2px 2px 2px #f3f3f3;width:100%;}

.alzs{padding-top:185px; width:100%; display:inline-block;}

.alzs h3{text-align:center;line-height:50px;font-size:18px; font-weight:500;margin-bottom:30px;}

.bg2{width:744px; height:430px; margin:0 auto; background:url() no-repeat top center;z-index:1111;}

.bg2 .tu{ width:566px; height:353px;overflow:hidden; padding-top:24px;margin-left:91px; /*overflow: scroll;*/}

.bg2 .tu .image{width:566px; height:353px;overflow:hidden;cursor:pointer;}
.bg2 .tu:hover .image{width:566px; height:353px;overflow: scroll;overflow-x:hidden}

.bg2 .tu img{width:100%; /*height:353px;*/}



.wanye img{width:100%; box-shadow:1px 1px 15px #666;margin-bottom:30px;}

.wanye p{font-size:14px;line-height:25px;margin-bottom:50px; text-align:center;}





.aa{ background:url(../images/a.jpg) no-repeat #f3f3f3;}

.neirong p,.neirong img{margin-bottom:20px;line-height:22px;}



.guanjian a{ color:#616366; font-weight:500;}

.guanjian a:hover{color:#de4b44; text-decoration:underline;}



.xbiao{font-size:14px;color:#de4b44;border-bottom:1px solid #d6d6d6;height:30px;line-height:30px;font-weight:500;}

.xbiao span{height:30px;line-height:30px; display:inline-block; border-bottom:1px solid #de4b44;}



.paihang dl{width:100%; height:60px; overflow:hidden;margin-bottom:10px;}

.paihang dl dt{width:100px;height:60px; float:left; margin-right:10px;overflow:hidden;}

.paihang dl dt img{width:100%; height:60px;}

.paihang dl dd p{font-size:12px;color:#666;height:40px; line-height:20px; overflow:hidden;}

.paihang dl dd span{font-size:12px;color:#999;}

.paihang dl dd p a{color:#666;}

.paihang dl dd p a:hover{color:#de4b44; text-decoration:underline;}



.tjan li{width:100%;height:240px;overflow:hidden;}

.tjan li.mr-0{margin-right:0;}

.tjan li .tu{with:100%;height:145px;overflow:hidden;}

.tjan li .wen h3{font-size:16px;color:#333;font-weight:500;height:35px;line-height:35px;margin-bottom:5px;border-bottom:1px solid #d6d6d6;}

.tjan li .wen h3 span{float:right;padding-top:5px;}

.tjan li .wen h3 span img{padding:0 3px;}

.tjan li .wen p{font-size:14px;color:#999;line-height:25px;}

.tjan li:hover h3{color:#de4b44;}

.tjan li:hover .tu img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1); transition:all ease 0.5s;}



.wo-fw li .tu{ position:relative;}

.wo-fw li .tu .tubg{ background:rgba(222,75,68,0.8); text-align:center; width:100%; height:100%; display:inline-block;display:none;position:absolute;top:0;left:0; z-index:111;}

.wo-fw li .tu .tubg img{padding-top:11%;margin-bottom:8%;}

.wo-fw li .tu .tubg h4{color:#fff;font-size:24px; position:relative; font-weight:500; height:40px;}

.wo-fw li .tu .tubg h4 p{ display:inline-block;}

.wo-fw li .tu .tubg h4 span{background:url(../images/tt.png) no-repeat center; display:inline-block; height:1px; width:100%;position:absolute;left:0; top:10px; /*border-top:1px solid #fff;width:70%;top:10px;left:15%;*/}

.wo-fw li .tu:hover .tubg{ display:inline-block;transition:all ease 0.5s; -webkit-transition:all ease 0.5s;}

.wo-fw .fuwu2 li .tu .tubg img{padding-top:25%;margin-bottom:10%;}

.fuwu1 li{width:585px;float:left;margin-right:30px;}

.fuwu1 li.mr-0{margin-right:0;}

.fuwu1 li a{font-size:14px;color:#666;line-height:22px;}

.fuwu1 li a .tu{ height:300px;width:100%;overflow:hidden;margin-bottom:10px;}

.fuwu1 li a h3{font-size:24px;color:#3a3a3a;height:50px;line-height:50px; font-weight:500;}

.fuwu2 li{width:277px;float:left;margin-right:30px;}

.fuwu2 li.mr-0{margin-right:0;}

.fuwu2 li a{font-size:14px;color:#666;line-height:22px;}

.fuwu2 li a .tu{ height:270px;width:100%;overflow:hidden;margin-bottom:10px;}

.fuwu2 li a h3{font-size:24px;color:#3a3a3a;height:50px;line-height:50px;font-weight:500;}



.liucheng ul.l1{margin-left:60px;}

.liucheng ul.l2{margin-right:60px;}

.liucheng li{width:100%;height:150px;margin-bottom:80px; overflow:hidden;}

.liucheng li h4{ font-weight:500;font-size:24px; text-align:center; height:40px;line-height:40px; color:#333;padding-bottom:10px;}

.liucheng li p{font-size:12px;color:#666;line-height:23px;}







/*返回顶部*/

.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:73px;background:url() 0px bottom no-repeat; z-index:999; }

.izl-rmenu .btn{width:60px; height:60px; margin-bottom:1px; cursor:pointer; position:relative;}

.izl-rmenu .btn:hover{background-color:#de4b44;}

.izl-rmenu a.btn-ting,.izl-rmenu a.btn-ting:visited{background:url(../images/fd1.png) no-repeat #1a1a1c;text-decoration:none; display:block;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/fd2.png) no-repeat #1a1a1c;text-decoration:none; display:block;}

.izl-rmenu .btn-wx{background:url(../images/fd3.png) no-repeat #1a1a1c;}

.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/fd4.png) no-repeat #1a1a1c;}

.izl-rmenu .btn-phone .phone{background-color:#de4b44; position:absolute;width:160px; left:-160px; top:0px; line-height:60px;color:#fff;font-size:16px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/fd5.png) no-repeat #fff;display:none;}

.izl-rmenu .btn-top:hover{background-color:#fff;}



.gengduo{font-size:16px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;color:#e04b45;display:inline-block;width:120px;height:40px;line-height:40px;/*border:1px solid #e04b45;*/text-align:center;border-radius:3px;}

.gengduo:hover{background:#e04b45;color:#fff;}

/*移动新媒体*/
.alzs1{padding-top:225px; width:100%; display:inline-block;}
.alzs1 h3{text-align:center;line-height:50px;font-size:18px; font-weight:500;margin-bottom:30px;}
.bg3{width:252px; height:493px;margin-left:290px;background:url(../images/a1.png) no-repeat top center;z-index:1111;}
.bg3 .tu{ width:230px; height:364px;overflow:hidden;margin-top:52px;margin-left:35px;}
.bg3 .tu img{width:89%;}
.bg3 .tu:hover{width:230px;overflow:scroll;overflow-x:hidden;}
.bg3 .tu:hover img{width:89%;}
.saoma{margin-right:270px;width:200px;margin-top:85px;}
.saoma .ma img{width:200px;height:200px;}
.saoma .ma p{height:40px;line-height:40px;}
.saoma a{color:#fff; display:inline-block;text-align:center;width:170px;height:35px;line-height:35px;border-radius:10px;background:#de4b44;}
.bb{ background:url(../images/aa.jpg) no-repeat #f3f3f3;}
.pt-225{padding-top:225px;}
.w1065{width:1065px;}
.wanye1 ul li{float:left; width:515px;box-shadow:1px 1px 15px #666;margin-right:35px; display:inline-block;}
.wanye1 ul li.mr-0{margin-right:0;}
.wanye1 img{float:left; width:515px;box-shadow:1px 1px 15px #666;display:inline-block;}
.w515{width:515px;}



/*------------------------------------------------- 官网服务 ---------------------------------------------------------*/



/* ---------------------- APP开发 ----------------------- */

.ap-kaifa dl{width:550px;margin-right:100px;float:left;margin-bottom:85px;}

.ap-kaifa dl.mr-0{margin-right:0;}

.ap-kaifa dl dt{float:left;width:60px;padding-top:10px;}

.ap-kaifa dl dd{width:490px;float:right;color:#666;font-size:18px;line-height:30px;}

.ap-kaifa dl dd h3{font-size:24px;font-weight:500;height:40px;line-height:40px;margin-bottom:10px;}

.zixun li{width:50%;float:left;height:30px;line-height:30px; overflow:hidden;}

.zixun li a{font-size:14px;color:#666;}

.zixun li a:hover{color:#de4b44; text-decoration:underline;}

/* 案例展示 */

.zhanshi{overflow:hidden;}

.zhanshi .hd{height:30px;margin-bottom:15px;width:100%;display:inline-block;position:relative;}

.zhanshi .hd .prev,.zhanshi .hd .next{display:block;width:20px;height:20px;position:absolute;top:5px;overflow:hidden;cursor:pointer;}

.zhanshi .hd .prev{background:url(../images/gl1.jpg) no-repeat;right:25px;}

.zhanshi .hd .next{background:url(../images/gr1.jpg) no-repeat;right:0;}

.zhanshi .hd .prev:hover{background:url(../images/gl.jpg) no-repeat;}

.zhanshi .hd .next:hover{background:url(../images/gr.jpg) no-repeat;}

.zhanshi .bd ul{overflow:hidden;zoom:1;}

.zhanshi .bd ul li{width:240px;float:left;_display:inline;overflow:hidden;text-align:center;  }



/* ---------------------- 案例展示 ----------------------- */

.h5 dl dt{width:400px;}

.h5 dl dd{width:710px;}



/* ---------------------- 软件开发 ----------------------- */

.fwnr li{float:right;width:400px;}

.fwnr li img{margin-bottom:20px;}



/* ---------------------- 手机网站建设 ----------------------- */

.sjwzjs li{float:left;width:300px;}

.sjwzjs li img{margin-bottom:20px;}



.shoujiz dl{width:100%; display:inline-block;margin-bottom:100px;}

.shoujiz dl dt{float:left;width:155px; height:155px;margin-right:70px;border-radius:100%; overflow:hidden;}

.shoujiz dl dt img{width:100%;}

.shoujiz dl dd{float:left;width:860px;padding-top:30px;}



/* ---------------------- 网络营销 ----------------------- */

.touzi li{float:left;margin:0 30px;}



/* ---------------------- 网页设计 ----------------------- */

.bg-yun{ background:url(../images/tu7.jpg) no-repeat center 75px;}

.bg-shu{ background:url(../images/tu9.jpg) no-repeat 150px bottom;}



/* ---------------------- 网页设计 ----------------------- */

@-webkit-keyframes flipOutYtest {

  from {

    -webkit-transform: perspective(1400px);

    transform: perspective(1400px);

  }



  40% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);

    opacity: 1;

  }



  50% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);

    opacity: 0;

  }



  to {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);

    opacity: 0;

  }

}



.test{

  -webkit-animation: flipOutYtest 0.75s linear;

  animation: flipOutYtest 0.75s linear;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}





@-webkit-keyframes flipInYtest {

  from {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);

    opacity: 0;

  }



  50% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);

    opacity: 0;

  }



  60% {

    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);

    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);

    opacity: 1;

  }



  to {

    -webkit-transform: perspective(1400px);

    transform: perspective(1400px);

    opacity: 1;

  }

}



.test2{

  -webkit-animation: flipInYtest 0.75s linear;

  animation: flipInYtest 0.75s linear;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}





.well-item{ position:relative;float:left;width:200px;height:200px;margin:30px 0;margin-right:300px;border-radius:100% auto;overflow:hidden;}

.well-item.mr-0{margin-right:0;}

.well-item img{width:200px;min-height:200px;border-radius:100% auto;}

.correct{position:absolute;width:100%;}

.opposite{height:200px;width:200px;border-radius:100% auto;overflow:hidden;}

.opposite div{

  min-height: 200px;

  width:200px;

  border-radius:100% auto;overflow:hidden;

}

.opposite-content{

  display: table;

  width:200px;

  height: 200px;

  background:#D95E22;border-radius:100% auto;overflow:hidden;

}

.opposite-content-text{ display: table-cell; vertical-align: middle;border-radius:100% auto;overflow:hidden;text-align: center; color: white; font-size: 24px; }



/*案例底部效果*/
#div1{ width: 1200px; height: 300px; position: relative; margin:0 auto;overflow: hidden;}
#div1 ul { width: 4880px; height: 300px; position: relative; }
#div1 ul li { width:270px;height: 300px; float: left; list-style: none; margin-right:35px;}
#div1 ul li .tu img { width: 100%; height: 170px; display: inline-block;}
a{ color: #B4B4B4; }
.cg-anli1 .hd .next_ {
    background: url(/Template/images/rr_f.jpg);
    display: block;
    width: 45px;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    overflow: hidden;
    cursor: pointer;
}
    .cg-anli1 .hd .next_:hover {
        background: url(/Template/images/ll.jpg);
    }
.cg-anli1 .hd .prev_ {
    background: url(/Template/images/rr.jpg);
    display: block;
    width: 45px;
    height: 25px;
    float: left;
    margin-right: 10px;
    margin-top: 20px;
    overflow: hidden;
    cursor: pointer;
}
.cg-anli1 .hd .prev_:hover{background:url(/Template/images/ll_r.jpg);}


.laiyuan span{padding:0 20px;}



.new-lei .lianjie{color:#ff4545;float:left;margin-right:5px}

.shows .lianjie{color:#ff4545;float:left;margin-right:5px}


/*新修改*/
.fuwu1 li{width:585px;float:left;margin-right:30px;font-size:14px;color:#666;line-height:22px;}
.fuwu1 li.mr-0{margin-right:0;}
.fuwu1 li .wen h3{font-size:24px;color:#3a3a3a;height:50px;line-height:50px; font-weight:500;}
.fuwu2 li{width:277px;float:left;margin-right:30px;font-size:14px;color:#666;line-height:22px;}
.fuwu2 li.mr-0{margin-right:0;}
.fuwu2 li .wen h3{font-size:24px;color:#3a3a3a;height:50px;line-height:50px;font-weight:500;}
.he_border2{background:#de4b44;width:100%;height:270px;position:relative;margin-bottom:10px;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_img{display:block;width:100%;padding:0;margin:0;position:relative;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2:hover .he_border2_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.5;}
.he_border2 .he_border2_caption{color:#fff;padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border2 .he_border2_caption::before,.he_border2 .he_border2_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border2 .he_border2_caption::before{top:14%;right:5%;bottom:14%;left:5%;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border2 .he_border2_caption::after{top:8%;right:10%;bottom:8%;left:10%;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border2:hover .he_border2_caption::before,.he_border2:hover .he_border2_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border2 .he_border2_caption,.he_border2 .he_border2_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border2 .he_border2_caption_p{font-size:24px;text-align:center;width:80%;position:absolute;top:60%;left:10%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0}
.he_border2 .he_border2_caption_p img{ margin-bottom:20px;}
.he_border2:hover .he_border2_caption_p{top:25%;opacity:1}
/*新修改 end*/

/*商桥弹出框*/
.kuang{width:650px;height:313px; background:url(../images/a11.jpg) no-repeat; position:fixed; top:30%; left:50%;margin-left:-325px; z-index:99999;}
.kuang span{position:absolute;width:40px;height:40px;top:5px;right:15px; cursor:pointer;display:inline-block; z-index:88;}
.kk1{width:183px;height:40px;display:inline-block; border-radius:20px; float:left;margin-left:32px;}
.kk2{width:147px;height:40px;display:inline-block; border-radius:20px;float:left;margin-left:32px;}


@charset "utf-8";



a, img {
    border: 0;
    text-decoration: none;
}



.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-table
}

*html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

* + html .clearfix {
    min-height: 1%
}
/* nav_menu */
.nav_menu {
    height: 42px;
    background-color: #fff;
}

/*.nav ul li{float:left;width:100px;text-align:center;height:90px;}*/

/*.nav ul li a{color:#000333;font-size:16px;display:inline-block;width:100%;height:87px;line-height:90px;border-bottom:3px solid #fff;}*/



.nav {
    width: 1200px;
    height: 41px;
    position: relative;
    margin: 0 auto;
}

    .nav .list li {
        float: left;
        width: 100px;
        text-align: center;
        height: 90px;
    }

    .nav .list a {
        float: left;
        display: block;
        width: 125px;
        height: 42px;
        text-align: center;
        font: bold 13px/36px "微软雅黑";
        color: #000333;
        font-size: 16px;
        display: inline-block;
        width: 100%;
        height: 87px;
        line-height: 90px;
        border-bottom: 3px solid #fff;
    }

        .nav .list a:hover {
            color: #FFA304;
        }

        .nav .list a:hover, .nav .list .now {
            /*color: #F00;
            background: #fff;*/
            border-bottom: 3px solid #de4b44;
        }
    /*.nav ul li a.on,.nav ul li a:hover{border-bottom:3px solid #de4b44;}*/

    .nav .box {
        position: absolute;
        left: -5px;
        top: 92px;
        width: 1200px;
        background: #FFF;
        overflow: hidden;
        height: 0;
        filter: alpha(opacity=0);
        opacity: 0;
        border-bottom: 2px solid #074c52;
        z-index:1;
    }

    .nav .cont {
        position: relative;
        padding: 25px 0 0px 24px;
    }
/* sublist */
.sublist li {
    float: left;
    width: 300px;
    padding-right: 24px;
    padding-bottom: 24px;
}

    .sublist li h3.mcate-item-hd {
        font-family: '微软雅黑';
        padding-left: 5px;
        font-size: 14px;
        height: 26px;
        line-height: 26px;
        border-bottom: 1px dashed #666666;
    }

    .sublist li p.mcate-item-bd {
        padding-left: 5px;
    }

        .sublist li p.mcate-item-bd a {
            height: 26px;
            line-height: 26px;
            margin-right: 10px;
            font-size: 13px;
            color: #666666;
            text-decoration: none;
            display: inline-block;
        }

            .sublist li p.mcate-item-bd a:hover {
                color: #6c5143;
                text-decoration: underline;
            }