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:#fff;}
body{ background:#000;}
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:#fff;}
a:hover{text-decoration:none;color:#fff;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide,.displayno{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%}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.text-right{text-align:right !important}
:-webkit-autofill{background:#fff;} 
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input::-webkit-input-placeholder {color:#ccc;}
input::-moz-input-placeholder {color:#ccc;}
input::-ms-input-placeholder {color:#ccc;}
.bg_light {background:#f1f1f1; overflow:hidden}
.icon-home-fill { background:url(../images/icon_home.png) no-repeat; width:16px; height:16px; margin:12px 10px 0 0; padding:0!important}
.icon-home-fill:hover { background-color:none!important}
.head_nav { height:40px; background:#5f0aba; line-height:40px; height:40px;}
.head_nav_l { float:left;}  
.head_nav_l a { color:#ccc; font-size:13px; display:inline-block; padding:0 16px; float:left;} 
.head_nav .login_box { float:right;} 
.head_nav .login_box a { margin:0 5px;}
.w1200,.wrapper{ width:1200px; margin:0 auto;}
.head_logo { background:#000 url(../images/top_logo.jpg) no-repeat center center; height:88px;}
.nav { border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; height:62px; line-height:62px;}
.nav a { font-size:20px; color:#fff; margin:0 35px;}
.nav a.cur { border-bottom:6px solid #006cff; padding:0 10px 10px}
.nav_bm { float:right; margin:-3px 0 0!important}
.company_m { background:url(../images/bg1.jpg) no-repeat top center; height:523px;}
.company { padding:80px 0; width:830px; margin:0 auto;}
.company h3 { font-size:26px; margin:0 0 30px;}
.company p { font-size:14px; color:#93a5bb; line-height:24px; margin:0 0 30px; text-align:justify}
.tit { padding:70px 0 50px; overflow:hidden; text-align:center}
.tit h2 { font-size:46px; margin:0 0 5px;} 
.tit h3 { color:#006cff; font-size:26px;}
.tab_cnt { padding:20px 0}
.tab_nav { text-align:center; margin:0 0 40px;}
.tab_nav a { border-radius:22px; height:44px; line-height:44px; background:#29334d; margin:0 8px; padding:0 30px; display:inline-block; font-size:18px;}
.tab_nav a.cur { background:#006cff; color:#fff; text-decoration:none;}
.tab_txt { width:100%; padding:10px 0 30px}
.tab_tit { font-size:26px; margin:0 0 30px}
.tab_tit span { margin:0 30px 0 0} .tab_tit span img { vertical-align:middle; margin:0 10px 0 0}
.tab_txt table { width:100%; font-size:16px; margin:0 0 30px}
.tab_txt thead th { background:#20242e; text-indent:20px; padding:15px 0; font-weight:700}
.tab_txt tbody td { border-bottom:1px solid #29334d; padding:20px 0 20px 10px;}
.list_jb { margin:30px 0; overflow:hidden}
.list_jb li { background:#006cff; padding:20px; position:relative; float:left; margin:20px 32px; width:230px; height:330px;}
.list_jb li img { width:220px; height:220px; margin:-30px 0 0 -30px;}
.list_jb li h3 { margin:15px 0 10px; font-size:20px; font-weight:700}
.list_jb li p { font-size:14px; line-height:20px;}

.list_gw { margin:30px 0; overflow:hidden}
.list_gw li { background:#272a34; padding:30px;float:left; margin:20px 22px; text-align:center}
.list_gw li img { width:160px; height:160px; border-radius:50%; overflow:hidden; display:block; margin:0 auto}
.list_gw li h3 { margin:15px 0 10px; font-size:24px; font-weight:700; border-bottom:4px solid #006cff; display:inline-block; overflow:hidden; padding-bottom:10px; margin:20px 0;}
.list_gw li p { font-size:14px; line-height:20px;}

.bg_zb { background:url(../images/bg2.jpg) no-repeat top center; height:886px;}
.bps_bg img { width:100%}
.bps_bg h2 { text-align:center; font-size:50px; font-weight:100; line-height:300px; padding:0 0 0 300px}
.video_text { padding:10px; overflow:hidden; font-size:20px; color:#fff; }
.new-fouse { width:950px; float:left; position:relative;}
.new-fouse li { position:absolute; width:950px; z-index:1; padding:10px; background:#000}
.new-fouse li img,.new-fouse li video { width:930px; height:500px;}
.new-fouse li.on { z-index:9}

.new-text { width:240px; float:right; z-index:10; padding:20px; background: #000; }
.new-text li { height:112px; cursor:pointer; color:#fff; margin-bottom:20px; position:relative;}
.new-text li img { width:200px; height:112px;opacity:.7}
.new-text li p { display:inline-block; position:absolute; font-size: 12px; left:10px; bottom:10px;}
.new-text li.cur { color:#fff;} .new-text li.cur img{ opacity:1}

.tab_nav_s { border-bottom:1px solid #29334d; padding:0 0 30px; text-align:center}
.tab_nav_s a { font-size:16px; padding:0 15px 26px; margin:0 20px;} 
.tab_nav_s a.cur { font-weight:700; border-bottom:6px solid #006cff; color:#fff; text-decoration:none;}
.logo_list { text-align:center; padding:50px 0}
.logo_list li { display:inline-block; margin:0 20px 20px;}

.bg_hd { background:url(../images/bg3.jpg) no-repeat; height:818px;}
.tab_bps { background:url(../images/shu.png) no-repeat left center; height:580px;}
.tab_bps_r { width:800px; float:right; padding:80px 0}
.tab_bps_nav { border-bottom:1px solid #006cff;  margin:0 0 30px; overflow:hidden}
.tab_bps_nav a { font-size:16px; text-align:center; padding:0 30px;background:#333; display:inline-block; float:left; height:40px; line-height:40px;}
.tab_bps_nav a.cur { background:#006cff; color:#fff; text-decoration:none;}
.tab_bps_text { padding:50px 10px 0}
.tab_bps_text p { color:#ccc; padding:20px 0; text-indent:28px; font-size:14px; line-height:30px;}
#certify {position:relative;width:1200px;margin:0 auto}
#certify .swiper-container {padding-bottom:60px;}
#certify  .swiper-slide {width:890px;height:500px;background:#fff;box-shadow:0 8px 30px #ddd;}
#certify  .swiper-slide img {display:block;}
#certify  .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0;}
#certify .swiper-pagination {width:100%;bottom:20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
#certify .swiper-button-prev {left:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%;}
#certify .swiper-button-prev:hover {background-position:0 -46px;background-size:100%}
#certify .swiper-button-next {right:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%;}
#certify .swiper-button-next:hover {background-position:0 -139px;background-size:100%}
.swiper-container-b .swiper-slide img { width:100%}
.swiper-container-b .swiper-pagination .swiper-pagination-bullet { width:60px; height:4px; background:#fff; border-radius:inherit}

.tit_h3 { font-size:26px; font-weight:400; color:#333; padding-bottom:10px; margin-bottom:30px;}
.tit_h4 { border-bottom:1px solid #eee; padding:0 0 15px; margin-bottom:10px; overflow:hidden; clear:both}
.tit_h4 span { font-size:20px; font-weight:700; color:#333; border-left:5px solid #006cff; padding:0 0 0 10px}
.form .formItem{color:#333;margin-bottom:12px;}
.form .formItem span{ display:inline-block;width:100px;font-size:14px;}
.form .formItem span.error{ color:red; width:auto; display:none; margin-left:10px;}
.form .formItem input,.form .formItem select{display:inline-block;width:430px;height:36px;line-height:36px;border:1px solid #ddd;border-radius:3px; color:#000; padding:0 10px;}

.form1 .form1Item{ width:45%; padding:20px 24px; float:left; overflow:hidden}               
.form1 .changeColor{ background-color:#f5f5f5;}
.form1 .form1Item div{text-align:left; font-size:16px; color:#333; font-weight:400;}
.form1 .form1Item input{ display:inline-block; width:25px; text-align:center; margin-top:5px; float:left;}
.form1 .form1Item div span{ display:inline-block; float:left;}
.guide{margin-top:20px; clear:both; color:#666;}
.guide h4{ font-size:14px; font-weight:700; margin-bottom:10px;}
.guide p { font-size:14px; margin:0 0 5px;}
.guide input{ display:block; width:300px; height:60px; margin:80px auto; border:none; background:#006cff; font-size:22px; font-weight:700; cursor:pointer; color:#fff; border-radius:30px;}
.guide input:hover { border:0}
.desc { background:#fff; padding:50px 60px; margin:30px 0; overflow:hidden}

.footer { background:#272a34; padding:60px 0;}
.footer-tit { font-size:30px; padding:0 0 30px; border-bottom:1px solid #29334d; margin:0 0 40px;}
.footer-copy { color:#636879; font-size:14px; padding:20px 0 0; border-top:1px solid #29334d}
.footer dl { margin:0 150px 0 0; float:left;}
.footer dl dt { font-size:16px; color:#0084ff; padding:0 0 30px;}
.footer dl dd { font-size:16px; padding:5px 0} .footer dl dd img { margin:0 10px 0 0;}
.footer .code { margin:0 0 50px;}
@media screen and (max-width: 768px) {
    .head_nav { display:none}
    .w1200,.wrapper{ width:100%; margin:0 auto; padding:10px;}
    .swiper-container-b img { width:100%}
    .head_logo { background:#000 url(../images/top_logo.jpg) no-repeat center center; height:30px; background-size:contain}
    .nav { border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f; height:36px; line-height:36px; text-align:center}.nav .wrapper { padding:0}
    .nav a { font-size:12px; color:#fff; margin:0 5px;}
    .nav a.cur { border-bottom:6px solid #006cff; padding:0 3px 7px; font-weight:700}
    .nav_bm { float:none; position:fixed; bottom:0; left:50%; margin:0 0 0 -100px!important; z-index:9999}
    .company_m { background:url(../images/bg1.jpg) no-repeat top center; height:auto;}
    .company { padding:20px 10px; width:100%; margin:0 auto;}
    .company h3 { font-size:20px; margin:20px 0;}
    .company p { font-size:12px; color:#93a5bb; line-height:22px; margin:0 0 10px; text-align:justify}
    .tit { padding:20px 0; overflow:hidden; text-align:center}
    .tit h2 { font-size:20px; font-weight:700; margin:0 0 5px;} 
    .tit h3 { color:#006cff; font-size:16px;}
    .tab_cnt { padding:20px 0}
    .tab_nav { text-align:center; margin:0 0 10px;}
    .tab_nav a { border-radius:22px; height:24px; line-height:24px; background:#29334d; margin:0 2px 10px; padding:0 10px; display:inline-block; font-size:14px;}
    .tab_nav a.cur { background:#006cff; color:#fff; text-decoration:none;}
    .tab_txt { width:100%; padding:10px 0 30px}
    .tab_tit { font-size:16px; margin:20px 0}
    .tab_tit span { margin:0 30px 0 0} .tab_tit span img { vertical-align:middle; margin:0 10px 0 0}
    .tab_txt table { width:100%; font-size:12px; margin:0}
    .tab_txt thead th { background:#20242e; text-indent:10px; padding:10px 0; font-weight:700}
    .tab_txt tbody td { border-bottom:1px solid #29334d; padding:10px 0; text-indent:0;}
    .list_jb { margin:30px 0; overflow:hidden}
    .list_jb li { background:#006cff; padding:10px; position:relative; float:left; margin:10px 5px; width:45%; height:270px}
    .list_jb li img { width:100%; height:150px; margin:0;}
    .list_jb li h3 { margin:15px 0 10px; font-size:14px; font-weight:700}
    .list_jb li p { font-size:12px; line-height:20px;}

    .list_gw { margin:30px 0; overflow:hidden}
    .list_gw li { background:#272a34; padding:10px;float:left; margin:10px 8px; text-align:center; width:45%;}
    .list_gw li img { width:120px; height:120px; border-radius:50%; overflow:hidden; display:block; margin:0 auto}
    .list_gw li h3 { margin:15px 0 10px; font-size:16px; font-weight:700; border-bottom:4px solid #006cff; display:inline-block; overflow:hidden; padding-bottom:10px; margin:20px 0;}
    .list_gw li p { font-size:12px; line-height:20px;}

    .bg_zb { background:url(../images/bg2.jpg) no-repeat top center; height:auto;}
    .bps_bg { background:url(../images/banner_s.jpg) no-repeat top center; height:auto;} .bps_bg img { width:100%}
    .bps_bg h2 { text-align:center; font-size:50px; font-weight:100; line-height:300px; padding:0 0 0 300px}
    .video_text { padding:10px; overflow:hidden; font-size:12px; color:#fff; }
    .new-fouse { width:100%; float:none; position:relative;}
    .new-fouse li { position:absolute; width:100%; z-index:1; padding:10px; background:#000}
    .new-fouse li img,.new-fouse li video { width:100%; height:300px;}
    .new-fouse li.on { z-index:9}

    .new-text { width:100%; float:none; z-index:10; padding:20px; background: #000; margin:360px 0 0; overflow:hidden}
    .new-text li { width:80px; height:60px; cursor:pointer; color:#fff; margin:5px ; position:relative; float:left;}
    .new-text li img { width:80px; height:60px;opacity:.7}
    .new-text li p { display:none;}
    .new-text li.cur { color:#fff;} 
    .new-text li.cur img{ opacity:1}

    .tab_nav_s { border-bottom:1px solid #29334d; padding:0 0 20px; text-align:center}
    .tab_nav_s a { font-size:14px; padding:0 5px 20px; margin:0 10px;} 
    .tab_nav_s a.cur { font-weight:700; border-bottom:3px solid #006cff; color:#fff; text-decoration:none;}
    .logo_list { text-align:center; padding:50px 0;}
    .logo_list li { display:inline-block; margin:0 0 5px; width:30%;}
    .logo_list li img { width:100%}

    .bg_hd { background:url(../images/bg3.jpg) no-repeat; height:auto;}
    .tab_bps { background:url(../images/shu.png) no-repeat 50px bottom; height:700px; background-size:contain; overflow:hidden; margin:0 0 30px}
    .tab_bps_r { width:auto; float:right; padding:10px 0;}
    .tab_bps_nav { border-bottom:1px solid #006cff;  margin:0 0 10px; overflow:hidden}
    .tab_bps_nav a { font-size:14px; text-align:center; padding:0 20px;background:#333; display:inline-block; float:left; height:30px; line-height:30px;}
    .tab_bps_nav a.cur { background:#006cff; color:#fff; text-decoration:none;}
    .tab_bps_text { padding:0 10px 0}
    .tab_bps_text p { color:#ccc; padding:10px 0; text-indent:28px; font-size:12px; line-height:22px; text-align:justify}
    #certify {position:relative;width:100%;margin:0 auto}
    #certify .swiper-container {padding-bottom:60px;}
    #certify  .swiper-slide {width:300px;height:200px;background:#fff;box-shadow:0 8px 30px #ddd;}
    #certify  .swiper-slide img {display:block;}
    #certify  .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0;}
    #certify .swiper-pagination {width:100%;bottom:20px;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
    #certify .swiper-button-prev {left:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%;}
    #certify .swiper-button-prev:hover {background-position:0 -46px;background-size:100%}
    #certify .swiper-button-next {right:-30px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%;}
    #certify .swiper-button-next:hover {background-position:0 -139px;background-size:100%}
    .swiper-container-b .swiper-pagination .swiper-pagination-bullet { width:30px; height:2px; background:#fff; border-radius:inherit}

    .tit_h3 { font-size:20px; font-weight:400; color:#333; padding-bottom:10px; margin-bottom:10px;}
    .tit_h4 { border-bottom:1px solid #eee; padding:15px 0; margin-bottom:10px; overflow:hidden; clear:both;}
    .tit_h4 span { font-size:14px; font-weight:700; color:#333; border-left:5px solid #006cff; padding:0 0 0 10px}
    .form .formItem{color:#333;margin-bottom:12px; margin:0 0 10px; overflow:hidden}
    .form .formItem span{ display:inline-block;width:70px;font-size:14px; text-align:right; float:left; line-height:36px; margin:0 10px 0 0}
    .form .formItem span.error{ color:red; width:auto; display:none; margin-left:10px;}
    .form .formItem input,.form .formItem select{display:inline-block;width:72%;height:36px;line-height:36px;border:1px solid #ddd;border-radius:3px; color:#000; padding:0 10px; float:left;}

    .form1 .form1Item{ width:45%; padding:10px 5px; float:left; overflow:hidden}               
    .form1 .changeColor{ background-color:#f5f5f5;}
    .form1 .form1Item div{text-align:left; font-size:12px; color:#333; font-weight:400;}
    .form1 .form1Item input{ display:inline-block; width:25px; text-align:center; margin-top:5px; float:left;}
    .form1 .form1Item div span{ display:inline-block; float:left;}
    .guide{margin-top:20px; clear:both; color:#666;}
    .guide h4{ font-size:14px; font-weight:700; margin-bottom:10px;}
    .guide p { font-size:14px; margin:0 0 5px;}
    .guide input{ display:block; width:260px; height:40px; margin:40px auto; border:none; background:#006cff; font-size:22px; font-weight:700; cursor:pointer; color:#fff; border-radius:30px;}
    .guide input:hover { border:0}
    .desc { background:#fff; padding:20px; margin:10px 0; overflow:hidden}

    .footer { background:#272a34; padding:20px 0 40px; position:relative}
    .footer-tit { font-size:20px; padding:0 0 10px; border-bottom:1px solid #29334d; margin:0 0 10px; font-weight:700}
    .footer-copy { color:#636879; font-size:12px; padding:20px 0 0; border-top:1px solid #29334d; text-align:center}
    .footer dl { margin:0 20px 30px; float:left;}
    .footer dl dt { font-size:14px; color:#0084ff; padding:0 0 10px;}
    .footer dl dd { font-size:12px; padding:5px 0} .footer dl dd img { margin:0 10px 0 0;}
    .footer .code { margin:0 0 50px; position:absolute; right:40px; bottom:80px; width:100px;} .footer .code img { width:100%}
}