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

/*------PC版-----*/
.main{min-width: 1200px}
.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:#5620a9}
.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; border-bottom:5px solid #00e6ff; height:65px}
.nav a::after{ content:''; display:inline-block; height:24px; width:2px; background:#451a87; float:right; margin-right:-70px; margin-top:20px;}

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

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

.jieyan { padding:50px 0; background:#f4f4f4; margin:50px 0 0}
.jieyan h1  { float:left; margin-right:40px; height:200px}
.jieyan p { line-height:28px; font-size:16px; text-align:justify;}
.text_img { padding:0 0 40px; height:330px}
.text_img_box { width:520px; background:url(images/icon_d.png) no-repeat; padding:0 20px 0 75px; margin-top:30px;}
.text_img_box p { font-size:18px; line-height:30px; text-align:justify; color:#485671;} 
.link { color:#5620a9;}
.text_img_box h3 { font-size:30px; font-weight:700; line-height:40px; padding:0 0 20px; color:#1a1b1f}
.video_r { background:url(images/video_bg.png) no-repeat; background-size: cover; width:571px; height:330px; padding:23px 35px; box-sizing: border-box;}
.img_left_r { padding:0 40px;}

.bg_sj { background:url(images/imgs_bg.jpg) no-repeat center center; height:830px; padding:25px 0;}
.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;}
.bg {padding-top: 1px; background:url(images/bg_1.png) no-repeat center top;}
.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:#666; 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 }

.card-item { margin:0 auto; overflow:hidden}
.card-area .card-item { z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left; width:12.5%;height:400px;background-color:transparent; padding:0 2px;}
.card-area .card-item+.card-item {margin-left:-3px}
.card-area .card-item img { width:650px; height:400px;}
.card-area .card-item.active {z-index:6;box-shadow:0 0 30px rgba(0,0,0,.2); width:49%; height:400px}
.card-area .card-item.active .card .card-content.content-first {transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second {transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card { transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s; width:100%; height:100%; padding:100px 10px; text-align:center; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; display:none}
.card-area .card-item:hover .card,.card-area .active .card{ display:block}
.card-area .active .titBar { display:none}
.card-area .card-item .card h2 { font-size:26px; color:#fff; font-weight:700; line-height:36px; margin-bottom:30px;}
.card-area .card-item .card p { line-height:22px;}
.card-area .card-item .titBar { height:100px; padding:5px 10px; background:rgba(0,0,0,.5); font-size:14px; line-height:20px; position:absolute; bottom:0; left:0; color: #fff;}