@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
html,body{min-width: 1200px;}
img,input,button {border: 0;}
i,h2{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 14px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";font-size:16px;}
a:hover{color: #2968d0;}
button,img,input { vertical-align: middle;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }

html { height: 100%; position: relative; }
body{ margin:0; height:100%; background: #1a53a6 url(../images/bg.jpg) no-repeat; background-size:100% 100%;}

.por-main{ padding-top:70px; position:relative; overflow:hidden;}
.mainbox{ width:1180px; height:760px; background:#ffffff; margin:0 auto; box-sizing:border-box; }
.main_top{ height:94px; background:url(main_top.jpg) no-repeat;}
.nav_logo{ margin:12px 0 0 15px; float:left;}
.nav_tit{ margin:30px 30px 0 0px; float:right;}
.contant{ height:696px; padding:20px; box-sizing:border-box;}
.site{ color:#999999; height:30px; line-height:30px; background:url(icon01.png) no-repeat left; padding-left:30px;}
.site a{color:#999999;}
.nav_tab{ height:50px; line-height:50px; border-bottom:1px solid #ebebeb;}
.nav_tab ul li{ color:#b2b2b2; font-size:20px; font-weight:bold; width:120px; line-height:50px; text-align:center; display:block; float:left; position:relative; cursor:pointer;}
.nav_tab ul li.on{ color:#2e61af; background:url(icon02.png) no-repeat 0px center;}
.footer_n{font-size: 0; color: #B5D7FA; text-align: center;position: relative; height: 25px;}
#message{ height:470px;overflow: hidden;outline: none; padding:20px; padding-top:30px; box-sizing:border-box; overflow: auto;}
.dialog-msg {  -webkit-animation: dialogLeft .5s ease-in-out; animation: dialogLeft .5s ease-in-out; background: url(icon03.png) 0 top no-repeat; overflow: hidden;}
.dialog-all{ color:#666666;border-radius: 4px; margin-left: 60px; max-width: 620px; /* min-width: 520px; */ min-height:50px; line-height:30px; margin-bottom: 20px; border: 1px solid #bbbbbb; padding:10px; box-sizing:border-box; position:relative; float:left;}
.dialog-all:before {
	width: 0px;
	height: 0px;
	position: absolute;
	top: 13px;
	left:-16px;
	padding: 0;
	border: 8px solid transparent;
	border-color: transparent #fff transparent transparent ;
	content:'';
	z-index: 12;
}
.dialog-all:after {
	width: 0px;
	height: 0px;
	position: absolute;
	top: 12px; 
	left: -18px;
	padding: 0;
	border: 9px solid transparent;
	border-color: transparent #bbbbbb transparent transparent;
	content: '';
	z-index: 10 
	}
.dialog-send{ -webkit-animation: dialogRight .5s ease-in-out; animation: dialogRight .5s ease-in-out; background: url(icon04.png) no-repeat top right; padding-right:55px; overflow: hidden;}	
.dialog-sendMs{ color:#ffffff;border-radius: 4px;max-width:40em; background:#2e61af; min-height:50px; line-height:30px; float:right; word-wrap: break-word; word-break: break-all; padding:10px 20px; box-sizing:border-box; position:relative; }
.dialog-sendMs:after{
	content: '';
	position:absolute;
	width:7px;
	height:7px;
	background-color: #2e61af;
	transform: rotate(45deg) ;
	right: -4px ;
	top: 15px;

	}
.send_box{ background:#f1f1f1; height:120px; padding:20px; position: relative; box-sizing:border-box; }
.text-con{ width:975px; height:78px; background:#ffffff; border:1px solid #2e61af; border-radius:4px; float:left;}
#messCon{
	background: none;
    border: none;
    width: 99%;
    height: 78px;
    overflow: auto;
    outline: none;
    resize: none;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 26px;
    color: #333;
    font-family: "微软雅黑";
	}
.buttonsed{ float:left; margin-left:20px;}
.but{border: 0 none; color: #FFF;width: 100px; background-color: #2e61af; border-radius: 4px; height: 80px;line-height: 80px; font-size: 18px; cursor: pointer;outline: none;}
@media only screen and (max-width: 768px){
html,body{width: 100%; min-width: 100%;}	

.por-main{ padding:0; height:100%;overflow:hidden;}	
.mainbox{ width:100%;}
.nav_tit{ display:none;}
.main_top{height: 4rem;}
.nav_logo{margin:0;width:100%;height: 4rem;overflow:hidden;}
.nav_logo img{width:240px;margin: 5px 0 5px 5px;}
.contant{ height:auto; padding:5px; overflow-y:auto;}
.site{ display:none;}
.nav_tab{ height:30px; line-height:30px; border-bottom:1px solid #ebebeb;}
.nav_tab ul li{ color:#b2b2b2; font-size:14px; font-weight:bold; width:20%; line-height:30px; text-align:center; display:block; float:left; position:relative; cursor:pointer; z-index:2;}
.nav_tab ul li.on{ color:#2e61af; background:url(icon02.png) no-repeat 0px center; background-size:25%;}
#message{ padding:0;}
.dialog-msg{width:100%; margin-top:10px; background-size:30px;}
.dialog-all{ max-width:60%; line-height:25px; font-size:12px; margin-left:40px; padding:10px;}
.dialog-send{ width:100%; margin-top:10px; background-size:30px; padding-right:40px; box-sizing:border-box;}
.dialog-sendMs{ max-width:60%; min-height:25px; line-height:25px;}
.send_box{ position:fixed; bottom:10px; width:100%; height:60px; background:none; padding:10px; }
.text-con{ width:70%; height:40px;border-radius:50px;}
.buttonsed{ width:20%; margin-left:5px;}
.but{ width:80px; height:40px; line-height:40px; font-size:14px; border-radius:50px;}
.footer,.footer_n{ display:none;}
	#messCon{
    line-height: 2.3rem;
}
	}