�?* ---------------------------------------------------------- */
/*                                                            */
/* 项目：响应式网站                                           */
/*                                                            */
/* - 时间�?017.04.25                                         */
/* - 作者：tony                                               */
/*                                                            */
/*                                                            */
/*                           QQ:439933277                     */
/*                                                            */
/* ---------------------------------------------------------- */

@charset "utf-8";

/* 基准�?*/
body{color: #393a45;background-color: #ffffff}
a{color:#000}
a:hover{color:#af302d}
a:visited{color:#333333}
a:active,a:focus,a:hover{color:#333333}

/* base anim */
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    transition: all ease-in-out 0.25s;
}

.en{
    font-weight: normal;
    font-family: 'Times New Roman';
    color: #c3c3c3;
    text-shadow: none;
    text-transform: uppercase;
}
/*header*/
.header{width:100%;background:#fff;transition-duration: .5s;}
.indexbanner{background: url('../images/loading01.gif') center center no-repeat; overflow:hidden;}
.header .hbg{z-index:100;}
.header-min{ position:fixed;top:0; left:0; z-index:999;padding:0;box-shadow:#888 0 0 9px; transition-duration: .5s;}

.indexbanner .wrap{ position:relative; height:100%; top:-100%; color:#fff;}
.indexbanner .wrap .bk-row1{ position:absolute; background:url(../images/obg_1.png) repeat; height:100%; width:17%; z-index:99;}
.indexbanner .wrap .bk-row1 .btit{ text-align:center;}
.indexbanner .wrap .bk-row1 .btit span{ font-size:2.4rem; font-weight:bold; display:block; padding:2rem 0 0;}
.indexbanner .wrap .bk-row1 .btit span:after{ content:''; width:30%; height:1px; background:#949199; position:relative; display:block; margin:5px auto 0;}
.indexbanner .bk-ck{ padding:1rem 0 0; text-align:center;}
.indexbanner .bk-ck a{ display:inline-block; color:#fff; margin:8px 2% 0; width:30%; text-align:center; line-height:27px;font-size:13px;}
.indexbanner .bk-ck a i{ display:block; font-size:3rem;}
.indexbanner .bk-ck a:hover{ color:#e8162c;transition-duration: .1s;}
.indexbanner .wrap .bk-row2{ position:absolute; background:url(../images/obg_1.png) repeat; height:80%; width:17%; z-index:100000; right:0; top:10%;}
.indexbanner .wrap .bk-info{ border-top:1px dashed #fff; margin:10px 20px 0; padding-top:10px;}
.indexbanner .wrap .bk-info span{ display:block; margin:10px auto; color:#fff; font-size:1.6rem; font-weight:bold; width:60%;border-radius:35px; height:34px; line-height:34px; text-align:center; background:#e81b30;}
.indexbanner .wrap .bk-info a{ display:block; color:#fff; line-height:28px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.indexbanner .wrap .bk-info a:hover{ color:#f00;}


.abtn{ position:relative; display:block;margin:0 auto; width:77px; height:77px; left:0; right:0; z-index:1000; background:#b61d22; color:#fff; text-align:center; line-height:77px;border-radius:77px; top:-40px;}
.abtn span{ font-size:3.2rem; color:#fff;animation: UD 2s infinite; display:block;transform: translate3d(0,-5px,0);}
@keyframes UD{
  0%{transform: translate3d(0,-5px,0);}
  80%{transform: translate3d(0,15px,0);}
  100%{transform: translate3d(0,-5px,0);}
}
/* LOGO */
.logo{float: left; height:100px; vertical-align: middle; z-index: 2; position: relative;margin:0;}
.logo a{display: block; height: 100%}
.logo span{display: inline-block; height: 100%; width: 0; text-align: center; vertical-align: middle;}
.logo img{vertical-align: middle;max-height: 100%}
.logo:after{display: none;content: '';width: 1px;height: 68px;background-color: #e1e1e1;position: absolute;right: 0;top: 50%;margin-top: -34px}

.slogan{position: relative;float: left;width: 50%;height: 96px;vertical-align: middle;}
.slogan::before{content: " ";display: inline-block;height: 100%;width: 0%;vertical-align: middle;}
.slogan p{display: inline-block;vertical-align: middle;margin: 0;padding: 20px;font-size: 24px;color: #d41936;line-height: 1}
.slogan p small{padding-left: 15px;font-weight: normal;font-size: 14px;color: #414141}
.slogan p i{color: #d41936}

.head_tel{position: relative; height: 120px; text-align: right;}
.head_tel::before{content: " "; display: inline-block; height: 100%; width: 0%; vertical-align: middle;}
.head_tel p{display: inline-block; vertical-align: middle; font-size: 18px; color: #333333; line-height: 30px;}
.head_tel a{display: block; font-size: 26px;color: #d41936;font-weight: bold;}
.head_tel i{margin-right: 10px; font-size: 34px;color: #d41936}

.htel{text-align:right; line-height:100px;}
.htel i{ color:#e40617; font-size:2.5rem; cursor:pointer; margin-right:5px;}
.htel a{ color:#e40617; font-size:2.4rem; font-weight:bold; line-height:28px;}
.htel a span{ font-size:1.6rem; color:#333;}


.wapNavBtn{display:none;position:absolute;top:0;right:16px;cursor:pointer;
    animation: transform .4s ease-in-out 0s both;
    -moz-animation: transform .4s ease-in-out 0s both;
    -webkit-animation: transform .4s ease-in-out 0s both;
    -o-animation: transform .4s ease-in-out 0s both;
}
.wapLanguage{display:none;position:absolute;top:35px;right:120px;}
.wapLanguage .language{padding:0 14px;color:#999999;font-size:28px;line-height:28px;display:inline-block;*display:inline;*zoom:1;}
.wapLanguage .language.on{color:#00aa3a;}
.wapLanguage .language.cn{border-right:3px solid #bababa;}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}

/* 导航-1 */
.navBox{position: relative;font-size: 16px; z-index:100;}
.nav_transform1{}
.nav_transform1 .navTop{position:absolute;top:0px;display:none;height:4px;}
.nav_transform1 .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont li.child{position:relative;float:left;width:11%;text-align:center}
.nav_transform1 ul.navCont li.child a{display: block;color:#383838;line-height:100px; font-size:1.6rem;}
.nav_transform1 ul.navCont li.child a span{display:block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis}
.nav_transform1 ul.navCont li.child a span{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont li.child a img{vertical-align:middle;}
.nav_transform1 ul.navCont li.child a:hover span{ color:#e81a2f;}
.nav_transform1 ul.navCont li.child.cur a span{color:#e81a2f;}
.nav_transform1 ul.navCont li.child a span:after{ width:0;}
.nav_transform1 ul.navCont li.child.cur a span:after,.nav_transform1 ul.navCont li.child a:hover span:after{ content:''; background:#e81a2f; width:80%; display:block; position:absolute; height:5px; left:0; right:0; margin:0 auto; bottom:0;}
.nav_transform1 ul.navCont li.child.last a{border-right: 0px}
.nav_transform1 ul.navCont li.na1{ width:23%; padding:25px 0;}
.nav_transform1 ul.navCont li.na1 i{ color:#e40617; font-size:2.5rem; cursor:pointer; margin-right:5px;}
.nav_transform1 ul.navCont li.na1 a{ color:#e40617; font-size:1.9rem; font-weight:bold; line-height:28px;}
.nav_transform1 ul.navCont li.na1 a span{ font-size:13px; line-height:20px;}

.nav_transform1 ul.navCont li .search{ width:205px; height:40px; background:#fff; position:absolute; left:-50px; z-index:100000; display:none;}
.nav_transform1 ul.navCont li .search input{ background:#fff; border:none; height:40px; width:70%; float:left; padding:0 4%; line-height:40px; color:#999999;}
.nav_transform1 ul.navCont li .search .sbtn{ background:url(../images/sdot_1.jpg) no-repeat center center #fff; border:none; height:40px; width:22%; padding:0;}


/*二级*/
.nav_transform1 ul.navCont li.child .childcont{position:absolute;top:100%;z-index:999;display:none;width:200px;background-color:#333;padding: 10px 0;left: -60px;}
.nav_transform1 ul.navCont li.child .childcont a{line-height: 40px;border-right:0px;color:#fff; font-size:1.3rem;}
.nav_transform1 ul.navCont li.child .childcont a:hover{text-decoration: underline;}

/*nav anim*/
.nav_transform1 .bg{position:absolute;width:50%;height:50%;background:rgba(0,0,0,.8);display: none;}
.nav_transform1.skin-white .bg{background:rgba(255,255,255,.85)}
.nav_transform1.skin-blue .bg{background:rgba(13,98,190,.8);}
.nav_transform1 .bg1{top:0px;left:0px;}
.nav_transform1 .bg2{top:0px;right:0px;}
.nav_transform1 .bg3{bottom:0px;left:0px;}
.nav_transform1 .bg4{bottom:0px;right:0px;}
.nav_transform1.in .bg1{animation:navBgin1 .4s  ease-in-out 0s  both;
  -moz-animation:navBgin1 .4s  ease-in-out 0s  both;
  -webkit-animation:navBgin1 .4s  ease-in-out 0s  both;
  -o-animation:navBgin1 .4s  ease-in-out 0s  both;}
.nav_transform1.in .bg2{animation:navBgin2 .4s  ease-in-out 0s  both;
  -moz-animation:navBgin2 .4s  ease-in-out 0s  both;
  -webkit-animation:navBgin2 .4s  ease-in-out 0s  both;
  -o-animation:navBgin2 .4s  ease-in-out 0s  both;}
.nav_transform1.in .bg3{animation:navBgin3 .4s  ease-in-out 0s  both;
  -moz-animation:navBgin3 .4s  ease-in-out 0s  both;
  -webkit-animation:navBgin3 .4s  ease-in-out 0s  both;
  -o-animation:navBgin3 .4s  ease-in-out 0s  both;}
.nav_transform1.in .bg4{animation:navBgin4 .4s  ease-in-out 0s  both;
  -moz-animation:navBgin4 .4s  ease-in-out 0s  both;
  -webkit-animation:navBgin4 .4s  ease-in-out 0s  both;
  -o-animation:navBgin4 .4s  ease-in-out 0s  both;}
@keyframes navBgin1{
0%{ transform:translateX(-100%);}
100%{ transform:translateX(0);}
}
@-moz-keyframes navBgin1{
0%{ -moz-transform:translateX(-100%);}
100%{ -moz-transform:translateX(0);}
}
@-webkit-keyframes navBgin1 {
0%{ -webkit-transform:translateX(-100%);}
100%{ -webkit-transform:translateX(0);}
}
@-o-keyframes navBgin1{
0%{ -o-transform:translateX(-100%);}
100%{ -o-transform:translateX(0);}
}

@keyframes navBgin2{
0%{ transform:translateY(-100%);}
100%{ transform:translateY(0);}
}
@-moz-keyframes navBgin2{
0%{ -moz-transform:translateY(-100%);}
100%{ -moz-transform:translateY(0);}
}
@-webkit-keyframes navBgin2 {
0%{ -webkit-transform:translateY(-100%);}
100%{ -webkit-transform:translateY(0);}
}
@-o-keyframes navBgin2{
0%{ -o-transform:translateY(-100%);}
100%{ -o-transform:translateY(0);}
}

@keyframes navBgin3{
0%{ transform:translateY(100%);}
100%{ transform:translateY(0);}
}
@-moz-keyframes navBgin3{
0%{ -moz-transform:translateY(100%);}
100%{ -moz-transform:translateY(0);}
}
@-webkit-keyframes navBgin3 {
0%{ -webkit-transform:translateY(100%);}
100%{ -webkit-transform:translateY(0);}
}
@-o-keyframes navBgin3{
0%{ -o-transform:translateY(100%);}
100%{ -o-transform:translateY(0);}
}

@keyframes navBgin4{
0%{ transform:translateX(100%);}
100%{ transform:translateX(0);}
}
@-moz-keyframes navBgin4{
0%{ -moz-transform:translateX(100%);}
100%{ -moz-transform:translateX(0);}
}
@-webkit-keyframes navBgin4 {
0%{ -webkit-transform:translateX(100%);}
100%{ -webkit-transform:translateX(0);}
}
@-o-keyframes navBgin4{
0%{ -o-transform:translateX(100%);}
100%{ -o-transform:translateX(0);}
}
.nav_transform1.out .bg1{animation:navBgout1 .4s  ease-in-out .4s  both;
  -moz-animation:navBgout1 .4s  ease-in-out .4s  both;
  -webkit-animation:navBgout1 .4s  ease-in-out .4s  both;
  -o-animation:navBgout1 .4s  ease-in-out .4s  both;}
.nav_transform1.out .bg2{animation:navBgout2 .4s  ease-in-out .4s  both;
  -moz-animation:navBgout2 .4s  ease-in-out .4s  both;
  -webkit-animation:navBgout2 .4s  ease-in-out .4s  both;
  -o-animation:navBgout2 .4s  ease-in-out .4s  both;}
.nav_transform1.out .bg3{animation:navBgout3 .4s  ease-in-out .4s  both;
  -moz-animation:navBgout3 .4s  ease-in-out .4s  both;
  -webkit-animation:navBgout3 .4s  ease-in-out .4s  both;
  -o-animation:navBgout3 .4s  ease-in-out .4s  both;}
.nav_transform1.out .bg4{animation:navBgout4 .4s  ease-in-out .4s  both;
  -moz-animation:navBgout4 .4s  ease-in-out .4s  both;
  -webkit-animation:navBgout4 .4s  ease-in-out .4s  both;
  -o-animation:navBgout4 .4s  ease-in-out .4s  both;}
@keyframes navBgout1{
100%{ transform:translateX(-100%);}
0%{ transform:translateX(0);}
}
@-moz-keyframes navBgout1{
100%{ -moz-transform:translateX(-100%);}
0%{ -moz-transform:translateX(0);}
}
@-webkit-keyframes navBgout1 {
100%{ -webkit-transform:translateX(-100%);}
0%{ -webkit-transform:translateX(0);}
}
@-o-keyframes navBgout1{
100%{ -o-transform:translateX(-100%);}
0%{ -o-transform:translateX(0);}
}

@keyframes navBgout2{
100%{ transform:translateY(-100%);}
0%{ transform:translateY(0);}
}
@-moz-keyframes navBgout2{
100%{ -moz-transform:translateY(-100%);}
0%{ -moz-transform:translateY(0);}
}
@-webkit-keyframes navBgout2 {
100%{ -webkit-transform:translateY(-100%);}
0%{ -webkit-transform:translateY(0);}
}
@-o-keyframes navBgout2{
100%{ -o-transform:translateY(-100%);}
0%{ -o-transform:translateY(0);}
}

@keyframes navBgout3{
100%{ transform:translateY(100%);}
0%{ transform:translateY(0);}
}
@-moz-keyframes navBgout3{
100%{ -moz-transform:translateY(100%);}
0%{ -moz-transform:translateY(0);}
}
@-webkit-keyframes navBgout3 {
100%{ -webkit-transform:translateY(100%);}
0%{ -webkit-transform:translateY(0);}
}
@-o-keyframes navBgout3{
100%{ -o-transform:translateY(100%);}
0%{ -o-transform:translateY(0);}
}

@keyframes navBgout4{
100%{ transform:translateX(100%);}
0%{ transform:translateX(0);}
}
@-moz-keyframes navBgout4{
100%{ -moz-transform:translateX(100%);}
0%{ -moz-transform:translateX(0);}
}
@-webkit-keyframes navBgout4 {
100%{ -webkit-transform:translateX(100%);}
0%{ -webkit-transform:translateX(0);}
}
@-o-keyframes navBgout4{
100%{ -o-transform:translateX(100%);}
0%{ -o-transform:translateX(0);}
}
.nav_transform1.in .navCont{
  animation:navContentIn .4s  ease-in-out .4s  both;
  -moz-animation:navContentIn .4s  ease-in-out .4s  both;
  -webkit-animation:navContentIn .4s  ease-in-out .4s  both;
  -o-animation:navContentIn .4s  ease-in-out .4s  both;
}
@keyframes navContentIn{
0%{ transform:scale(0); opacity:0;}
80%{ transform:scale(1.1);}
100%{ transform:scale(1); opacity:1;}
}
@-moz-keyframes navContentIn{
0%{ -moz-transform:scale(0); opacity:0;}
80%{ -moz-transform:scale(1.1);}
100%{ -moz-transform:scale(1); opacity:1;}
}
@-webkit-keyframes navContentIn {
0%{ -webkit-transform:scale(0); opacity:0;}
80%{ -webkit-transform:scale(1.1);}
100%{ -webkit-transform:scale(1); opacity:1;}
}
@-o-keyframes navContentIn{
0%{ -o-transform:scale(0); opacity:0;}
80%{ -o-transform:scale(1.1);}
100%{ -o-transform:scale(1); opacity:1;}
}
.nav_transform1.out .navCont{
  animation:navContentOut .4s  ease-in-out 0s  both;
  -moz-animation:navContentOut .4s  ease-in-out 0s  both;
  -webkit-animation:navContentOut .4s  ease-in-out 0s  both;
  -o-animation:navContentOut .4s  ease-in-out 0s  both;
}
@keyframes navContentOut{
100%{ transform:scale(0); opacity:0;}
20%{ transform:scale(1.1);}
0%{ transform:scale(1); opacity:1;}
}
@-moz-keyframes navContentOut{
100%{ -moz-transform:scale(0); opacity:0;}
20%{ -moz-transform:scale(1.1);}
0%{ -moz-transform:scale(1); opacity:1;}
}
@-webkit-keyframes navContentOut { 
100%{ -webkit-transform:scale(0); opacity:0;}
20%{ -webkit-transform:scale(1.1);}
0%{ -webkit-transform:scale(1); opacity:1;}
}
@-o-keyframes navContentOut{
100%{ -o-transform:scale(0); opacity:0;}
20%{ -o-transform:scale(1.1);}
0%{ -o-transform:scale(1); opacity:1;}
}


/*
 * footer
 */
.footer{background:#383838;color:#999;text-align:center; font-size:1.4rem; position:relative; padding:2rem 0;}
.footer a{color: #999;}
.footer a:hover{ color:#e81a2f;}
.footer img{ margin:0 2%;}
.footer .share{ text-align:left;}
.footer .share p{ color:#fff; text-align:left;}
.footer .share p span{display:inline-block;}
.footer .dizhi{
    float:left;width:25%;
}
.footer .dizhi_info{
    width:75%;
}
.footer .frow{ text-align:left;}
.footer .frow a{ display:block;font-size:15px;}
.footer .frow span{ display:block; color:#f1f1f1; font-size:1.6rem; font-weight:bold; line-height:3rem;}

.footer .fconf{ border-top:1px solid #555; margin-top:2rem; padding-top:2rem;}

.title-1{ text-align:center; position:relative; line-height:2.6rem; }
.title-1 span{ color:#1a1a1a; font-size:3rem; display:inline-block;}
.title-1 p{ color:#7d7d7d; font-size:1.6rem;}
.t1 span{ color:#fff;}
.t1 p{ color:#b9b8b8;}


.sect_cate{ background:#f9f9f9; padding:4rem;}
.module_cate{}
.module_cate .cate_tit{ text-align:center;}
.module_cate .cate_tit span{text-align:center;color:#333333;font-size:3.6rem; text-transform:uppercase;}
.module_cate .cate_tit span:after{ content:''; width:5%; height:4px; background:#acce22; display:block; margin:0 auto; top:0;position:relative;}

.module_cate ul{margin:-50px 0 0;position: relative; list-style:none; text-align:center;}
.module_cate ul li{ display:inline-block; color:#1e1e1e; background:#fff; height:50px; line-height:50px; padding:0 1%; margin:0 5px;}
.module_cate ul li a{display: block;position: relative; font-size:1.8rem; font-weight:bold;}
.module_cate ul li:hover,.module_cate ul li.cur{color:#e81a2f;}
.module_cate ul li:hover a,.module_cate ul li a:hover,.module_cate ul li.cur a{ color:#e81a2f;}
.module_cate img{width: 100%}
/*.module_cate .subCate {
position: absolute;
left: 100%;
top: 0;
bottom: auto;
width: 300px;
background: #fff;
border: 1px solid #e7e5e6;
padding: 10px 20px;
z-index: 10;
display: none;
}*/
.module_cate .subCate {
background: #fff;
padding: 0 20px;
line-height: 2.2
}
.module_cate .subCate dl {
border-bottom: 1px solid #fff;
padding-left: 25px;
background: url('../images/i1.jpg') center left no-repeat;
}
.module_cate .subCate a{font-size: 14px}
.module_cate .subCate a:hover{transform:translate(10px);}
.module_cate li.open .subCate{display: block;}

.module_prod{height:auto;overflow:hidden}
.module_prod .swiper-container{padding:2rem 0}
.module_prod .media-box{background-color:#fff}
.module_prod .media-box p{padding:5px;font-size: 1.6rem}




/*地点*/
.m-form .btn{ background:#e8162c; border-color:#e8162c;border-radius:50px;}
.form-control{ border-color:#fff; background:#fff; color:#666;border-radius:50px; float:left; width:69%; }
.form-group label{ float:left; line-height:40px; font-size:1.6rem;}
.form-group{margin-bottom:0;}

.m-form2 .btn{ background:#e81228; border-color:#e81228; color:#fff;}
.m-form2 .form-control{ border-color:#e0e0e0; background:#fff; color:#666;border-radius:0; float:left; width:100%; margin-bottom:10px;}
.m-form2 .form-group label{ float:left; line-height:40px; font-size:1.6rem;}
.m-form2 .form-group{margin-bottom:0;}

/*联系我们*/
.sect_con{ background:#010101; padding:3rem 0;}
.bcont{ }
.bcont .btit span{ color:#fff; font-size:3.3rem; display:block;}
.bcont .btit i{ color:#fff; font-style:normal; text-transform:uppercase;}
.bcinfo{ padding:2rem 0 0; color:#fff;}
.bcinfo span{ font-size:1.6rem; line-height:2rem; display:block;}
.bcinfo p{ margin-top:1rem;}
.bcinfo p i{ font-size:1rem; font-style:normal; display:block; font-weight:bold; margin-top:1rem;}
.bcinfo p a{ color:#fff; font-size:3rem; font-weight:bold;}


/*
 * block
 */
.index_ {padding:3em 0 6em;}
.index_ .T{padding-bottom: 25px;text-align: center;color:#333333;overflow: hidden;}
.index_ .T h1{font-size: 36px;line-height:2;font-weight: bold;color: #1b56b2}
.index_ .T h2{font-size: 2rem;color: #999999;font-weight: normal;text-transform: uppercase;font-family: serif;letter-spacing: 3px;}
.index_ .T h2 strong{padding: 0 20px;position: relative;font-weight: normal;}
.index_ .T h2 span{color: #014785}
.index_ .T h2 a{display: block;font-size: 1rem;background-color: #014785;color: #fff;width: 100px;margin:0 auto;border-radius: 15px;font-weight: normal}
.index_ .T h2 .l{height: 4px;width:16px;background:#ccc;display: block;position: absolute;right: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .r{height: 4px;width:16px;background:#ccc;display: block;position: absolute;left: 100%;top: 50%;margin-top: -2px}
.index_ .T h2 .l:before{display: block;content: ' ';width:200px;height: 1px;background: #cccccc;position: absolute;right: 100%;bottom: 2px;margin-right: 0}
.index_ .T h2 .r:after{display: block;content: ' ';width:200px;height: 1px;background: #cccccc;position: absolute;left: 100%;bottom: 2px;margin-left: 0}
.index_ .T h3{font-size: 20px;font-weight: normal;}
.index_ .T h4{font-size: 30px;color: #1b56b2;font-weight: normal;}
.index_ .T span{font-size: 18px;color: #cccccc; text-transform:uppercase;}
.index_ .T h5{font-size: 16px;font-weight: normal;color: #fff;text-transform: uppercase;}
.index_scroll h2{color:#fff;}
.index_scroll .T .more{float:right;width:152px;height:59px;background:url(../images/i_18.png) 0 bottom no-repeat;overflow:hidden;text-indent:-999px;margin-right:20px;}

/*
* more: text or block
*/
a.more{color: #575757;margin:0 auto;}
a.more{ transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
a.more:hover{color: #fff;}
a.more.block{padding: 10px 30px;border: 1px solid #c5c2c2;display: inline-block;margin-top: 10px}
a.more.block:hover{color: #ee3f8c; background-color: #fff; border-color: #fff;}
a.button{width: 220px;height: 45px;border: 1px #eee solid;border-radius: 40px;background-color: #fff;display: block;margin: 0 auto;text-align: center;line-height: 45px;position: relative;overflow: hidden;}
a.button.anim span{position: absolute;left: 50%;top: 0;white-space: nowrap;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition-delay: 250ms;-moz-transition-delay: 250ms;-ms-transition-delay: 250ms;-o-transition-delay: 250ms;transition-delay: 250ms;}
a.button.anim i:before{font-size: 22px;color: #ec408c;position: absolute;top: 9px;left: 0;-webkit-transform: translateX(-200%);-ms-transform: translateX(-200%);-o-transform: translateX(-200%);transform: translateX(-200%);}
a.button.anim:hover i:before{left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
a.button.anim:hover span{left: 120%;}


/*
 * 搜索 
 */
.search_tool{width:100%;height:auto;background: #f5f5f5}
.widget-search-hot{font-size:14px;width: 100%}
.widget-search-hot a{padding:0 6px}
.widget-search-hot a:hover{text-decoration:underline}
.widget-search-form{padding-top: 40px}
.widget-search-form input{float:left;height:40px;vertical-align:top;font-size: 12px}
.widget-search-form .form-control{background: none;border:1px solid #cbcbcb}
.widget-search-form .search_btn{margin-left:-50px;width:50px;border: 1px solid #ccc;}
.widget-search-form .search_btn:hover{background-position: -94px -4px}

/* ==========================================================================
   Common
   ========================================================================== */
.opc0{opacity:0;}
.opc{opacity:0;}

.nbg{ background:#fafafa;}
/*媒体盒子模型*/
.media-box{display:block;text-align: center;margin-bottom:10px;width: 100%;}
.media-box .icon{display: inline-block; background: #fff; width: 100%; height: 240px; overflow: hidden; background:#eee; position:relative;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box h3{font-size: 1.6rem;padding:5px 10px;font-weight: normal;color: #000}
.media-box h3 i{ color:#e81a2f; font-style:normal;}
.media-box h3 span{ margin:0 2%;}
.media-box p{font-size: 1.6rem;padding:0 10px;line-height: 2;}
.media-box .icon img{width: auto;height: auto}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box .icon:hover img{transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2);}
.media-box .laytit{position: absolute;bottom:0;left: 0;width: 100%;font-size: 1.6rem;background: url(../images/layer_1.png);line-height: 2.4;color: #fff}
.media-box .amore3{ background:#e81a2f; color:#fff; text-align:center; font-size:1.6rem; line-height:43px; width:70%;border-radius:43px; margin:15px auto 0;}

.box-cont .media-box{ background:#fff; padding-bottom:20px;margin-bottom:20px;}
.box-cont .media-box h3{font-size: 1.6rem;padding:15px 0 0;font-weight: normal;color: #000}

.pro-box{ margin-bottom:15px;}
.pro-box a.icon{ padding:0;}
.pro-box a.icon:hover img{transform: scale(1.2,1.2); transition: all 0.6s;}
.pro-box p{font-size: 1.6rem; text-align:center; background:#323232; color:#fff;line-height:5rem;}
.pro-box a.icon i{ display:block; position:absolute; width:100%; height:100%; background:url(../images/ahover.png) repeat center center; top:0; left:0; z-index:10; display:none;}
.pro-box a.icon:hover i{ display:block;}
.pro-box:hover p{ background:#acce22;}


/*面包�?/
.PageCrumb{font-size: 1.4rem;line-height: 4;text-align:center;font-weight: normal;}
.PageCrumb a,.PageCrumb span{color: #666;padding: 8px 15px; border:1px solid #eee; background:#fff;}
.PageCrumb a:hover{color: #fff; background:#d10007;}

/* BOX */
.widget-box{background-color: #fff;color: #000;padding: 30px;margin-bottom: 20px}
.widget-box h4{font-size: 20px;line-height: 32px;margin-bottom: 25px}
.widget-box h4 a{float: right;font-size: 14px;font-weight: normal;color: #0e58a4}

/* portlet */
.portlet{width: 100%;margin-bottom: 15px;}
.portlet > .portlet-title{font-size: 20px;line-height: 32px;margin-bottom: 15px;font-weight: normal;padding-left: 10px;color: #000}
.portlet > .portlet-title a{float: right;font-size: 14px;font-weight: normal;color: #6e6e6e}
.portlet > .portlet-body {background-color: #f7f7f7}
.portlet.bordered > .portlet-body {border: 1px solid #e6e5e5}
.portlet.padding > .portlet-body{padding: 20px 25px}

/* 两列右侧自适应布局 */
.g-bd1{margin:0 0 10px;}
.g-sd1{position:relative;float:left;width:260px;margin-right:-260px;}
.g-mn1{float:right;width:100%;}
.g-mn1c{margin-left:290px;}
@media screen and (max-width: 640px){
    .g-bd1{margin:0 0 10px;}
    .g-sd1{position:relative;float:left;width: 100%;margin-right:0;}
    .g-mn1{float:right;width:100%;}
    .g-mn1c{margin-left:0;}
}

/* 问答*/
.ask-box{width:100%;padding-bottom:2rem;margin-bottom:1rem;border-bottom:1px dotted #ccc}
.ask-box i{position:absolute;font-size:12px;font-style:normal;color:#fff;display:block;width:20px;height:20px;font-weight:400;margin-right:10px;text-align:center;line-height:20px;top:0;left:0}
.ask-box h3{line-height:20px;font-weight:400;padding-left:30px;position:relative;margin-bottom:6px}
.ask-box h3 i{background-color:#666666}
.ask-box p{padding-left:30px;position:relative;line-height:1.4;color:#7e7d7d;}
.ask-box p i{background-color:#d41936}


/*fixed 20170627*/
#swiper_cusslide .media-box .icon{
    width: 183px;
    height: 165px;
}

.sec_bcon{ background:#383838; position:relative; padding:3rem 0; color:#fff;}
.block-5{ background:#e81a2f; padding:3rem 8%; position:relative; height:100%; margin-top:-6rem;}
.block-5:after{ content:""; width:100%; height:14%; position:absolute;background:#e81a2f; left:0; top:100%}
.block-5 p{ font-size:2rem; line-height:3rem; margin-bottom:2rem;}
.block-5 a{ display:inline-block; border:1px solid #fff; text-align:center; color:#fff; width:26%; line-height:3rem;border-radius:100px; margin-right:3%;}
.block-5 a:hover{ background:#f3d94c; border-color:#f3d94c;}
.block-5 span{ display:inline-block;}

.block-6{ position:relative;}
.block-6 img{ max-width:11%; position:absolute; right:5%; top:-3%;}
.block-6 p{ font-size:2.4rem; line-height:3.6rem; text-indent:8rem;}
.block-6 span{ color:#e81a2f; font-size:3rem; font-weight:bold;}

.sec_links{ position:relative; z-index:10; padding:3rem 0; text-align:left; background:#fff;}
.sec_links a{ display:inline-block; margin:0 1%; line-height:2.8rem;}
.sec_links a:hover{ color:#e81a2f;}

.place{ background:url(../images/nban_bg.jpg) no-repeat center center; padding:8rem 0; text-align:center; color:#fff;}
.place span{ display:block; font-weight:bold; font-size:5rem;}
.place a{ color:#fff;}
.place a:hover{ color:#f3c717;}



.mrg-t1{ margin-top:1rem;}
.mrg-t2{ margin-top:2rem;}
.mrg-t3{ margin-top:3rem;}
.mrg-t4{ margin-top:4rem;}
.mrg-t5{ margin-top:5rem;}
.mrg-t6{ margin-top:6rem;}
#footer_clear{
    clear:none;
}
.footer .full-row .span-2{
    width:20%;
}

.bottom-register-bar {
 min-width:1024px;
 width:100%;
 position:fixed;
 bottom:-100px;
 left:0;
 right:0;
 background-color:#fff;
 z-index:999;
 text-align:center;
 -webkit-box-shadow:0 -4px 0 0 rgba(0,0,0,.02);
 box-shadow:0 -4px 0 0 rgba(0,0,0,.02);
 -webkit-transition:all .5s;
 -moz-transition:all .5s;
 -o-transition:all .5s;
 -ms-transition:all .5s;
 transition:all .5s;
 border-top:1px solid #e5e5e5
}
.bottom-register-bar.show {
 bottom:0
}
.bottom-register-bar .bottom-regi-wrap {
 margin:0 auto;
 display:block;
 padding:10px 0 6px
}
.bottom-register-bar .bottom-regi-wrap span {
 color:#f85415;
 font-size:22px;
 margin-right:30px;
 vertical-align:middle
}
.bottom-register-bar .text-box-hd {
 width:300px;
 display:inline-block;
 margin-right:32px;
 vertical-align:middle
}
.bottom-register-bar .box-border {
 position:relative
}
.bottom-register-bar .box-border .icon-mobile {
 position:absolute;
 left:13px;
 top:8px;
 width:12px
}
.bottom-register-bar .box-border .icon-mobile img {
 width:100%
}
.bottom-register-bar .box-border input {
 border:1px solid rgba(0,0,0,.3);
 -webkit-border-radius:2px;
 border-radius:2px;
 -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.3);
 box-shadow:inset 0 0 1px rgba(0,0,0,.3);
 font-size:16px;
 padding:8px 15px 8px 38px;
 width:100%;
 outline:none;
 box-sizing:border-box;
}
.bottom-register-bar .bottom-regi-btn {
 display:inline-block;
 width:120px;
 -webkit-border-radius:2px;
 border-radius:2px;
 background-color:#f85415;
 text-align:center;
 padding:10px 20px;
 color:#fff;
 cursor:pointer;
 text-decoration:none;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s
}
.bottom-register-bar .bottom-regi-btn:hover {
 background-color:#fff666;
 color:#333
}
.bottom-register-bar .input-error .box-border input {
 border:1px solid #f60
}
.bottom-register-bar .input-error .box-border input:focus+.message {
 opacity:.95;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 filter:alpha(opacity=95);
 top:-38px;
 -webkit-transition:all .4s;
 -moz-transition:all .4s;
 -o-transition:all .4s;
 -ms-transition:all .4s;
 transition:all .4s
}
.bottom-register-bar .input-error .message {
 opacity:0;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:alpha(opacity=0);
 line-height:35px;
 background-color:#666;
 color:#fff;
 padding:0 20px;
 position:absolute;
 top:-20px;
 left:50%;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -o-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 -webkit-border-radius:6px;
 border-radius:6px;
 white-space:nowrap
}
.bottom-register-bar .input-error .message:after {
 content:" ";
 display:block;
 border-bottom:none;
 border-left:10px solid transparent;
 border-right:10px solid transparent;
 border-top:10px solid #666;
 position:absolute;
 top:33px;
 left:50%;
 margin-left:-10px
}
.bottom-register-bar .online-chat-hd {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 width:95px;
 height:100%;
 background-color:#ffe84a;
 cursor:pointer;
 padding:11px 6px 0 47px;
 text-align:center;
 font-size:.9em;
 line-height:1.2em;
 letter-spacing:.13em;
 -webkit-transition:all .2s;
 -moz-transition:all .2s;
 -o-transition:all .2s;
 -ms-transition:all .2s;
 transition:all .2s
}
.bottom-register-bar .online-chat-hd:hover {
 background-color:#ffee7c
}
.bottom-register-bar .online-chat-hd img {
 position:absolute;
 top:12px;
 left:13px;
 width:33px
}
.bottom-register-bar .online-chat-head-hd {
 position:absolute;
 top:0;
 right:0;
 display:inline-block;
 width:95px;
 height:100%;
 opacity:.9;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 filter:alpha(opacity=90);
 cursor:pointer;
 padding:35px 0 0;
 text-align:center;
 font-size:12px;
 color:#666;
 -webkit-transition:all .1s;
 -moz-transition:all .1s;
 -o-transition:all .1s;
 -ms-transition:all .1s;
 transition:all .1s
}
.bottom-register-bar .online-chat-head-hd:hover {
 opacity:1;
 -ms-filter:none;
 filter:none
}
.bottom-register-bar .online-chat-head-hd img {
 position:absolute;
 top:-27px;
 left:19px;
 width:56px
}
.bottom-register-bar .online-chat-head-hd.new-message:after {
 content:" ";
 display:block;
 background-color:red;
 width:12px;
 height:12px;
 -webkit-border-radius:50%;
 border-radius:50%;
 position:absolute;
 top:-27px;
 right:20px
}
        input::-webkit-input-placeholder{
            color:#aaa;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#aaa;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#aaa;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#aaa;
        }