*{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;} 
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;}
.right{float:right;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}

/*------PC版-----*/
.wrapper { width:1200px; margin:0 auto; }
.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%;overflow:hidden; color:#fff; position:relative; background:#00a0e9}
.banner img { width:100%}
.banner_wap { display:none}
.home { width:100%;overflow:hidden; color:#fff; position:relative; background:#00a0e9}
.home img { width:100%}
.home_wap { display:none}
.nav { width:100%; text-align:center; height:70px; line-height:70px;} 
.nav a { font-size:20px; color:#fff; padding:0 65px; margin:0 10px; display:inline-block} 
.nav a.cur,.nav a:hover { color:#fff; font-weight:700; background:#3fc3ff;}

.dy { padding:50px 0; background:#f4f4f4}
.dy h1 { float:left; margin-right:40px;}
.dy_text { line-height:30px; font-size:16px; text-align:justify; color:#485671}
.dy_text p { padding-bottom:20px;}

.tit { background:url(images/tit_bg.png) center top no-repeat; text-align:center; padding:20px 0; margin:60px 0}
.tit h2 { font-size:40px; line-height:40px; color:#fff; font-weight:700;} 

.jieyan { padding:50px 0; background:#f4f4f4;}
.jieyan h1  { float:left; margin-right:40px; margin-top:20px;}
.jieyan p { line-height:28px; font-size:16px; text-align:justify; color:#485671}
.text_img { padding:30px 50px; overflow:hidden;}
.text_img_box { width:550px;}
.text_img_box p { font-size:18px; line-height:30px; text-align:justify; color:#485671;} 
.text_img_box p a { color:#00a0e9;}
.text_img_box h3 { font-size:30px; font-weight:700; color:#00a0e9; line-height:40px; padding:20px 0;}

.bg_sj { background:url(images/imgs_bg.jpg) no-repeat center center; height:830px; padding:25px 0;}
.mySwiper { width:1280px;}
.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev { background:#fff; border-radius:50%; width:90px; height:90px;}
.mySwiper .swiper-button-next:after,.mySwiper .swiper-button-prev:after { font-size:40px; color:#00a0e9}
.swiper-button-prev { left:0!important;} .swiper-button-next { right:0!important;}
.mySwiper .swiper-slide { text-align:center}
.mySwiper .swiper-pagination { left:45%; bottom:20px;}
.mySwiper .swiper-pagination-bullet { width:10px; height:4px; border-radius:0; margin:0 3px;}
.lm_title { margin:30px 0; font-size:24px; line-height:100%; font-weight:700; color:#666; padding-bottom:5px;}.lm_title img { vertical-align:middle; margin-right:10px;}
.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:18px; font-weight:700; line-height:24px; color:#91a0b3; position:relative}
.contactus p { font-size:14px; padding:5px 0; color:#666;}
.lxff { float:left; width:30%; margin-left:40px; }
.mhry { float:left; width:30%;}
.gzwm { float:right; width:36%; }
.gzwm span { float:left; margin-right:20px; padding-bottom:60px;}

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

#certify { position: relative; width: 1200px; margin: 0 auto; overflow:hidden } 
#certify .swiper-container { padding-bottom: 60px; } 
#certify .swiper-slide { width: 800px; height: 400px; 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; background-color: #d5d5d5; width: 12px; height: 4px; opacity: 1; border-radius:0 } 
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #00a0e9; } 
#certify .swiper-button-prev { left: -30px; top:200px; width: 80px; height: 80px; background:#fff; border-radius:50%; font-size:40px; color:#00a0e9 } 
#certify .swiper-button-next { right: -30px; top:200px; width: 80px; height: 80px; background:#fff; border-radius:50%; font-size:40px; color:#00a0e9 }

/*------移动版-----*/
@media screen and (max-width:767px) {
    .top { display:none}
    .banner { width:100%;}
    .wrapper { width:auto; padding:0 10px;}
    .banner_pc { display:none} .banner_wap { display:block;}
    .video_img { width:90%}
    .video_img video { width:100%; height:186px;}
    .nav { width:100%; text-align:center; height:40px; line-height:40px;} 
    .nav a { font-size:12px; color:#fff; padding:0 10px; margin:0; display:inline-block} 
    .nav a.cur,.nav a:hover { color:#fff; font-weight:700;}
    .dy { padding:20px 0}
    .dy h1  { padding:0 10px; float:left; margin:0 10px 0 0;}
    .dy h1 img { width:50px;}
    .dy p { line-height:22px; font-size:12px; padding:0;text-indent:24px;}
    .tit { background-size:50%; text-align:center; padding:5px 0; margin:20px 0}
    .tit h2 { font-size:18px; line-height:18px;} 
    .text_img_box { padding:10px; width:auto;}
    .text_img h3 { font-size:18px; line-height:26px; padding:0 0 10px}
    .text_img { padding:0 0 10px; overflow:hidden; border-bottom:1px dashed #ddd; margin-bottom:20px;}
    .text_img .left { margin-right:0;}
    .text_img .right { margin-left:0;}
    .text_img img { width:100%; margin:0 auto; float:none; display:block;}
    .text_img p { font-size:12px; line-height:22px; color:#4d4d4d; text-align:justify}

    .bg_sj { height:300px; padding:20px 0}
    .mySwiper { width:auto; height:230px}
    .mySwiper .swiper-slide img { width:100%}
    .mySwiper .swiper-pagination { left:10%; bottom:0;}
    .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev { width:30px; height:30px;}
    .mySwiper .swiper-button-next:after, .mySwiper .swiper-button-prev:after { font-size:20px;}

    #certify { width:auto}
    #certify .swiper-slide { width:100%; height:auto}
    #certify .swiper-slide img { width:100%}
    #certify .swiper-button-prev,#certify .swiper-button-next { width:30px; height:30px; top:100px;}
    #certify .swiper-button-prev:after,#certify .swiper-button-next:after { font-size:20px;}
    .lm_title { margin:40px 20px 20px;}
    .lm_title strong { font-size:1.5rem; font-weight:500;}
    .lm_list { padding-bottom:12px;overflow: hidden;}
    .lm_list a { display:block; position:relative; float:left; padding:0 8px; width:45%; color:#333; margin:0 0 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;}

    .jieyan { padding:20px 0; margin:20px 0;}
    .jieyan h1 { padding:0 10px; float:left; margin:0 10px 0 0;}
    .jieyan h1 img { width:50px;}
    .jieyan p { line-height:22px; font-size:12px; padding:0;text-indent:24px;}

    .contactus {margin:10px 0; overflow:hidden; padding:0 20px; width: auto;}
    .contactus div h6 { padding:10px 0; font-size:1.2rem; }
    .contactus p { font-size:14px;}
    .lxff { float:left; width:100%; margin-left:0}
    .mhry { float:left; width:100%;}
    .gzwm { float:left; width:100%; }
    .gzwm span { float:none; 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,.home_pc { display:none;}
    .home_wap { display:block}

}