@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;}

/*------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,.wrapper {	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:888px;background:#333 url(images/banner.jpg) no-repeat top center;  overflow:hidden; color:#fff;}
    .bg_1 { background:url(images/bg_1.jpg) no-repeat top center; height:720px;}
    .bg_2 { background:url(images/bg_2.jpg) no-repeat top center; height:720px;}
    .bg_l { background:#f3f3f3; padding:0 0 80px}
    .qy { padding:700px 0 0;}
    .qy em { display:block; width:50px; height:50px; line-height:50px; font-size:24px; font-style:normal; background:#7d7d7d; border-radius:50%; text-align:center; margin:10px 0}
    .qy p { font-size:16px; text-indent:32px; line-height:32px;}
    .qy_l { float:left; padding:0 20px;}
    .tit { text-align:center; margin:0 auto; padding:80px 0;}
    .tit_l { border:3px solid #000; border-right:0; width:36px; height:107px; display:inline-block}
    .tit_r { border:3px solid #000; border-left:0; width:36px; height:107px; display:inline-block}
    .tit h2 { font-size:42px; color:#9d1b00; font-weight:400; display:inline-block; margin:0 20px; position:relative; top:-40px;}
    .bg_w { padding:0 0 80px}
    .m-text { overflow:hidden}
    .m-text .img410 { float:left; margin-right:50px;}
    .m-text .text { padding-bottom:30px;}.m-text .text h3 { font-size:22px;  color:#000; margin-bottom:10px;} .m-text .text p { font-size:16px; color:#333; line-height:36px;}
    .img-text { padding:0 30px;}
    .img-text img { margin:0 15px 20px;}
    .img-text h3 { font-size:16px; color:#000; margin-bottom:20px;}
    .img-text p { line-height:30px; font-size:14px; color:#333}
    .jy { background:#999; padding:20px 0}
    .jy h3 { font-size:30px; margin-bottom:20px; color:#fff; font-weight:400}
    .jy p { font-size:14px; color:#fff; line-height:30px;}
    .jy_text { padding:50px 60px;}
    .tit_img { text-align:center; padding:0 0 60px;}
    .t_l { border-left:3px solid #fff; border-top:3px solid #fff; width:50px; height:50px; float:left;}
    .t_r { border-right:3px solid #fff; border-top:3px solid #fff; width:50px; height:50px; float:right}
    .b_l { border-left:3px solid #fff; border-bottom:3px solid #fff; width:50px; height:50px; position:absolute; bottom:0}
    .b_r { border-right:3px solid #fff; border-bottom:3px solid #fff; width:50px; height:50px; position:absolute; bottom:0; right:0}
    .swiper-slide ul li { width:50%; padding:0 20px 20px; float:left;}
    .swiper-slide ul li .name { width:140px; padding-right:10px; font-size:14px; color:#000; float:left;}
    .swiper-slide ul li .name b { font-size:24px; margin-right:10px; font-weight:400;}
    .swiper-slide ul li .text-r { border:2px solid #e1e1e1; border-radius:5px; padding:15px 20px; color:#000; font-size:14px; float:left; width:320px; height:100px; position:relative; background:#fff}
    .swiper-slide ul li .text-r em { display:inline-block; width:10px; height:14px; position:absolute; left:-10px; top:10px; background:url(images/j.gif) no-repeat;}
    .swiper-pagination { bottom:-20px!important; left:50%;} .swiper-pagination span { margin:0 3px;}
    .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;}
}


/*------移动版-----*/
@media screen and (max-width:767px) {
    .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; margin-bottom:10px; background:#fff;}
    .bannerBox { width:100%; }
    .banner { width:100%; height:548px;background:#333 url(images/banner_wap.jpg) no-repeat top center; background-size:100%;  overflow:hidden; color:#fff;}
    .bg_1 { background:url(images/bg_1.jpg) no-repeat top center; padding:10px 0 30px}
    .bg_2 { background:url(images/bg_2.jpg) no-repeat top center; padding:10px 0 30px}
    .bg_l { background:#f3f3f3; padding:0 0 50px}
    .qy { padding:350px 20px 0;}
    .qy em { display:block; width:30px; height:30px; line-height:30px; font-size:16px; font-style:normal; background:#7d7d7d; border-radius:50%; text-align:center; margin:10px 0}
    .qy p { font-size:12px; text-indent:24px; line-height:22px; text-align:justify}
    .qy_l { float:left; padding:0 20px 0 0; height:200px;}
    .tit { text-align:center; margin:0 auto; padding:20px 0;}
    .tit_l { border:2px solid #000; border-right:0; width:16px; height:50px; display:inline-block}
    .tit_r { border:2px solid #000; border-left:0; width:16px; height:50px; display:inline-block}
    .tit h2 { font-size:22px; color:#9d1b00; font-weight:400; display:inline-block; margin:0 10px; position:relative; top:-20px;}
    .bg_w { padding:0 0 30px}
    .m-text { overflow:hidden; padding:0 20px;}
    .m-text .img410 { float:none; margin-right:0; width:100%}
    .m-text .text { padding:10px 0;}.m-text .text h3 { font-size:16px;  color:#000; margin-bottom:5px;} .m-text .text p { font-size:12px; color:#333; line-height:22px;}
    .img-text { float:left; width:100%; padding:0 10px 10px;}
    .img-text img { margin:0 0 10px; width:100%}
    .img-text h3 { font-size:14px; color:#000; margin-bottom:10px;}
    .img-text p { line-height:22px; font-size:12px; color:#333}
    .jy { background:#999; padding:20px 0}
    .jy h3 { font-size:30px; margin-bottom:20px; color:#fff; font-weight:400}
    .jy p { font-size:14px; color:#fff; line-height:30px;}
    .jy_text { padding:20px 30px;}
    .t_l,.t_r,.b_l,.b_r { display:none}
    .tit_img { text-align:center; padding:0 0 30px;}
    .tit_img img { width:200px;}

    .swiper-slide ul li { width:100%; padding:0 20px 20px; float:left;}
    .swiper-slide ul li .name { width:100px; padding-right:10px; font-size:12px; color:#000; float:left;}
    .swiper-slide ul li .name b { font-size:16px; margin-right:5px; font-weight:400;}
    .swiper-slide ul li .text-r { border:2px solid #e1e1e1; border-radius:5px; padding:5px 10px; color:#000; font-size:14px; float:left; width:220px; position:relative; background:#fff}
    .swiper-slide ul li .text-r em { display:inline-block; width:10px; height:14px; position:absolute; left:-10px; top:10px; background:url(images/j.gif) no-repeat;}
    .swiper-pagination { bottom:-20px!important; left:40%;} .swiper-pagination span { margin:0 3px;}
    .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; }
    .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;}
}