@charset "utf-8";
* {margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box;}
html {font-size:62.5%;}
body {font-size:1.4rem;color:#333;line-height:160%;background:#fff;font-family:Verdana,Arial,"Microsoft YaHei","微软雅黑";}
ul,ol,dl{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4,h5 { }
img {border:0;vertical-align:middle;}

a:link,a:visited,a:active {color:#3460ac;text-decoration:none;}
a:hover {color:#f30;text-decoration:underline;}
a.a_all {color:#3460ac;text-decoration:none;font-size:1.6rem; display:block; border:0px solid #ddd; background:#fff; margin:20px 20px; line-height:40px; text-align:center;}

/*------移动版-----*/
@media screen and (max-width:767px) {

body { background:#f1f1f1;}

.top {	 overflow: hidden;width: 100%; position:absolute; top:0; left:0;}
.topBox {	width:100%;line-height: 60px;overflow: hidden;	}
.topBox_left {	display:none;}
.topBox_right {	float:left;text-align:left;color:#999;}
.topBox_right a {color:#ddd;padding:0 16px;}

.pageBox {width:100%; float:left; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; margin-bottom:10px; background:#fff;}

.banner { width:100%; min-height:400px;background:#3460ac url(images/bannerbg2.png) no-repeat; background-size:cover; overflow:hidden; color:#fff; padding-top:60px;}
.bannerBox { width:100%; }
.ztInfo { margin:0px 16px 0 16px; text-align: center; color: #333; font-size: 1.2rem; padding:1rem 0; background: #fff; float:left;}
.ztLogo {     float: left;line-height: 100%;width:50%;padding:0 1rem;}
.ztLogo img {   max-width:75%; }
.teyue { float:right; width:50%;border-left: 1px solid #ddd;padding:0 1rem;}
.teyue img {  max-width:100%; }
.ztTopic { float:left; margin:16px 18px 20px 18px;}
.ztTopic h1 {font-size:3.0rem;line-height:130%; font-weight:400;}
.ztTopic h2 {font-size:1.4rem;line-height:120%; margin-top:1.6rem; font-weight:400; }

.daoyan { background:#f8f8f8; padding:20px 0;}
.daoyan_t { float:left; width:100px;margin:0 0 16px 40px;}
.daoyan_t i { float:left; width:30px; height:30px; line-height:30px; background:#333;font-style:normal; color:#ccc; font-size:1.6rem;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%; text-align:center; margin-right:4px; }
.daoyan_c { float:left; padding:0 40px; line-height:160%; color:#666;}

.pageBox h1 { font-size:2.2rem; text-align:center;line-height:150%; font-weight:400; padding:28px 20px;}

.m-box {width:100%; }

.m_l { width:100%; }
.m_l a img { width:100%; }
.m_l p {width:100%; line-height:160%;  padding:22px 20px; color:#888; background:#f5f5f5;}

.m_r { width:100%; }
.m_r h2 { font-weight:400; padding:22px 20px;line-height:150%;font-size:1.8rem; }
.m_r p {width:100%; line-height:160%;  padding:0 20px; color:#888;}

a.a_more { display:none;}
a.a_all { display:block;}

.lm_title { margin:20px;}
.lm_title strong { border-left:4px solid #333; padding-left:10px; font-size:1.8rem; font-weight:400;}
.lm_list { padding-bottom:12px;overflow: hidden;}
.lm_list a { display:block; position:relative; float:left; padding:0 20px; width:50%; color:#333; margin-bottom:16px; line-height: 100%; }
.lm_list a span { float:left; position:absolute; display:block; padding:3px 10px; background:#333; color:#fff; font-size:1.2rem;}
.lm_list img { margin-bottom:12px; width:100%; border:1px solid #dedede;}

.contactus {margin:20px; overflow:hidden;}
.contactus div h6 { padding:10px 0; font-size:1.2rem; }
.lxff { float:left; width:100%; }
.mhry { float:left; width:100%;}
.gzwm { float:left; width:100%; }
.gzwm span { float:right; margin-right:20px; }

.footer { width:100%; overflow:hidden; color:#888;padding:2rem 0; }
.footerBox { width:100%; text-align:center; line-height:160%; font-size:1.2rem;}
.bottomMenu { display:none;}
/*.bottomMenu a { padding:0 15px; color:#333;}*/
.bottomContact { width:100%;padding:0 0 20px 0; float:left;}
.bottomContact span { display:block; float:left; width:100%;}
.bottomContact span a { color:#888;}
.bottomCopyright a { color:#888;}

.commform { display:none;}
}

/*------PC版-----*/
@media screen and (min-width:768px) {

.pageBox {width:100%;max-width:1000px; margin:0 auto;overflow: hidden;}

.top {	height: 32px;  line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
.topBox {	width:100%;	max-width:1000px;	margin:0 auto;}
.topBox_left {	float:left;	width:40%;}
.topBox_right {	float:right;width:60%;	text-align:right;color:#aaa;}
.topBox_right a {color:#666;padding:0 10px;}

.banner { width:100%; height:370px;background:#3460ac url(images/bannerbg1.png) no-repeat center 0;  overflow:hidden; color:#fff;}
.bannerBox { width:100%;max-width:1000px; margin:0 auto;}
.ztInfo { float: right; text-align: center; color: #333; font-size:1.2rem;padding:0 20px;background:#fff; width:24%; max-width:240px;   margin-top: 60px;}
.ztLogo {     float: left;line-height: 100%;width:100%; padding:20px 0;}
.ztLogo img {   max-width:100%; margin-bottom:10px; }
.teyue { float:left; padding:20px 0;width:100%;border-top:1px solid #ddd;}
.teyue img {  max-width:100%; }
.ztTopic { float:left; margin:80px 0 0 0; width:70%; max-width:700px; }
.ztTopic h1 {font-size:5rem;line-height:130%; font-weight:700;}
.ztTopic h2 {font-size:2rem;line-height:100%; margin-top:1.6rem; font-weight:400; background:#fff; color:#3460ac; display:inline-block; padding:6px; }

.daoyan { background:#f5f5f5; padding:20px 40px; margin:20px auto;}
.daoyan_t { float:left; width:6%; max-width:40px;}
.daoyan_t i { float:left; width:40px; height:40px; text-align:center; margin-bottom:8px; line-height:40px; background:#333;font-style:normal; color:#ccc; font-size:2.2rem;-moz-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
.daoyan_c { float:right; width:92%; max-width:840px;line-height:220%; color:#666;}

.pageBox h1 { font-weight:400;height:103px;padding: 30px 0; line-height:100%; text-align:center; font-size:34px; margin:30px 0 40px 0; background:url(images/tit_bg.png) top center no-repeat;}

.m-box {width:100%;margin-bottom: 40px;overflow: hidden; }

.m_l { width:46%;max-width:450px; float:left; }
.m_l a img { width:100%; }
.m_l p { line-height:160%;  padding:14px 0 0 0; color:#888; background:#fff;}

.m_r { width:50%; max-width:500px; float:right; }
.m_r h2 { font-weight:700;padding:0 0 20px 0;line-height:150%;font-size:20px; }
.m_r p {width:100%;  padding:0 0 20px 0; color:#666;font-size:16px; line-height:26px; }

a.a_more { display:inline;}
a.a_all { display:none;}

.lm_title { border-bottom:1px solid #dedede; padding-bottom:8px; margin:30px 0;}
.lm_title strong { border-left:4px solid #333;  padding-left:10px; font-size:16px; line-height:100%; font-weight:700;}
.lm_list {margin:0 0 30px 0; float:left; width:100%;}
.lm_list a { display:block; position:relative; float:left;margin:0 15px; width:220px;font-size:14px; line-height:100%; color:#333; }
.lm_list a:hover { color:#f30; }
.lm_list a span { float:left; position:absolute; display:block; padding:3px 10px; background:#333; color:#fff; font-size:12px;}
.lm_list img { margin-bottom:12px; border:1px solid #dedede;}

.contactus {margin:0 0 30px 0; float:left; width:100%;}
.contactus div h6 { padding:10px 0; }
.lxff { float:left; width:30%; }
.mhry { float:left; width:30%;}
.gzwm { float:right; width:38%; }
.gzwm span { float:left; margin-right:20px; }

.footer { width:100%; background:#fff; overflow:hidden; color:#888;padding: 30px 0; border-top:1px solid #dedede;}
.footerBox { width:100%;max-width:1000px; margin:0 auto; text-align:center; line-height:160%;}
.bottomMenu { width:100%; color:#ddd; padding:0 0 30px 0;}
.bottomMenu a { padding:0 15px; color:#333;}
.bottomContact { width:100%;padding:0 0 10px 0;}
.bottomContact span { padding:0 10px;}
.bottomContact span a { color:#888;}
.bottomCopyright a { color:#888;}

.commform { font-size:14px; margin:0 auto; width:1000px;}
.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 .cf-msg-add  {font-size:12px;}
.cf-send p { margin-bottom:10px; padding-left:13px;}
.commform .cf-msg-add .btn { background:#c51720;}
.commform .tit_b h3 {border-left:4px solid #333;  padding-left:10px; font-size:16px; line-height:100%; font-weight:700;}
}