/*公共的css*/
/*初始化的css*/
*{margin:0; padding:0; font-family:微软雅黑,Arial, Helvetica, sans-serif;letter-spacing:1px;box-sizing: border-box }

a{ color:#333; text-decoration:none;}
a:hover{text-decoration: none}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;}
.containerIndex{ margin:0 auto; position:relative;}
.w1220{width:1220px; margin:0 auto; }
.clear{clear:both;}
/*body{ overflow-x:hidden; }*/
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}
.hide{
    display: none !important;
}


/*pc端头部区域的样式*/
#topNav{
    width: 100%;
    height: 80px;
    display: block;
    padding: 16px 0 0 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    transition: all 0.1s;
}
#topNav:hover{
    background: #F7F8FA;
}
#topNav h1{
    display: inline-block;
    margin: -8px 0 0 0;
    float: left;
}
#topNav ul.listnav{
    display: inline-block;
    margin: 7px 0 0 220px;
}
#topNav ul.listnav>li{
    display: inline-block;
    padding: 0 20px;
    float: left;
}
#topNav ul.listnav>li>a{
    font-size: 16px;
    font-weight: 400;
    color: #202020;
    line-height: 34px;
    position: relative;
}
#topNav ul.listnav>li>a i{
    width: 10px;
    height: 14px;
    background: url(../img/navactive.png) no-repeat center;
    display: none;
    position: absolute;
    top: 4px;
    right: -12px;
}
#topNav ul.listnav>li:hover>a i,
#topNav ul.listnav>li.active>a i {
    display: inline-block;
}
#topNav .navtell{
    float: right;
    margin: 8px 0 0 0;
}


/*pc端顶部二级导航区域*/
#topNav ul.listnav>li{
    position: relative;
    height: 56px;
}
#topNav ul.listnav>li>ul:after{
    width: 70px;
    height: 3px;
    display: inline-block;
    content: ' ';
    background: #FFA200;
    position: absolute;
    top: 0;
    left: 0;
}
#topNav ul.listnav>li>ul{
    position: absolute;
    top: 56px;
    left: 20px;

    height: 0px;
    background: #FFFFFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);

    width: 0;
    overflow: hidden;
    padding:  0 18px;
    overflow: hidden;
    transition: all 0.3s;
}

#topNav ul.listnav>li:hover>ul {
    height: 90px;
}

#topNav ul.listnav>li>ul li{
    float: left;
    display: inline-block;
    margin: 0 12px;
    height: 90px;
   line-height: 90px;
}
#topNav ul.listnav>li>ul li a{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 34px;
    padding: 0 3px;
}
#topNav ul.listnav>li>ul li a:hover{
    background: #ffa200 ;
    color: #000000;
}

/*不一样的区域*/
#topNav ul.listnav>:nth-child(3)>ul,
#topNav ul.listnav>:nth-child(4)>ul{
    display: none;
}


#topNav ul.listnav>li:nth-child(2)>ul {  width: 800px;   }
/*#topNav ul.listnav>li:nth-child(3)>ul {  width: 800px;   }
#topNav ul.listnav>li:nth-child(4)>ul {  width: 800px;   }*/
#topNav ul.listnav>li:nth-child(5)>ul { width: 630px;
    left: -517px;  }
#topNav ul.listnav>li:nth-child(6)>ul {  width: 350px;  left: -247px; }
#topNav ul.listnav>li:nth-child(7)>ul {  width: 450px;  left: -346px;  }
#topNav ul.listnav>li:nth-child(5)>ul:after{  right: 20px;left: auto;  }
#topNav ul.listnav>li:nth-child(6)>ul:after{  right: 20px;;left: auto;  }
#topNav ul.listnav>li:nth-child(7)>ul:after{  right: 20px;;left: auto;  }













/*手机端的页头区域*/
#mobile{
    display: none !important;
}
#mobile.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100001;
    padding: 3px 12px;
    background-size: 100% 100%;
    height: 55px;
    box-sizing: border-box;
    background: #F7F8FA;
}
#mobile.header.active {
    background: #191919;
}

#mobile.header.bg { background: #124a59; }
#mobile.header .title {
    color: #fff;
    height: 100%;
    text-align: center;
    display: inline-block;
}
#mobile.header .title  h1{
    display: inline-block;
    margin: 0 0 ;
    height: 100%;

    padding: 0 0 ;
}
#mobile.header .title a{
    border: none;
    color: #0e0e0e;
    font-size: 0px;
    letter-spacing: 0px;
    padding: 0px 0;
    display: block;
    margin: 7px 0 0 0;
}
#mobile.header .title a img{
    height: 35px;
    display: inline-block;
}

#mobile .nav-btn>img {  width: 23px;  }
#mobile .nav-btn .mobileNavLeftBtn{  display: block;  }
#mobile .nav-out .mobileNavLeftBtn{  display: none;  }



#mobile .nav-btn {
    color: #231f20;
    height: 100%;
    text-align: center;
    width: auto;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    padding: 16px 0 0 0;
    float: right;
    z-index: 10000;
    margin: 0 0 0 0;
}


#mobile span.pagename{
    font-size: 13px;
    font-weight: 500;
    color: #666666;
    line-height: 50px;
    float: right;
    margin: 0 18px 0 0;
    display: none;
}

#mobilenavlist{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    background: rgba(0,0,0,0.2);
    z-index: 1000000;
}
#mobilenavlist .mobilenavlistright{
    width: 66%;
    height: 100%;
    display: inline-block;
    background: #ffffff;
    float: right;
    padding: 16px 18px;
}
#mobilenavlist .mobilenavlistright .mobileNavLeftBtnColse{
    width: 16px;
    height: 16px;
    display: inline-block;
    float: right;
}
#mobilenavlist .mobilenavlistright .mobileNavLeftBtnColse img{
    width: 100%;
}
#mobilenavlist .mobilenavlistright ul{
    margin: 40px 0 0 0;
    display: block;
    overflow: hidden;
}
#mobilenavlist .mobilenavlistright ul li{
    display: block;
}
#mobilenavlist .mobilenavlistright span.mobilenavlistrighttell,
#mobilenavlist .mobilenavlistright ul li a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    text-align: center;
    line-height: 50px;
    border-bottom: 1px #c7c7c7 solid;
}
#mobilenavlist .mobilenavlistright span.mobilenavlistrighttell{
    color: #FF9500;
    font-weight: 400;
    line-height: 54px;
}
#mobilenavlist .mobilenavlistright ul li.actvie a{
    font-weight: bold;
    color: #FF9500;
    border-bottom: 1px #FF9500 solid;
}



/*banner区域的样式*/
.bannerbox{
    position: relative;
    padding: 0 0;
    margin: 0 0;
}
.bannerbox>img{
    width: 100%;
    height: auto;
}


/*查看更多的按钮*/
.moreiconbtn{
    width: 280px;
    height: 70px;
    background: rgba(255,255,255,0.7);
    display: inline-block;
    border-radius: 35px;
    font-size: 26px;
    font-weight: 400;
    color: #202020;
    line-height: 66px;
    padding: 0 0 0 38px;
}
.moreiconbtn span{
    display: inline-block;
    position: absolute;
    padding: 0 16px 0 5px;
    box-sizing: border-box;
}
.moreiconbtn span img{
    position: relative;
    z-index:100;
    left: 0;
    transition: all 0.3s;
}
.moreiconbtn span:after{
    width: 42px;
    height: 42px;
    display: inline-block;
    content: ' ';
    background: #FFA200;
    border-radius: 50%;
    position: absolute;
    top: 14px;
    right: 0;
    z-index: 1;
}
.moreiconbtn:hover{ background: #ffffff; }
.moreiconbtn:hover span img {  left: 12px;  }



/*分页区域*/
.page{
    margin: 30px 0 80px 0;
    display: block;
    text-align: center;
}
.page .buttons.blue>div,
.page .buttons.blue>a {
    padding: 9px 14px;
    background: #fff;
    display: inline-block;
    border: 1px #dcdcdc solid;
    margin: 0 4px;
    color: #545454;
    font-size: 14px;
    padding: 9px 14px !important;
}

.page .buttons.blue .active,
.page .buttons.blue>div:hover,
.page .buttons.blue>a:hover {
    background: #FFA200;;
    color: #fff;
}








/*pc端页脚区域的文字*/
#footerbox{
    position: relative;
}
#footerbox .tellboxfooter{
    padding: 9% 0 3% 0;
    text-align: center;
    display: none;
}
#footerbox .boxbg .boxbgback {
    width: 100%;
    height: 200px;
    background: #f7f8fa;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
#footerbox .boxbg .footerInfo{
    display: block;
    padding: 24px 0;
    background: #F7F8FA;
}
#footerbox .boxbg .footerInfo .footerinfotext{
    width: 1320px;
    display: block;
    margin: 0px auto;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla{
    text-align: center;
    font-size: 0;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul{
    display: inline-block;
    vertical-align: text-top;
    margin: 0 140px 20px 0;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul:last-child{
    margin: 0 0 ;
}

#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li{
    display: block;
    overflow: hidden;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li:nth-child(1) a{
    font-size: 20px;
    font-weight: 400;
    color: #202020;
    line-height: 66px;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li a{
    display: block;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
    text-align: left;
    position: relative;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li:not(:nth-child(1)) a i{
    width: 10px;
    height: 14px;
    content: ' ';
    display: inline-block;
    background: url(../img/navactiveH.png) no-repeat center;
    vertical-align: inherit;
    margin: 0 2px 0 0;
    opacity: 0;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li:not(:nth-child(1)) a:hover i{
    opacity: 1;
}
#footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li:not(:nth-child(1)) a:hover{
    color: #ffa200;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx{
    display: block;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none;
    border-right: none;
    padding:40px 0 30px 0;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome{
    width: 25%;
    display: inline-block;
    float: left;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome.footerwxdomeone h3{
    font-size: 22px;
    font-weight: 400;
    color: #202020;
    line-height: 24px;
    margin:10px 0;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome.footerwxdomeone p{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome.footerwxdomeimg{
    text-align: right;
}

#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome .footerwxdomeleft{
    display: inline-block;
    max-width: 150px;
    text-align: left;
    padding: 0 14px 0 0 ;
    position: relative;

}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome .footerwxdomeleft h3{
    font-size: 22px;
    font-weight: 400;
    color: #202020;
    line-height: 31px;
    margin: 0 0 0 0;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome .footerwxdomeleft h3:before{
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(../img/footerpcimg.png) no-repeat 3px 0px;
    content: ' ';
    position: absolute;
    top: 2px;
    left: -37px;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome:nth-child(3) .footerwxdomeleft h3:before {
    background: url(../img/footerpcimg.png) no-repeat -34px 0px;
}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome:nth-child(4) .footerwxdomeleft h3:before {
    background: url(../img/footerpcimg.png) no-repeat -68px 0px;
}

#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome .footerwxdomeleft p{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    line-height: 31px;
    margin: 0 0 0 0;

}
#footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome.footerwxdomeimg img{
    float: right;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
}
#footerbox .boxbg .footerInfo .footerinfotext p.IPC a,
#footerbox .boxbg .footerInfo .footerinfotext p.IPC{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 66px;
    text-align: center;
}


/*手机端页脚区域的文字*/
#footerbox .mobileboxbg{
    display: none;
    height: 100%;
    padding: 55px 10px 0 10px;
}
#footerbox .mobileboxbg .mobiletellboxfooter{
    padding: 14% 6%;
    /*border-bottom: 1px #f1f1f1 solid;*/
    display: none;
}

#footerbox .mobileboxbg .mobileulbox .mobilebox{
    border-bottom: 1px #ededed solid;
}
#footerbox .mobileboxbg .mobileulbox .mobilebox:nth-child(1){
    border-top: 1px #ededed solid;
}


#footerbox .mobileboxbg .mobileulbox .mobilebox span{
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    font-size: 15px;
    font-weight: 400;
    color: #202020;
    line-height: 42px;
    padding: 0 6px;
}
#footerbox .mobileboxbg .mobileulbox .mobilebox span i{
    width: 13px;
    height: 13px;
    display: inline-block;
    float: right;
    background: url(../img/mobilefooter.jpg) no-repeat 0px -14px;
    margin: 14px 0 0 0;
}
#footerbox .mobileboxbg .mobileulbox .mobilebox.activecheck span{
    border-bottom: 1px #ededed solid;
}
#footerbox .mobileboxbg .mobileulbox .mobilebox.activecheck span i{
    background: url("../img/mobilefooter.jpg") no-repeat 0px 0px;
}

#footerbox .mobileboxbg .mobileulbox .mobilebox .mobileul{
    display: block;
    overflow: hidden;
    background: #F7F8FA;
}
#footerbox .mobileboxbg .mobileulbox .mobilebox .mobileul li{
    display: inline-block;
    float: left;
    width: 25%;
    text-align: center;
    height: 0px;
}
#footerbox .mobileboxbg .mobileulbox .mobilebox .mobileul li a{
    width: 100%;
    border-right: 1px #bfbfbf solid;
    font-size: 13px;
    font-weight: 400;
    color: #454545;
    line-height: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 0 2px;
    margin: 12px 0 0 0;

}
#footerbox .mobileboxbg .mobileulbox .mobilebox .mobileul li:nth-child(4n) a{
    border: none;
}

#footerbox .mobileboxbg .mobilefooterwx{
    margin: 5% 0 0 0;
}
#footerbox .mobileboxbg .mobilefooterwx .mobilefooterwxadd p{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #454545;
    line-height: 20px;
    margin: 4px 0 0 0;
}
#footerbox .mobileboxbg .mobilefooterwx .mobilefooterwxdomeimg{
    border: 1px solid #E1E1E1;
    text-align: center;
    margin: 5% 0 0 0;
    display: block;
    overflow: hidden;
}
#footerbox .mobileboxbg .mobilefooterwx .mobilefooterwxdomeimg span{
    width: 33%;
    display: inline-block;
    float: left;
    padding:5px 0;
}
#footerbox .mobileboxbg .mobilefooterwx .mobilefooterwxdomeimg span img{
    width: 53px;
}
#footerbox .mobileboxbg .mobilefooterwx .mobilefooterwxdomeimg span p{
    font-size: 12px;
    color: #333;
    writing-mode: tb-rl;
    font-family: "宋体";
    font-weight: 400;
    display: inline-block;
    position: relative;
    transform: scale(0.95);
    margin: 0px 0 0 2px;
    vertical-align: bottom;
}
#footerbox .mobileboxbg .mobilefooterwx .mobilefooterwxdomeimg span p:before{
    width: 100%;
    height: 5px;
    display: inline-block;
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    background: #FFA200;
    z-index: -1;
}

#footerbox .mobileboxbg  p.mobileIPC{
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 17px;
    text-align: center;
    margin: 5% 0 0 0;
}
#footerbox .mobileboxbg  p.mobileIPC a{
    display: block;
    color: #666666;
}




/*位置导航区域*/
.wz{
    margin: 40px auto 40px auto ;
    padding: 0;
    color: #666666;
    font-size: 15px;

}
.wz img.right{
    margin: 7px 0 0 0;
    vertical-align: top;
}
.wz img.wzIMGOne {
    width: 16px;
    vertical-align: text-bottom;
}

.wz a{
    color: #666666;
    font-size: 15px;
}
.wz a:hover{
    color: #FFA200;
}
/*上下一页区域*/
.backBtn{
    display: block;
    width: 100%;
    margin: 30px 0 0 0;
    background: url("../img/backborder.png") repeat-x;
    padding: 40px 0 0 0;
}
.backBtn a{
    display: inline-block;
    color: #0f0f0f;
    font-size: 18px;
    text-align: left;
}
.backBtn a:hover{
    color: #FFA200;
}
.backBtn a i{
    width: 33px;
    height: 22px;
    display: inline-block;
    background: url(../img/back.png) no-repeat center;
    vertical-align: top;
}

.fenye{
    margin: 0 0 0 0;
    padding:36px 0 90px 0;
    overflow: hidden;
    display: block;
}
.fenye a{
    color: #0f0f0f;
    font-size: 18px;
    line-height: 32px;
    transition: all 0.3s;
    text-align: left;
    padding: 0 10px 0 0;
    overflow: hidden;
    height:50px;
    white-space:nowrap;/* 规定文本是否折行 */
    overflow: hidden;/* 规定超出内容宽度的元素隐藏 */
    text-overflow: ellipsis;
    position: relative;
    text-decoration: none;

}
.fenye a:nth-child(2){
    float: right;
}
.fenye  a i{
    position: absolute;
    width: 0%;
    transition: all 0.3s;
    height: 2px;
    background: #FFA200;
    bottom: 0;
    left: 0;
}
.fenye  a:hover i{
    width: 100%;
}

.fenye a span{
    text-align: center;
    line-height: 32px;
    color: #FFA200;
    margin: 0 10px;
    font-size: 18px;
}

.fenye a:hover{
    color: #FFA200;
}






/*公共的页脚区域的表单*/

.container-fluid.commentfooterfrom{
    padding: 60px 0 80px 0;
    background: url("../img/footerform.png") no-repeat 0 0;
    background-size: cover;
}
.container-fluid.commentfooterfrom .container{
    padding: 0 0 ;
    display: block;
    overflow: hidden;
}
.container-fluid.commentfooterfrom .left{
    padding: 4% 0 0 0 ;
    max-width: 540px;
    box-sizing: border-box;
}
.container-fluid.commentfooterfrom .left img{
    max-width: 100%;
}
.container-fluid.commentfooterfrom .right{
    padding: 0 0 40px 0;
    width: 720px;
    display: inline-block;
}
.container-fluid.commentfooterfrom .footerform {
    width: 100%;
    height: auto;
    padding:50px 70px 70px 70px;
    box-sizing: border-box;
    background: #fff;
    text-align: center;
    border: 4px solid #002F4B;
    position: relative;
}
.container-fluid.commentfooterfrom .footerform .dolieTitle{
    text-align: center;
    position: relative;
    display: inline-block;
}
.container-fluid.commentfooterfrom .footerform .dolieTitle h3 {
    margin: 0 0 4px 0;
    font-weight: bold;
    position: relative;
    height: 34px;
    font-size: 34px;
    color: #002F4B;
    line-height: 35px;

}
.container-fluid.commentfooterfrom .footerform .dolieTitle h3 span{
    padding: 0 0;
    z-index: 100;
    position: relative;
}
.container-fluid.commentfooterfrom .footerform .dolieTitle i{
    width: 100%;
    height: 8px;
    content: ' ';
    background: #FF9500;
    display: block;
    position: absolute;
    bottom: 0%;
    left: 0;
}
.container-fluid.commentfooterfrom .footerform .dolieTitle p {
    font-size: 15px;
    font-weight: 400;
    color: #999999;
    line-height: 35px;
    margin: 0 0 10px 0;
    text-align: center;
}

.container-fluid.commentfooterfrom .footerform .dolieinput{
    width: 48%;
    position: relative;
    display: inline-block;
    padding: 0 10px 0 0px;
    margin-bottom: 8px;
    height: 55px;
}
.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(2):after{
    width: 20px;
    height: 12px;
    display: inline-block;
    background: url(../img/indexleft.png) no-repeat center;
    background-size: 9px;
    content: ' ';
    position: absolute;
    top: 22px;
    right: 26px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}


.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(5),
.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(6){
    margin-bottom: 40px;
}

/*.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(2n){
    padding: 0 0 0px 10px ;
}*/
/*.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(2n)>span{
    left: 3px;
}*/
.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(3),
.container-fluid.commentfooterfrom .footerform .dolieinput:nth-child(5){
    float: right;
}



.container-fluid.commentfooterfrom .footerform .dolieinput>span{
    position: absolute;
    top: 19px;
    left: 0;
    font-size: 15px;
    color: #202020;
    width: 76px;
    text-align: center;
    border-right: 1px #202020 solid;
    line-height: 14px;
    letter-spacing: 0;
}



.container-fluid.commentfooterfrom .footerform .dolieinput span i{
    color: red;
    vertical-align: middle;
    margin: 0 0 0 0;
    font-style: normal;
}
.container-fluid.commentfooterfrom .footerform .dolieinput .pick-area,
.container-fluid.commentfooterfrom .footerform .dolieinput input {
    width: 100%;
    line-height: 50px;
    height: 50px;
    border: none;
    padding: 0px 0px 0 83px;
    box-sizing: border-box;
    font-size: 15px;
    color: #202020;
    margin: 0;
    border-bottom: 1px #e5e5e5 solid;
    background: none;
    letter-spacing: 0;

}



.container-fluid.commentfooterfrom .footerform .dolieinput input::-webkit-input-placeholder,
.container-fluid.commentfooterfrom .footerform .dolieinput input:-ms-input-placeholder ,
.container-fluid.commentfooterfrom .footerform .dolieinput input::-moz-placeholder { /* WebKit browsers */
    color: #999999;
    font-size: 14px;
    letter-spacing: 0;
}

.container-fluid.commentfooterfrom .footerform .dolieinput ul#element1footer{
    display: block;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 150px;
    background: #ffffff;
    z-index: 1000;
    overflow-y: scroll;
    border: 1px #868686 solid;
    display: none;
    padding: 8px;
}
.container-fluid.commentfooterfrom .footerform .dolieinput:hover ul#element1footer {
    display: block;
}
.container-fluid.commentfooterfrom .footerform .dolieinput  ul#element1footer li {
    border-bottom: 1px #f1f0f0 solid;
    margin: 0;
    list-style: none;
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    padding: 4px 10px;
    letter-spacing: 0;
    cursor: pointer;
    font-size: 15px;
}
.container-fluid.commentfooterfrom .footerform .dolieinput ul#element1footer li:hover{
    background: #f39800;
    color: #ffffff;
}



.container-fluid.commentfooterfrom .footerform .doliesubmit:hover {
    background: #f39800;
    color: #fff;
    border: 1px #f39800 solid;
}
.container-fluid.commentfooterfrom .footerform .doliesubmit {
    width: 60%;
    height: 54px;
    font-size:20px;
    font-weight: bold;
    padding: 10px 32px;
    border-radius: 1px;
    box-sizing: border-box;
    border: 1px #CCCCCC solid;
    display: block;
    outline: none;
    color: #ffffff;
    background: #CCCCCC;
    cursor: pointer;
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin: 0 0 0 -30%;
}










@media screen and (max-height: 750px) {
   
    #footerbox .tellboxfooter {
        padding: 7% 0 3% 0;
    }
    #footerbox .tellboxfooter img{
        max-width: 730px;
    }
    #footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li:nth-child(1) a {
        font-size: 19px;
        line-height: 46px;
    }
    #footerbox .boxbg .footerInfo .footerinfotext .footeralla ul li a {
        font-size: 15px;
        line-height: 34px;
    }

    #footerbox .boxbg .footerInfo .footerinfotext .footerwx {
        padding: 30px 0 20px 0;
    }
    #footerbox .boxbg .footerInfo .footerinfotext .footerwx .footerwxdome .footerwxdomeleft h3 {
        font-size: 18px;
        line-height: 25px;
    }
    
}