@charset "UTF-8";
/****************************/
/*公用部分*/
html{font-size: 10px; background-color: #ffffff}
body {
    /*background-color: #ffffff;*/
    font-family: "微软雅黑", Microsoft YaHei, "方正中等线简体", Microsoft JhengHei,"华文细黑",STHeiti,MingLiu,Regular; font-size: 14px;}
* { margin: 0px auto; padding: 0px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  }
dl,dt, ol, li, h1, h2, h3, h4, h5, h6, pre, fieldset, textarea, p, blockquote, code,nobr {margin: 0px auto;padding: 0px;letter-spacing: 0.3px; overflow: hidden; display: block;}
a {color: #000;text-decoration: none;}
input,textarea{border-radius: 0px;font-family: "微软雅黑", Microsoft Yahei, Regular}
a:hover {text-decoration: none}
ul, li {list-style-type: none;outline: none;display: block  }
hr{border: 0px}
img {border: 0px;vertical-align: middle; max-width: 100%;}
i,em{font-style: normal}
input:focus,textarea:focus,select:focus,option:focus {
    outline:none;
}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
option,select{-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none}
button {
    -webkit-appearance: none;}
.container{height: auto;overflow: hidden}
.container_dfhu{width: 92%; margin: 0px 4%; overflow: hidden;}
.container:after{
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
.clear{clear: both}
*:focus {outline: none;}
.transition{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.transform:hover{
    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);
}
.overflow{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.block{display: block!important;}
.f12{font-size: 12px;}
.fr{float: right!important;}
.fl{float: left!important;}
.SimSun{font-family: "宋体", Regular, SimSun}
.ba_ff{background-color: #ffffff;}
.width100{width: 100%; overflow: hidden;}
.min-width{min-width: 1200px;}
.overflow_hidden{overflow: hidden;}

/* domLoadingArea */
.domLoadingArea {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    background-image: url(../images/cioa.gif);
    background-position: center center;
    background-size: 80px 80px;
    background-repeat: no-repeat;
    /*opacity: 0.8;*/
    z-index: 999999909;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    -ms-transition: 1.0s;
    -o-transition: 1.0s;
    transition: 1.0s;
}
.domLoadingArea.disable {
    /*pointer-events: none;*/
    display: none;
}
/*header*/
.header{width: 100%; position: fixed; top: 0px; left: 0px; z-index: 90;}
.logo{float: left; height: 80px; line-height: 80px; width: 332px; text-align: left; }
/*.logo img{max-height: 60px; max-width: 180px;}*/
.dha_dh{margin-left: 340px; text-align: right;}
.mkbaj{float: right; line-height: 80px; width: 45px; text-align: center;}
.mkbaj span{display: inline-block; vertical-align: middle; width: 34px; height: 34px; line-height: 32px; cursor: pointer;}
.mainMenu{margin:27px 35px 0 50px; float: right; position: relative;}
.mainMenu a{cursor: pointer}
.menuList{width:77px;height:30px;position:relative;font-size:14px;color:#fff;overflow:hidden;float:left; }
.menuList div{width:77px;height:30px;line-height:30px;position:absolute;text-align:center;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

.menuList .one{top:0;left:0;z-index:1;}
.menuList:hover .one{top:-30px;left:0;}
.menuList .one a{color:#fff;;font-weight: bold}
.menuList .two{bottom:-40px;left:0;z-index:2;background:#fff;color:#000;cursor:pointer;}
.menuList:hover .two{bottom:0px;left:0;}
.menuList .two a{background:#ffffff;font-size: 12px; letter-spacing: 0.8px;color:#000;text-decoration:none; display: inline-block;width: 77px;height: 30px; line-height: 30px;}

#mover .one{top: -30px; left: 0px;}
#mover .two{bottom: 0px; left: 0px;}
.fgyah .one{top: 0px!important; left: 0px!important}
.fgyah .two{bottom: -40px!important; left: 0px!important;}
.fgyah:hover .one{top: -30px!important; left: 0px!important}
.fgyah:hover .two{bottom: 0px!important; left: 0px!important;}

.dark{background: #fff!important;box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);}
.dark .logo{ background: url("../images/logo1.png") no-repeat center left}
.dark .menuList,.dark .menuList .one a{color: #000000;color: #0d0d0d;}
.dark .menuList .two a{background: #000000; color: #ffffff}
.dark,.dark .logo,.dark .mkbaj{height: 60px}
.dark .mkbaj{line-height: 60px;}
.dark .mainMenu{margin: 17px 0px 0 50px}
.nxs-sitemap{
    position: fixed;
    top: -1200px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 92;
    background: url("../images/bdha.png");
    text-align: center;
    min-width: 1200px;
}
.dianc{position: absolute;z-index: 9999;top: 90px; overflow-x: hidden; overflow-y: auto;left:50%;width: 1200px;height:550px; transition: all ease-out .5s;margin-left: -600px}
.nxs-sitemap__close{float: right;cursor: pointer;position: absolute;top:18px;right: 33px;z-index:1000;width: 38px;height:38px;}
.nxs-sitemap__close img{width: 38px;height: 38px;}
.hui{margin-bottom:10px;}
.hui,.jsk li div{display: block;cursor: pointer;width: 135px;transition: all ease-out .5s;height:50px;background-color: #fafafa;font-size: 18px;color: #0d0d0d;line-height: 50px;}
.jsk li{width: 150px;margin:0px 7px;float: left;text-align: left}
.jsk li div a{font-size: 16px}
.jsk{width:995px;display: inline-block;text-align: center;border-bottom: 1px solid #a6a6a6;padding-bottom: 55px}
.jsk li div a{color:#0d0d0d;text-align: center}
.jsk li div{margin-bottom:5px;background-color: #dbdbdb}
.jsk li div:hover{background-color: #fafafa}
.jsk li a{color: #ffffff;display: inline-block;width: 100%;line-height:45px;font-size: 18px;}
.zx{display: inline-block;margin-top: 10px;width: 100%;height: auto;}
.zx div{display: inline-block;transition: all ease-out .5s;background-color: #ffffff}
.hui:hover{background-color: #bfbfbf}

.spakc{background: #060606}
#header{width: 100%; height: 80px;}
.spakc .menuList,.spakc .menuList div{width: auto; padding: 0px 6px; }
.spakc .menuList div.one{position: static}
.spakc .menuList div.two,.spakc .menuList div.two a{width: 100%;}
/*首页*/
.banner_ym img{vertical-align: top; width: 100%;}
.banner{width: 100%;height: auto;display: inline-block;position: relative}
/*本例子css */
.banner .slideBox_ty .bd{ position:relative;height:100%;width: 100%;z-index:0;}
.banner .slideBox_ty .bd li{ zoom:1; vertical-align:middle;width: 100%}
.banner .slideBox_ty .bd img{ width:100%;height:auto;display:block;}
.banner .slideBox_ty .bd .tempWrap{width: 100%;}

.banner .slideBox_ty .hd {height: 20px;;width: 100%;overflow: hidden;text-align: center;position: absolute;left: 0px;bottom: 25px;z-index: 10;  }
.banner .slideBox_ty .hd ul {zoom: 1;text-align: center;display: inline-block; vertical-align: middle;}
.banner .slideBox_ty .hd ul li {float: left;margin-top: 5px;margin-right: 20px;width: 10px;height: 10px;line-height: 10px;text-align: center;border: 1px solid #ffffff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;cursor: pointer;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px }
.banner .slideBox_ty .hd ul li.on {background: url("../images/now.png");background-size: 100% 100%;  }

.ciu_name{width: 100%; text-align: center; letter-spacing: 2px; margin-top: 50px; color: #000000; font-size: 42px; text-transform: capitalize; height: 50px; line-height: 50px;}
.ciu_cont{text-align: center;color:#444444; font-size: 16px;line-height: 24px; margin-top: 13px;}
/*services*/
.seric{margin-top: 38px; margin-bottom: 60px;}
.seric .container{overflow: visible;}
/* 本例子css */
.picScroll-service{ position:relative;}
.picScroll-service .hd{ overflow:hidden;}
.pghka .prev,.pghka .sPrev,.pghka .next,.pghka .sNext{ display:block; background-color: #d7d5d4; font-size: 20px; font-family: "宋体", Regular, SimSun; font-weight: bold; text-align: center; line-height: 50px; border-radius: 50px; color: #ffffff;position: absolute;top: 118px;overflow:hidden;cursor:pointer; width: 50px; height: 50px;}
.pghka .next,.pghka .sNext{
    /*background: url("../images/nex_se.png") no-repeat center;*/
    left: -140px;}
.pghka .prev,.pghka .sPrev{
    /*background: url("../images/pre_se.png") no-repeat center; */
    right: -140px;}
.pghka .prevStop,.pghka .nextStop,.pghka .prevStop{display: none;}
.pghka .next:hover,.pghka .prev:hover,.pghka .sNext:hover,.pghka .sPrev:hover{background: #000000}


.picScroll-service .bd{overflow: hidden; width: 1200px; margin: auto;}
.picScroll-service .bd ul{ overflow:hidden; zoom:1; }
.picScroll-service .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; height: 313px;}
.picScroll-service .bd ul li hr.voi_hr{width: 1px; height: 127px; background-color: #e8e8e8; margin: 80px 30px 0px 30px; display: inline-block;}

.pics{width: 254px; float: left; height: 310px; position: relative;}
.potvamw{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;z-index: 2}


.fuya{width: 200px; overflow: hidden;}
.fuya_name,.fuya_sm{display: block; text-align: center; }
.fuya_name{color: #000000; font-size: 18px;height: 40px; line-height: 40px; margin-top: 40px;}
.fuya_sm{color: #666666; height: 25px; line-height: 25px;}
.fuya_ivk{width: 100%; position: relative;height: 154px; overflow: hidden; margin-top: 30px;}
.fuya_img{width: 100%; text-align: center; margin-top: 15px;}
.fuya_pvl a{float: left; position: relative; z-index: 4;color: #dddddd;display: inline-block; text-align: left; margin: 13px 0px; margin-right: 10px}
.fuya_pvl a span{display: inline-block; height: 18px; line-height: 18px;  vertical-align: middle; padding: 0px 3px;}
.fuya_pvl a:hover span{color: #242226 ;background-color: #ffffff}
.fuya_pvl a:nth-child(2n){min-width: 40%;margin-right: 0px}
.fuya_pvl{display: none;}
.picScroll-service .bd ul li:hover .pics{background-color: #242226}
.picScroll-service .bd ul li:hover .pics .fuya_name{color: #ffffff; margin-top: 32px;}
.picScroll-service .bd ul li:hover .pics .fuya_sm{color: #999999;}
.picScroll-service .bd ul li:hover .pics .fuya_img{display: none;}
.picScroll-service .bd ul li:hover .pics .fuya_pvl{display: block;}
/*我们一直走在国际设计的前沿_index*/
.qiah{position: relative; overflow: hidden;}
.glka{position: absolute; top: 0px; left: 0px; background: url("../images/glka.png") top center; width: 100%; height: 100%; z-index: 20}
.qiah,.qiah .flipster{height: 535px!important;}
.qiah .flipster .flipster-nav{position: absolute;top: 0px; left: 0px; height: 535px; width: 100%; overflow: hidden; z-index: 10}
.qiah .flipster .flipster-nav .flip-nav-category-link{display: none;}
.qiah .flipster .flipster-nav .flip-nav-category{display: none;}
.qiah .flipster .flipster-nav .flip-nav-current{display: block;}
.qiah .flipster .flipster-nav .flip-nav-items .flip-nav-item a{display: block; width: 100%; height: 535px; background-size: 100% auto!important;}

.qiah .flipster-carousel .flip-item{background: url("../images/fia.png") no-repeat top center; background-size: 100% 100%;}
.qiah .flipster .flip-items{position: absolute; bottom: 0px; left: 50%; text-align: center; width: 627px; height: 333px;z-index: 40; margin-left: -313px;}
.qiah .flipster-carousel .flip-current{width: 627px;height: 333px; overflow: hidden; border-bottom: 2px solid #ffffff; overflow: hidden; bottom: 0px;}
.qiah .flipster-carousel .flip-items .flip-content{width: 623px; height: 295px; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; margin: 38px 2px 0px 2px; overflow: hidden;}
.qiah .flipster-carousel .flip-items img{width: 100%; height: 293px;}
.qiah .flipto-prev,.qiah .flipto-next{position: absolute; width: 53px; height: 53px;text-indent: -999px; overflow: hidden; bottom:160px;cursor: pointer; z-index: 50}
.qiah .flipto-prev{left: 50%; margin-left: -600px; background: url("../images/nrex.png") no-repeat center; }
.qiah .flipto-next{right: 50%; margin-right: -600px; background: url("../images/rifg.png") no-repeat center; }

.gkna{text-align: center; color: #ffffff; margin-top: 54px;}
.gkna nav{font-size: 24px;height: 45px; line-height: 45px;}
.gkna p{font-size: 16px; height: 45px; line-height: 45px;}
/*案例展示*/
.slideGroup{ overflow:hidden; position:relative; width:100%;}
.parHd_pck{ line-height:30px;;margin: 25px 0px;width: 100%; text-align: center; display: inline-block;}
.parHd_pck ul{display: inline-block;;height: auto;text-align: center; vertical-align: middle}
.parHd_pck ul li{ padding:0 28px; cursor:pointer;border-radius: 28px; float: left;font-size: 14px;color: #444444;line-height:28px;margin: 0px 10px;}
.parHd_pck ul li a{color: #444444}
.parHd_pck ul li.on{background-color: #000000; color: #ffffff;}
.parHd_pck ul li.on a{color: #ffffff;}

.slideGroup .slideBox{ overflow:hidden; zoom:1; position:relative;width: 100%;}
.slideGroup .parBd{margin-top: 30px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;width: 100%;display: inline-block;}
.slideGroup .parBd ul li{ float:left; _display:inline;overflow:hidden; text-align:center;width: 100%;height:auto;}
.vmea{width: 1235px;}
.projectitem{cursor: pointer;float:left; margin-bottom: 5px; _display:inline-block;text-align:center;width: 397px; overflow: hidden; margin-right: 5px;}
.projectitem .pic{width: 391px; height: 252px; overflow: hidden; border-radius: 3px; position: relative;}
.projectitem .pic .title_sja{width: 100%; line-height: 250px; text-align: center;}
.title_sja img{width: 100%; min-height: 100%}

.projectitem .mkzjl{width: 100%; text-align: left; overflow: hidden; height: 35px; position: relative; border-radius: 3px;}
.projectitem .mkzjl dl.nec{display: inline-block; vertical-align: middle; max-width: 100%; position: relative;z-index: 50}
.projectitem .mkzjl dl.nec dt.title{float: right; line-height: 35px; color: #666666; font-size: 12px; width: 115px; text-align: center; overflow: hidden;}
.projectitem .mkzjl dl.nec dd.subtitle{ margin-left: 16px; margin-right: 115px;}
.projectitem .mkzjl dl.nec dd.subtitle nav{width: 100%; height: 35px; line-height: 35px;color: #000000; font-size: 14px;}

.title_logo{position: absolute; bottom: 0px; left: 0px; z-index: 20; background: url("../images/ghaj.png") top center; width: 100%; height: 0px; text-align: center; line-height: 250px;}
.title_logo img{max-width: 340px; max-height: 200px;}
.fyahc{width: 100%; height: 0px; position: absolute; top: 0px; left: 0px; z-index: 20; background-color: #000000}
.projectitem .mkzjl,.projectitem .mkzjl dl.nec dt.title,.projectitem .mkzjl dl.nec dd.subtitle nav,.fyahc,
.pghka .prev,.pghka .next,.pghka .sNext,.pghka .sPrev{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.title_logo{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.projectitem:hover .pic .title_logo{height: 252px}
.projectitem:hover .fyahc{height: 35px;}
.projectitem:hover .mkzjl .title,.projectitem:hover .mkzjl .subtitle nav{color: #ffffff!important;}

.slideGroup .hd{width: 100%;display: inline-block;height: auto;;margin:30px 0px;text-align: center}
.slideGroup .hd a{cursor: pointer;display:inline-block;width: 52px;height: 50px;background-color: #e6e6e6;margin: 0px 5px; text-align: center; line-height: 50px;}
.slideGroup .hd a.sPrev{}
.lian{width: 92px!important;}
.slideGroup .hd a:hover{background-color:#cecece}
/*业绩*/
.yj{background-color: #131313; margin-top: 45px; }
.yj .ciu_name{color: #ffffff;font-size: 24px; letter-spacing: 0.8px; font-family: Microsoft Yahei, "微软雅黑";}
.yj .ciu_cont{color: #999999;font-size: 16px; margin-top: 6px;}



.yjzs{width: 1234px;margin-top: 55px; margin-bottom: 55px;}
.yjzs dl.thac,.sliva{float: left; margin-left: 17px; position: relative; overflow: visible; width: 186px; height: 106px; margin-bottom: 17px; cursor: pointer;}
.yjzs dl.thac dt.yfah{width: 100%; height: 106px; text-align: center; line-height: 100px; background-color: #424242;}
.yjzs dl.thac dt.yfah img{max-width: 130px; max-height: 80px;}
.yjzs dl.thac dd.ghaj{width: 0px; height: 0px; position: absolute; top: 50%; margin-top: -0px; left: 50%; margin-left: -0px; overflow: hidden;z-index: 20;text-align: center; line-height: 138px; background: url("../images/bdfha.png");  background-size: 100% 100%}
.yjzs dl.thac:hover dd.ghaj{margin-top:-64px; margin-left:-110px;width:220px;height:130px}

.sliva{width: 389px; text-align: center;}
.sliva span{font-size: 48px; color: #ffffff; height: 50px; line-height: 50px;}
.sliva nav{color: #999999; font-size: 16px;}
.sliva hr{width: 134px; height: 1px; background-color: #818181; margin: 13px auto}
/*news*/
.tyah{width: 1240px; display: none; margin-bottom: 62px;}
#sidj1{display: block;}
.tyah li{float: left; width: 375px; margin-top: 10px; margin-right: 38px;}
.tyah li dl.dlkac{width: 100%;position: relative;height: 238px; overflow: hidden;}
.tyah li dl.dlkac dd,.tyah li dl.dlkac dd img{width: 100%; height: 238px;}
.tyah li dl.dlkac dd img{vertical-align: top;}

.tyah li dl.dlkac dt{position: absolute; top: 32px; width: 72px; background-color: #ff0000; opacity: 0; left: 5px; z-index: 40;  text-align: center;}
.tyah li dl.dlkac dt span{color: #ffffff; font-size: 24px; font-family: "Times New Roman"; line-height: 25px; display: block; margin-top: 14px;}
.tyah li dl.dlkac dt em{color: #999999; font-size: 12px; font-family: Arial, Regular; margin-bottom: 14px; margin-top: 3px; display: block;}
.tyahc{width: 100%; height: 38px; line-height: 38px; text-align: left; margin-top: 15px; color: #333333; font-size: 16px;}
.tyavs{width: 100%;color: #444444; line-height: 22px; height: 43px; font-size: 12px; overflow: hidden;}

.rhac{position: relative; overflow: hidden; color: #000000; font-size: 12px; border: 1px solid #999999; border-radius: 20px; height: 36px; line-height: 36px;width: 96px; text-align: center; margin: 16px 0px 0px 0px;}
.rhac span{position: relative;z-index: 50}
.rhac:after{content: " "; width: 97px; height: 36px; background-color: #1f1f1f;left: -98px; top: 0px; z-index: -1; position: absolute;}
.rhac:hover:after{left: 0px;}
.rhac:hover span{color: #ffffff;}
.tyavs:hover{color: #004444}
.tyah li dl.dlkac:hover dt{left: 12px; top: 12px; opacity: 1;background-color: #060606;}

.rhac:after,.rhac span,.tyah li dl.dlkac dt,.tyah li dl.dlkac dd img{
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.tyah li dl.dlkac:hover dd 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);
}

/*footer*/
.footer{background-color: #000000}
.chv_footer{margin: 22px 0px;}
.vlk_lad{float: left;width: 529px; margin-top: 12px;}
.vlk_lad dt{float: left; line-height: 45px; width: 40px; text-align: center;}
.vlk_lad dd{margin-left: 46px; line-height: 24px; color: #ffffff; font-size: 12px; letter-spacing: 0.8px;}
.vlk_lad2{width: 400px;}
.vlk_lad_ri{width: 255px; float: right; text-align: right;}
.vlk_lad_er{width: 81px; height: 81px; text-align: center; line-height: 78px; background-color: #ffffff; float: right; margin-right: 44px;}
.vlk_lad_er img{max-width: 81px; max-height: 81px;}
.vlk_lad_ri .qq{float: right; line-height: 81px; width: 30px; text-align: center}
.footer_bottom{width: 100%; text-align: center; border-top: 1px solid #333333;}
.footer_bottom p{display: block; width: 100%;color: #ffffff; font-size: 12px; line-height: 20px; margin: 16px 0px;}

/*行业解决方案*/
.seric_pca{margin-top: 70px; margin-bottom: 90px;}
.hyjjfa .ciu_name{font-size: 30px;font-family: "微软雅黑", Microsoft YaHei}
.hyjjfa .ciu_cont{margin-top: 6px;}



.jjfa_lc{margin: 80px auto 50px auto; width: 1290px;}
.jjfa_lc dl{float: left; width: 560px; margin-right: 85px; margin-bottom: 22px;}
.jjfa_lc dl dt{float: left;}
.jjfa_lc dl dt img{vertical-align: top; width: 80px; height: 80px;}
.jjfa_lc dl dd{margin-left: 98px;}
.jjfa_lc dl dd nav{width: 100%; height: 30px; line-height: 30px;color: #ffffff; font-size: 18px;}
.jjfa_lc dl dd div{width: 100%;line-height: 24px; color: #999999; font-size: 12px;}

.kflc{margin: 45px 0px 80px 0px; text-align: center; width: 100%; overflow: hidden; color: #666666; line-height: 24px; font-size: 14px;}
.kflc img{vertical-align: top; max-width: 100%;}
/*需求项目*/
.shdc{margin: 49px auto; width: 1250px;}
.shdc li{float: left; width: 576px; border-radius: 10px; height: 185px; margin-bottom: 48px; margin-right: 47px; background-color:#ffffff}
.gya{float: left;text-align: center;width: 145px; line-height: 150px; margin: 18px 0px 18px 10px;}
.gya img{max-width: 130px;}
.shdc_pov{display: block; margin: 18px 18px 18px 155px;}
.shdc_pov nav{width: 100%; height: 33px; line-height: 33px;color: #3487ff; font-size: 20px;}
.shdc_pov .pova{width: 100%; text-align: left;color: #444444; font-size: 14px; line-height: 26px; letter-spacing: 0px; margin-top: 5px;}
.shdc li.vjf{width: 1200px;}

.slide_fwtx{text-align:center; position: relative;margin-bottom: 100px;}

.slide_fwtx .parHd{  position:relative; margin-top: 45px;}
.slide_fwtx .parBd{ width:1200px;    margin: auto;}
.slide_fwtx .slideBox{ zoom:1;position:relative;margin-top: 40px;}
.slide_fwtx .parBd ul{ overflow:hidden; zoom:1;   }
.slide_fwtx .parBd ul li{ margin:0 20px; border-radius: 9px; float:left; _display:inline; overflow:hidden; text-align:center;  width: 356px; height: 133px; line-height: 133px; }
.slide_fwtx .parBd ul li .pic_tx{display: inline-block; line-height: 22px;vertical-align: middle;width: 90%; margin-left: 5%; margin-right: 5%; color: #ffffff; margin-top: 50px;}
.slide_fwtx .parBd ul li .pic_tx nav{color: #ffffff; font-size: 24px; line-height: 26px;}
.slide_fwtx{overflow: visible}
.pghka .sPrev,.pghka .sNext{top: 43px;}
.ot_ut{text-align: left; font-size: 12px; line-height: 20px; margin-top: 10px; width: 280px;}

.lvka1{background-color: #ff5129;}
.lvka2{background-color: #f9644b;}
.lvka3{background-color: #fe8c4b;}
.lvka4{background-color: #eb9000;}
.lvka5{background-color: #f89c0a;}
.lvka6{background-color: #ffae2d;}
.lvka7{background-color: #2c67e8;}
.lvka8{background-color: #3dadff;}
.lvka9{background-color: #2ccae8;}
.lvka10{background-color: #519f04;}
.lvka11{background-color: #5ebd00;}
.lvka12{background-color: #1ed500;}
.lvka13{background-color: #5651e8;}
.lvka14{background-color: #6b67e4;}
.lvka15{background-color: #9566ff;}

.licja{background-color: #313131; text-align: center; margin-top: 20px;}
.licja a{color: #ffffff; font-size: 23px; height: 115px; line-height: 115px; letter-spacing: 1.2px;}
.licja a:hover{text-decoration: underline}

/*关于我们*/
.gywm{width: 100%; text-align: left;color: #444444; font-size:14px;line-height: 24px; margin-top: 60px; margin-bottom: 20px;}
.gywm img{vertical-align: top;max-width: 100%;}

.cmaks{margin-top: 20px; width: 1250px;}
.cmaks li{float: left; margin-top: 40px;width: 168px; cursor: pointer;height: 148px; text-align: center; font-size: 16px; color: #444444; margin-right: 38px;}
.clma{width: 135px; margin: 10px;height: 135px;}
.clma em{display: inline-block; vertical-align: middle; width: 67px; height: 67px; margin-top: 15px;background: url("../images/mens1.png") no-repeat;}
.clma span{display: block; margin-top: 10px;}
.cmaks li:hover{background-color: #000000; color: #ffffff}
.cmaks li:hover .clma em{background: url("../images/mens2.png") no-repeat;}

.clka1 em{background-position: 8px 8px!important;}
.clka2 em{background-position: -200px -6px!important;}
.clka3 em{background-position: -410px -5px!important;}
.clka4 em{background-position: -615px -4px!important;}
.clka5 em{background-position: -825px -1px!important;}
.clka6 em{background-position: -1028px 0px!important;}

.cmadas{display: none; width: 100%; border-bottom: 1px solid #e6e6e6; padding: 15px 0px; margin-top: 15px; position: relative; overflow: visible; margin-bottom: 3px;}
#clmad1{display: block}
.cmadas dt{float: right; width: 192px; text-align: center;}
.cmadas dd{margin-right: 195px; text-align: left; height: 90px; line-height: 90px;}
.cmadas dd div.poba{display: inline-block; vertical-align: middle; line-height: 30px; color: #444444; font-size: 14px;}
.cmadas .pb_ut{position: absolute; bottom: -8px;}
#clmad1 .pb_ut{ left: 0px;}
#clmad2 .pb_ut{ left: 206px;}
#clmad3 .pb_ut{ left: 412px;}
#clmad4 .pb_ut{ left: 618px;}
#clmad5 .pb_ut{ right: 206px;}
#clmad6 .pb_ut{ right: 0px;}
/*团队风采*/
.tdfc{width: 1230px; margin-top: 85px;}
.tdfc dl{float: left; position: relative; width: 586px; height: 305px;margin-right: 28px; margin-bottom: 28px;}
.tdfc dl dt,.tdfc dl dt img{width: 100%; height: 100%;}
.tdfc dl dt img{vertical-align: top;}
.tdfc dl dd{position: absolute;top: 100%; left: 0px; width: 100%; height: 100%; background: url("../images/bwna.png")}
.ty_tya{width: 496px; height: 250px; margin: 20px 0px 0px 45px;}
.vyaj,.vyaj_h3{display: block; color: #cdd9ea; font-size: 20px; font-family: Arial, Regular; font-weight: bold; height: 26px; line-height: 26px;}
.vyaj_h3{font-size: 18px;}
.vyaj_span{width: 100%; display: block;height: 1px; background: url("../images/bfha.png"); margin: 10px 0px;}
.vyaj_div{width: 100%; margin-top: 10px; color: #cdd9ea; font-size: 14px; font-weight: bold; line-height:26px; display: inline-block;}
.tdfc dl:hover dd{top: 0px;}
.tdfc dl dd.transition{
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
}

.gyahd{width: 100%; overflow: hidden; margin-top: 20px;}
.gyahd li{width: 16.5%; margin: 1px 1px 0px 0px; float: left; position: relative; height: 10.5vw; overflow: hidden; cursor: pointer;}
.gyahd li .tuaj{width: 100%; height: 10.5vw; overflow: hidden;}
.tuaj img{width: 100%; height: 100%; vertical-align: top;}
.putk{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url("../images/bwna.png");}
.gyahd li:hover .putk{opacity: 0;}

.game{width: 1155px; margin-top: 100px; margin-bottom: 40px; overflow: hidden;position: relative}
.smallScroll{width: 100%; overflow: hidden; position: relative;}
.smallScroll .smallImg{width: 930px; overflow: hidden; height: 100px; position: relative;}
.smallScroll .smallImg ul{width: 1000%; position: absolute; top: 0px; left: 0px; z-index: 60}
.smallScroll .smallImg ul li{float: left; margin: 0px 28px; cursor: pointer;width: 95px; color: #333333; font-size: 18px; line-height: 24px;height: 95px; border-radius: 95px; -webkit-border-radius: 95px; -moz-border-radius: 95px; -o-border-radius: 95px; -ms-border-radius: 95px; border: 2px solid #959595; text-align: center;}
.smallScroll .smallImg ul li a{color: #333333}
.smallScroll .smallImg ul li em{background: url("../images/nes.png") no-repeat center; display: block; height: 25px; margin-top: 18px; margin-bottom: 5px;}

.smallScroll .smallImg ul li:hover,.smallScroll .smallImg ul li.on{background-color: #000000; border: 2px solid #000000}
.smallScroll .smallImg ul li:hover a,.smallScroll .smallImg ul li.on a{color: #ffffff}
.smallScroll .smallImg ul li:hover em,.smallScroll .smallImg ul li.on em{background: url("../images/prai.png") no-repeat center;}
.smallScroll .sPrev,.smallScroll .sNext{position: absolute; top: 0px; left: 0px; z-index: 50; height: 95px; line-height: 95px; text-align: left; display: block; width: 58px;}
.smallScroll .sNext{right: 0px; left: auto}

#mkvja{width: 769px; margin-top: 19px;}
.mkvja dl{width: 100%;position: relative;}
.mkvja dl dt,.mkvja dl dd{width: 50%; }
.mkvja dl hr{position: absolute; top: 0px; height: 100%; width: 1px; background-color: #000000; left: 50%;}
.mkvja dl dt{float: left; position: relative; overflow: visible}
.mkvja dl dt em{position: absolute; top: 50%; right: -6px; margin-top: -10px; width: 100%; height: 11px; display: block; background: url("../images/rtag.png") no-repeat right center;}

.mkvja dl dt span{display: block; width: 160px; height: 160px;float: left; overflow: hidden; border-radius: 50%}
.mkvja dl dt span img{min-width: 100%; min-height: 100%}
.mkvja dl dd{float: right; min-height: 160px;}
.ckla_name,.ckla_title{width: 300px; text-align: left; margin-left: 64px;}
.ckla_name{font-size: 20px; font-weight: bold; color: #000000; height: 26px; line-height: 26px; margin-top: 40px;}
.ckla_title{ text-align: left;font-size: 15px; margin-top: 4px; line-height: 24px;}

.mkvja dl.clmvd2 dt{float: right;}
.mkvja dl.clmvd2 dt span{float: right;}
.mkvja dl.clmvd2 dt em{right: auto; left: -6px;  background: url("../images/rtag1.png") no-repeat left center;}
.mkvja dl.clmvd2 dd .ckla_name,.mkvja dl.clmvd2 dd .ckla_title{margin-left: 0px;}

.pboas{width: 0px; height: 0px; overflow: hidden;position: relative}
.pboas a{position: absolute;top: 120px; left: 0px;}

.diank{width: 1240px; margin-bottom: 20px;}
.diank .dingwei{float: left; width: 283px; height: 193px; position: relative; overflow: hidden;margin: 11px 22px 11px 0px;}
.diank .dingwei img{vertical-align: top; width: 283px; height: 193px;}
.diank .dingwei ul{position: absolute;cursor: pointer;width: 90px; height: 90px; text-align: center; line-height: 90px; background-color: #a4a4a4; opacity: 0.72; border-radius: 50%; overflow: hidden; z-index: 40; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px;}
.diank .dingwei ul li{display: inline-block; vertical-align: middle; line-height: 20px;  color: #ffffff; font-size: 18px;}
.diank .dingwei ul li span{display: block;color: #e1e0e0}

.diank .dingwei ul.diank1:hover{background-color: #d40009; opacity: 0.9}
.diank .dingwei ul.diank2:hover{background-color: #ffcc00; opacity: 0.9}
.diank .dingwei ul.diank3:hover{background-color: #0080cf; opacity: 0.9}
.diank .dingwei ul.diank4:hover{background-color: #00bb82; opacity: 0.9}
.diank .dingwei ul.diank1:hover span{color: #ffffff;}
.diank .dingwei ul.diank2:hover span{color: #ffffff;}
.diank .dingwei ul.diank3:hover span{color: #ffffff;}
.diank .dingwei ul.diank4:hover span{color: #ffffff;}

/*微信-行业方案-7-29.html*/
.whda .ciu_name{font-size: 24px;}
.whda .ciu_cont{color: #666666; margin-top: 0px;}

.ghac{width: 1240px; margin-top: 50px;}
.ghac li{float: left; cursor: pointer;}
.vtyah{border: 1px solid #e5e5e5; background-color: #ffffff; width: 248px; height: 242px; text-align: center;margin: 22px 52px 22px 10px;}
.vtyah div{width: 100%; height: 100px; margin-top: 28px; margin-bottom: 14px;}
.vtyah div img{vertical-align: top; width: 100px; height: 100px;}
.vtyah nav{width: 162px;height: 36px; line-height: 36px; text-align: center;color: #333333; font-size: 18px;}
.vtyah p{width: 162px;color: #666666; font-size: 12px; line-height: 18px; text-align: center; height: 38px;}
.ghac li .vtyah:hover{box-shadow: -2px 0px 7px 1px #d7d7d7}

.jfhac{width: 100%; text-align: center; margin: 30px 0px 25px 0px;}
.jfhac a{display: inline-block; vertical-align: middle;color: #ffffff; font-size: 14px; background: url("../images/djan.png") no-repeat center; background-size: 236px 42px; width: 236px; height: 42px; line-height: 42px;}
.jfhac a:hover{opacity: 0.85}

.wxkf{background-color: #333333; margin-top: 65px;}
.yaghw{width: 100%; height: 499px; overflow: hidden; position: relative;}
.yaghw .tvka{display: inline-block;height: 499px; width: 477px;position: absolute; top: 0px;text-align: left;
    overflow: hidden;
    -webkit-opacity: 1;
    opacity: 1;
    display: block\9;
    -webkit-transition: left 500ms, -webkit-opacity 800ms;
    transition: left 600ms, opacity 800ms;

}
.yaghw .tvka .p1,.yaghw .tvka .p2{float: left;display: inline-block; height: 499px;}
.yaghw .tvka .p1{width: 241px; overflow: hidden; text-align: center;}
.yaghw .item-1 .p1{background: url("../images/dnaj1.jpg") no-repeat; background-size: 100% 100%}
.yaghw .item-2 .p1{background: url("../images/dnaj2.jpg") no-repeat; background-size: 100% 100%}
.yaghw .item-3 .p1{background: url("../images/dnaj3.jpg") no-repeat; background-size: 100% 100%}
.yaghw .item-4 .p1{background: url("../images/dnaj4.jpg") no-repeat; background-size: 100% 100%}
.yaghw .tvka .p1 b{color: #ffffff; font-size: 24px; font-weight: bold; line-height: 40px; margin-top: 100px; display: block;}
.yaghw .tvka .p1 p{ color: #ffffff; font-size: 14px; line-height: 22px; margin-top: 15px;}
.yaghw .tvka .p1 div{width: 100%; height: 140px; line-height: 140px; text-align: center; margin: 15px 0px 15px 0px;}
.yaghw .tvka .p1 div img{max-width: 85px; max-height: 85px;}
.yaghw .tvka .p1 a{border: 1px solid #f4f4f4; display: inline-block; width: 135px;border-radius: 20px; height: 34px; line-height: 34px;color: #ffffff; margin-top: 15px;}
.yaghw .tvka .p1 a:hover{color: #999; border: 1px solid #ffffff; background-color: #ffffff;}

.yaghw .tvka .p2{width: 235px; background-color: #fbfbfb;
    opacity: 0;filter:alpha(opacity=0); -moz-opacity:0;  -webkit-opacity: 0;
    -webkit-transition: left 600ms, -webkit-opacity 800ms, opacity 600ms;
    transition: left 600ms, opacity 800ms;
}
.yaghw .tvka .p2 dl{border-bottom: 1px solid #e8e8e8; height: 84px; line-height: 84px;}
.yaghw .tvka .p2 dl dt{float: left; width: 40px; height: 40px; margin-left: 22px; margin-top: 22px;}
.yaghw .tvka .p2 dl dt img{vertical-align: top; width: 40px; height: 40px;}
.yaghw .tvka .p2 dl dd{margin-left: 80px; color: #444444}

.yaghw .item-1 .p2{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}
.yaghw .item-1{left: 0px; z-index: 20}
.yaghw .item-2{left: 477px; z-index: 30}
.yaghw .item-3{left: 718px; z-index: 40}
.yaghw .item-4{left: 959px; z-index: 50}

.state_1 .item-1{left: 0px; z-index: 20}
.state_1 .item-1 .p2{  opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;  }
.state_1 .item-2{left: 477px; z-index: 30}
.state_1 .item-3{left: 718px; z-index: 40}
.state_1 .item-4{left: 959px; z-index: 50}

.state_2 .item-1{left: 0px; z-index: 20}
.state_2 .item-2 .p2{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;  }
.state_2 .item-2{left: 241px; z-index: 30}
.state_2 .item-3{left: 718px; z-index: 40}
.state_2 .item-4{left: 959px; z-index: 50}

.state_3 .item-1{left: 0px; z-index: 20}
.state_3 .item-3 .p2{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;  }
.state_3 .item-2{left: 241px; z-index: 30}
.state_3 .item-3{left: 482px; z-index: 40}
.state_3 .item-4{left: 959px; z-index: 50}

.state_4 .item-1{left: 0px; z-index: 20}
.state_4 .item-4 .p2{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;  }
.state_4 .item-2{left: 241px; z-index: 30}
.state_4 .item-3{left: 482px; z-index: 40}
.state_4 .item-4{left: 723px; z-index: 50}

.zxpy{margin-top: 66px;}
.zxpy .tyah{display: block;}
/*微信商城-7-29.html*/
.schx li .vtyah div{line-height: 90px; height: 90px; margin-top: 15px;}
.schx li .vtyah div img{width: auto; height: auto;max-width: 90px; max-height: 85px; vertical-align: middle;}
.schx li .vtyah p{height: 55px;}
.jfhac1 a{    background: url(../images/djan1.png) no-repeat center;
    background-size: 236px 42px;}
.vlk_al{width: 100%; min-width: 1200px; overflow: hidden; height: 475px;margin-top: 45px;}
/* 本例子css */
.alzs{ width:1200px; height:475px;  position:relative;}
.slideBox_al{ width:100%;height:475px;  position:relative;}

.slideBox .bd{ position:relative; z-index:0; overflow: hidden; width: 1200px; height: 475px;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.djal_left{float: left;width: 540px; height: 475px; text-align: left;}
.djal_left img{vertical-align: bottom;max-width: 540px;max-height: 475px;}
.djal_right{float: right; width: 523px;}
.djal_logo{width: 100%; text-align: left; margin-top: 39px; height: 90px; line-height: 90px;}
.djal_logo img{max-width: 100%; max-height: 85px;}
.djal_sm{width: 100%;color: #666666; line-height: 24px; letter-spacing: 2px; font-size: 16px; height: 76px; overflow: hidden;}
.djal_tyah{border-top: 1px solid #e5e5e5; margin-top: 10px;}
.djal_tyah span{float: left; width: 120px; height: 120px; margin-top: 27px; border: 1px solid #e1e1e1}
.djal_tyah span img{margin: 4px; width: 110px; height: 110px;}
.djal_tyah div{margin-left: 145px; color: #666666; padding-top: 32px; font-size: 14px; line-height: 24px; margin-top: 27px;}
.djal_tyah div a{display: block; text-align: left; color: #666666;}
.djal_tyah div a:hover{text-decoration: underline;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.alzs .pghka .prev,.alzs .pghka .next{top: 250px;}
.alzs .pghka .prevStop,.alzs .pghka .nextStop{display: block!important;}
.alzs .jfhac{width: 513px; text-align: left; position: absolute; bottom: 0px; right: 0px;}
.alzs .jfhac a{text-align: center;}
/*微分销微代理介绍*/
.fxdl{background: url("../images/fxdl.jpg") top center;}
.fxdl .whda .ciu_name,.fxdl .whda .ciu_cont{color: #ffffff;}

.fxgl{width: 100%; overflow: hidden; text-align: center; margin: 98px 0px 25px 0px;}
.fxgl img{max-width: 100%;}
.cadt{margin-top: 55px; margin-bottom: 65px}
.chuac{float: left; width: 260px;}
.chuac li{width: 100%;margin-bottom: 19px; cursor: pointer; border: 1px solid #dedede; line-height: 84px; height: 84px; border-left: 3px solid #27a9f2; text-align: left}
.chuac li div{width: 210px; display: inline-block; vertical-align: middle; color: #333333; font-size: 16px; line-height: 24px; margin-left: 24px;}
.chuac li.chanx{background-color: #27a9f2; border: 1px solid #27a9f2}
.chuac li.chanx div{color: #ffffff;}
.cont_lx{width: 100%;}
.cont_lx p{color: #333333; line-height: 30px; font-size: 16px; margin: 34px 0px; display: inline-block;}
.cont_lx p b{color: #07b7f2; font-size: 30px; display: block;}
.cont_lx .jfhac2{margin: 0px; margin-top: 24px; text-align: left;}
.cont_lx .jfhac2 a{    background: url(../images/djan1.png) no-repeat center;
    background-size: 236px 42px; text-align: center;}

#mfjak{float: right; width: 883px; min-height: 610px; overflow: hidden; border: 1px solid #e1e1e1}
.verif{display: none; margin: 39px 0px 45px 25px;width: 834px;color: #444444; font-size: 14px; line-height: 24px;}
#mfna1{display: block;}
.verif img{vertical-align: top; max-width: 100%;}
/*丰富的扩展插件*/
.vlk_tyah{margin: 50px 0px 40px 0px; width: 1230px;}
.vlk_tyah dl{float: left; width: 284px; height: 142px; margin-right: 22px; margin-bottom: 21px; overflow: hidden;}
.vlk_tyah dl dt{float: left; line-height: 140px; height: 142px; width: 121px; text-align: center;}
.vlk_tyah dl dt img{max-width: 75px; max-height: 75px;}
.vlk_tyah dl dd{margin-left: 122px; margin-right: 20px;}
.vlk_tyah dl dd b{display: block;color: #ffffff;font-size: 18px; height: 24px; margin-top: 24px;}
.vlk_tyah dl dd div{color: #ffffff;font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-top: 10px;}

.vya_Fk1{background-color: #00cc99}
.vya_Fk2{background-color: #ff2f74}
.vya_Fk3{background-color: #fea922}
.vya_Fk4{background-color: #67aded}
.vya_Fk5{background-color: #6dd723}
.vya_Fk6{background-color: #5295c8}
.vya_Fk7{background-color: #ff9256}
.vya_Fk8{background-color: #2cccc3}
.vya_Fk9{background-color: #a2c91d}
.vya_Fk10{background-color: #8d80ef}
.vya_Fk11{background-color: #99ce31}
.vya_Fk12{background-color: #ce6931}
/*微信首页-7.29.html*/
.cvya{margin-top: 12px; margin-bottom: 65px; width: 1320px;}
.cvya li{float: left; width: 190px;margin: 30px 0px; margin-right: 140px; text-align: center;}
.cvya li em{display: block; width: 100%; height: 150px;}
.cvya li b{display: block; text-align: center; color: #333333; font-size: 18px; line-height: 26px; margin-top: 10px;}
.cvya li div{color: #555555; font-size: 14px; text-align: center; width: 100%; line-height: 24px; overflow: hidden; height: 50px; margin-top: 10px;}

.cvya li.cvya1 em{background: url("../images/vnja1.png") no-repeat center;}
.cvya li.cvya2 em{background: url("../images/vnja2.png") no-repeat center;}
.cvya li.cvya3 em{background: url("../images/vnja3.png") no-repeat center;}
.cvya li.cvya4 em{background: url("../images/vnja4.png") no-repeat center;}
.cvya li.cvya1:hover em{background: url("../images/vnja1_1.png") no-repeat center;}
.cvya li.cvya2:hover em{background: url("../images/vnja2_1.png") no-repeat center;}
.cvya li.cvya3:hover em{background: url("../images/vnja3_1.png") no-repeat center;}
.cvya li.cvya4:hover em{background: url("../images/vnja4_1.png") no-repeat center;}

/*开发功能*/
.kfgn{background-color: #f7f7f7}
.kgah{margin-top: 35px; width: 1240px; margin-bottom: 20px;}
.kgah li{float: left;width: 205px; height: 245px; margin-right: 42px; margin-bottom: 27px; overflow: hidden;}
.kdjf{width: 196px; height: 236px; margin: 3px 0px 0px 4px; overflow: hidden; border: 1px solid #e8e8e8; background-color: #ffffff; position: relative;}
.kdjf_one{width: 100%; text-align: center;}
.lvakc{width: 100%; height: 120px; line-height: 120px; margin-top: 20px;}
.lvakc img{max-width: 95px; max-height: 90px;}
.kdjf_one nav{width: 100%;color: #333333; font-size:18px; line-height: 24px; margin: 5px 0px;}
.kdjf_one p{color: #666666; font-size: 12px; line-height: 18px; width: 156px;}
.kdjf_two{position: absolute;  opacity: 0;filter:alpha(opacity=0); -moz-opacity:0;  -webkit-opacity: 0;;top: 0px; left: 0px; width: 100%; text-align: center; height: 100%; z-index: 20; background: url("../images/brna.png"); overflow: hidden; color: #ffffff;}
.kdjf_two nav{font-size: 18px; line-height: 24px; margin-top: 32px;}
.kdjf_two p{width: 146px; font-size: 12px; line-height: 20px; margin-top: 15px; height: 137px; letter-spacing: 0px;}
.kgah li:hover{background: url("../images/kfan.png") no-repeat; background-size: 100% 100%}
.kgah li:hover .kdjf_two{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}

/*我们提供什么服务*/
.fwxq{width: 1220px; margin: 64px 0px 90px 0px; position: relative; background: url("../images/fhaj.png") repeat-x left 45px}
.fwxq li{float: left;margin-left: 34px; margin-right: 56px; text-align: center;}
.fwxq li div{width: 84px; height: 84px; text-align: center; line-height: 82px; border: 1px solid #e7e7e7; border-radius: 4px; background-color: #ffffff;}
.fwxq li nav{color: #444444; line-height: 22px; margin-top: 12px;}
/*定制服务优势*/
.dzys{background: url("../images/dhajc.jpg") top center;}
.dzys .ciu_name,.dzys .ciu_cont{color: #ffffff;}
.dzys .shdc li{height: 150px; border-radius: 4px; margin-bottom: 45px;}
.dzys .shdc li span{height: 114px; line-height: 114px;}
.dzys .shdc li .shdc_pov{margin-left: 167px;}
.dzys .shdc li .shdc_pov nav{color: #444444;font-size: 18px; letter-spacing: 0.8px;}
.dzys .shdc li .shdc_pov div.pova{color: #666666; height: 78px;}

/*提交您的需求*/
.pvoa{margin-top: 60px; margin-bottom: 40px; width: 1230px;}
.pvoa li{float: left; overflow: visible;background-color: #f7f7f7;width: 223px; height: 237px; margin-right: 20px; margin-top: 40px; margin-bottom: 40px; text-align: center;}
.fyah_pova{width: 100%;position: relative; height: 65px;}
.fyah_pova em{position: absolute; top: -45px; left: 50%; margin-left: -45px; z-index: 10; display: block; width: 90px; height: 90px;}
.vboa{width: 173px; text-align: center;}
.vboa nav{width: 100%; font-size: 18.5px; color: #343434;}
.vboa p{color: #444444; font-size: 14px; line-height: 24px; margin-top: 15px; height: 75px; letter-spacing: 0px;}
.vboa p a{color: #444444}
.vboa span.vuaj{width: 79px; display: inline-block;height: 23px; color: #ffffff; font-size: 13px; border-radius: 20px; line-height: 23px; margin-top: 5px;}
.vboa span.vuaj:hover{opacity: 0.85}

.pvoa1 .fyah_pova em{background: url("../images/pvoa1.png") no-repeat center; background-size: 90px 90px;}
.pvoa1 .vboa span.vuaj{background-color: #53bb4a}
.pvoa li.pvoa1:hover .fyah_pova em{background: url("../images/pvoa1_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa2 .fyah_pova em{background: url("../images/pvoa2.png") no-repeat center; background-size: 90px 90px;}
.pvoa2 .vboa span.vuaj{background-color: #ffc128}
.pvoa li.pvoa2:hover .fyah_pova em{background: url("../images/pvoa2_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa3 .fyah_pova em{background: url("../images/pvoa3.png") no-repeat center; background-size: 90px 90px;}
.pvoa3 .vboa span.vuaj{background-color: #01b1d8}
.pvoa li.pvoa3:hover .fyah_pova em{background: url("../images/pvoa3_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa4 .fyah_pova em{background: url("../images/pvoa4.png") no-repeat center; background-size: 90px 90px;}
.pvoa4 .vboa span.vuaj{background-color: #fe5ca5}
.pvoa li.pvoa4:hover .fyah_pova em{background: url("../images/pvoa4_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa5 .fyah_pova em{background: url("../images/pvoa5.png") no-repeat center; background-size: 90px 90px;}
.pvoa5 .vboa span.vuaj{background-color: #28d8b1}
.pvoa li.pvoa5:hover .fyah_pova em{background: url("../images/pvoa5_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa6 .fyah_pova em{background: url("../images/pvoa6.png") no-repeat center; background-size: 90px 90px;}
.pvoa6 .vboa span.vuaj{background-color: #f36f3f}
.pvoa li.pvoa6:hover .fyah_pova em{background: url("../images/pvoa6_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa7 .fyah_pova em{background: url("../images/pvoa7.png") no-repeat center; background-size: 90px 90px;}
.pvoa7 .vboa span.vuaj{background-color: #2797e1}
.pvoa li.pvoa7:hover .fyah_pova em{background: url("../images/pvoa7_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa8 .fyah_pova em{background: url("../images/pvoa8.png") no-repeat center; background-size: 90px 90px;}
.pvoa8 .vboa span.vuaj{background-color: #8c80f0}
.pvoa li.pvoa8:hover .fyah_pova em{background: url("../images/pvoa8_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa9 .fyah_pova em{background: url("../images/pvoa9.png") no-repeat center; background-size: 90px 90px;}
.pvoa9 .vboa span.vuaj{background-color: #83d801}
.pvoa li.pvoa9:hover .fyah_pova em{background: url("../images/pvoa9_1.png") no-repeat center; background-size: 90px 90px;}

.pvoa10 .fyah_pova em{background: url("../images/pvoa10.png") no-repeat center; background-size: 90px 90px;}
.pvoa10 .vboa span.vuaj{background-color: #e468fe}
.pvoa li.pvoa10:hover .fyah_pova em{background: url("../images/pvoa10_1.png") no-repeat center; background-size: 90px 90px;}
/*平台特色*/
.ptts{margin-top: 50px; margin-bottom: 36px; width: 1240px;}
.ptts li{float: left; margin-bottom: 30px; margin-right: 37px; background-color: #ffffff; width: 375px; height: 126px; border: 1px solid #e7e7e7}
.ptts li .ptts_left{float: left; line-height: 126px; text-align: center;width: 110px;}
.ptts li .ptts_foi{margin-left: 120px; margin-right: 17px;}
.ptts li .ptts_foi nav{width: 100%;color: #333333;font-size: 16px; font-weight: bold; height: 24px; line-height: 24px; margin-top: 15px;}
.ptts li .ptts_foi p{color: #555555; font-size: 12px; line-height: 24px; height: 72px; letter-spacing: 0px;}
/*新闻资讯*/
.news{margin-top: 35px;margin-bottom: 45px;}
.news_left{width: 535px; overflow: hidden;}
.gs_name{width: 100%; border-bottom: 1px solid #eae7e7; height: 44px; line-height: 44px; font-size: 18px; color: #4e4b4b; font-weight: bold;}
.gs_name a{float: right; color: #666666; font-sizE: 16px; font-weight: 100;}
.gs_name a:hover{text-decoration: underline;}

.dlk_voa{width: 100%; margin-top: 20px; margin-bottom: 15px;}
.dlk_voa dt{float: left;width: 210px; height: 134px; overflow: hidden;}
.dlk_voa dt img{vertical-align: top; width: 210px; height: 134px;}
.dlk_voa dd{margin-left: 246px; margin-right: 8px;}
.dlk_voa dd nav{color: #000000; font-size: 16px; height: 42px; line-height: 42px; width: 100%;}
.dlk_voa dd div{color: #6a6767; font-size: 14px; line-height: 22px; height: 65px; overflow: hidden; margin-top: 5px;}
.dlk_voa dd span{color: #494848; font-size: 12px; text-decoration: underline;}
.dlk_voa dd nav:hover{color: #ff0000}
.vha_tya{width: 100%; border-bottom: 1px solid #e5e5e5; height: 38px; margin-top: 6px;}
.vha_tya dt{float: right; line-height: 38px;color: #494848;}
.vha_tya dd{margin-right: 100px; }
.vha_tya dd nav{color: #494848; height: 38px; width:100%; line-height: 38px;}

/*微信小程序-7-29.html*/
.wxxcx{margin-top: 70px; margin-bottom: 40px;width: 1220px;}
.wxxcx li{margin-bottom: 10px; margin-right: 15px;border: 1px solid #e8e8e8;width: 390px; height: 125px; float: left;}
.wxxcx li span{float: left; line-height: 124px;width: 105px; text-align: center;}
.wxxcx li div{margin-left: 118px; text-align: left;line-height: 72px; margin-top: 26px}
.wxxcx li div p{line-height: 24px; color: #333333;;font-size: 16px; display: inline-block; vertical-align: middle}
/*小程序多入口*/
.xcx_rk{background: url("../images/xcx_rk.jpg") top center; margin-top: 40px;}
.xcx_rk .ciu_name,.xcx_rk .ciu_cont{color: #ffffff;}
.xlkcv{margin-top: 30px; margin-bottom: 105px; width: 1230px;}
.xlkcv li{float: left; width: 235px; margin-right: 70px; margin-top: 6px; margin-bottom: 6px; text-align: center;}
.tvi_oc{width: 107px; height: 107px; line-height: 105px; text-align: center; border-radius: 50%; overflow: hidden;}
.tvi_oc em{display: block; width: 107px; height: 107px; vertical-align: top;}
.xlkcv li nav{color: #ffffff; font-size: 18px; line-height: 24px; margin: 15px 0px;}
.xlkcv li{color: #ffffff; font-size: 12px; line-height: 18px; }

.tvi_oc em.vlmaw1{background: url("../images/vlmaw1.png") no-repeat center;}
.tvi_oc em.vlmaw2{background: url("../images/vlmaw2.png") no-repeat center;background-size: 65px auto}
.tvi_oc em.vlmaw3{background: url("../images/vlmaw3.png") no-repeat center;background-size: 70px auto}
.tvi_oc em.vlmaw4{background: url("../images/vlmaw4.png") no-repeat center; background-size: 60px auto}

.tvi_oc:hover{background-color: #ffffff;}
.tvi_oc:hover em.vlmaw1{background: url("../images/vlmaw1_1.png") no-repeat center;}
.tvi_oc:hover em.vlmaw2{background: url("../images/vlmaw2_1.png") no-repeat center;background-size: 65px auto}
.tvi_oc:hover em.vlmaw3{background: url("../images/vlmaw3_1.png") no-repeat center;background-size: 70px auto}
.tvi_oc:hover em.vlmaw4{background: url("../images/vlmaw4_1.png") no-repeat center;background-size: 60px auto}
/*微信小程序*/
.fahv{margin-top: 45px; margin-bottom: 25px;}
.bkaj{width: 372px;}
.bkaj_lc{width: 100%;}
.bkaj_lc nav{width: 100%; text-align: center;color: #000000; font-size: 30px; line-height: 42px;}
.bkaj_lc div{width: 100%; margin: 15px 0px; border: 1px dashed #bababa; height: 46px; line-height: 44px; text-align: center; border-radius: 30px; font-size: 16px;}
.bkaj_t{margin-top: 70px;}

.buy{width: 430px; float: left; margin-left: 10px; overflow: hidden; text-align: center;}
.buy_bnf{position: relative; width: 308px; height: 308px; background: url("../images/cha.png") no-repeat top center;}
.buy_bnf .cmva1{position: absolute; top: 12px; left: -12px;}
.buy_bnf .cmva2{position: absolute; bottom: 12px; left: -12px;}
.buy_bnf .cmva3{position: absolute; top: 12px; right: -12px;}
.buy_bnf .cmva4{position: absolute; bottom: 12px; right: -12px;}
.gdgn {margin: 40px 0px 0px 0px;}
.gdgn a{ width: 171px; height: 42px; background: url("../images/djan2.png") no-repeat center;}

.gntx{overflow: visible; margin-top: 35px; margin-bottom: 50px;}
.gntx .picScroll-hyjjfa{position: relative;}
.gntx .picScroll-hyjjfa .bd{width: 1200px; overflow: hidden;}
/*先人一步，洞察微信小程序商机*/
.xiauc{background-color: #f7f7f7}
.clvua_new{margin-top: 98px; margin-bottom: 77px;}

.qc-unit-4-24 {width: 265px;}
.xiauc .qc-unit-active {width: 403px;}
.xiauc .mod-content {height: 400px;margin-top: 105px;margin-bottom: 77px;border-left: 1px solid #d9d9d9;}
.xiauc .product-block {background-color: #fff;border-top: 4px solid #d9d9d9;border-right: 1px solid #d9d9d9;padding-bottom: 40px;position: relative;height: 400px;transition: all .3s cubic-bezier(.4, 0, .2, 1), z-index 0s .12s;min-height: 0;overflow: hidden;float: left;border-bottom: 1px solid #dedede;}
/*.xiauc .product-block.last {border-right: none}*/
.xiauc .product-block.hidden-ct {display: none}
.xiauc .product-block .pt-overview {display: block;transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;opacity: 1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;z-index: 5 }
.xiauc .pt-overview-name {padding-top: 30px;padding-bottom: 30px;position: relative;text-align: center}
.xiauc .pt-overview-name:after {content: "";width: 40px;height: 1px;position: absolute;bottom: 0;left: 50%;margin-left: -20px;background-color: #d9d9d9}
.xiauc .pt-overview-name .name-title {font-size: 18px;color: #000;font-weight: 400;position: relative }
.xiauc .pt-detail-name .pt-name-img,
.xiauc .pt-overview-name .pt-name-img { display: block; width: 32px; height: 32px; margin: 0 auto 15px}
.xiauc .pt-overview-name .pt-name-img.compute {background: url("../images/ftah1.png") no-repeat center;}
.xiauc .pt-overview-name .pt-name-img.network {background: url("../images/ftah2.png") no-repeat center;}
.xiauc .pt-overview-name .pt-name-img.cdn {background: url("../images/ftah3.png") no-repeat center;}
.xiauc .pt-overview-name .pt-name-img.database {background: url("../images/ftah4.png") no-repeat center;}
.xiauc .pt-detail-sub-menu,
.xiauc .pt-overview-sub-menu {margin-top: 25px}
.xiauc .pt-detail-sub-menu .menu-list,
.xiauc .pt-overview-sub-menu .menu-list {height: 200px}
.xiauc .pt-overview-sub-menu .title {font-size: 14px;color: #666;line-height: 42px}
.xiauc .pt-detail-sub-menu .title-text,
.xiauc .pt-overview-sub-menu .title-text {position: relative}
.xiauc .product-block .pt-detail {visibility: visible;transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;opacity: 0;text-align: left;z-index: 10;position: relative;width: 403px;}
.xiauc .qc-unit-active .pt-overview {  display: none }
.xiauc .product-block.qc-unit-active .pt-overview {transition: all .12s cubic-bezier(.4, 0, .2, 1) 0s;display: block;opacity: 0}
.product-block.qc-unit-active {border-top: 4px solid #0da3f9;margin-top: -33px;border-left: 1px solid #0da3f9;border-right: 1px solid #0da3f9;border-bottom: 1px solid #0da3f9;padding-bottom: 20px;-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);box-shadow: 0 3px 20px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0)}
.product-block.qc-unit-active {padding-left: 0;padding-right: 0;min-height: 0;height: 463px}
.xiauc .product-block.qc-unit-active .pt-detail {visibility: visible;transition: all .12s cubic-bezier(.4, 0, .2, 1) .18s;opacity: 1}
.xiauc .pt-detail-name {padding: 20px 0;margin-right: 20px;margin-left: 20px;border-bottom: 1px solid #d9d9d9;position: relative}
.xiauc .pt-detail-name .name-title {margin-bottom: 0;color: #0da3f9;font-size: 18px;font-weight: 400;display: inline-block;vertical-align: middle}
.xiauc .pt-detail-name .name-title .icon-arrow {border: 2px solid #b0b0b0;width: 10px;height: 10px;margin: auto;position: absolute;top: 28px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);right: 20px;display: none;border-top: none;border-right: none}
.xiauc .pt-detail-name .pt-name-img {margin-bottom: 0;margin-right: 10px;display: inline-block;vertical-align: middle}
.xiauc .pt-detail-sub-menu .des-text {font-size: 14px;margin-right: 104px;width: 253px;color: #444444; line-height: 20px;height: 40px;overflow: hidden;}

.xiauc .pt-detail-name .pt-name-img.compute {background: url("../images/ftah1_1.png") no-repeat center;}
.xiauc .pt-detail-name .pt-name-img.network {background: url("../images/ftah2_1.png") no-repeat center;}
.xiauc .pt-detail-name .pt-name-img.cdn {background: url("../images/ftah3_1.png") no-repeat center;}
.xiauc .pt-detail-name .pt-name-img.database {background: url("../images/ftah4_1.png") no-repeat center;}

.xiauc .pt-detail-sub-menu {margin-top: 10px}
.xiauc .pt-detail-sub-menu .menu-list {min-height: 350px;height: auto}
.xiauc .pt-detail-sub-menu .menu-list .menu-item {min-height: 73px;padding: 10px 20px 10px 20px;margin: 3px 0px;}
.xiauc .pt-detail-sub-menu .title {font-weight: 700;color: #333;line-height: 30px;font-size: 14px}
.xiauc .pt-detail-sub-menu .title-text {display: inline-block;vertical-align: middle;font-weight: bold}
.xiauc .pt-detail-sub-menu .shop {float: right}
.xiauc .pt-detail-sub-menu .label {font-size: 14px;color: #ff7200}
.xiauc .pt-detail-sub-menu .qc-btn {display: none;border: 1px solid #0da3f9;color: #0da3f9;margin-top: -7px}
.xiauc .pt-detail-sub-menu .qc-btn:hover {color: #fff;background-color: #0da3f9;}
.xiauc .pt-detail-sub-menu .menu-list .menu-item:hover {background-color: #eeeeee;cursor: pointer}
.xiauc .pt-detail-sub-menu .menu-list .menu-item:hover .qc-btn {display: inline-block;font-size: 12px}
.xiauc .pt-detail-sub-menu .menu-list .menu-item.hidden-ct,
.xiauc .pt-detail-sub-menu .menu-list .menu-item:hover .label {
    display: none
}
.xiauc .pt-detail-sub-menu .m-link {font-size: 14px;color: #0da3f9;margin: 0 20px;padding-top: 5px}
.xiauc .pt-detail-sub-menu .m-link:hover { text-decoration: underline}
.product-block.qc-unit-active .m-link {display: block}
.qc-navigation {min-width: 320px}
.qc-btn {display: inline-block;vertical-align: middle;color: #fff;font-size: 14px;padding: 0 20px;line-height: 26px;overflow: visible;cursor: pointer;border: 1px solid #fff;text-align: center;border-radius: 2px;transition: background-color .15s}
.qc-navigation-mobile {position: absolute}
.qc-btn:active,
.qc-btn:hover {background-color: #0da3f9;border-color: #0da3f9}

/*全新生态，打造微信商业圈*/
.qiuca_tah{margin-top: 47px; margin-bottom: 20px; width: 1400px;}
.qiuca_tah li{float: left;width: 265px; text-align: center; margin-right: 200px; margin-bottom: 65px;}
.qiuca_tah li nav{color: #000000; font-size: 18px; line-height: 30px; margin-top: 20px;}
.qiuca_tah li div{color: #666666; font-size: 16px; line-height: 22px; margin-top: 10px; letter-spacing: 0px; height: 45px; overflow: hidden;}

.picScroll-cgah{position: relative; margin-top: 80px;}
.picScroll-cgah .bd{width: 1200px; overflow: hidden;}
.picScroll-cgah .bd .vudp li{background: url("../images/fya.png") no-repeat center; margin: 0px 40px; width: 333px; height: 586px; float: left;}
.vyfov{width: 233px; height: 408px; overflow: hidden;position: relative; margin-top: 62px; margin-left: 47px;}
.vyfov_rej{width: 100%; height: 100%;}
.vyfov_rej img{vertical-align: top; width: 100%;}
.vyfov_pro{position: absolute; opacity: 0; top: 0px; left: 0px; z-index: 40; background: url("../images/tyah_va.png") center; width: 100%; height: 100%;}
.vyfov_pro b{color: #ffffff; font-size: 24px; line-height: 30px; margin-top: 85px; display: block; width: 100%; text-align: center; margin-bottom: 28px;}
.vyfov_pro div{background-color: #ffffff; width: 162px; height: 158px; line-height: 155px; text-align: center;}
.vyfov_pro div img{max-width: 100%; max-height: 100%}
.vyfov:hover .vyfov_pro{opacity: 1}
.picScroll-cgah .pghka .next,.picScroll-cgah .pghka .prev{top: 280px;}

.fuajv{width: 100%;display: inline-block;height: auto;;margin:30px 0px;text-align: center}
.fuajv a{cursor: pointer;display:inline-block;width: 52px;height: 50px;background-color: #e6e6e6;margin: 0px 5px; text-align: center; line-height: 50px;}
.fuajv a.sPrev{}
/*.lian{width: 92px!important;}*/
.fuajv a:hover{background-color:#cecece}

/*案例.html*/
.alzs_plva{border-bottom: 1px solid #d2d2d2;}
.spfl-right-tp{padding: 35px 0px 20px 0px;}
.spfl-right-tp dl{;width: 100%}
.spfl-right-tp dl dt{float: right;width: 65px;text-align: right;}
.spfl-right-tp dl dt .opt-btn,.spfl-right-tp dl dt .opt-btn1{color: #646464;cursor: pointer; font-size: 12px; line-height: 40px; display: block;}
.spfl-right-tp dl dt .opt-btn1{display: none}
.spfl-right-tp dl dt .opt-btn span{background: url("../images/mkasd1.png") no-repeat top center;width: 18px;height:18px;display: inline-block;margin-left: 10px; vertical-align: -4px;}
.spfl-right-tp dl dt .opt-btn1 span{background: url("../images/mkasd2.png") no-repeat top center;width: 18px;height:18px;display: inline-block;margin-left: 10px; vertical-align: -4px;}
.nique{height: 44px; overflow: hidden; margin-bottom: 12px}
.spfl-right-tp dl dd{width: 1115px; margin-left: 0px; }
.spfl-right-tp dl dd .brand-list{float: left;width: 1100px;}
.spfl-right-tp dl dd a{color: #444444;letter-spacing: 0.3px;display: inline-block; border-radius: 5px; margin-right: 6px; height: 42px; line-height: 42px; padding: 0px 26px; float: left; cursor: pointer; font-size:14px; margin-bottom: 8px;}
.spfl-right-tp dl dd a.clakw,.spfl-right-tp dl dd a:hover{background-color: #202021; color: #ffffff;}

.anliz{margin-top: 55px; margin-bottom: 50px;}
.anliz .vmea{margin-bottom: 48px;}
.fy{width: 100%; text-align: center; margin-top: 10px; }
.fy a{display: inline-block; vertical-align: middle;margin: 0px 3px;height: 30px; line-height: 30px; padding: 0px 10px;color: #666666; font-size: 14px;border: 1px solid #cccccc;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.fy a:hover,.fy a#mena{background-color: #000000; color: #ffffff; border: 1px solid #000000}

/*案例内页*/
.al_dh{position: fixed; top: 0px; left: 0px; background-color: #000000; z-index: 90; height: 58px;}
#al_dh{width: 100%; height: 58px;}

.djhac{display: inline-block; vertical-align: top; height: 58px; line-height: 58px; text-align: center; color: #ffffff; font-size: 14px;border: 1px solid #000000; padding: 0px 28px 0px 18px;}
.djhac em{display: inline-block; width: 18px; height: 58px; vertical-align: top; text-align: center; margin-right: 12px}
.djhac1 em{background: url("../images/djhac1.png") no-repeat center;}
.djhac2 em{background: url("../images/djhac2.png") no-repeat center;}
.djhac3 em{background: url("../images/djhac3.png") no-repeat center;}
.djhac4 em{background: url("../images/djhac4.png") no-repeat center;}

.djhac:hover{background-color: #ffffff; color: #000; border: 1px solid #eeeeee}
.djhac1:hover em{background: url("../images/djhac1_1.png") no-repeat center;}
.djhac2:hover em{background: url("../images/djhac2_1.png") no-repeat center;}
.djhac3:hover em{background: url("../images/djhac3_1.png") no-repeat center;}
.djhac4:hover em{background: url("../images/djhac4_1.png") no-repeat center;}
/*banner_详情*/
.an_xq_banner{height: 510px; position: relative;}
.bhag{position: absolute; top: 0px; left: 0px; z-index: 20; width: 100%; height: 100%; background: url("../images/bfhaf.png")}
.bea_cont{width: 1200px; position: absolute; z-index: 30; top: 0px; left: 50%; margin-left: -600px; height: 510px; overflow: hidden;}

.alxq_logo{width: 100%; text-align: center; height: 100px; line-height: 100px; margin-top: 15px;}
.alxq_logo img{max-width: 70%; max-height: 100px; vertical-align: middle;}
.al_xq_tkaj{margin-top: 15px;}
.al_xq_tkaj div.fl{width: 630px; text-align: left; margin-top: 60px;}

.anc-Px{display: block; width: 100%;color: #595959; font-size: 18px; line-height: 28px;}
.anc-Pa{width: 100%; color: #000000; font-size: 36px; font-weight: bold;height: 65px; line-height: 65px; margin-top: 15px}
.anc-Ps{width: 193px; margin-top: 20px; display: inline-block; height: 46px; line-height: 46px; text-align: center;background-color: #e60012; color: #dedede; font-size:14px;}
.anc-Ps img{margin-left: 17px;}
.anc-Ps:hover{opacity: 0.7}

.prlav{width: 560px;height: 323px; overflow: hidden; background: url("../images/bhfw.png") no-repeat center; margin-top: 10px;}
.prlav .pobal{width: 447px;height: 267px; overflow: hidden; margin: 22px 0px 0px 58px; background-color: #ffffff;}
.prlav .pobal img{vertical-align: top; width: 100%; min-height: 100%}

.lfua{width: 100%; border-bottom: 1px solid #c6c6c6}
.lfua dl.container{margin-top: 55px; margin-bottom: 48px;}
.lfua dl dt{float: right; width: 260px; text-align: right;}
.pogr{display: inline-block; vertical-align: middle; text-align: left;}

.pogr1{color: #000000;font-size: 18px; font-weight: bold; letter-spacing: 1px; line-height: 28px;}
.pogr2{color: #444444; font-size: 12px;font-weight: bold;display: block; margin: 10px 0px;}
.pogr3{margin-top: 12px; display: inline-block;}
.pogr3:hover{opacity: 0.7}

.lfua dl dd{margin-left: 0px; width: 832px;}
.tyalbk{width: 720px;margin-left: 0px; text-align: left; color: #444444; font-size: 14px; line-height: 24px; letter-spacing: 0.8px; height: 85px; overflow: hidden;}
.tyalbk_lkcv{width: 100%; height: 25px; line-height: 25px; color: #999999; font-size: 14px;}
.tyalbk_lkcv a{color: #999}
.tyalbk_lkcv a[target="_blank"]{    display: inline-block;
    width: 243px; height: 25px;
	overflow: hidden; text-overflow: ellipsis;white-space: nowrap;vertical-align: -7px;
	}
.tyalbk_lkcv a:hover{text-decoration: underline;}
.tyalbk_lkcv span{ display: inline-block;color: #999999; background-color: #eeeeee; height: 22px; line-height: 22px; padding: 0px 18px; margin-right: 16px; border-radius: 20px;}
/*.tyalbk_lkcv sp*/
.tyakb{margin-top: 65px; margin-bottom: 0px;}
.tyakb .picScroll-service .bd ul li{height: 180px; width: 265px; margin: 0px 18px 10px 18px;border-radius: 4px}
.tyakb .picScroll-service .bd ul li:hover{
    box-shadow: 0px 2px 7px 1px #dddddd;
}
.tyakb .picScroll-service .bd ul li .pfl{width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 180px;}
.tyakb .picScroll-service .bd ul li .pfl img{max-width: 100%;}
.tyakb .pghka .prev, .pghka .sPrev,.tyakb .pghka .next, .pghka .sNext{top: 80px;}

.xian_xq{width: 100%;  text-align: left; color: #444444; font-size: 14px; line-height: 24px;}
.xian_xq img{vertical-align: top; max-width: 100%;}
.gs_logo{width: 100%; text-align: center; line-height: 137px; display: inline-block;}

.gntx_lcka{border-top: 1px solid #c6c6c6;}
.gntx_lcka .fuajv{margin: 35px 0px 62px 0px;}

/*案例内页-手机.html*/
.lcka_odi{width: 100%; margin-top: 50px;}
.lcka_odi a{display: inline-block; margin-right: 23px;}
.lcka_odi a:hover{opacity: 0.8}

.prlav_sj{margin-top: -60px}
.prlav_sj span{display: block; overflow: hidden;}
.prlav_sj span img{vertical-align: top; width: 100%;}

.pobal_sj1{background: url("../images/anxq_sj1.png") no-repeat top center; display: inline-block;width: 141px; height: 286px;margin-right: 56px; vertical-align: bottom}
.pobal_sj2{background: url("../images/anxq_sj2.png") no-repeat top center; display: inline-block;width: 201px; height: 410px; margin-right: 20px;}
.pobal_sj1 span{width: 125px; height: 218px; margin-top: 34px;}
.pobal_sj2 span{width: 177px; height: 312px; margin-top: 49px}
.wiex_er{width: 90px; height: 90px; background: #fff; border: 1px solid #ddd; text-align: center; line-height: 88px; display: inline-block}
.wiex_er img{max-width: 90px; max-height: 90px}

/*联系我们.html*/
.lxlka{margin-top: 70px; margin-bottom: 55px;}
.cont_lcj{width: 580px;}
.cont_lcj_hll{display: block;color: #000000 ; font-size: 24px;height: 38px; line-height: 38px; text-align: left;}
.cont_lckj{width: 100%;color: #666666; font-size: 16px; line-height: 30px; margin-top: 10px; height: 90px; overflow: hidden;}
.vla_dl{width: 100%; line-height: 40px; margin-top: 5px; color: #434141; font-size: 14px; letter-spacing: 0.8px;}
.vla_dl dt{float: left;}
.vla_dl dt img{vertical-align: middle; margin-right: 30px;}
.vla_dl dd{margin-left: 132px;}
.vla_dl dd a{color: #434141}
.tyvo{width: 430px;}
.lfk_input{width: 100%;background-color: #e8e8e8;height: 40px; line-height: 40px; border: 0px;border-radius: 13px;color: #929090; font-size: 12px; text-indent: 27px; margin-bottom: 28px; }
textarea.lfk_input{width: 100%; padding: 10px 27px; text-indent: 0px; height: 140px; }

.ck_submit{width: 120px;height: 36px; position: relative; float: left; cursor: pointer; overflow: hidden; border-radius: 13px; background-color: #000000}
.ck_submit input{position: absolute; top: 0px; left: 0px;z-index: 50; color: #ffffff; font-size: 14px;
    letter-spacing: 1px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    cursor: pointer;
    border: 0px;
}
.ck_submit:before{left: -100%; top: 0px; width: 100%; height: 100%; z-index: 30; background-color: #908e8e;
    position: absolute;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    content: " ";
    display: block;
}
.ck_submit:hover:before{left: 0px;}
.redborder{background-color: #ffffff!important; border: 1px solid #f0f0f0;
    -webkit-box-shadow:1px 1px 8px 1px #e5e5e5!important;
    -moz-box-shadow:1px 1px 8px 1px #e5e5e5!important;
    -mos-box-shadow:1px 1px 8px 1px #e5e5e5!important;
    box-shadow: 1px 1px 8px 1px #e5e5e5!important;
}
.map{width: 100%; height: 400px; overflow: hidden;}


.dt{width: 100%;height:442px;display: inline-block;float: left;margin: 18px 0px}
.dt .container{width: 100%;}
#map{display: inline-block;float: left;vertical-align: middle}
#map img{ width: 100%;vertical-align: middle; }

/*新闻中心*/
.kjfa{background-color: #fbfbfb; ;}
.kjfa .tyaha_pta,.kjfa .tyaha_pta ul,.kjfa .tyaha_pta ul li{overflow: visible}

.dhanc{width: 100%; background-color: #ffffff; height: 78px;}
.dhanc li{float: left; height: 78px; position: relative; border-right: 2px solid #fbfbfb; width: 33.3%; }
.dhanc li:nth-last-of-type(1){border-right: 0px;}
.dhanc li a{line-height: 78px; text-align: center;display: block; width: 100%; position: absolute; bottom: 0px; left: 0px;z-index: 50; background-color: #ffffff; height: 78px;}
.dhanc li a div{display: inline-block; letter-spacing: 0.8px; vertical-align: middle; width: 100%;color: #0d0d0d; font-size: 18px; line-height: 22px;}
.dhanc li a div span{color: #444444; font-size: 12px; text-transform: uppercase; display: block;}

.dhanc li:hover a,.dhanc li#dkaj a{background-color: #0d0d0d; height: 97px; line-height: 97px}
.dhanc li:hover a div,.dhanc li#dkaj a div,
.dhanc li:hover a div span,.dhanc li#dkaj a div span{color: #ffffff}


.kjfa .fy{margin-bottom: 46px; margin-top: 55px;}
.waterfall{width: 1230px; position: relative; margin-top: 55px;}
.list-group{width: 280px; margin-right: 25px; margin-bottom: 25px; position: absolute;background-color: #ffffff; min-height: 364px}
.list-group .article{width: 100%; overflow: hidden;}
.list-group .article img{vertical-align: top; width: 100%;}
.list-group .atfh{width: 235px;margin: 13px 0px 16px 24px;}
.poti{display: block; width: 100%;color: #333333; font-size: 16px; font-weight: bold;height: 28px; line-height: 28px;}
.poti_sj{display: block; height: 20px; line-height: 20px;color: #444444; font-size: 16px;}
.poti_text{width: 100%; overflow: hidden;color: #1e1e1e; font-size: 12px; line-height: 24px;max-height: 96px;/* margin-top: 13px*/}
.tyauv,.pem0{display: none;}

.pem1{width: 586px; height: 363px;left: 0px!important;position: relative; overflow: hidden}
.pem1 .atfh{width: 530px; position: absolute; left: 28px;bottom: 23px;}
.pem1 .atfh .poti_text{display: none;}
.pem1 .atfh .poti,.pem1 .atfh .poti_sj{color: #ffffff; width: 100%; letter-spacing: 0.8px;}


.pem3,.pem8,.pem15{background-color: #ff9f08;height: 363px;}
.pem3 .article,.pem8 .article,.pem15 .article{display: none; }
.pem3 .atfh,.pem8 .atfh,.pem15 .atfh{width: 235px; margin-left: 23px; margin-top: 26px;}

.pem3 .atfh .poti,
.pem8 .atfh .poti,
.pem15 .atfh .poti{
    height: 62px;
    overflow: hidden;
    text-overflow: clip;
    white-space: inherit;
}
.pem3 .atfh .poti,.pem3 .atfh .poti_sj,.pem3 .atfh .poti_text,
.pem8 .atfh .poti,.pem8 .atfh .poti_sj,.pem8 .atfh .poti_text,
.pem15 .atfh .poti,.pem15 .atfh .poti_sj,.pem15 .atfh .poti_text
{color: #ffffff;}

.pem3 .poti_text,
.pem8 .poti_text,
.pem15 .poti_text{max-height: 175px; height: 175px;}

.pem3 .tyauv,
.pem8 .tyauv,
.pem15 .tyauv{display: block; margin-top: 27px;}

.pem8{background-color: #00b1f1}
.pem15{background-color: #30c2ad}
/*新闻中心内页.html*/
.news_xq{width: 100%;border-bottom: 1px solid #d5d5d5; margin-top: 46px; padding-bottom: 24px;}
.news_xq_fl{width: 698px; line-height: 24px;color: #333333; font-size: 24px; font-weight: bold;}
.news_xq_fr{line-height: 24px; text-align: right; color: #999999; font-size: 14px;}
.fxma{display: inline-block; vertical-align: middle; margin-left: 50px;}
.fxma .jiathis_style_32x32{display: inline-block; vertical-align: 0px;}

.jiathis_style_32x32 .jtico_tsina,.jiathis_style_32x32 .jtico_qzone,.jiathis_style_32x32 .jtico_tqq,.jiathis_style_32x32 .jtico_weixin{width: 28px!important; height: 28px!important;}
.jiathis_style_32x32 .jtico_tsina{background: url('../images/fiakg1.png') no-repeat center!important;}
.jiathis_style_32x32 .jtico_qzone{background: url('../images/fiakg2.png') no-repeat center!important;}
.jiathis_style_32x32 .jtico_tqq{background: url('../images/fiakg3.png') no-repeat center!important;}
.jiathis_style_32x32 .jtico_weixin{background: url('../images/fiakg4.png') no-repeat center!important;}

.news_cont{width: 100%; overflow: hidden; margin-top: 40px;}
.news_cont{color: #444444; font-size: 14px; line-height: 30px; text-align: left;}
.news_cont img{vertical-align: top; max-width: 100%}
.flk{width: 100%;margin: 32px 0px 50px 0px; height: 60px; line-height: 60px;}
.flk a{color: #727272; font-size: 16px;height: 32px; line-height: 30px; padding: 0px 12px; margin-right: 13px; display: inline-block; vertical-align: middle; border: 1px solid #d8d8d8}
.flk nav{color: #727272; font-size: 14px;display: inline-block; vertical-align: middle; overflow: hidden; max-width: 440px;}
.flk a:hover{background-color: #000000; color: #ffffff; border: 1px solid #ffffff}
.cnjax{width: 100%; text-align: center;color: #333333;font-size: 30px;height: 60px; line-height: 60px; margin: 40px 0px 58px 0px;}
.vlkpl{width: 1230px; margin-bottom: 60px;}
.vlkpl ul.list-group{position: static; float: left;}

/*汇都单页面.html*/
#particles{position: relative;}
#particles .pg-canvas{position: absolute; top: 0px; left: 0px;z-index: 10}

.poOci{position: absolute; top: 50%; left: 50%; margin-left: -600px; margin-top: -120px; z-index: 30}
.fua_po{width: 237px; height: 48px; margin-top: 40px;background: url("../images/ljzx.png"); background-size: 100% 100%; display: inline-block; opacity: 0.8}
.fua_po:hover{opacity: 1}
.clk_l{width: 45%}
.pob_tt{width: 100%;background: url("../images/bfjav.jpg") top center;}
.pob_tt .container.tyahvl{position: relative; width: 100%;height: 62px; overflow: visible;}
.pob_tt .container.tyahvl img{position: absolute;max-width: 45%;height: 608px; z-index: 60; bottom: 16px; right: 50%; margin-right: -650px; max-height: 31vw}

/*webeSite type*/
.fmwa_lfo{overflow: visible; position: relative;height: 433px;}

.fmwa{position: absolute; top: -180px; left: 0px; z-index: 60; background-color: #145bb9; width: 368px;}
.fmwa_tia{width: 100%; height: 118px; background: url("../images/lcvka.jpg");background-size: 100% 100%; margin-bottom: 2px; line-height: 118px; text-align: left;}
.fmwa_tia span{display: inline-block; vertical-align: middle;color: #ffffff; font-size: 26px; line-height: 36px; margin-left: 38px;text-transform: uppercase; font-weight: bold; font-family: Arial, Regular; letter-spacing: 1px;}
.fmwa li{width: 100%; height: 85px; text-align: center; line-height: 85px; cursor: pointer;}
.fmwa li div.tiajv{width: 290px; display: inline-block; vertical-align: middle; line-height: 0px;}
.fmwa li .tiaj_ren{width: 40px; height: 40px; display: inline-block; vertical-align: middle;float: left;}
.fmwa li .tiajv1 .tiaj_ren{background: url("../images/skaj1.png") no-repeat left center;}
.fmwa li .tiajv2 .tiaj_ren{background: url("../images/skaj2.png") no-repeat left center;}
.fmwa li .tiajv3 .tiaj_ren{background: url("../images/skaj3.png") no-repeat left center;}
.fmwa li .tiajv4 .tiaj_ren{background: url("../images/skaj4.png") no-repeat left center;}
.fmwa li .tiajv5 .tiaj_ren{background: url("../images/skaj5.png") no-repeat left center;}

.fmwa li .rmea{margin-left: 68px; display: block; height: 49px;}
.fmwa li .rmea_em{float: right; height: 49px; width: 16px;display: inline-block;}
.fmwa li .rmea_em{background: url("../images/jfha1.png") no-repeat right center;}

.fmwa li .pof_p{display: block;margin-right: 60px; text-align: left;}
.fmwa li .pof_p span{display: block; width: 100%; height: 24px; line-height: 24px; color: #ffffff; font-size: 18px; letter-spacing: 1px;}
.fmwa li .pof_p em{display: block; width: 100%;color: #447ac2; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; font-family: Arial, Regular; line-height: 22px; margin-top: 3px;}

.fmwa li,.fmwa li .tiaj_ren,.fmwa li .pof_p em{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.fmwa li.on{background-color: #e7923f}
.fmwa li.on .pof_p em{color: #ffffff;}
.fmwa li.on .rmea_em{background: url("../images/jfha1_1.png") no-repeat right center;}
.fmwa li.on .tiajv1 .tiaj_ren{background: url("../images/skaj1_1.png") no-repeat center;}
.fmwa li.on .tiajv2 .tiaj_ren{background: url("../images/skaj2_1.png") no-repeat center;}
.fmwa li.on .tiajv3 .tiaj_ren{background: url("../images/skaj3_1.png") no-repeat center;}
.fmwa li.on .tiajv4 .tiaj_ren{background: url("../images/skaj4_1.png") no-repeat center;}
.fmwa li.on .tiajv5 .tiaj_ren{background: url("../images/skaj5_1.png") no-repeat center;}


.pglao{width: 1136px; float: right; height: 433px; overflow: hidden; background-color: #ffffff}
.pglao .lbpor{width: 780px; float: right; margin-top: 57px;}
.lbpor{display: none;}
#slkv1{display: block;}
.gpo_left{float: left;width: 377px;}
.gpo_left nav{width: 100%; height: 30px; line-height: 30px;color: #4a4a4a; font-size: 26px; font-weight: bold;}
.gpo_left hr{width: 66px; height: 5px; background: url("../images/fhajcv.png") no-repeat left; float: left; margin-top: 16px;}
.gpo_left div{display: inline-block; width: 100%; margin-top: 35px; color: #4a4a4a;font-size: 14px; line-height: 28px; letter-spacing: 0.6px;}
.gpo_left>a{color: #0f4ea1; background: url("../images/bdnaj.png"); display: inline-block; float: right;width: 96px; height: 29px; text-align: center; line-height: 27px; margin-top: 25px;}
.gpo_right{float: right; border: 2px solid #d6e4f5;width: 353px; height: 242px;}
.gpo_right img{vertical-align: top; width: 353px; height: 242px; margin: -17px 0px 0px -17px}
.gpo_left>a:hover{opacity: 0.8}

/*选择我们的理由*/
.nfjh{background: url("../images/mfna.jpg") no-repeat top center}
.fgnaj_top{width: 100%; text-align: center; margin: 65px 0px 67px 0px;}
.lkvu{display: inline-block; vertical-align: middle;width: 575px; position: relative; height: 51px; margin-top: 25px;}
.lkvu hr{position: absolute; top: 25px; left: 0px; width: 100%; height: 1px; background-color: #676464; z-index: 10}
.lkvu span{display: inline-block; vertical-align: middle; height: 50px;width: 330px;line-height: 48px; border: 1px solid #676464; color: #ffffff; font-size: 26px; font-weight: bold; background-color: #212023; position: relative; z-index: 20; letter-spacing: 2.5px;}



#nkaw_dy{width: 100%;height: 420px; position: relative;}
.tvka_oda{position: absolute;top: 0px; width: 600px; height: 420px;
    -webkit-transition: left 500ms, -webkit-opacity 800ms;
    transition: left 600ms, opacity 800ms;
}
.tvka_oda dt{float: left;width: 200px; height: 420px; overflow: hidden;
    -webkit-transition: left 600ms, -webkit-opacity 800ms;
    transition: left 600ms, opacity 800ms;
}
.tvka_oda dt span,.tvka_oda dt em{width: 128px; display: inline-block;margin-left: 38px;}
.tvka_oda dt span{margin-top: 36px;color: #ffffff; font-size: 26px; letter-spacing: 1px; height: 38px; line-height: 38px;}
.tvka_oda dt em{ font-size: 15px; text-transform: uppercase; height: 24px; line-height: 24px; letter-spacing: 0.8px;}
.tvpa1 dt em{color: #f5af6b;}
.tvpa2 dt em{color: #f58696;}
.tvpa3 dt em{color: #8a80d8;}
.tvpa4 dt em{color: #56cdbb;}
.tvka_oda dd{
    width: 400px;height: 420px;float: left;text-align: center;
    opacity: 0;filter:alpha(opacity=0); -moz-opacity:0;  -webkit-opacity: 0;
    -webkit-transition: left 600ms, -webkit-opacity 800ms, opacity 600ms;
    transition: left 600ms, opacity 800ms;
}
.tvka_oda dd .tjac{width: 288px; margin-top: 51px}
.tjac li{float: left; width: 96px; height: 96px; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 96px;}
.tjac li span{display: inline-block; vertical-align: middle; line-height: 35px;letter-spacing: 0.8px;}
.pobru{width: 310px;color: #ffffff; overflow: hidden;margin-top: 28px; line-height: 25px; letter-spacing: 0.5px; text-align: left; height: 130px;}





.tvpa1{z-index: 20}
.tvpa2{z-index: 30; left: 600px;}
.tvpa3{z-index: 40; left: 800px;}
.tvpa4{z-index: 50; left: 1000px}
.tvpa1 dt{background: url("../images/fkajf1.jpg") no-repeat center;}
.tvpa2 dt{background: url("../images/fkajf2.jpg") no-repeat center;}
.tvpa3 dt{background: url("../images/fkajf3.jpg") no-repeat center;}
.tvpa4 dt{background: url("../images/fkajf4.jpg") no-repeat center;}
.tvpa1 dd{background: #f1a356; opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}
.tvpa2 dd{background: #eb485e}
.tvpa3 dd{background: #725bcf}
.tvpa4 dd{background: #29d0b5}

.tvpa1 li.flkae{background-color: #e7923f}
.tvpa2 li.flkae{background-color: #f44d63}
.tvpa3 li.flkae{background-color: #7962dd}
.tvpa4 li.flkae{background-color: #29dac0}

.state_ovoa_1 .tvpa1{left: 0px;}
.state_ovoa_1 .tvpa2{left: 600px; }
.state_ovoa_1 .tvpa3{left: 800px;}
.state_ovoa_1 .tvpa4{left: 1000px;}
.state_ovoa_1 .tvpa1 dd{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}

.state_ovoa_2 .tvpa1{left: 0px}
.state_ovoa_2 .tvpa2{left: 200px;}
.state_ovoa_2 .tvpa3{left: 800px;}
.state_ovoa_2 .tvpa4{left: 1000px;}
.state_ovoa_2 .tvpa2 dd{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}

.state_ovoa_3 .tvpa1{left: 0px;}
.state_ovoa_3 .tvpa2{left: 200px; }
.state_ovoa_3 .tvpa3{left: 400px;}
.state_ovoa_3 .tvpa4{left: 1000px;}
.state_ovoa_3 .tvpa3 dd{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}

.state_ovoa_4 .tvpa1{left: 0px;}
.state_ovoa_4 .tvpa2{left: 200px;}
.state_ovoa_4 .tvpa3{left: 400px;}
.state_ovoa_4 .tvpa4{left: 600px;}
.state_ovoa_4 .tvpa4 dd{opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;  -webkit-opacity: 1;}

/*商城网站的优势*/
.fgnaj_pfka .lkvu hr{background-color: #deeeef}
.fgnaj_pfka .lkvu span{border: 1px solid #deeeef; background-color: #ffffff; color: #4f4f4f}

.dhua_ys{width: 100%; background: url("../images/fjha.png") no-repeat center; height: 480px; margin-bottom: 70px;}
.dhua_ys li{float: left;width: 600px; text-align: left; overflow: visible; height: 180px; position: relative;}
.dhua_ys li span{float: left;width: 96px; text-align: left;}
.pov_ras{width: 240px; overflow: hidden; float: left; }
.pov_ras b{display: block; width: 100%; color: #565656; font-size: 21px; font-weight: bold;}
.pov_ras div{color: #858585; line-height: 25px;height: 115px;margin-top: 15px; letter-spacing: 0.6px;}
.yiavk{position: absolute;top: 10px;}
#mvkaj1 .yiavk{left: 298px;}
#mvkaj2 .yiavk{left: 125px;}
#mvkaj3 .yiavk{left: 280px;top: -35px;}
#mvkaj4 .yiavk{left: 125px;top: -35px;}

.dhua_ys li#mvkaj1,.dhua_ys li#mvkaj2{margin-top: 49px;}
.dhua_ys li#mvkaj2,.dhua_ys li#mvkaj4{float: right; text-align: right;}
.dhua_ys li#mvkaj2 span,.dhua_ys li#mvkaj4 span{float: right; text-align: right;}
.dhua_ys li#mvkaj2 .pov_ras,.dhua_ys li#mvkaj4 .pov_ras{float: right;}

/*丰富的商城功能定制*/
.fhan{background-color: #edf4f6}
.eman{margin: 68px 0px 60px; overflow: hidden;}
.eman img{vertical-align: top; max-width: 100%}
.flka{width: 100%; color: #4f4f4f; font-size: 18px; height: 30px; line-height: 30px; margin-top: 15px; letter-spacing: 0.8px;}

.yiod{width: 1220px; margin-bottom: 94px;}
.yiod li{float: left;width: 590px; height: 155px;margin-right: 20px; margin-bottom: 20px;}
.roq{float: left;width: 115px; height: 115px; text-align: center; line-height: 115px; margin-left: 35px;margin-top: 20px;}
.roq img{max-width: 115px; max-height: 115px;}
.cnv{width: 385px; margin-top: 25px; margin-left: 170px;}
.cnv span{display: block;color: #ffffff; font-size:25px; height: 35px; line-height: 35px;}
.cnv p{color: #ffffff; font-size: 16px; line-height: 20px;height: 40px; overflow: hidden; margin-top: 10px;}


.yiod li.vmkai1{background: url("../images/cas1.png") no-repeat center;}
.yiod li.vmkai2{background: url("../images/cas2.png") no-repeat center;}
.yiod li.vmkai3{background: url("../images/cas3.png") no-repeat center;}
.yiod li.vmkai4{background: url("../images/cas4.png") no-repeat center;}
.yiod li.vmkai5{background: url("../images/cas5.png") no-repeat center;}
.yiod li.vmkai6{background: url("../images/cas6.png") no-repeat center;}


@media(max-width: 1480px){
    .pghka .next,.pghka .sNext{left: -60px}
    .pghka .prev,.pghka .sPrev{right: -65px}
}
@media(max-width: 1200px){
    .pghka.next,.pghka .sNext{left: 0px}
    .pghka .prev,.pghka .sPrev{right: 0px}
}



/*2017-09-14*/
/*APP2.html*/
.dkap{height: 745px; overflow: hidden;background: url("../images/bena.jpg") no-repeat center bottom;}
.pofa{width: 100%; text-align: center; margin-top: 70px;}
.pofa p{color: #a6a6a6; font-size: 16px; height: 38px; line-height: 38px; margin-top: 0px;}
.yrua{margin-top: 50px;}

.yrua li{float: left;height: 115px; width: 514px; margin-left: 40px; margin-top: 24px; margin-bottom: 20px;}
.yrua li span{float: left; width: 105px; height: 105px; overflow: hidden}
.yrua li span img{vertical-align: top; width:105px; height: 105px;}
.yrua li div{margin-left: 140px;}
.yrua li div nav{width: 100%;color: #333333; font-size: 24px;height: 45px; line-height: 45px;}
.yrua li div p{font-size: 16px; color: #666666; line-height: 24px; margin-top: 5px;}

.yrua li.yrua2{float: right; margin-right: 40px;}
.yrua li.yrua2 span{float: right;}
.yrua li.yrua2 div{margin-right: 140px; margin-left: 0px;}
.yrua li.yrua2 div nav,.yrua li.yrua2 div p{text-align: right;}

.clkav{width: 100%; text-align: center;margin-top: 65px;}
.clkav a{height: 40px; display: inline-block; vertical-align: top; line-height: 40px;text-align: center;width: 200px; margin: 0px 5px; font-size:18px; color: #ffffff;}
.clkav a.fuaov1{background-color: #323232}
.clkav a.fuaov2{background-color: #aaaaaa}
.clkav a.fuaov2 em{font-family: Arial, Regular;}
/*数据分析*/
.sjfx{width: 100%;min-width: 1200px; background: url("../images/banxc.jpg") top center; height: 344px; position: relative;}
.pfoc{width: 750px; margin-left: 39px; overflow: hidden;}
.ioav{width: 100%; margin-top: 73px; height: 42px; line-height: 42px;}
.ioav span{color: #ffffff; font-size: 24px; letter-spacing: 0.8px;}
.ioav span em{color: #e8645a; font-weight: bold;}
.ioav abbr{float: right; text-align: right; color: #ffffff;font-size: 18px; line-height: 40px; margin-right: 50px; letter-spacing: 0.8px;}
.ioav abbr em{font-family: Arial, Regular;}

.poba_ul{width: 100%; margin-top: 48px;}
.poba_ul li{float: left; width: 200px; text-align: center; background: url("../images/fyha.png") no-repeat left center;}
.poba_ul li div{width: 100%; color: #ffffff; font-weight: bold;}
.poba_ul li div i{font-size: 52px;}
.poba_ul li div em{font-size: 26px; margin-left: 10px;}
.poba_ul li p{width: 100%;color: #ffffff;font-size: 18px; line-height: 25px; margin-top: 10px;}

.poba_ul li.fiua1{width: 130px; text-align: left; background-image: none;}
.fyuav1{position: absolute; top: -92px; width: 350px; right: 50%; margin-right: -600px; z-index: 60; text-align: left;}
.fyuav1 img{vertical-align: top; max-width: 100%;}

/*<!--定制案例展示-->*/
.dzal_zs{background: url("../images/fkva.jpg");}
.djal_name{color: #333333; font-size: 30px; font-weight: bold; letter-spacing: 3px;}
.dzal_zs .vlk_al{margin-top: 54px;}

/*******方案********/
.cc2 .common-h3 {
    -webkit-animation: c4 1s forwards;
    -o-animation: c4 1s forwards;
    animation: c4 1s forwards;
}

.cc2 .project-inner {
    -webkit-animation: c4 1s 0.4s forwards;
    -o-animation: c4 1s 0.4s forwards;
    animation: c4 1s 0.4s forwards;
}

.project .project-inner {
    height: 500px;
    position: relative;
    opacity: 0;

}
.project .project-inner .project-x {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.project .project-inner .project-x.a1{  background-color: #F2684C;}
.project .project-inner .project-x.a2{  background-color: #3EC6AE;}
.project .project-inner .project-x.a3{  background-color: #FFB329;}
.project .project-inner .project-x.a4{  background-color: #E3493D;}
.project .project-inner .project-x.a5{  background-color: #01B760;}
.project .project-inner .project-x.a6{  background-color: #FDA73A;}
.project .project-inner .project-x.a7{  background-color: #4987D2;}
.project .project-inner .project-x.a8{  background-color: #FDD13D;}
.project .project-inner .project-x.a9{  background-color: #7D5EE8;}
.project .project-inner .project-x.a10{  background-color: #7D5EE8;}

.project .project-inner .wrap {
    position: absolute;
    width: 1200px;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 100%;
}
.project .project-inner .wrap .project-menu {
    position: absolute;
    width: 240px;
    top: 20px;
    left: 0;
    z-index: 2;
}
.project .project-inner .wrap .project-menu p {
    line-height: 50px;
    font-size: 14px;
    color: #ffffff;
    padding-left: 40px;
    background: #23222b url(../images/menu.png) no-repeat 16px center;
}
.project .project-inner .wrap .project-menu li {
    float: left;
    width: 50%;
    cursor: pointer;
    box-sizing: border-box;
    border-top: 1px solid #41424c;
    padding-top: 45px;
    height: 80px;
    border-right: 1px solid #41424c;
    font-size: 14px;
    text-align: center;
    background: #23222b url(../images/spritx.png) no-repeat;
    /*background-position-x: center;*/
    color: #ffffff;
}
.project .project-inner .wrap .project-menu li#meka1{background-position:center -395px;}
.project .project-inner .wrap .project-menu li#meka2{background-position:center 3px; border-right: 0px}
.project .project-inner .wrap .project-menu li#meka3{background-position:center -476px}
.project .project-inner .wrap .project-menu li#meka4{background-position:center -79px; border-right: 0px}
.project .project-inner .wrap .project-menu li#meka5{background-position:center -556px;}
.project .project-inner .wrap .project-menu li#meka6{background-position:center -160px; border-right: 0px}
.project .project-inner .wrap .project-menu li#meka7{background-position:center -635px;}
.project .project-inner .wrap .project-menu li#meka8{background-position:center -237px; border-right: 0px}
.project .project-inner .wrap .project-menu li#meka9{background-position:center -716px;}
.project .project-inner .wrap .project-menu li#meka10{background-position:center -318px; border-right: 0px}

.project .project-inner .wrap .project-menu .on {
    background-color: transparent;
    color: #fff;
    /*background-image: url(../images/sprit.png);*/
}
.project .project-inner .wrap .project-xx {
    position: absolute;
    top: 94px;
    left: 298px;
    line-height: 1;
    color: #ffffff;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
}
.project .project-inner .wrap .project-xx .wrap {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.project .project-inner .wrap .project-xx li {
    opacity: 0;

    -webkit-animation: c1x 0.4s forwards;
    -o-animation: c1x 0.4s forwards;
    animation: c1x 0.4s forwards;
}
.project .project-inner .wrap .project-xx li:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.project .project-inner .wrap .project-xx li:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.project .project-inner .wrap .project-xx li:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.project .project-inner .wrap .project-xx li:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.project .project-inner .wrap .project-xx li:nth-child(5) {
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.project .project-inner .wrap .project-xx li:nth-child(6) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.project .project-inner .wrap .project-xx li:nth-child(7) {
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.project .project-inner .wrap .project-xx .l1 {
    font-size: 14px;
    margin-bottom: 12px;
}
.project .project-inner .wrap .project-xx .l2 {
    font-size: 36px;
    margin-bottom: 24px;
}
.project .project-inner .wrap .project-xx .l3 {
    font-size: 15px;
    margin-bottom: 16px;
}
.project .project-inner .wrap .project-xx a {
    margin-left: 0px;
    width: 176px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    display: block;
    margin-top: 45px;
    position: relative;
    opacity: 0;
    overflow: hidden;;

    -webkit-animation: c1x 0.4s forwards;
    -o-animation: c1x 0.4s forwards;
    animation: c1x 0.4s forwards;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.project .project-inner .wrap .project-xx a span {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -48px;
    line-height: 40px;
    z-index: 2;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.project .project-inner .wrap .project-xx a:hover:after {
    width: 100%;
}
.project .project-inner .wrap .project-xx a:hover span {
    color: #ffb400;
}
.project .project-inner .project-x.a1 .wrap .project-xx a:hover span{color: #F2684C}
.project .project-inner .project-x.a2 .wrap .project-xx a:hover span{color: #3EC6AE}
.project .project-inner .project-x.a3 .wrap .project-xx a:hover span{color: #FFB329}
.project .project-inner .project-x.a4 .wrap .project-xx a:hover span{color: #E3493D}
.project .project-inner .project-x.a5 .wrap .project-xx a:hover span{color: #01B760}
.project .project-inner .project-x.a6 .wrap .project-xx a:hover span{color: #FDA73A}
.project .project-inner .project-x.a7 .wrap .project-xx a:hover span{color: #4987D2}
.project .project-inner .project-x.a8 .wrap .project-xx a:hover span{color: #FDD13D}
.project .project-inner .project-x.a9 .wrap .project-xx a:hover span{color: #7D5EE8}
.project .project-inner .project-x.a10 .wrap .project-xx a:hover span{color: #7D5EE8}


.project .project-inner .wrap .project-xx a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background-color: #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.project .project-inner .wrap .bg {
    position: absolute;
    top: 40px;
    right: 28px;
    width: 385px;
    height: 424px;
    background: url(../images/b.png) no-repeat center;
    opacity: 0;

    -webkit-animation: zoomIn 1s forwards;
    -o-animation: zoomIn 1s forwards;
    animation: zoomIn 1s forwards;
}
.project .project-inner .a1 .wrap .bg {background: url(../images/b.png) no-repeat center;}
.project .project-inner .a2 .wrap .bg {background: url(../images/b08.jpg) no-repeat center;}
.project .project-inner .a3 .wrap .bg {background: url(../images/b07.jpg) no-repeat center;}
.project .project-inner .a4 .wrap .bg {background: url(../images/b06.jpg) no-repeat center;}
.project .project-inner .a5 .wrap .bg {background: url(../images/b05.jpg) no-repeat center;}
.project .project-inner .a6 .wrap .bg {background: url(../images/b04.jpg) no-repeat center;}
.project .project-inner .a7 .wrap .bg {background: url(../images/b03.jpg) no-repeat center;}
.project .project-inner .a8 .wrap .bg {background: url(../images/b02.jpg) no-repeat center;}
.project .project-inner .a10 .wrap .bg {background: url(../images/b01.jpg) no-repeat center;}

/*我们的实力*/
.con{margin-top: 65px;width: 1330px;}
.con li{float: left;width: 235px; margin-right: 88px; text-align: center; margin-bottom: 30px;}
.polb1{display: inline-block; vertical-align: middle; border-radius: 50%}
.polb1 span{display: inline-block;width: 98px; height: 98px; line-height: 92px; border-radius: 50%; margin: 7px;}
.con1 .polb1{border: 1px dashed #ff5600}
.con2 .polb1{border: 1px dashed #0bb4da}
.con3 .polb1{border: 1px dashed #54bb4c}
.con4 .polb1{border: 1px dashed #ffc129}
.con1 .polb1 span{background-color: #ff5600}
.con2 .polb1 span{background-color: #0bb4da}
.con3 .polb1 span{background-color: #54bb4c}
.con4 .polb1 span{background-color: #ffc129}

.polb2 span{display: block;color: #333333;font-size:22px; font-weight: bold;height: 45px; margin-top: 8px; line-height: 45px;}
.polb2 nav{height: 28px; line-height: 28px;color: #444444; font-size:18px; margin-top: 10px; letter-spacing: 0px;}
.polb3{width:100%;color: #757575; font-size:14px;line-height: 24px; letter-spacing: 0px; margin-top: 25px;}

.tjac{width: 100%; text-align: center; margin-top: 52px; margin-bottom: 63px;}
.tjac a{width: 235px; height: 42px; line-height: 42px; background-color: #0db253; color: #ffffff; display: block; border-radius: 40px;}
.tjac a:hover{opacity: 0.85}

.polb1 span{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.polb1:hover span{
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/*APP开发流程*/
.duaj{width: 100%;height: 686px; position: relative; min-width: 1200px; background: url("../images/bdha_poa_pa.jpg") top center;}
.bdha_poa{position: absolute; top: -70px; left: 0px;z-index: 50; width: 100%; min-width: 1200px;background: url("../images/bdha_poa.png") bottom center; height: 70px;}
.duaj .pofa{margin-top: 45px;}
.fhavk{width: 0px;text-align: center;height: 375px;margin-left: 0px;}
.pova_pca{vertical-align: top;

    -webkit-animation: hydt 3s ease 0.5s forwards;
    -o-animation: hydt 3s ease 0.5s forwards;
    animation: hydt 3s ease 0.5s forwards;
    background: url("../images/tyahv.png") no-repeat center left;
}
.dkjac{width: 100%; text-align: center;margin-top: 20px;
    transform: scale(0);
    -webkit-animation: hydt_1 2s ease 2.8s forwards;
    -o-animation: hydt_1 2s ease 2.8s forwards;
    animation: hydt_1 2s ease 2.8s forwards;

}
.dkjac a:hover{opacity: 0.85}


@keyframes hydt {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes hydt {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}



.pofa img{height: 60px;}
.whda .ciu_name{font-family: "微软雅黑", Microsoft Yahei, Regular}
.ciu_cont{text-transform: uppercase}


.vmea1 .projectitem .title_sja img,
.vmea1 .projectitem .mkzjl dl.nec,
.vmea1 .projectitem .mkzjl .subtitle nav,
.vmea1 .projectitem .mkzjl .title,
.vmea1 .projectitem .title_logo,
.vmea1 .projectitem .mkzjl{
        -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.vmea1 .projectitem:hover .title_sja img{
   transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}
.vmea1 .projectitem .pic{margin-bottom: 5px;}
.vmea1 .projectitem{position: relative;}
.vmea1 .title_logo img{display: none;}
.vmea1 .title_logo{width: 100%; height: 100%;background-color: rgba(0,0,0,0.4); background-image: none; opacity: 0}
.vmea1 .mkzjl .fyahc{display: none;}
.vmea1 .projectitem .mkzjl{width: 100%;position: absolute; bottom: 0px; left: 0px; overflow: visible;}
.vmea1 .projectitem .mkzjl dl.nec{width: 100%!important}
.vmea1 .projectitem .mkzjl dl.nec dt,.vmea1 .projectitem .mkzjl dl.nec dd{width: 100%; text-align: center; margin-left: 0px!important}

.vmea1 .projectitem:hover .mkzjl{bottom: 10px;}
.vmea1 .projectitem:hover .title_logo{opacity: 1}
.vmea1 .projectitem:hover .mkzjl dl.nec{margin-top: -22px;}
.vmea1 .projectitem:hover .mkzjl .title{color: #333!important}
.vmea1 .projectitem:hover .mkzjl .subtitle nav{line-height: 35px;}
.vmea1 .projectitem:hover .mkzjl .title{line-height: 20px;}

.title_siu{position: absolute; top: 0px; left: 0px;background: #ffcb00;width: 100%;height: 100%;opacity: 0; text-align: center;transition: .6s;-webkit-transition: .6s;z-index: 5;}
.title_siu>div,.title_siu>nav{display: block; width: 90%; margin-left: 5%; }
.title_siu>div{margin-top: 38px;height: 100px; line-height: 100px;}
.title_siu>div img{max-width: 90%; max-height: 100px;}
.title_siu>nav{
    margin: 0px auto;
    text-align: center;
    margin-top: 10px;
    color: #FFFFFF;
    font-size: 2.2rem;
    letter-spacing: 0.7px;;
    font-family: "lucida Grande",Verdana,"Microsoft YaHei",sans-serif;
}
.projectitem .pic:hover .title_siu{opacity: 1}


/*手机+wap详情*/
.re-hidden{position: fixed;left: 0;width: 20%;font-size: 14px; top: 0px; background-color: #ffffff;height: 100%; }
.lkv_opa{
    position: absolute;
    bottom: 50px;
    left: 10%;
    width: 80%;
}
.sbsjgbwyLtit{    font-size: 22px;
    font-weight: bold;
    color: #5F5F5F;
    line-height: 30px;
    position: relative;
    padding-left: 16px;
    margin-top: 35px;
}
.sbsjgbwyLtit::before{
    content: '';
    width: 4px;
    height: 22px;
    background: #E18338;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -11px;
}
.sbsjgbwyLtit01{
    font-size: 14px;
    color: #787878;
    margin-top: 20px;
}
.sbsjgbwyLtit03{
    font-size: 14px;
    color: #777777;
    margin-top: 25px;
    line-height: 25px;
    height: auto;
    overflow: hidden;
}
.sbsjgbwyLtit02{
    font-size: 14px;
    color: #777777;
    margin-top: 10px;
}
.sbsjgbwyLtit02 a{color: #777777}
.voia_poa{width: 100%; margin-top: 30px;}
.voia_poa_a{display: inline-block; vertical-align: top; float: left; width: 32%; margin-right: 1%; margin-bottom: 15px; color: #777777;}
.voia_poa_a a{
    width: 90px;
    max-width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    display: inline-block;
}
.voia_poa_a a img{
    max-width: 100%;
}
.voia_poa_a span{display: block; width: 100%; text-align: center;line-height: 24px; margin-top: 5px;}
.fpoa_orka{float: right; width: 60%;}
.fpoa_orka .voia_poa_a{border: 0px; width: 100%;}
.fpoa_orka .voia_poa_a a{width: 100%; border: 0px; text-align: right;}


.pota_oic{margin-right: 78px; position: relative;}
.pota_oic a{display: inline-block; vertical-align: middle; max-width: 90%; margin-left: 0px;width: 120px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    background: #BBBBBB;
    color: #ffffff;
}
.pota_oic a.mb10{margin-bottom: 15px; background: #E18337;    position: relative;
    animation: ylMovecw linear 1.8s infinite;
    -moz-animation: ylMovecw linear 1.8s infinite;
    -webkit-animation: ylMovecw linear 1.8s infinite;
    -o-animation: ylMovecw linear 1.8s infinite;
}

@keyframes ylMovecw{
    0% {left: 0;}
    25% {left: -20px;}
    50% {left: 0;}
    75% {left: 20px;}
    100%{left: 0;}
}
@-moz-keyframes ylMovecw{
    0% {left: 0;}
    25% {left: -20px;}
    50% {left: 0;}
    75% {left: 20px;}
    100%{left: 0;}
}
@-webkit-keyframes ylMovecw{
    0% {left: 0;}
    25% {left: -20px;}
    50% {left: 0;}
    75% {left: 20px;}
    100%{left: 0;}
}
@-o-keyframes ylMovecw{
    0% {left: 0;}
    25% {left: -20px;}
    50% {left: 0;}
    75% {left: 20px;}
    100%{left: 0;}
}

.l_pagesxy{float: right;}
.l_pagesxy a{  display: inline-block;
    width: 34px;
    margin-top: 50px;
    height: 34px;
    line-height: 34px;
    background: #E08338;
    float: left;
    cursor: pointer;
    margin-left: 5px;}
.l_pagesxy a em{
    display: inline-block;
    width: 12px;
    height: 19px;
    background: url(../images/row04.png) no-repeat;
    float: left;
    margin: 7px 0px 0px 11px;
}
.l_pagesxy a.lkva2 em{background: url(../images/row05.png) no-repeat;}



.sbsjgbwyR{width: 80%;float: right; margin-top: 60px; background-color: #f0f0f0;}
.sbsjgbwyR .html{background-color: #fff;width: 85%;margin: auto;font-size: 0; text-align: center;}
.sbsjgbwyR img{vertical-align: top; max-width: 100%;}



/*2018/8/28*/


.menu_dh{
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-top: 3px;
}
.dark .menu_dh{
    color: #000;
}
.ciu_name{
    margin-top: 40px;

}
.ciu_cont{
    margin-top: 33px;
}
.xz_fwxm{
    overflow: hidden;
    width: 1500px;
    margin: 0 auto;
    margin-top: 90px;
}
.xz_fbox{
    width: 300px;
    text-align: center;
    font-size: 18px;
    color: #010101;
    float: left;
    position: relative;
}
.xz_fbox .an{
    width: 100%;
    text-align: left;
    padding-left: 85px;
    margin-top: 35px;
}   
.xz_fbox .an .zan{
    display: block;
    color:#666;
    font-size: 16px;
    margin-bottom: 10px;
    transition: all linear 0.2s;
}
.xz_fbox .an .zan span{
    display: inline-block;
    width: 5px;
    height: 1px;
    background-color: #666666;
    vertical-align: middle;
    margin-right: 5px;
    transition: all linear 0.2s;
}
.fbox_zt{
    margin-top: 20px;
}
.xz_fbox .an .zana:hover span{
    width: 20px;
    background-color: #4f8aed;
}
.xz_fbox .an .zana:hover{
    color: #4f8aed;
}
.xz_fbox .an .zanb:hover span{
    width: 20px;
    background-color: #33ab6b;
}
.xz_fbox .an .zanb:hover{
    color: #33ab6b;
}
.xz_fbox .an .zanc:hover span{
    width: 20px;
    background-color: #9753dd;
}
.xz_fbox .an .zanc:hover{
    color: #9753dd;
}
.xz_fbox .an .zand:hover span{
    width: 20px;
    background-color: #eda845;
}
.xz_fbox .an .zand:hover{
    color: #eda845;
}
.xz_fbox .an .zane:hover span{
    width: 20px;
    background-color: #fb5f5f;
}
.xz_fbox .an .zane:hover{
    color: #fb5f5f;
}
.xz_fbox:after{
    content: "";
    width: 1px;
    height: 52px;
    background-color: #eeeeee;
    position: absolute;
    left: 0px;
    top: 124px;
}
.xz_fbox:first-child:after{
    display: none;
}
.jzlc_img{
    width: 1200px;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 100px;
}
.ciu_name{
    font-size: 30px;
}
.xz_anzs{
    width: 100%;
    height: auto;
    background-color: #fbfbfb;
}

.slideGroup .hd a {
    background-color: #f1f1f1;
}
.slideGroup .hd a:hover{
    background-color: #e5e5e5;
}
.slideGroup .hd{
    margin: 60px 0px;
}
.tyah li dl.dlkac dt em{
    color: #fff;
}

.tyah{
    margin-bottom: 100px;
}

.yjzs dl.thac dd.ghaj{
background: #14a8eb;
}
.xz_cgan{
    background-color: #fff;
}


.xzsy_tcan{
    width: 275px;
    height: 342px;
    border:1px solid #ededed;
    position: relative;
    text-align: center;
    padding-top: 45px;
    box-shadow: 1px 1px 5px #ededed;
}
.xzsy_tcan:after{
    content: "";
    width: 100%;
    height: 1px;
    background: url(../images/zxsy_border_03.jpg);
    position: absolute;
    top: 0px;
    left: 0px;
}
.xzsy_bnrbox .bt1{
    color: #00a0e9;
    font-size: 24px;
}
@font-face {
  font-family: 'tt246';
  src: url('font/721/tt0246m-webfont.eot');
  src: local('☺'), url('ruiyuan.woff') format('woff'), url('ruiyuan.ttf') format('truetype'), url('ruiyuansvg') format('svg');
  font-weight: normal;
  font-style: normal;
}
.xzsy_bnrbox .jg1{
    color: #e80202;
    font-size: 34px;
    margin-top: 35px;
    font-family:"jyzt"; 
}
.xzsy_bnrbox .jg1 span{
    font-size: 18px;
    color: #000;
    margin-left: 10px;
}
.xzsy_bnrbox .bt2{
    font-size: 14px;
    color: #5d5e5e;
    margin-top: 10px;
}
.xzsy_bnrbox .xcy1{
    font-size: 14px;
    margin-top: 40px;
    color: #5d5e5e;
}
.xzsy_bnrbox .an1{
    color: #00a0e9;
    font-size: 16px;
    display: block;
    margin-top: 40px;
}
.xzsy_bnrbox .an1:hover{
    color: #e80202;
}
.xzsy_bnr{
    position: relative;
}
.xzsy_bnr .bx-prev{
    display: inline-block;
    position: absolute;
    width: 49px;
    height: 49px;
     background-color: #e5e5e5;
     border-radius: 50%;
    left: -100px;
    top: 175px;
}
.xzsy_bnr .bx-next{
    display: inline-block;
    position: absolute;
    width: 49px;
    height: 49px;
    background-color: #e5e5e5;
    right: -100px;
    top: 175px;
     border-radius: 50%;
}
.xzsy_bnr .bx-prev:after{
    content: "<";
    position: absolute;
    color: #fff;
    font-size: 21px;
        left: 17px;
    top: 9px;
    font-weight: bold;
}
.xzsy_bnr .bx-next:after{
    content: ">";
    position: absolute;
    color: #fff;
    font-size: 21px;
       left: 19px;
    top: 9px;
    font-weight: bold;
}
.xzsy_bnr .bx-next:hover,.xzsy_bnr .bx-prev:hover{
    background-color: #d7d5d4;
}
.xzsy_bnr{
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
}
.xzsy_bnr .bx-wrapper{
     max-width:1200px !important
}
.xz_wdbt{
    width: 100%;
    color:#444444;
    font-size: 21px;
    margin-top: 55px;
    text-align: center;
}
.xz_wdimg{
    width: 100%;
    text-align: center;
    margin-top: 55px;
}
#header{
    display: none;
}
.yj .xz_dd{
    color: #444;
}
.xz_jzlcmg{
    margin-top: 60px;
}
.xz_cxzypz{
    color: #000;
    font-weight: bold;
}


    .lpx_bnrbtm{
        height: 160px;
        background-color: #f7f8fa;
    }
    .lpx_12{
        width: 1200px;
        position: relative;
        margin:0 auto; 
    }
    .lpx_bnrbtm .bnr_btm{
        width: 25%;
        height: 160px;
        float: left;
        padding-top: 25px;
        padding-left: 25px;
        border-left:1px solid #d6dce4;
        position: relative;
        transition: all 0.5s;
    }
    .lpx_bnrbtm .bnr_btm .bt{
        font-size: 18px;
        color: #333;
        width: 100%;
        overflow: hidden;
        transition: all 0.5s;
    }
    .lpx_hot{
        position: relative;
    }
    .lpx_hot:after{
        content: "";
        width: 34px;
        height: 13px;
        background:url("../images/husy_xg2_03.png");
        background-size: 100% 100%;
        position: absolute;
            right: -48px;
    }   
    .lpx_bnrbtm .bnr_btm .hx{
        width: 35px;
        height: 2px;
        background-color: #00a4ff;
        margin-top: 15px;
        margin-left: 0px;
    }
    .lpx_bnrbtm .bnr_btm .nr{
        width: 100%;
        font-size: 14px;
        color: #777;
        margin-top: 19px;
    }
    .lpx_bnrbtm .bnr_btm .nr div{
        padding-left: 15px;
        position: relative;
    }
    .lpx_bnrbtm .bnr_btm .nr div:after{
        content: "";
        width: 3px;
        height: 3px;
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 10px;
        background-color: #777;
    }
    .lpx_zbt{
        float: left;
    }
    .lpx_bnrbtm .bnr_btm .img{
        width: 102px;
        height: 87px;
        position: absolute;
        right: 10px;
        bottom: 0px;
        transition: all 0.5s;
    }
    .bnr_btm:hover{
        background-color: #fff;
        box-shadow:0px 5px 20px #ebf6ff; 
    }
    .bnr_btm:hover .img{
        bottom: 5px;
    }
    .bnr_btm:hover .bt{
        color: #00A0EA;
    }

    .lpx_ljfw{
        width: 100%;
        background-color: #fff;
        padding-top: 80px;
    }
    .lpx_zzbt{
        width: 100%;
        text-align: center;
        font-size: 34px;
        color: #000000;
    }
    .lpx_zxbt{
        width: 100%;
        text-align: center;
        color: #666666;
        margin-top: 20px;
        font-size: 16px;
    }
    .lpx_fubt{
        height: 120px;
        overflow: hidden;
        margin-top: 55px;
    }
    .lpx_fubt a{
        display:block;
        float: left;
        width: 240px;
        height: 120px;
        text-align: center;
        position: relative;
    }
    .lpx_fubt a .img{
        width: 62px;
        height: 52px;
        overflow: hidden;
        margin:0 auto; 
    }
    .lpx_fubt a .img img{
        width: 100%;
        height: auto;
        position: relative;
        transition: all 0.3s;
    }
    .lpx_fubt a .bt{
        font-size: 16px;
        color: #000;
        margin-top: 10px;
        transition: all 0.3s;
    }
    .lpx_fubt a .hx{
        width: 90px;
        height: 0px;
        background-color:#00A0EA;
        position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -45px;
        transition: all 0.3s; 
    }
    .lpx_fubt a:hover .img img{
            top: -54px;
    }
    .lpx_fubt a:hover .bt{
        color: #00A0EA;
    }
    .lpx_fubt a:hover .hx{
        height: 3px;
    }
    .lpx_fuxq{
        width: 100%;
        background-color: #f5f5f6;
        padding: 45px 0;
    }
    .lpx_fuxqbox{
        overflow: hidden;
        width: 1200px;
        text-align: center;
    }
    .fuxq_nr{
        width: 240px;
        float: left;

    }
    .fuxq_nr .bt{
        color: #999999;
        font-size: 14px;
    }
    .fuxq_nr .an{
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }
    .fuxq_nr .an a{
        color: #333333;
        font-size: 15px;
    }
    .lpx_rx{
        position: relative;
    }
    .lpx_rx:after{
        content: "";
        width: 35px;
        height: 16px;
        background:url("../images/husy_xg2_07.png");
        background-size:100% 100%; 
        position: absolute;
            right: -50px;
            bottom: 0px;
    }
    .fuxq_nr .an a:hover{
        color: #00A0EA;
    }
    .lpx_ckgd{
        display: block;
        height: 115px;
        width: 100%;
        background-color: #fff;
        text-align: center;
        font-size: 18px;
        color: #999;
        line-height: 115px;
    }
    .lpx_ckgd img{
        margin-left: 20px;
    }
    .lpx_bzxn{
        background: url(../images/500467412.jpg) center;
        background-size: 100%;
        background-attachment: fixed;
    }
    .lbx_bzxnjs{
        padding:50px 0px;
    }
    .lbx_bzxnjs .bt{
        text-align: center;
        font-size: 34px;
        color: #ffffff;
    }
    .lbx_bzxnjs .xbt{
        text-align: center;
        margin-top: 10px;
        font-size: 16px;
        color: #bcbcbc;
    }
    .lpx_bawz a{
        display: block;
        width: 282px;
        height: 383px;
        overflow: hidden;
        background:url("../images/syhd_mbbgm_03.png");
        padding-top: 36px;
        position: relative;
    }
    .lpx_bawz .img{
        position: relative;
        width: 57px;
        height: 56px;
        left: 50%;
        margin-left: -28px;
    }
    .lpx_bawz .img .img1{
        position: absolute;
        transition: all 0.5s;
    }
    .lpx_bawz .img .img2{
        position: absolute;
        width: 33px;
        height: 32px;
        left: 50%;
        margin-left: -16px;
        top: 50%;
        margin-top: -16px;
    }
    .lpx_bawz .bt{
        font-size: 24px;
        margin-top: 25px;
    }
    .lpx_bawz .hx{
        width:23px;
        height: 2px;
        background-color: #e4e8e9;
        margin: 0 auto;
        margin-top: 15px;
    }
    .lpx_bawz .nr{
        font-size: 14px;
        color: #fff;
        line-height: 30px;
        text-align: center;
        margin-top: 20px;
    }
.lpx_bawz .an{
    width: 118px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #fff;border:1px solid;
    position: absolute;
    bottom: 37px;
    left: 50%;
    margin-left: -59px;
    transition: all 0.3s;
}
.lpx_bawz a:hover .an{
    background-color: #00A0EA;
    color: #fff;
    border: 1px solid #00A0EA;
}
.lpx_bawz a:hover .img1{
    transform:rotate(360deg);
-ms-transform:rotate(360deg);   /* IE 9 */
-moz-transform:rotate(360deg);  /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 
}
.zxbnr2{
    margin-top: 70px;
}
.zxbnr2 .bx-prev{
    position:absolute;
    display: block;
    width: 48px;
    height: 100%;
    left: -73px;
    top: 0px;
    background:url("../images/zxbnr_anmb_03.png"); 
    background-size: 100% 100%;
}
.zxbnr2 .bx-prev:after{
    content: "";
    width: 15px;
    height: 24px;
    overflow: hidden;
    background: url("../images/hudu_xzbnran_03.png");
    background-size: 100%;
    position: absolute;
    top: 50%;
    margin-left: -12px;
    right: 17px;
}
.zxbnr2 .bx-prev:hover:after{
    background-position:0 24px;
}
.zxbnr2 .bx-next{
    position:absolute;
    display: block;
    width: 48px;
    height: 100%;
    right: -73px;
    top: 0px;
    background:url("../images/zxbnr_anmb_03.png"); 
    background-size: 100% 100%;
}
.zxbnr2 .bx-next:after{
    content: "";
    width: 15px;
    height: 24px;
    overflow: hidden;
    background: url("../images/hudu_xzbnran_05.png");
    background-size: 100%;
    position: absolute;
    top: 50%;
    margin-left: -12px;
    right: 17px;
}
.zxbnr2 .bx-next:hover:after{
    background-position:0 24px;
}
.lpx_kkyq{
    width: 100%;
    padding: 50px 0px;
    background-color: #f7f8fa;
    position: relative;
}
.lpx_kkyq .bt{
    width: 100%;
    text-align: center;
    font-size: 34px;
        color: #000000;
}
.lpx_kkyq .xbt{
        width: 100%;
    text-align: center;
    color: #666666;
    margin-top: 20px;
    font-size: 16px;
}
.lpx_kkyqbox{
    overflow: hidden;
    width: 100%;
    height:190px;
    background-color: #fff;
    padding: 15px 0px; 
    margin-top: 80px;
}
.lpx_kkyqbox a{
    display: block;
    width: 200px;
    height: 100%;
    float: left;
    border-left: 1px solid #f6f6f6;
}
.lpx_kkyqbox a .img{
    width: 49px;
    height: 50px;
    margin: 0 auto;
    margin-top: 30px;
        position: relative;
}
.lpx_kkyqbox a .web{
    width: 100%;
    text-align: center;
    font-size:15px;
    color:#262626; 
    margin-top: 40px;
}
.j_lpxsbtx{
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 1;
}
.lpx_kkyqk{
    position: relative;
    z-index: 2;
}
.lpx_zdcgan{
    background: url("../images/sy_xzhesj_05.jpg") center;
}
.lpx_zdcgan .ciu_name{color: #fff;}
.lpx_zdcgan .ciu_cont{color: #fff;}
.yjzs dl.thac dt.yfah{
    background: url('../images/sy_huxgppmb_03.png');
    background-size: 100% 100%;
}
.yjzs dl.thac dd.ghaj{
    background-color: #f6f7f8;
}

.lpx_kkyqbox a:hover .img{-webkit-animation: gd-shake 0.3s ease ;-moz-animation: gd-shake 0.3s ease ;animation: gd-shake 0.3s ease ;}
@keyframes gd-shake{
    0%{top:0;}
50%{top:3px;}
100%{top:0px;}}
.lpx_bnrbtm .bnr_btm:first-child{
    border-left: none;
}
#al_dh{
    display: none;
}
 .fixd_bottm{
    position: fixed;
    z-index: 999;
    background-color: #00a0e9;
    bottom: 0px;
    right: 0px;
    width: 100%;
    overflow: hidden;
    padding: 10px 0px;
    height: 74px;
 }   
 .fixd_bottm .lck{
    float: left;
    margin-left: 50px;
    height: 40px;
    margin-top: 12px;
 }
 .fixd_bottm .lck img{
    height: 100%;
 }
 .form_lck{
    overflow: hidden;
 }
 .form_lck .sr{
    display: block;
    float: left;
    width: 304px;
    height: 40px;
    border:none;
    border-radius: 5px;
    background-color: #fff;
    padding-left:15px; 
 }
 .form_lck .tj{
    display: block;
    float: left;
    margin-left: 8px;
    height: 40px;
    width: 90px;
    border:none;
    border-radius: 5px;
    background-color: #f63535;
    color: #fff;
 }
 .lck_rxdh{
    float: left;
    margin-left: 90px;
 }
 .fixd_dh{
    float: left;
 }
 .fixd_dh .lxrx{
    font-size: 16px;
    color: #fff;
    text-align: right;
 }
 .fixd_dh .dh{
    font-size: 25px;
    color: #ffffff;
    text-align: right;
 }
 .fixd_dhimg{
    float: left;
    margin-left: 23px;
    width: 54px;
    height: 54px;
 }
 .fixd_dhimg img{
    display: block;
    width: 100%;
    height: 100%;
 }
 .lck_form{
    float: left;
    margin-left: 70px;
    margin-top: 12px;
 }
 .lck1{
    margin-left: margin-left: 0px !important;
 }
 .fixd_box{
    position: absolute;
    overflow: hidden;
    float: left;
    height: 54px;
    left: 50%;
    margin-left: -594px;
 }
 .fixd_zwk{
    position: relative;
    margin-top: 74px;
 }
 .fixd_gb{
    display: block;
    position: absolute;
    right: 20px;
    top:20px;
 }
 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #fff;
}