body{margin:0 auto;max-width:1920px;width:100%;min-width: 1420px;font: 14px/1.5 arial,'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif; ;color: #666; padding:0;    box-sizing: border-box;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::-webkit-scrollbar { width: 5px; height: 8px; }
	::-webkit-scrollbar-track:enabled { background-color: transparent; }
	::-webkit-scrollbar-thumb:vertical { background-color: #1367b0; }
	::-webkit-scrollbar-thumb:horizontal { background-color: #1367b0; }
}
::selection {background: #38adfb;color: #ffffff;}
::-moz-selection {background: #38adfb;color: #ffffff;}
::selection {	background: #38adfb;color: #ffffff;}
::-moz-selection {background: #38adfb;color: #ffffff;}

div{margin:0; padding:0; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.wrap{margin:0 auto;width: 100%;position: relative;overflow: hidden;}
.table td,.table th{ padding:5px;}

.f_l,.fleft,.pull-left{float:left !important;}
.f_r,.fright,.pull-right{float:right !important;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
a{ text-decoration:none; color:#333; transition: all .2s linear 0s;}
a:hover{color:#203289;}
.borderEf{border: 1px solid #efefef;}
.borderEf img{width: 100%;display: block;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
*+html .clearfix{ height:1%;}

.word{word-break:break-all;}
.clear{clear: both; height: 0; }
.wrapper{width: 100%; overflow: hidden;}
.w1200,.container{width: 1200px;margin: 0 auto;}
.relative{position:relative;}
.absolute{position:absolute;}
.red{ color: #dc2626;}
.text-center{text-align: center;}
.h-100{ height:100%;}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.justify-content-between {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.items-center{
    -ms-items:center;
    align-items: center;
}

.empty_tips{text-align: center;font-size: 36px; line-height:2; color: #EFEFEF;}

/*input style*/
.form{ clear: both;}

.form .pro_check_list{}
.form .pro_check_list .pro_item{ display: inline-block; margin-bottom:10px;}
.form .pro_check_list span{ cursor: pointer; display: block; padding:4px 10px; border:1px solid #ccc; margin:5px;}
.form .form_item{ margin-bottom: 12px;}
.form .form_item:after{ content: ''; clear: both; display: block;}
.form .form_item .form_lable{ display: block; float: left; line-height:38px; width: 82px; text-align: right; padding-right:10px;}
.form .form_item .form_value{ display: block; float: left;  width: calc(100% - 95px);}
.form .form_item.form_inline{  width:50%; float: left; display: inline-block; vertical-align: middle; }

.form .form_item .input_txt{outline:none; display: block; border:1px solid #e3e3e3; height: 38px; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.form .form_item.form_textarea textarea{ height:150px;resize: none; outline:none;}
.form .form_item .input_txt:focus,.online_message_form .form_item.form_textarea textarea:focus{border-color: #077eca;}
.form .form_item .input_txt.captcha {width: 200px;display: inline-block;}
.form .form_item .verify_img {height: 32px;vertical-align: middle;margin-left: 5px;margin-right: 3px; cursor: pointer;}
.form .form_item .form_btn{ display: inline-block; height:46px; line-height:46px; text-transform: uppercase;text-align: center; color: #fff;background-color: #077eca;border: none;width: 150px; cursor: pointer;font-size: 16px; margin-right:5px;}
.form .form_item .form_btn.reset{ background-color: #555555;}
.form .form_item .form_btn:hover{ opacity:.9;}
.form .form_item .radio_check:checked + label{ color: #077eca;border-color: initial;}
.form .form_item .radio_check + label{ display: inline-block; padding:4px  16px; border:1px solid #e7e7e7; text-transform: capitalize; position: relative; cursor: pointer; margin-right:5px; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.form .form_item .radio_check:checked + label:after{ content: ''; display: block; position: absolute; bottom:0; right:0;  width:0; height:0;border-left: 4px solid transparent;border-top: 4px solid transparent;border-right: 4px solid #077eca;border-bottom: 4px solid #077eca;}
.form .form_item .radio_check{position: absolute; left: -9999em;}

.page{display:block;width:100%;text-align:center;line-height:30px; margin:30px auto;width:300px;margin-bottom:30px;}
.page li{width:auto; margin-left: 2px; overflow: hidden; height: 38px; float:left}
.page li.thisclass,.pages li:hover{background:#efefef;}


.page span{color:#999}
.page output{padding:0 3px}
.page a{border:1px solid #ddd;color:#999;display:inline-block;padding:3px 10px;min-width:20px;text-align:center}
.page .this_page{background:#efefef}.brief,.name{line-height:30px}

