@charset "utf-8";
body{background:#fff;width: 100%;max-width: 1920px;margin:0 auto;}
*{font-family:"微软雅黑",Arial, Helvetica, sans-serif; -webkit-text-size-adjust:none; /*_behavior:url(/iepng/iepngfix.htc);*/behavior:url(/inc/file/ie-css3.htc);}
/* td,th,div,input,select,textarea,li,ol,dt,dd,h1,h2,h3,h4,h5,h6{font-size:12px; color:#333;} */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style-type:none;}
img{border:none; vertical-align:middle; }
.img img{max-height:100%; max-width:100%;}
.line{border-bottom:1px dashed #ccc; height:1px; overflow:hidden;}
.border{border:1px solid #ccc;}
.fl{float: left;}
.fr{float: right;}

/*文字大小，颜色，行距定义 fz:font-size；fc:font-color；flh:font-line-height*/
.fz_12px{font-size:12px;}
.fz_14px{font-size:14px;}
.fz_16px{font-size:16px;}
.fc_red{color:#ff0000;}
.fc_gory{color:#666;}
.fc_white{color:#fff;}
.fc_yellow{color:#ff6600;}
.flh_150{line-height:150%;}
.flh_180{line-height:180%;}

/*form*/
.form_input{border:1px solid #ccc; color:#333; background:url(/images/lib/global/input_bg.gif) #fff repeat-x; height:20px; line-height:20px;}
.form_area{border:1px solid #ccc; color:#333; background:url(/images/lib/global/input_bg.gif) #fff repeat-x; line-height:180%;}
.form_button{border:none; background:#505050; color:#fff; height:22px; line-height:22px; padding:0 5px; overflow:hidden; width:80px;}
.form_button_130{width:130px;}
.form_focus{border-color:red;}
.form_gory_button{border:none; background:url(/images/lib/global/button_grey.gif); width:110px; height:25px; line-height:25px; font-weight:bold; color:#555; text-align:center;}
select.form_focus{background:#ccc;}

.clean{zoom:1;}
.clean:after,.clean:before{display:table; content:'';}
.clean:after{clear:both;}

/* padding */
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank3{margin:0px auto; clear:both; height:3px; font-size:1px; overflow:hidden;}
.blank6{margin:0px auto; clear:both; height:6px; font-size:1px; overflow:hidden;}
.blank9{margin:0px auto; clear:both; height:9px; font-size:1px; overflow:hidden;}
.blank12{margin:0px auto; clear:both; height:12px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}

/*a*/
a{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
a.red{color:red; text-decoration:none;}
a.red:hover{color:red; text-decoration:underline;}

.wrap{width:1200px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nowrap{white-space: nowrap;}
.over{overflow: hidden;}
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.displayT{width: 100%;height: 100%;display: table;}
.tableC{display: table-cell;}
.inlineB{display: inline-block;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.center-vertical{position: relative;top: 50%;transform: translateY(-50%);}
.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img:hover{transform:scale(1, 1); -ms-transform:scale(1, 1); -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1);}
.iconfont{font-family:"iconfont";font-style:normal;vertical-align: middle;}
.fl{float: left;}
.fr{float: right;}
/*@font-face{font-family: 'fzltcxh';src: url(/inc/file/fonts/.ttf);}*/

.feedback{background: url(/images/frame/bg.jpg) no-repeat fixed center/cover;padding-bottom: 20px;}
.feedback .form{max-width: 1200px;width: 96%;margin:0 auto;}
.feedback .form .logo{display: block;padding:45px 0;}
.feedback .form form{border:1px solid #dedede;}
.feedback .form .title{line-height: 78px;background: #f4f4f4;font-size: 24px;color: #333;text-indent: 40px;}
.feedback .form .form-table{background: #fff;padding:30px 40px;}
.feedback .form .form-table .f-title{font-size: 18px;color: #000;margin-bottom: 10px;}
.feedback .form .form-table .tab{margin-bottom: 40px;}
.feedback .form .form-table .tab div{width: 20%;/*width: 16.6667%;*/background: #f4f4f4;text-align: center;font-size: 16px;color: #333;padding: 19px 0px;cursor: pointer;}
.feedback .form .form-table .tab div.on{background: #003586;color: #fff;}
.feedback .form .form-table .form-option{}
.feedback .form .form-table .form-option .secondary{margin-bottom: 30px;}
.feedback .form .form-table .form-option .secondary .s-name{font-size: 16px;color: #666;border:1px solid #dedede;padding: 12px 0;float: left;width: 20%;text-align: center;cursor: pointer;margin-right: 10px;margin-bottom: 10px;}
.feedback .form .form-table .form-option .secondary .s-name.on{border-color: #003586;color: #003586;}
/*.feedback .form .form-table .form-option .secondary .s-name + .s-name{margin-left: 10px;}*/
.feedback .form .form-table .form-option .checkbox-row{}
.feedback .form .form-table .form-option .checkbox-row .tr{line-height: 220%;margin-bottom: 1%;}
.feedback .form .form-table .form-option .checkbox-row .tr .left{font-size: 14px;color: #666;max-width: 4%;margin-right: 1%;white-space: nowrap;}
.feedback .form .form-table .form-option .checkbox-row .tr .right{width: 93%;}
.feedback .form .form-table .form-option .checkbox-row .tr .inlineB.nowrap{margin-right: 3.5%;}
.feedback .form .form-table .form-option .checkbox-row .tr span{width: 14px;height: 14px;overflow: hidden;display: inline-block;border-radius: 3px;position: relative;background: url(/images/cbox.png) no-repeat center/cover;vertical-align: middle;cursor: pointer;}
.feedback .form .form-table .form-option .checkbox-row .tr span.on{background-image: url(/images/cbox_on.png);}
.feedback .form .form-table .form-option .checkbox-row .tr .cb{position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;font-size: 100px;opacity: 0;cursor: pointer;}
.feedback .form .form-table .form-option .checkbox-row .tr .text{width: 178px;border:1px solid #dedede;height: 24px;text-indent: 10px;font-size: 14px;color: #999;border-radius: 3px;}
.feedback .form .form-table .form-option .checkbox-row .tr label{font-size: 14px;color: #999;margin-left: 5px;}
.feedback .form .form-table .form-option .checkbox-row .tr label.other{margin-right: 1%;}

.feedback .form .contact{border-top: 1px solid #dedede;padding-top: 35px;margin-top: 30px;}
.feedback .form .contact .c-title{font-size: 18px;color: #333;}
.feedback .form .contact .c-title span{font-size: 14px;color: #e81425;}

.feedback .form .contact .td{float: left;margin-top: 2%;}
.feedback .form .contact .td.d1{width: 31.3%;}
.feedback .form .contact .td.d2{width: 65.7%;}
.feedback .form .contact .td.d3{width: 100%;}
.feedback .form .contact .td + .td{margin-left: 3%;}
.feedback .form .contact .td label{line-height: 38px;font-size: 14px;color: #666;min-width: 80px;float: left;text-align: right;}
.feedback .form .contact .td label.lb{min-width: 98px;}
.feedback .form .contact .td label span{color: #e81425;}
.feedback .form .contact .td label.lb + .text{width: -webkit-calc(100% - 98px);width: -moz-calc(100% - 98px);width: calc(100% - 98px);}
.feedback .form .contact .td .text{width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px);width: calc(100% - 80px);border:1px solid #dedede;height: 38px;font-size: 14px;color: #999;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 10px;}
.feedback .form .contact .td.x1 .text{width: -webkit-calc(100% - 98px);width: -moz-calc(100% - 98px);width: calc(100% - 98px);}
/*.feedback .form .contact .td.x1 .text{width: 620px;}*/
.feedback .form .contact .td.x2{width: 100%;}
.feedback .form .contact .td.x2 label{vertical-align: top;}
.feedback .form .contact .td.x2 textarea{width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px);width: calc(100% - 80px);border:1px solid #dedede;padding:1% 10px;font-size: 14px;color: #999;resize:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback .form .sub{text-align: center;margin-top: 3%;}
.feedback .form .sub .btn{border:none;background: #e81425;color: #f4f4f4;font-size: 16px;width: 160px;height: 60px;line-height: 60px;cursor: pointer;}


@media only screen and (max-width: 1440px){
    .feedback .form .logo{padding: 3.75% 0;}

    .feedback .form .title{line-height: 50px;font-size: 20px;text-indent: 3.333333%;}
    .feedback .form .contact .c-title{font-size: 16px;}
    .feedback .form .form-table{padding: 2.5% 3.333333%;}
    .feedback .form .form-table .f-title{font-size: 16px;}
    .feedback .form .form-table .tab{margin-bottom: 3.333333%;}
    .feedback .form .form-table .tab div{padding: 10px 0;}
    .feedback .form .form-table .form-option .secondary{margin-bottom: 2.5%;}
    .feedback .form .form-table .form-option .secondary .s-name{font-size: 14px;padding: 6px 0;}
    .feedback .form .sub .btn{width: 120px;height: 40px;line-height: 40px;}
}

@media only screen and (max-width: 1024px){
    .feedback .form .logo{padding: 2% 0;}
    .feedback .form .logo img{height: 45px;}
    .feedback .form .title{font-size: 16px;}
    .feedback .form .form-table .f-title{font-size: 14px;}
    .feedback .form .form-table .tab div{width: 33.333333%;font-size: 14px;}
    /* .feedback .form .form-table .tab div:nth-child(1) , .feedback .form .form-table .tab div:nth-child(2) , .feedback .form .form-table .tab div:nth-child(3){width: 33.333333%;}
    .feedback .form .form-table .tab div:nth-child(4) , .feedback .form .form-table .tab div:nth-child(5){width: 50%;} */
    .feedback .form .form-table .form-option .checkbox-row .tr .right{width: auto;margin-left: 40px;float: none;}
    /*.feedback .form .form-table .tab div{width: 33.333333334%;font-size: 14px;}*/
}

@media only screen and (max-width: 768px){
    .feedback .form .title{line-height: 40px;font-size: 14px;}
    .feedback .form .form-table .tab div{font-size: 12px;}
    .feedback .form .form-table .form-option .secondary .s-name[class]{width: 44%;font-size: 12px;margin: 1% 3%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    .feedback .form .form-table .form-option .checkbox-row .tr label{font-size: 12px;}
    .feedback .form .contact{padding-top: 2.5%;margin-top: 3%;}
    .feedback .form .contact .c-title{font-size: 14px;}
    .feedback .form .contact .td[class]{width: 100%;float: none;margin-left: 0;}
    .feedback .form .contact .td[class] label{min-width: 0;width: 84px;font-size: 12px;}
    .feedback .form .contact .td[class] .text[class] , .feedback .form .contact .td[class] textarea{width: -webkit-calc(100% - 84px);width: -moz-calc(100% - 84px);width: calc(100% - 84px);font-size: 12px;}
    .feedback .form .sub .btn{width: 80px;height: 30px;line-height: 30px;font-size: 12px;}
}

@media only screen and (max-width: 414px){
    .feedback .form .form-table .tab div{width: 50%;}
}