@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:#000;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 { text-decoration:none;}
a:hover { text-decoration:none;}
/*------移动版-----*/
@media screen and (max-width:767px) {
.top { overflow: hidden;width: 100%; position:absolute; top:0; left:0; display:none}
.banner { width:100%; min-height:450px;background:url(images/banner_wap.jpg) no-repeat top center; background-size:cover; overflow:hidden; color:#fff;}

.daoyan { background:#fff url(images/qy_bg.jpg) no-repeat 75px 30px; background-size:60%; padding:130px 10px 20px;}
.daoyan_c p { text-indent:30px; font-size:16px; line-height:30px; margin:20px 0}
.bg { background:#f5f5f5; overflow:hidden; padding:10px 0}
.text_img { padding:20px 10px;}
.text_img_m h4 { font-size:16px; color:#000; margin-bottom:10px;}
.text_img_m h2 { font-size:26px; color:#b72222; margin-bottom:20px;}
.text_img_m img { margin:0 0 10px; width:100%}
.text_img_m .text { font-size:14px; color:#000; line-height:26px; padding-bottom:10px;}
.btn_view { display:none}
.btn_view:hover { background:#b72222; color:#fff;}
.hx_list { margin:0 0 40px; overflow:hidden}
.hx_list li { float:left; width:50%;overflow:hidden} 
.hx_list li img { width:100%; vertical-align:middle;}

.hj_list { overflow:hidden; padding:0 10px;}
.hj_list li { float:left; width:50%; height:283px; overflow:hidden; position:relative;}
.hj_list li .opy_z { position:absolute; width:100%; height:120px; opacity:.8; bottom:0; left:0; background:#000; z-index:0}
.hj_list li .opy { position:absolute; height:120px; padding:20px; bottom:0; left:0; z-index:9}
.hj_list li .opy h3 { font-size:16px; color:#fff; background:#b72222; line-height:24px; height:24px; display:inline-block; padding:0 10px; margin-bottom:5px;}
.hj_list li .opy p { color:#fff; font-size:14px;} .hj_list li .opy p a{ color:#fff; font-size:14px;}
.hj_list li img { width:100%; vertical-align:middle; }

.swiper-pagination-bullet { opacity:.3!important; width:12px!important; height:12px!important; border-radius:50%!important; background:#999!important; }
.swiper-pagination-bullet-active { background:#db2167!important; opacity:1!important}

.tit { font-size:30px; line-height:30px; margin:40px 0; color:#000; font-weight:400; text-align:center}

.talk_list { height:690px; overflow:hidden; padding:0 10px; position:relative;}
.talk_list li { border-left:1px solid #e9e8e8; border-right:1px solid #e9e8e8; border-bottom:1px solid #d0cfce; box-shadow:0 3px 3px #e9e8e8; padding:25px 10px; margin-bottom:20px; background:#fff url(images/icon_d.png) 10px 15px no-repeat; background-size:5%; height:200px;}
.talk_list li h3 { font-size:14px; color:#b72222; line-height:24px; margin-bottom:10px; text-indent:28px;}
.talk_list li p { text-align:right; font-size:12px;}
.icon_p { background:url(images/icon_r.png) no-repeat; padding-left:26px; margin-right:20px;}
.more { border-left:1px solid #e9e8e8; border-right:1px solid #e9e8e8; border-bottom:1px solid #d0cfce; box-shadow:0 3px 3px #e9e8e8; text-align:center; font-size:16px; position:absolute; bottom:0; left:10px; width:95%; height:40px; line-height:40px; background:#fff; cursor:pointer}
.icon_more { background:url(images/down_login.png) no-repeat; background-size:contain; width:14px; height:16px; display:inline-block; margin:0 10px; vertical-align:middle}

.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:1200px; margin:0 auto;overflow: hidden; padding:80px 0}
.wrapper {width:100%;max-width:1200px; 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:620px;background:#3460ac url(images/banner_pc.jpg) no-repeat top center;  overflow:hidden; color:#fff;}

.daoyan { padding:10px 50px; margin:50px auto; background:url(images/qy_bg.jpg) no-repeat;}
.daoyan_c { float:right; width:750px;}
.daoyan_c p { text-indent:30px; font-size:16px; line-height:30px; margin:20px 0}
.bg { background:#f5f5f5; overflow:hidden; padding:80px 0}
.text_img { float:left; width:33.3%;}
.text_img_m { width:420px; margin:0 auto;}
.text_img_m h4 { font-size:20px; color:#000; margin-bottom:20px;}
.text_img_m h2 { font-size:40px; color:#b72222; margin-bottom:30px;}
.text_img_m img { margin:0 0 20px;}
.text_img_m .text { font-size:16px; color:#000; line-height:30px; padding-bottom:20px; height:140px;}
.btn_view { border-radius:44px; width:250px; height:44px; line-height:44px; display:block; margin:0 auto; background:#f5f5f5; border:1px solid #b72222; text-align:center; font-size:16px; color:#b72222; font-weight:700}
.btn_view:hover { background:#b72222; color:#fff;}
.hx_list { margin:0 0 40px; overflow:hidden}
.hx_list li { float:left; margin:5px; width:390px; height:270px; overflow:hidden} 
.hx_list li img { width:390px; height:270px; vertical-align:middle; transform:scale(1); transition:all 0.2s}
.hx_list li img:hover { transform:scale(1.2); transition:all 0.2s}

.hj_list { margin:30px 0 40px; overflow:hidden}
.hj_list .frist { display:none}
.hj_list li { float:left; margin:0 3px; width:233px; height:373px; overflow:hidden; position:relative;}
.hj_list li .opy_z { position:absolute; width:233px; height:130px; opacity:.8; bottom:0; left:0; background:#000; z-index:0}
.hj_list li .opy { position:absolute; width:233px; height:130px; padding:20px; bottom:0; left:0; z-index:9}
.hj_list li .opy h3 { font-size:16px; color:#fff; background:#b72222; line-height:32px; height:32px; display:inline-block; padding:0 20px; margin-bottom:10px;}
.hj_list li .opy p { color:#fff; font-size:16px;} .hj_list li .opy p a{ color:#fff; font-size:16px;}
.hj_list li img { width:233px; height:373px; vertical-align:middle; transform:scale(1); transition:all 0.2s}
.hj_list li img:hover { transform:scale(1.2); transition:all 0.2s}

.swiper-pagination-bullet { opacity:.3!important; width:12px!important; height:12px!important; border-radius:50%!important; background:#999!important; }
.swiper-pagination-bullet-active { background:#db2167!important; opacity:1!important}

.tit { font-size:40px; line-height:50px; margin-bottom:80px; color:#000; font-weight:400; text-align:center}
.more { display:none}
.talk_list { height:500px; overflow:auto; padding-right:10px;}
.talk_list li { border-left:1px solid #e9e8e8; border-right:1px solid #e9e8e8; border-bottom:1px solid #d0cfce; box-shadow:0 3px 3px #e9e8e8; padding:25px 100px; margin-bottom:20px; background:#fff url(images/icon_d.png) 40px 20px no-repeat;}
.talk_list li h3 { font-size:18px; color:#b72222; line-height:30px; margin-bottom:20px; text-indent:36px;}
.talk_list li p { text-align:right; font-size:16px;}
.icon_p { background:url(images/icon_r.png) no-repeat; padding-left:26px; margin-right:20px;}
.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:22px; line-height:100%; font-weight:400;}
.lm_list {margin:0 0 30px 0; float:left; width:100%;}
.lm_list a { display:block; position:relative; float:left;margin:0 40px; 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%; margin-left:40px; }
.mhry { float:left; width:30%;}
.gzwm { float:right; width:30%; }
.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;}
}