*{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:#333;}
body{ background:#fff;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;} s { text-decoration:inherit;}
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;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
/*****浮动和清除浮动******/
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clearfix:before,.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}.clr { height:0;clear:both; overflow:hidden; width:100%}
.top_item { background:url(../images/banner.jpg) no-repeat top center; height:600px;}
.banner_bm { background:#14065a url(../images/banner_bm.jpg) no-repeat top center; height:360px;}
.banner_rh { background:#0b0802 url(../images/banner_rh.jpg) no-repeat top center; height:360px;}
.nav { background:#000; width:100%; height:50px; line-height:50px; position:relative} 
.nav a {display:inline-block; width:170px; text-align:center; color:#fff!important; font-size:16px; font-weight:700; float:left;}
.nav a.cur { background:#f60;}
.nav a:hover { background:#f60;}
.nav-fx { position:fixed; top:0}
.nav_wap { display:none}
/*****PC端******/
.wrapper { width:1200px; margin:0 auto;overflow: hidden;}
.text { background:url(../images/tit_png.png) no-repeat 165px 35px; padding:50px 180px; overflow:hidden; font-size:16px; line-height:32px; text-indent:32px;}
.bg_a { background:url(../images/bg_1.jpg) center center no-repeat; height:230px;}
.icon_list { margin:50px 0; overflow:hidden}
.icon_list li{ float:left; display:inline-block; margin:0 20px; text-align:center;}
.icon_list li h3 { font-size:22px; color:#fff; font-weight:700; line-height:30px; margin:10px 0 0}
.icon_cate_1,.icon_cate_2,.icon_cate_3,.icon_cate_4,.icon_cate_5,.icon_cate_6,.icon_cate_7 { background:url(../images/icon_s.png); width:50px; height:50px; display:inline-block}
.icon_cate_2 { background-position:-206px 0;}
.icon_cate_3 { background-position:-402px 0;}
.icon_cate_4 { background-position:-594px 0;}
.icon_cate_5 { background-position:-761px 0;}
.icon_cate_6 { background-position:-917px 0;}
.icon_cate_7 { background-position:-1119px 0;}

.tit { text-align:center; font-size:40px; margin:50px 0; color:#000;}
.hy_lc { background:#f4f6f8; padding:50px 30px 20px; margin-bottom:40px;}
.hy_lc dl { width:30%; float:left;}
.hy_lc dl dt { font-size:16px; color:#4c5fd4; font-weight:700; margin-bottom:20px;}
.hy_lc dl dd { font-size:14px;} .hy_lc dl:first-child { width:40%;}
.hy_lc dl dd i { display:inline-block; color:#4c5fd4; background:#d3e7f7; border-radius:50%; width:40px; height:40px; line-height:40px; text-align:center; margin:0 15px 0 0}
.hy_lc dl dd td { padding:5px 0}
.hy_lc_t { width:100%; border-top:1px solid #dedede; font-size:16px; line-height:50px; text-align:center; margin:30px 0 0 }
.tab_head { overflow:hidden;}
.tab_head a { color:#4c5fd4; font-size:26px; height:54px; line-height:44px; border-bottom:10px solid #4c5fd4; width:33%; display:inline-block; text-align:center;}
.tab_head a.on { background:#4c5fd4; color:#fff; border-bottom-color:#f60}
.tab_content { padding:50px 0}
.tab_cnt h3 { font-size:30px; font-weight:700; color:#000; margin-bottom:5px}
.tab_cnt p { font-size:16px;}
.tab_cnt table { border:1px solid #ccc; margin:20px 0; width:100%; font-size:16px;}
.tab_cnt table th { padding:15px; font-weight:700; border:1px solid #ccc; background:#eee;}
.tab_cnt table td { padding:15px; border:1px solid #ccc;}

.list_zj li { box-shadow:0 5px 10px #ddd; padding:20px 20px 30px; background:#fff; float:left; text-align:center; margin:0 0 40px 40px;transition:all .2s linear; -webkit-transition:all .2s linear;}
.list_zj li:hover { -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);z-index:3}
.list_zj li h3 { font-size:20px; color:#4c5fd4; font-weight:700; margin-bottom:20px; margin-top:-15px;}
.list_zj li p { color:#666; font-size:14px;}
.list_zj li .imgs { width:216px; height:216px; background:url(../images/img_bg.png) no-repeat; padding:38px;}
.list_zj li .imgs img { border-radius:50%; width:140px; height:140px;}

.pro_list { overflow:hidden; padding:50px 0}
.pro_list li { background:#fff; float:left; margin:0 0 26px 26px;transition:all .2s linear; -webkit-transition:all .2s linear; width:270px; border:1px solid #ddd;}
.pro_list li:hover { -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);z-index:3}
.pro_list li .text_b { padding:10px; background:#fafafa}
.pro_list li h3 { font-size:15px; font-weight:400; margin-bottom:10px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
.pro_list li h3 a { color:#434a76;}
.pro_list li p a { color:#999; font-size:14px;}
.pro_list li .img { width:240px; height:240px; padding:10px; border-bottom:1px solid #ddd;}
.pro_list li .img img { border-radius:50%; width:240px; height:240px;}

.bg_c { background:#f1f1f1; padding:0 0 50px;}
.bg_b { background:url(../images/bg_2.jpg) no-repeat center center; height:700px;}
.more { border:1px solid #ddd; background:#fff; width:220px; height:80px; padding:16px 70px; text-align:center; display:block; border-radius:40px; margin:0 auto 50px; font-size:16px;}
.bg_b .tit { color:#fff;}
.text-c { text-align:center; padding:20px 0; font-size:16px; line-height:30px; color:#fff;}
.btn_v { background:#f9b005; font-size:24px; border-radius:40px; height:60px; line-height:60px; font-weight:700; color:#000; padding:0 100px; display:inline-block; margin-top:50px;}
.tit_hz { font-size:18px; font-weight:700; margin:20px 0;}
.logo_list { margin:0 0 0 -20px;}
.logo_list li { float:left; border:1px solid #ddd; background:#fff; width:220px; height:100px; line-height:96px; text-align:center; margin:0 0 20px 20px;}
.list_text li { float:left; width:25%; padding:5px 0; font-size:14px;}
.swiper-cnt { position:relative;}
.swiper-hg { padding:30px 0 60px!important; width:1000px; margin:0 auto}
.swiper-hg .swiper-slide { text-align:center;}
.swiper-hg .swiper-slide img { width:100%}
.swiper-hg .swiper-slide h4 { font-size:14px; padding:10px 0}
.swiper-cnt .swiper-button-prev { left:0!important; background:#e5e5e5; border-radius:50%; width:70px; height:70px; margin-top:-70px;}
.swiper-cnt .swiper-button-next { right:0!important; background:#e5e5e5; border-radius:50%; width:70px; height:70px; margin-top:-70px;}
.swiper-cnt .swiper-button-prev::after,.swiper-cnt .swiper-button-next::after { color:#000; font-size:30px;}
.swiper-pagination-bullet { width:50px!important; height:4px!important; border-radius:2px!important; background:#fff!important; opacity:.7!important}
.swiper-pagination-bullet-active{ opacity:1!important}

.footer { color:#fff; padding:80px 0; background:#4c5fd4}
.footer-tit { font-size:40px; font-weight:500; margin-bottom:50px;}
.item-box { float:left; margin:0 100px 0 0; width:330px;}
.item-box .code_l { float:left; margin:0 20px 0 0}
.item-info h3 { font-size:16px; color:#1afffc; margin-bottom:5px;}
.item-info p { font-size:18px;}
.footer-copy { font-size:16px;} .footer-copy a { color:#fff;}
.footer_copy { text-align:center; font-size:14px; padding:20px 0 40px}

.fxd {position: fixed;right: 20px;top: 30%;z-index: 9999;width: 70px;}
.fxd .bm { background:#f60; margin-bottom:5px; padding:19px; display:block}
.fxd .bm img { margin-bottom:5px;}
.fxd .bm a { color:#fff; font-size:16px; font-weight:700; display:block}
.fxd .wx { background:#4c5fd4; padding:19px; position:relative; color:#fff; font-size:16px; font-weight:700}
.fxd .wx img { margin-bottom:5px;}
.fxd .wx .code { box-shadow:0 0 10px #aaa; padding:10px; background:#fff; display:none; position:absolute; left:-150px; top:0}
.fxd .wx:hover .code { display:block}

.btn_l { float:left; padding:20px 0;}
.btn_l a { font-size:16px; text-align:center; margin:0 5px; display:inline-block; color:#fff; padding:3px 45px;}
.icon_home {background:url(../images/icon_black.png) 15px 5px no-repeat}
.bm-box { padding:50px; width:1100px; margin:20px auto; background:#fff;}
.bm-box h3 { font-weight:700; margin-bottom:10px; font-size:14px;}
.bm-box-m { padding:20px 0; background:#fff; overflow:hidden; margin:10px 0}
.form .item { padding:2px 0; position:relative; margin:8px 0; background:#fff; width:620px;} 
.form .item label { width:80px; line-height:30px; margin:0; text-align:right; padding:0 5px 0; color:#f30; font-size:14px; font-weight:400; display:inline-block}
.form .item label span { color:#c00}
.form .item .required,.form .item select { width:500px; padding:5px; font-size:14px; color:#999; background:none; border:0; margin:0; border:1px solid #ddd}
.form .item .error { position:absolute; bottom:10px; right:20px; width:auto; color:#c00; font-weight:400;}
.item_tit { font-size:16px; color:#f30; padding-left:90px;}
.labelitem { padding-left:85px;}
.labelitem label{ background:#fff; border-radius:5px; padding:10px 5px 10px 35px; color:#666; position:relative; width:100%; display:block; font-size:14px;}
.labelitem label input { vertical-align:middle; border:1px solid #eee; margin:0 5px; width:16px; height:16px; position:absolute; left:5px; top:12px;}

.btn_part { background:#4c5fd4; border-radius:3px; height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; cursor:pointer; display:inline-block; padding:0 40px;}
.btn_part:hover { color:#ff0}

/*****移动端******/
@media screen and (max-width:767px) {
    .top_item { background:url(../images/banner_wap.jpg) no-repeat top center; background-size:100% 100%; height:570px; margin:50px 0 0}
    .banner_bm { background:#14065a url(../images/banner_bm.jpg) no-repeat top center;  background-size:cover; height:100px;}
    .banner_rh { background:#14065a url(../images/banner_rh.jpg) no-repeat top center;  background-size:cover; height:100px;}
    .nav { background:#000; width:100%; height:40px; line-height:40px; position:fixed; top:0; overflow:hidden} 
    .nav { display:none}
    .nav_wap { position:fixed; top:0; height:50px; line-height:50px; background:#000; width:100%; display:block}
    .nav_bar h3 { font-size:16px; color:#fff; margin-left:20px; line-height:50px; float:left}
    .nav_menu { background:url(../images/icon_menu.png) no-repeat center center; background-size:50%; width:50px; height:50px; display:block; float:left;}
    .nav_list { padding:0 30px 30px; background:#260982; position:absolute; top:50px; left:0; width:100%; display:none}
    .nav_list a { display:block; height:50px; line-height:50px; color:#fff; border-bottom:1px solid #4858b6; font-size:16px;}
    .bm_wap { background:#f60 url(../images/icon_bm_wap.png) 10px 8px no-repeat; text-indent:20px; background-size:15%; color:#fff; font-size:16px; border-radius:5px; padding:0 10px; float:right; margin:10px 10px 0 0; height:30px; line-height:30px; vertical-align:middle}
    .wrapper { width:100%; margin:0 auto;overflow: hidden;}
    .text { background:url(../images/tit_png.png) no-repeat 20px 20px; padding:40px 20px; overflow:hidden; font-size:14px; line-height:26px; text-indent:28px; text-align:justify}
    .bg_a { background:url(../images/bg_1.jpg) center center; height:320px;}
    .icon_list { margin:40px 0; overflow:hidden; text-align:center}
    .icon_list li{ float:none; display:inline-block; margin:0 10px 20px; text-align:center;}
    .icon_list li h3 { font-size:14px; color:#fff; font-weight:700; line-height:20px; margin:10px 0 0}
    .icon_cate_1,.icon_cate_2,.icon_cate_3,.icon_cate_4,.icon_cate_5,.icon_cate_6,.icon_cate_7 { background:url(../images/icon_s.png); width:50px; height:50px; display:inline-block}
    .icon_cate_2 { background-position:-206px 0;}
    .icon_cate_3 { background-position:-402px 0;}
    .icon_cate_4 { background-position:-594px 0;}
    .icon_cate_5 { background-position:-761px 0;}
    .icon_cate_6 { background-position:-917px 0;}
    .icon_cate_7 { background-position:-1119px 0;}

    .tit { text-align:center; font-size:30px; font-weight:700; margin:30px 0; color:#000;}
    .hy_lc { padding:20px;}
    .hy_lc dl { width:100%; float:none; margin-bottom:20px;} .hy_lc dl:first-child { width:100%;}
                                                             .hy_lc_t { margin:0}
    .tab_head { overflow:hidden;}
    .tab_head a { color:#4c5fd4; font-size:16px; height:40px; line-height:40px; border-bottom:5px solid #4c5fd4; width:32%; display:inline-block; text-align:center; float:left; margin:0 2px;}
    .tab_head a.on { background:#4c5fd4; color:#fff; border-bottom-color:#f60}
    .tab_content { padding:20px 10px}
    .tab_cnt h3 { font-size:18px; font-weight:700; color:#000; margin-bottom:5px}
    .tab_cnt p { font-size:14px;}
    .tab_cnt table { border:1px solid #ccc; margin:10px 0; width:100%; font-size:12px; }
    .tab_cnt table th { padding:6px; font-weight:700; border:1px solid #ccc; background:#eee; vertical-align:top}
    .tab_cnt table td { padding:6px; border:1px solid #ccc; vertical-align:top}

    .list_zj li { box-shadow:0 5px 10px #ddd; padding:10px 10px 20px; background:#fff; float:left; text-align:center; margin:0 0 10px 10px;transition:all .2s linear; -webkit-transition:all .2s linear; width:46%; height:280px;}
    .list_zj li:hover { -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);z-index:3}
    .list_zj li h3 { font-size:14px; color:#4c5fd4; font-weight:700; margin:10px 0;}
    .list_zj li p { color:#666; font-size:12px;}
    .list_zj li .imgs { width:160px; height:160px; background:url(../images/img_bg.png) no-repeat; background-size:cover; padding:30px; display:inline-block}
    .list_zj li .imgs img { border-radius:50%; width:100px; height:100px;}

    .pro_list { overflow:hidden; padding:20px 0}
    .pro_list li { background:#fff; float:left; margin:0 0 6px 6px;transition:all .2s linear; -webkit-transition:all .2s linear; width:47%; border:1px solid #ddd;}
    .pro_list li:hover { -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);z-index:3}
    .pro_list li .text_b { padding:5px; background:#fafafa}
    .pro_list li h3 { font-size:13px; font-weight:400; margin-bottom:10px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
    .pro_list li h3 a { color:#434a76;}
    .pro_list li p { text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow:hidden}
    .pro_list li p a { color:#999; font-size:12px;}
    .pro_list li .img { width:auto; height:auto; padding:10px; border-bottom:1px solid #ddd; text-align:center;}
    .pro_list li .img img { border-radius:50%; width:160px; height:160px;}

    .bg_c { background:#f1f1f1; padding:0 0 50px;}
    .bg_b { background:#000 url(../images/bg_2_wap.jpg) no-repeat center bottom; background-size:contain; height:730px;}
    .more { border:1px solid #ddd; background:#fff; width:120px; height:30px; padding:5px 30px; text-align:center; display:block; border-radius:40px; margin:20px auto; font-size:12px;}
    .more img { width:10px}
    .bg_b .tit { color:#fff;}
    .text-c { text-align:center; padding:20px 0; font-size:14px; line-height:30px; color:#fff;}
    .btn_v { background:#f9b005; font-size:20px; border-radius:30px; height:40px; line-height:40px; font-weight:700; color:#000; padding:0 50px; display:inline-block; margin-top:280px;}
    .tit_hz { font-size:18px; font-weight:700; margin:20px 0; text-indent:20px;}
    .logo_list { margin:0; padding:0 10px;}
    .logo_list li { float:left; border:1px solid #ddd; background:#fff; width:30%; height:60px; line-height:56px; text-align:center; margin:0 0 10px 10px;}
    .logo_list li img { max-height:100%; max-width:100%;}
    .list_text { padding:0 20px;}
    .list_text li { float:left; width:50%; padding:5px 0; font-size:14px; height:30px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
    .wjhg { position:relative; display:none}

    .footer { color:#fff; padding:40px 10px; background:#4c5fd4}
    .footer .code { display:none}
    .footer-tit { font-size:30px; font-weight:700; margin-bottom:30px; text-align:center}
    .item-box { float:left; margin:0 100px 30px 0; width:100%; padding:0 20px;}
    .item-box .code_l { float:left; margin:0 20px 0 0}
    .item-box .code_l img { width:85px;}
    .item-info h3 { font-size:14px; color:#1afffc; margin-bottom:5px;}
    .item-info p { font-size:14px;}
    .footer-copy { font-size:12px; text-align:center}

    .fxd {position: fixed;right: 20px;top: 30%;z-index: 9999;width: 70px; display:none}

    .btn_l { float:left; padding:10px 0;}
    .btn_l a { font-size:13px; text-align:center; margin:0 5px; display:inline-block; color:#fff; padding:3px 45px;}
    .icon_home {background:url(../images/icon_black.png) 15px 5px no-repeat}
    .bm-box { padding:20px; width:auto; margin:20px auto; background:#fff;}
    .bm-box h3 { font-weight:700; margin-bottom:10px; font-size:14px;}
    .bm-box-m { padding:20px 0; background:#fff; overflow:hidden; margin:10px 0}
    .form .item { padding:2px 0; position:relative; margin:8px 0; background:#fff; width:auto;} 
    .form .item label { width:65px; line-height:30px; margin:0; text-align:right; padding:0 5px 0; color:#f30; font-size:14px; font-weight:400; display:inline-block}
    .form .item label span { color:#c00}
    .form .item .required,.form .item select { width:65%; padding:5px; font-size:14px; color:#999; background:none; border:0; margin:0; border:1px solid #ddd}
    .form .item .error { position:absolute; bottom:10px; right:20px; width:auto; color:#c00; font-weight:400;}
    .item_tit { font-size:16px; color:#f30; padding-left:20px;}
    .labelitem { padding-left:10px;}
    .labelitem label{ background:#fff; border-radius:5px; padding:10px 5px 10px 35px; color:#666; position:relative; width:auto; display:block; font-size:12px;}
    .labelitem label input { vertical-align:middle; border:1px solid #eee; margin:0 5px; width:16px; height:16px; position:absolute; left:5px; top:12px;}

    .btn_part { background:#4c5fd4; border-radius:3px; height:40px; line-height:40px; color:#fff; text-align:center; font-size:16px; cursor:pointer; display:inline-block; padding:0 40px;}
    .btn_part:hover { color:#ff0}
}