*{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:14px/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;}
/*------PC版-----*/

.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:590px;background:#4a97f6 url(images/banner_pc.jpg) no-repeat top center;  overflow:hidden; color:#fff; position:relative}
.nav { width:100%; text-align:center; position:absolute; bottom:-3px; left:0; height:50px; line-height:50px; } 
.nav a { font-size:20px; color:#fff; padding:10px 65px; margin:0 10px;} 
.nav a.cur,.nav a:hover { color:#4a97f6; font-weight:700; background:#fff;}

.daoyan { padding:50px; margin:30px auto; background:#fff url(images/dy_bg.jpg) no-repeat center right;}
.daoyan h1 { font-size:30px; margin-bottom:20px; color:#4a97f6; font-weight:400}
.dy_text { line-height:30px; font-size:16px; color:#666; padding:0 350px 0 0}
.jieyan { padding:50px; margin:60px auto 30px; background:#eee url(images/jy_bg.jpg) no-repeat bottom right;}
.jieyan h1 { font-size:40px; margin-bottom:30px; color:#000; font-weight:400}
.bg { background:#eee; overflow:hidden;}
.text_img_box { margin:0 auto; padding:0 0 50px; overflow:hidden}
.text_img { padding:30px 0; overflow:hidden; position:relative} 
.text_r { width:550px; padding:40px 100px 40px 40px; background:#fff url(images/text_bg.jpg) no-repeat; z-index:11;} 
.text_r h2 { font-size:16px; margin-bottom:20px; color:#45cea6; font-weight:700}
.text_r h3 { font-size:36px; display:inline-block; color:#4a97f6; margin-bottom:10px; font-weight:700}
.text_r p { line-height:26px; font-size:14px; color:#666; text-align:justify}
.text_r p a{ color:#08c3ef; margin-left:10px;}
.img_text { background:url(images/img_1.jpg); width:550px; height:360px; position:absolute; top:80px; right:0}
.img_text img { width:550px; height:360px; z-index:1}

.img_text.left { left:0; right:inherit}
.text_r.right { padding:40px 40px 40px 110px; background:#fff url(images/text_bg_r.jpg) no-repeat top right;}

.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}

.tit { margin:50px 0; text-align:center}
.tit h2 { font-size:40px;}
.tit h3 { font-size:20px;}

.more { display:none}
.talk_list { height:500px; overflow:auto; padding-right:10px; margin-bottom:50px}
.talk_list li { padding:25px 0; margin:20px 40px; border-bottom:1px solid #e5e5e5;}
.talk_list li h3 { font-size:18px; font-style:italic; line-height:30px; margin-bottom:20px; text-indent:36px;}
.talk_list li p { text-align:right; font-size:16px; color:#666}
.talk_top_line { border-bottom:4px solid #dd2a1c; margin:0 0 20px 40px; position:relative}
.talk_top_line i { background:#fff url(images/icon_d.png) no-repeat; width:50px; height:31px; display:inline-block; position:absolute; top:-16px;}
.talk_bottom_line { border-bottom:4px solid #dd2a1c; margin:0 0 20px 40px; position:relative}
.talk_bottom_line i { background:#fff url(images/icon_d_b.png) top right no-repeat; width:50px; height:31px; display:inline-block; position:absolute; top:-16px; right:0}
.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; font-size:14px;}
.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;}
.swiper-slide p { position:absolute; bottom:0; left:0; background:rgba(0,0,0,.7); color:#fff; font-size:14px; padding:10px; width:100%; font-size:16px;}
.swiper-button-next,.swiper-button-prev { color:#fff!important; background:rgba(0,0,0,.7); padding:20px 10px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next { left:0!important}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev { right:0!important}
.swiper-pagination { text-align:right!important; width:98%!important;}
.swiper-pagination .swiper-pagination-bullet { background:#fff;}

/*------移动版-----*/
@media screen and (max-width:767px) {
    .top { overflow: hidden;width: 100%; position:absolute; top:0; left:0; display:none}
    .banner { width:100%; height:420px;background:#4a97f6 url(images/banner_wap.jpg) no-repeat top center; background-size:contain; overflow:hidden; color:#fff; position:relative}
    .bg { background:#f5f5f5; overflow:hidden;}
    .nav { width:100%; text-align:center; position:absolute; bottom:-3px; left:0; height:30px; line-height:30px; background: #4a97f6; } 
    .nav a { font-size:12px; color:#fff; padding:5px 10px; margin:0;} 
    .nav a.cur,.nav a:hover { font-weight:700; background:#fff;}
    .daoyan { padding:30px; margin:30px auto; background:#fff url(images/dy_bg.jpg) no-repeat bottom right; background-size:50%}
    .daoyan h1 { font-size:30px; line-height:30px; margin-bottom:20px; font-weight:400}
    .dy_text { line-height:26px; font-size:14px; color:#666; padding:0; text-align:justify}
    .jieyan { padding:30px; margin:30px auto; background:#eee url(images/jy_bg.jpg) no-repeat bottom right; background-size:50%}
    .jieyan h1  { font-size:30px; line-height:30px; margin-bottom:20px; color:#000; font-weight:400}

    .text_img_l { border-left:3px solid #2e324f; padding:0 0 0 15px; width:100%; margin:0 auto; overflow:hidden}
    .text_img { overflow:hidden; padding:0!important} .text_img  img { width:100%;}
    .img_text { position:inherit; top:0}
    .text_r { width:auto; padding:15px!important; background:#fff url(images/text_bg.jpg) no-repeat; z-index:11;} 
    .text_r h2 { font-size:16px; margin-bottom:10px;}
    .text_r h3 { font-size:22px; padding:2px 5px; display:inline-block; margin-bottom:0;}
    .text_r p { line-height:24px; font-size:14px; color:#666; text-align:justify}
    .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; }
    .tit { margin:40px 0; color:#000; text-align:center}
    .tit h2 { font-size:20px; font-weight:700; }
    .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%;}
    .talk_list li h3 { font-size:14px; color:#000; 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 15px;}
    .lm_title strong { border-left:4px solid #333; padding-left:10px; font-size:16px; font-weight:700;}
    .lm_list { overflow: hidden; margin-bottom:20px;}
    .lm_list a { display:block; position:relative; float:left; padding:0; width:44%; color:#333; margin:0 0 16px 15px; 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%;  margin: 0 0 10px;}
    .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:auto; text-align:center; line-height:160%; padding:0 25px;}
    .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;}
    .swiper-slide p { font-size:14px;}
    .swiper-button-next,.swiper-button-prev { padding:5px;}
    .swiper-slide img { width:100%!important}
    :root {--swiper-navigation-size:16px;}
}