@charset "utf-8";
body {margin:0;padding:0;font-family: '微软雅黑';font-size: 14px;}
input, select, textarea { vertical-align: middle; outline:none; }
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img { border: 0; vertical-align:middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #000; }
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
.fw{ overflow:hidden;}
.clear { clear: both;}
.clearfix:before, .clearfix:after {display: table;content: "";}
.clearfix:after {clear: both;}
.text{text-align: center;}
.wrap{width:1200px;margin:0 auto;}
/*.wrap4{width: 1514px;margin:0 auto;}
*/


.aaaaa a:hover{
    animation: mouse 1s linear alternate infinite running;
    -webkit-animation: mouse 1s linear alternate infinite running;
}


@keyframes warn {
      0% {
          transform: scale(1);
          opacity: 0.8;
      }

      100% {
          transform: scale(1.8);
          opacity: 0.0;
      }

}


@keyframes mouse{
    0%{ transform:translateY(0); -webkit-transform:translateY(0); }
    100%{ transform:translateY(15px); -webkit-transform:translateY(15px); }
    }
@-webkit-keyframes mouse{
    0%{ transform:translateY(0); -webkit-transform:translateY(0); }
    100%{ transform:translateY(15px); -webkit-transform:translateY(15px); }
    }









/*侧导航*/
.slide-bar.active{
    position:fixed;
    overflow-y: auto;
    height: 100%;top:4em;
    width:100%;
    background:#eee;

    display:block;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.wraper-page{position: absolute;top:44px;right: 0;bottom: 44px;left: 0;overflow: hidden;}
.slide-bar{
    padding:5em 0 0 0;
    width: 0;margin-top:0;
    position: absolute;height: 100%;
    right:0;z-index: 99999;
    transform: translate3d(100%,0,0);
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);

    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.btn-slide-bar{background: url('../images/tb111.png') no-repeat center center;width:28px;height:18px;display:none;margin:.5em 0 0 0;position:absolute;right:1em;top:0;background-size: 100% 100%;}
.btn-slide-bar.on{background: url('../images/tb11.png') no-repeat center center;}
.menu{overflow: hidden;width: 100%;position: absolute;right:0;height: 100%;}
.menu li a{color:#333;font-size:16px;display: block;padding:1em;}
.menu li a span{float:right;}
.menu li a span img{width: 50%;}

.sonav{cursor:pointer;}
.currentDt{background:#dc2418;}
.currentDt a{color:#fff !important;}
.navContent{display: none;background: #fff;padding:0 0 0 3%;}
.navContent li a{display:block;color:#333;font-size:14px;}








/*index*/
.head{padding:26px 0;}
.logo{width: 30%;}
.logo a img{width: 100%;}
.headR{width:15%; margin: 20px 0 0 0;}
.headR .fl{width: 20%;margin: 3% 0 0 0;}
.headR .fr{width: 80%;}
.headR .fr p{color:#4c4c4c;}
.headR .fr h4{font-size: 18px;color:#e11f1f;}

.slide-bar.active .headR2{display:block;}
.headR2{position:absolute;left:1em;top:1em;width: 95%;display:none;}
.headR2 .fl{width: 8%;margin: 1% 0 0 0;}
.headR2 .fr{width: 90%;}
.headR2 .fr p{color:#4c4c4c;}
.headR2 .fr h4{font-size: 18px;color:#e11f1f;}



.DB_tab25 {width:100%;height:550px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:550px;display:none;background-size: cover !important;background-position: center  !important; }
.DB_tab25 .DB_imgSet{position:absolute;width:65%;left:0;right:0;margin: 0 auto;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:20px;top:160px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:90px;top:240px;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:160px;top:320px;}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:0%;right:0;margin:0 auto;top:180px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:0%;right:0;margin:0 auto;top:258px;}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:8%;top:234px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:38%;top:234px;}

.DB_tab25 .DB_menuWrap{position:absolute;width:70%;left:0;right:0;margin: 0 auto;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:513px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline;}
.DB_tab25 .DB_prev{position:absolute;left:-100px;top:260px;cursor:pointer;display:none;}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:260px;cursor:pointer;display:none;}
.DB_tab25 .DB_imgSet li{width: 100%;font-size: 25px;font-weight: bold;color: #fff;}




.navBox{border-top:1px #dadada solid;}
.nav{}
.nav ul{}
.nav ul li{float:left;width: 10%;position: relative;}
.nav ul li a{display: block;overflow:hidden;font-size: 16px;color:#1a1a1a;height: 41px;line-height: 41px;text-align: center;border-right:1px #dadada dotted;}
.nav ul li a:hover{color:#fff;}
.nav ul li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#dc2418; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.nav ul li a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.onav{background:#dc2418;}
.onav a{color:#fff !important;}


/*下拉菜单*/
.nav_sel{ width:100%; margin:0 auto; position:absolute;z-index: 99999999;}
.nav_sel .dh1{background: #f2f2f2;display: none;width: 100%;z-index: 9999;padding:24px 0;}
.menuBL{width: 850px;}
.menuBL dd{min-height: 178px;}
.menuBL .fl{width: 35%;}
.menuBL .fl img{width: 100%;}
.menuBL .fr{width: 60%;}
.menuBL .fr h4{color:#333333;font-size: 20px;line-height: 30px;margin:10px 0;}
.menuBL .fr p{line-height: 28px;color:#666666;max-height: 112px;}
.menuBR{width: 289px;}
.menuBR a{border-bottom: 1px #d9d9d9 solid;text-indent: 14px;line-height: 42px;color:#1a1a1a;font-size: 15px;cursor:pointer; display:inline-block; width:200px; }
.hide{display:none;}
.onbr{color:#dc2418 !important;}
/*下拉菜单*/





.footer{background:#24272e;}
.footer-top{border-bottom: 1px #293342 solid;padding:37px 0;}
.addre{width: 25%;}
.foot-head{font-size: 20px;color:#aaabac;font-weight: bold;height: 27px;margin:0 0 15px 0;}
.addre-list{}
.addre-list ul li{line-height:38px; color:#aaabac;}
.addre-list ul li img{margin:0 11px 0 0;}

.ewm{width:15%;}
.ewm-cont{border-right:1px #3a3d43 solid;border-left:1px #3a3d43 solid;text-align: center;}
.ewm-cont dl{margin:0 0 15px 0;}
.ewm-cont p{color:#aaabac;}

.link{width: 55%;margin:0 0 0 5%; }
.link-list dl{float:left;width: 20%;}
.link-list dl h3{color:#aaabac;margin:0 0 10px 0;}
.link-list dl a{display:block;line-height: 26px;color:#828383;}
.link-list dl a:hover{color:#e62129;text-decoration: underline;}
.footer-bottom{}
.footer-bottom div{font-size: 12px;color:#828383;line-height: 53px;}

.footer-bottom a{ color:#828383 }

.cpshow{margin:73px 0 70px 0;}
.cpshow-head{text-align: center;}
.cptop{position: relative;padding: 0 0 8px 0;}
.cptop h1{font-size: 40px;font-weight: bold;color:#1a1a1a;}
.cptop p{color:#1a1a1a;font-family: Calibri Light;line-height: 28px;font-size: 24px;}
.cptop b{position: absolute;left:0;right:0;margin:0 auto;height: 1px;background:#1a1a1a;width: 64px;bottom:0;}


.cpmenu{margin:32px 0 0 0;}
.cpmenuB{display:inline-block;}
.cpmenu dl{width: 140px;height: 35px;line-height: 35px;text-align: center;border-radius: 35px;float:left;border:1px #1a1a1a solid;margin:0 12px;position: relative;z-index: 4;overflow:hidden;}
.cpmenu dl a{display:block;color:#1a1a1a;position: relative;z-index: 4;overflow:hidden;}
.oncp{border:1px #dc2418 solid  !important;background:#dc2418;}
.oncp a{color:#fff !important;}

/*hover*/
.cpmenu dl a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#dc2418; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.cpmenu dl a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}
.cpmenu dl:hover{ border-color: #dc2418;overflow:hidden;}
.cpmenu dl a:hover{color:#fff !important;}





.cpshow-main{margin:44px 0 0 0;position: relative;}
.cpshow-main .bd{width: 1088px;overflow:hidden;margin:0 auto;}
.cpshow-main .bd ul{width: 100%;height:auto;}
.cpshow-main .bd li{ height:auto; float:left; margin:0 28px 0 0;width: 248px;border:1px #d6d7dc solid; }
.cpshow-main .bd li .pic{ width:100%; height:233px; display:block;overflow:hidden; }
.cpshow-main .bd li .pic img{width:100%; height:100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}


.cpshow-main .mr_frBtnL{display:inline;left:0;}
.cpshow-main .mr_frBtnR{right:0;}
.cpshow-main .mr_frBtnL,.cpshow-main .mr_frBtnR{position: absolute;bottom:40%;width:22px;height:33px;cursor:pointer;z-index: 9999;}
.cpshow-main .bd li .rwzj{width: 94.1%;background:#f0f0f0;padding:2% 3%;font-size: 16px;color:#333333;line-height: 26px;height: 51px;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.cpshow-main .bd li a:hover .rwzj{background:#dc2418;color:#fff;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.cpshow-main .bd li a:hover .pic img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}







.aboutH{background:url(../images/bg1.jpg) no-repeat;background-size: 100% 100%;background-position: center;height: 547px;}
.aboutH-head{padding:73px 0 0 0;}
.cptop2{position: relative;padding: 0 0 8px 0;}
.cptop2 h1{font-size: 40px;font-weight: bold;color:#f0eced;}
.cptop2 p{color:#f0eced;font-family: Calibri Light;line-height: 28px;font-size: 24px;}
.cptop2 b{position: absolute;left:0;right:0;margin:0 auto;height: 1px;background:#f0eced;width: 64px;bottom:0;}
.aboutH-main{margin:76px 0 0 0;}
.aboutH-main ul li{float:left;width: 16.66%;text-align: center;}
.abtop{height: 107px;margin:0 0 30px 0;transition:400ms;-webkit-transition:400ms;}
.abbtom{}
.abbtom h4{font-size: 24px;font-weight: bold;color:#fff;}
.abbtom b{width: 22px;height: 2px;background:#b5b5b5;margin:0 auto;display:inline-block;}
.abbtom p{font-size: 18px;color:#b5b5b5;}

.aboutH-main ul>li .abtop{background:url(../images/tb1.png) no-repeat;background-position: center 0;}
.aboutH-main ul>li+li .abtop{background:url(../images/tb2.png) no-repeat;background-position: center 0;}
.aboutH-main ul>li+li+li .abtop{background:url(../images/tb3.png) no-repeat;background-position: center 0;}
.aboutH-main ul>li+li+li+li .abtop{background:url(../images/tb4.png) no-repeat;background-position: center 0;}
.aboutH-main ul>li+li+li+li+li .abtop{background:url(../images/tb5.png) no-repeat;background-position: center 0;}
.aboutH-main ul>li+li+li+li+li+li .abtop{background:url(../images/tb6.png) no-repeat;background-position: center 0;}
.aboutH-main ul li a:hover .abtop{background-position: center -243px;transition:400ms;-webkit-transition:400ms;}




.newH{margin:71px 0;}
.newH-main{margin:55px 0 0 0;}
.newHL{width: 48%;}
.newHL-pic{height: 357px;position: relative;}
.newHL-pic img{width: 100%;height: 100%;}
.newHL-pic .dateL{background:#dc2418;text-align: center;padding:15px 17px;position: absolute;left:17px;bottom:-40px;}
.newHL-pic .dateL h2{font-size: 24px;color:#fff;font-weight: bold;line-height: 40px;}
.newHL-pic .dateL p{color:#fff;}

.newHL-txt{margin:60px 0 0 0;}
.newHL-txt h4{font-size: 16px;color:#2b2b2b;margin:0 0 5px 0;line-height: 16px;font-weight: bold;}
.newHL-txt p{color:#2b2b2b;line-height: 28px;}
.newHL-txt a{font-size: 12px;color:#2b2b2b;line-height: 28px;}





.newHR{width: 48%;}
.newHR ul li{border-bottom: 1px #eaeaea solid;padding:26px 0;}
.newHR ul li .dateL{background:#dc2418;text-align: center;padding:15px 17px;}
.newHR ul li .dateL h2{font-size: 24px;color:#fff;font-weight: bold;line-height: 40px;}
.newHR ul li .dateL p{color:#fff;}
.newHR ul li .textR{width: 78%;}
.newHR ul li .textR h4{margin:0 0 5px 0;line-height: 16px;}
.newHR ul li .textR h4 a{font-size: 16px;color:#2b2b2b;font-weight: bold;}
.newHR ul li .textR p{color:#2b2b2b;line-height: 28px;}
.newHR ul li .textR a{font-size: 12px;color:#2b2b2b;line-height: 28px;}
.newHR ul li:hover .textR h4 a{color:#dc2418;}
.newHR ul li:hover{background:#eee;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}

.newH-btn{height: 40px;line-height: 40px;display:list-item;list-style: none;background:#f9f9f9;margin:30px 0 0 0;}
.newH-btn a{color:#2a3b4d;display:block;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.newH-btn a b{width: 15px;height: 15px;background:url(../images/more.png)  no-repeat;background-position: 0 0;display:inline-block;margin:0 11px 0 0;position: relative;top: 3px;}
.newH-btn a:hover{background:#dc2418;color:#fff;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}
.newH-btn a:hover b{background-position: 0 -40px;}











/*新闻中心*/
.nybanner{height: 380px;background:url(../images/ny1_02.jpg) no-repeat;background-position: center;background-size: cover;}
.news{}
.news-menu{}
.news-menu dl{width: 20%;text-align: center;float:left;height: 46px;line-height: 46px;position: relative;z-index: 4;overflow:hidden;background:#ecf0f1;}
.news-menu dl a{color:#444444;font-size: 16px;display:block;}
.news-menu dl a:hover{color:#fff;}
.onnew{background:#dc2418 !important;}
.onnew a{color:#fff !important;}

/*hover*/
.news-menu dl a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#dc2418; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.news-menu dl a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}


.news-pag{margin:50px 0 45px 0;}
.news-pag a{color:#878787;margin:0 2px;height: 36px;line-height: 36px;padding:0 1em;display:inline-block;border-radius: 5px;}
.news-pag a:hover{background:#e62129;color:#fff;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}

.ny-page{ text-align:center; padding:40px 0; clear:both; }
.ny-page a{ background:#e4e4e4; line-height:26px; display:inline-block; font-size:12px; color:#666; padding:0 10px; margin:0 2px;}
.ny-page a.cur, .ny-page a:hover{ background:#666666;color:#fff;}
.ny-page .nowpage{ background:#666666;line-height:26px; display:inline-block; font-size:12px; color:#fff; padding:0 10px; margin:0 2px;}



.news-list{margin:60px 0 0 0;}
.xwhead{border-bottom: 1px #cccccc solid;padding:0 0 6px 0;}
.xwhead .fl{color:#444444;font-size: 18px;}
.xwhead .fr{font-size: 13px;color:#666666;}
.xwhead .fr a{font-size: 13px;color:#666666;}
.xwhead .fr a:last-child{color:#333333;}
.xwhead .fr img{margin:0 6px 0 0;position: relative;top:-2px;}




.newsLB ul{margin:44px 0 0 0;}
.newsLB ul li{ height:auto; float:left; margin:0 28px 0 0;width: 22.8%;border:1px #d6d7dc solid; margin:0 1% 2% 1%;}
.newsLB ul li .pic{ width:100%; height:233px; display:block;overflow:hidden; }
.newsLB ul li .pic img{width:100%; height:100%;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.newsLB ul li .rwzj{width: 94.1%;background:#f0f0f0;padding:2% 3%;font-size: 16px;color:#333333;line-height: 26px;height: 51px;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.newsLB ul li a:hover .rwzj{background:#dc2418;color:#fff;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}
.newsLB ul li a:hover .pic img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}





/*关于我们*/
.about{margin:55px 0 55px 0;}
.about p{color:#333;line-height: 30px;}
.about div {text-align: center;}




/*经典案例*/
.case{margin:28px 0 0 0;}
.case ul li{border-bottom: 1px #e4e4e4 dashed;height: 48px;line-height: 48px;position: relative;z-index: 4;overflow:hidden;}
.case ul li a{display:block;}
.case ul li .fl{width: 90%;color:#333333;}
.case ul li .fr{width: 10%;color:#666;}
.case ul li a:hover .fl,.case ul li a:hover .fr{color:#fff !important;background:#dc2418;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}





/*新闻中心*/
.xinwen{margin:40px 0 0 0;}
.xinwen ul li{border-bottom: 1px #e4e4e4 solid;padding:0 0 50px 0;margin:0 0 50px 0;}
.xinwenL{background:#949da6;text-align: center;padding:15px 17px;}
.xinwenL h2{font-size: 24px;color:#fff;font-weight: bold;line-height: 40px;}
.xinwenL p{color:#fff;}

.xinwenC{width: 25%;margin:0 0 0 3%;overflow:hidden;}
.xinwenC a img{width: 100%;height: 100%;

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;

}

.xinwenR{width: 62%;}
.xinwenR h3{}
.xinwenR h3 a{font-size: 20px;color:#333333;font-weight: normal;}
.xinwenR p{line-height: 28px;color:#333333;font-weight: normal;margin:1em 0;}
.xinwenR a{color:#333333;font-weight: bold;}
.xinwenR a:hover{color:#dc2418;}
.xinwen ul li:hover .xinwenL{background:#dc2418;
    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;


}
.xinwen ul li:hover .xinwenC img{

    transform:scale(1.2, 1.2);
    -webkit-transform:scale(1.2, 1.2);
    -o-transform:scale(1.2, 1.2);
    -moz-transform:scale(1.2, 1.2);

    transition: 1s all ease;
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition:1s all ease;
}


/**投诉中心**/
.compl-warp{ width:48%; margin:auto; padding-top:20px;}
.compl-filed { margin-top:26px; line-height:29px; min-height:29px; color:#4a4a4a;}
.compl-filed label{ width:120px; text-align:right; float:left; padding-right:5px;}
.compl-filed label .red{ color:#d21300;}
.compl-filed .inpt{ width:435px; height:27px; line-height:27px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .select{ width:158px; height:29px; line-height:29px; padding-left:3px; border:1px #cccbcb solid; border-radius:5px;}
.compl-filed .filed-item{ padding-right:5px; float:left;}
.compl-filed .filed-item input[type='radio']{ margin:0 8px 0 20px;}
.compl-filed .wth100{ width:100px; margin-right:10px;}
.compl-filed .select.wth100{ width:105px;}
.compl-filed .textarea{ width:435px; height:120px; border:1px #cccbcb solid; border-radius:5px; padding:5px;}
.compl-filed .btn{ background:#dc2418; width:100px; height:42px; line-height:42px; text-align:center; color:#fff; font-size:14px; border-radius:5px; cursor:pointer; border:none; }
.compl-tips{ padding:60px 90px 50px 90px; line-height:30px; color:#868686;}