*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}

.top { padding:0 10px; border-bottom:1px solid #dfdfdf; height:30px; line-height:30px; overflow:hidden; background:#fff;}
.banner { background:#3460ac url(images/banner.png) center top no-repeat; background-size:cover; height:370px;}
.text-l { float:left; width:660px; padding:60px 0}
.text-l h2 { font-size:48px; line-height:60px; margin:10px 0; font-weight:700; color:#fff;}
.text-l h3 { font-size:20px; color:#37578e; padding:0 20px; background:#fff; float:left; margin-top:10px;}
.read { padding:25px 35px; margin:30px 0; overflow:hidden; background:#f4f4f4;}
.read h3 { float:left; width:40px; margin:0 30px 0 0;}
.read h3 em { color:#fff; font-size:22px; margin:5px 0; width:40px; height:40px; line-height:40px; display:inline-block; text-align:center; background:#333; border-radius:20px;}
.read p { font-size:14px; line-height:30px; padding-top:5px; text-indent:30px;}
.nub_logo { width:258px; margin-top:50px; float:right; color:#fff; border:1px solid #fff; background:#3460ac; }
.nub { padding:0 20px 30px;}
.nub p { padding-bottom:10px; overflow:hidden}
.nub p span { font-size:16px;} .split { border-right:1px solid #fff; padding-right:30px;} .nub img { width:140px;}
.nub div h4 { width:36px; float:left; padding:3px; margin:0 10px 0 0; font-size:14px; line-height:20px;}

.tit { height:103px; line-height:90px; text-align:center; font-size:34px; color:#333; margin:20px 0 30px; background:url(images/tit_bg.png) top center no-repeat;}
.m-box { padding:10px 0; overflow:hidden}
.m_l { float:left; width:450px;} .m_l p { font-size:14px; line-height:24px; padding-top:20px; color:#666} .m_l p a { color:#37578e}
.m_r { float:right; width:500px;}
.m_r h3 { font-size:20px; margin-bottom:5px; color:#333; font-weight:700}
.m_r p { font-size:16px; line-height:26px; color:#666; margin-bottom:40px; height:78px; overflow:hidden} .m_r p a { color:#37578e}
.wrapper { width:1000px; margin:0 auto;}
.tit_b { border-bottom:1px solid #333; padding-bottom:8px; margin:30px 0}
.tit_b h3 { border-left:4px solid #333; margin-left:2px; padding-left:15px; font-size:22px; line-height:22px;}
.wq_list { overflow:hidden}
.wq_list li { float:left; width:220px; margin:0 15px; overflow:hidden}
.wq_list li h3 { float:left; padding:5px; background:#333; color:#fff; margin:10px 0 5px; font-size:14px;}
.wq_list li p { float:left; font-size:14px; line-height:26px;} .wq_list li p a { color:#333}

.ab_list { padding:10px 0}
.ab_list li { float:left; width:33%;}
.ab_list li h4 { font-size:14px; margin-bottom:10px;}
.ab_list li p { font-size:16px; margin-bottom:5px;}
.ab_list li .code { float:left; width:115px; height:110px; margin:-10px 20px 0 0;}
.more { display:none;}

.nav { background:#333; line-height:42px; height:42px; width:100%}
.nav a { color:#fff; font-size:16px; padding:0 30px; display:inline-block;}
.nav a.active,.nav a:hover { background:#3460ac; color:#fff;} .nav-fx { position:fixed; left:0; top:0}

.commform { font-size:12px;}
    .commform .cf-tit { height:30px; line-height:30px; border-top:1px solid #969696; background:#dfe8e6; padding:0 10px; font-size:18px;}
    .commform .cf-msg { width:94%; margin:5px auto; border-bottom:#ccc 1px dashed; padding:5px; padding-bottom:10px; }
    .commform .cf-msg-r { background:#fafafa; border:#e8e8e8 1px solid; width:96%; margin:5px auto; padding:0 10px;}
    .commform .cf-msg p { line-height:22px; margin:10px 0 5px; }
    .commform .cf-msg span { display:inline-block; margin-right:10px; color:#999; padding-right:20px; margin:5px auto; }
    .commform .cf-msg-add { width:99%; height:150px; padding:8px; color:#666; border:1px solid #ddd;}
    .commform .cf-login { height:20px; line-height:20px; }
    .commform .cf-login a { margin-right:20px; }
    .commform .cf-send { margin:5px auto 30px; }
    .commform .cf-send .username,.userpassword { border:1px solid #ddd; width:160px; height:20px; line-height:20px;}
    .commform .cf-send .btn { border:none; width:97px; height:35px; line-height:35px; background-position:0 -400px; text-align:center; font-weight:700; color:#fff; background:#c5171f; cursor:pointer;}
    .commform .cf-send input[type=checkbox] { width:16px; height:16px; border:1px solid #ddd; vertical-align:middle; margin:0 5px 0 10px; cursor:pointer; }
    .pagebar{ text-align: right; margin: 0 auto; padding: 10px 0; width: 94%; word-spacing: 20px; display: none;}
    .login-iframe{ margin-left: 20px;}
	.commform { margin-left:10px;}
	.commform .cf-msg-add  {font-size:12px;}
	.cf-send p { margin-bottom:10px; padding-left:13px;}
	.commform .cf-msg-add .btn { background:#c51720;}

.maodian { height:20px; display:block}
.comment textarea{ width:100%; height:152px;  border:1px solid #a7a6aa; }
.comment p{ margin:10px  0 20px 0;}
.input{ height:30px; line-height:30px; border:1px solid #c7c7c7; background:url(../images/input-bg.gif) repeat-x;}
.comment .btn{width:98px; height:34px; line-height:34px;color:#fff; background:#ff5e5e; font-size:14px; border:0; cursor:pointer;}

.footer { padding:20px 0; overflow:hidden;}
.footer p { line-height:20px; padding:5px 0; text-align:center; font-size:14px; margin:0}
.footer p a,.footer p span { color:#333; margin:0 5px;}
.footer p a:hover { color:#f60;}

@media (max-width: 768px) {
    .wrapper { width:100%!important;}
    .banner { background:#3460ac url(images/banner.png) top center no-repeat; background-size:cover; height:404px; overflow:hidden; padding:20px 10px 10px;}
    .nub_logo { margin:0; display:block; color:#fff; border:1px solid #fff; background:#3460ac; float:none; width:auto;}
    .nub_logo .logo { float:left; padding:0;} .nub_logo .logo img { width:150px;}
    .nub { padding:5px; float:right;}
    .nub p { padding-bottom:2px; overflow:hidden}
    .nub p span { font-size:16px;} .split { border-right:1px solid #fff; padding-right:15px;}
    .nub div h4 { width:36px; float:left; padding:3px; margin:0 10px 0 0; font-size:14px; line-height:20px;}
    .nub div img { width:120px;}
    .text-l { float:none; width:auto; padding:30px 0}
    .text-l h2 { font-size:2.6rem; line-height:3rem; margin:10px 0; font-weight:700; color:#fff;}
    .text-l h3 { font-size:1.5rem; color:#37578e; padding:0 10px; background:#fff; float:left; margin-top:10px;}
    .read { margin:0; padding:10px} .read h3 { margin:0 10px 0 0;}
    .nav a { padding:0 16px;}
    .tit { font-size:16px; background:none; line-height:20px; height:auto; padding:0 10px; margin:10px 0; font-weight:700}
    .m_l,.m_r { float:none; width:auto; margin-bottom:10px;} .m_l img { width:100%;}
    .m_l p { padding:10px; background:#f4f4f4} .m_l p a { display:none}
    .m_r h3{ padding:0 10px; font-size:18px; font-weight:400} .m_r p { margin-bottom:20px; padding:0 10px; font-size:14px;}
    .more { display:block; margin:10px; height:30px; line-height:30px; font-size:16px; color:#3460ac; border:1px solid #3460ac; text-align:center ;}
    .tit_b { border-bottom:0; margin:20px 10px;}
    .wq_list ul { display:flex; flex-flow:row nowrap; align-items: center; justify-content:space-between; margin:0 auto; width:100%; }
    .wq_list li { margin:0 5px; float:none; display:inline-block; width:46%;} .wq_list li img { width:100%;}

    .ab_list { padding:10px; background:#f4f4f4}
    .ab_list li { float:left; width:50%; height:130px;} .ab_list li:last-child{ float:left; width:100%; height:120px;}
    .ab_list li h4 { font-size:14px; margin-bottom:10px;}
    .ab_list li p { font-size:16px; margin-bottom:5px;}
    .ab_list li .code { float:left; width:115px; height:110px; margin:0 20px 0 0;}
    .ab_list .ab_list_code { width:100%}
}

/*.container{ display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; margin:0 auto; width:100%;background:#eee;}
.item{flex:1;height:200px; margin:0 5px;}*/

.container{  
    display:-moz-box;
    display:-webkit-box;
    display:box;
    width:100%;
    height:200px;
}  
.item1{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}  
.item2{-moz-box-flex:2;-webkit-box-flex:2;box-flex:2;}  
.item3{-moz-box-flex:3;-webkit-box-flex:3;box-flex:3;}