body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#FF6600 }
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
.slick-slider *,
.slick-slider{
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner {
  border: 0;
}
:focus, :active {
    outline: 0;
    border: 0;
}
a{
    color: #333333;
}
a:hover{
    color: #00a8e3;
}
textarea { overflow: auto; }

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.fix:before,
.fix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}




.fix:after{
  clear: both;
}

.fix{
  zoom: 1;
}


body{
    -webkit-text-size-adjust: 100%;
    font-family:"微软雅黑","Microsoft Yahei";
    color: #666;
    font-size: 14px;
    overflow-x: hidden;
}

.wp{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}



/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #fff;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    height: 40px;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-navBox{
	clear: both;
    position: absolute;
    top: 60px;
    left: 0;width: 100%;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
   background: #fff;
}
.m-nav{
    
}


.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-sub{
	max-height: 0;
	overflow: hidden;

}
.m-sub.on,
.m-navBox.on{
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;
}

.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;}

.m-show{display: none;}



#nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
 }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #e83435; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }




.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}


#hd{height: 96px;position: relative;z-index: 1000;}
#hd .logo{float: left;width: 200px;}
#hd .logo a{display: block;line-height: 96px;}
#hd .logo a img{display: inline-block;vertical-align: middle;}
#nav{float: right;width: 83%;}
#nav .search,.m-navBox .search{float: right;width: 198px;border: 1px solid #00a8e3;height: 32px;border-radius: 30px;padding-left: 13px;margin-top: 30px;}
#nav .search .sub,.m-navBox .search .sub{float: right;width: 62px;background-color: #00a8e3;color: #fff;line-height: 30px;font-size: 16px;font-family:"微软雅黑","Microsoft Yahei";border: 0;border-radius: 0 30px 30px 0;cursor: pointer;}
#nav .search .inp,.m-navBox .search .inp{width: 100%;padding-left: 13px;height: 30px;border: 0;background: transparent;background: url(../images/search_btn.png) left center no-repeat;padding-left: 17px;font-size: 12px;}
.ul-nav{width: 75%;}
.ul-nav li{float: left;width: 14.2%;text-align: center;position: relative;}
.ul-nav li a{display: block;line-height: 96px;font-size: 16px;}
.ul-nav li dl{position: absolute;left: 0;top: 96px;width: 100%;display: none;background: rgba(0,0,0,.4);}
.ul-nav li dl a{line-height: 36px;border-bottom: 1px solid rgba(255,255,255,.2);font-size: 14px;color: #fff;}
.ul-nav li dl a:hover,.ul-nav li.ok > a{color: #00a8e3;}
.ul-nav li .on{color: #00a8e3;}

.ul-nav li.ok dl{display: block;}
.m-navBox .search{
	float: none;width: 90%;margin: 20px 5%;
}
#banner .pic a{display: block;height: 500px;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;text-align: center;position: relative;}
#banner a .txt{position: absolute;left: 0;top: 100px;width: 100%;color: #fff;}
#banner a .txt h3{font-size: 72px;font-weight: bold;}
#banner a .txt h5{font-size: 36px;text-transform: uppercase;}
#banner .slick-dots{position: absolute;left: 0;bottom: 160px;text-align: center;width: 100%;}
#banner .slick-dots li{display: inline-block;margin: 0 9px;width: 12px;height: 12px;border-radius: 6px;border: 1px solid #fff;cursor: pointer;}
#banner .slick-dots li button{display: none;}
#banner .slick-dots li.slick-active{background-color: #fff;}
#banner{position: relative;}
.ban_list{position: absolute;left: 0;bottom: -63px;width: 100%;z-index: 2;}
.ban_list li{float: left;width: 25%;}
.ban_list li a{display: block;color: #fff;text-align: center;height: 128px;}
.ban_list li a:hover{opacity: .8;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.ban_list li span{display: block;height: 80px;line-height: 80px;}
.ban_list li span img{display: inline-block;vertical-align: middle;}
.ban_list li p{font-size: 18px;}
.ban_list li.s1 a{background: #00a8e3;}
.ban_list li.s2 a{background: #00a8e3;}
.ban_list li.s3 a{background: #00a8e3;}
.ban_list li.s4 a{background: #00a8e3;}
.i-About{padding-top: 95px;overflow: hidden;padding-bottom: 4%;}
.i-About .pic{float: left;width: 50%;padding-right: 20px;}
.i-About .pic img{display: block;width: 100%;}
.i-About .txt{overflow: hidden;padding-left: 20px;font-size: 16px;line-height: 36px;}
.i-About .txt a{float: right;color: #00a8e3;}
.tit-i{font-size: 30px;color: #333;margin-bottom: 60px;}
.tit-i .more{font-size: 16px;border-bottom: 1px solid #00a8e3;color: #00a8e3;vertical-align: top;text-transform: uppercase;position: relative;top: 5px;}
.ul-news li{overflow: hidden;margin-bottom: 16px;}
.ul-news li .pic{float: left;width: 183px;margin-right: 16px;}
.ul-news li .txt{overflow: hidden;}
.ul-news li .txt h3{font-size: 18px;padding: 16px 0;}
.ul-news li .txt p{font-size: 14px;color: #999;}
.i-News{width: 50%;float: left;padding-right: 20px;}
.i-Honor{float: right;width: 50%;padding-left: 20px;}
.honor-slider{height: 404px;background-color: #f2f2f2;}
.honor-slider img{display: inline-block;vertical-align: middle;width:256px;height:350px;}
.honor-slider .pic{text-align: center;line-height: 404px;position: relative;}
.honor-slider .slick-prev,.honor-slider .slick-next{position: absolute;top: 50%;width: 30px;height: 70px;border: 0;font-size: 0;cursor: pointer;margin-top: -35px;background-repeat: no-repeat;background-position: center center;z-index: 10;}
.honor-slider .slick-prev{left: 0;background-image: url(../images/arr_l.png);}
.honor-slider .slick-next{right: 0;background-image: url(../images/arr_r.png);}
.honor-slider .slick-prev:hover{background-image: url(../images/arr_l_h.png);}
.honor-slider .slick-next:hover{background-image: url(../images/arr_r_h.png);}
.honor-slider .pic h3{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 68px;background: rgba(0,0,0,.4);color: #fff;font-size: 30px;}
#fd{margin-top: 100px;overflow: hidden;background: #00a8e3;padding-top: 40px;}
.fd-code{float: right;width: 145px;}
.fd-code h3,.fd-contact h3{font-size: 24px;color: #fff;margin-bottom: 25px;}
.fd-code p{font-size: 18px;color: #fff;}
.fd-logo{float: left;width: 168px;}
.fd-contact{overflow: hidden;padding-left: 28%;font-size: 18px;line-height: 26px;color: #fff;}
.fd-contact span{display: inline-block;vertical-align: top;}
.fd-contact .ovh{display: inline-block;}
.fd-contact .address{margin-top: 5%;line-height:30px;}
.copy{text-align: center;font-size: 14px;color: #fff;padding: 20px 0;margin-top: 45px;}
#banIn{height: 450px;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;text-align: center;position: relative;margin-bottom: 80px;}
#banIn .txt{position: absolute;left: 0;width: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);color: #fff;}
#banIn .txt h3{font-size: 72px;font-weight: bold;}
#banIn .txt h5{font-size: 36px;text-transform: uppercase;}
.col-l{float: left;width: 236px;margin-right: 32px;}
.col-r{float: none;overflow: hidden;}
.snv h2{height: 76px;line-height: 76px;text-align: center;background-color: #00a8e3;color: #fff;font-size: 24px;}
.ul-snv li{text-align: center;}
.ul-snv li a{display: block;background-color: #f8f8f8;border-bottom: 1px solid #eaeaea;line-height: 76px;font-size: 18px;}
.ul-snv li span{display: inline-block;background: url(../images/arL.png) right center no-repeat; padding-right: 10px;}
.ul-snv li dd a{background-color: #ebebeb;border-bottom-color: #fff;color: #999;line-height: 53px;}
.ul-snv li dd.on a{color: #00a8e3;}
.ul-snv li dl{display: none;}
.ul-snv li.ok > a span{background-image: url(../images/arD.png);}
.ul-snv li.ok dl{display: block;}
.ul-snv li.on a{color: #00a8e3;}
.ul-snv li.on > a span{background-image: url(../images/on.png);}
.right-tit{height: 27px;border-bottom: 2px solid #f2f2f2;margin-bottom: 30px;}
.type{float: right;font-size: 20px;position: relative;top: -3px;}
.type span{font-size: 18px;color: #00a8e3;text-transform: uppercase;}
.cur{font-size: 16px;}
.cur a:last-child{color: #00a8e3;}
.ul-honor{margin: 0 -8px;overflow: hidden;}
.ul-honor li{float: left;width: 25%;padding: 0 8px;text-align: center;margin-bottom: 10px;}
.ul-honor li .pic{background-color: #f2f2f2;padding: 22px 0;}
.ul-honor li .pic img{width: 61%;height:150px;}
.ul-honor li p{height: 43px;font-size: 12px;padding-top: 10px;overflow: hidden;}




.dy{font-size: 16px;line-height: 36px;}
.news .li {margin-bottom:20px;}
.news .li .tp{float: left;width: 199px;margin-right: 20px;height: 130px;overflow:hidden;}
.news .li .tp img{width: 100%;}
.news .li .js{float: left;width: 710px;background:rgba(242,242,242,1);height: 130px;}
.news .li  .bt{font-size:16px;
font-weight:600;margin-left:12px;margin-top:12px;color:#333;
color:rgba(51,51,51,1);}
.news .li  .jj{padding:12px;padding-top:10px;font-size: 13px;line-height:22px;}
.news .li a:hover{color:#333;}
.qt{margin-left:15px;}
.time{margin-right:15px;}
.more a{color:#00a8e3;}
.news .li .more a:hover{color:#00a8e3;}
.fl{float:left;}
.fr{float:right;}



.tit{text-align: center;font-size: 22px;color:#333;margin-bottom:10px;}
.tit span{font-size:12px;color:#999;}

.sx{border-top:1px solid #ccc;padding-top:10px;margin-top: 10px;}
.prev{float:left}
.next{float:right;}


.gw{width: 930px;height:50px;background:#F2F2F2;line-height:50px;padding-left:20px;cursor:pointer;margin-bottom:14px;}
.gw span{float: right;margin-right:20px;font-size:21px;}

.gwnr{line-height:27px;margin-bottom:20px;margin-left:10px;display:none;}
.gwnr a{display: block;margin-top:10px;
background:#00a8e3;width:134px;height:34px;text-align:center;line-height:34px;color:#fff;font-weight:bold;font-size:14px;}

.ono{background:#00a8e3;color:#fff;}




.three{display: none;}
.three a{padding-left: 40px;}
.three.on{display: block;}