@charset "utf-8";
html,body{ margin:0px; padding:0px;}
body{ background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666;}
img{ border:0;}
ul,li,dl,dt,dd{ margin:0; padding:0; list-style:none;}

h3{ margin:0; padding:0;}
form,input{ margin:0; padding:0;}
a,a:link,a:visited{ text-decoration:none; color:#666;}
a:hover{ color:#00adef;}

.area_1003{ width:1003px; margin:0 auto;}
.bgc_ededed{ background-color:#ededed;}
.bgc_00adef{ background-color:#00adef;}

.zwnr{ line-height:200%;}
.zwnr img{
	display: inline-block;
	max-width: 100%;
}

.swfBTNS{
	padding: 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 50px;
	-moz-column-gap: 50px;
	        column-gap: 50px;
}
.swfBTNS a{
	display: block;
	box-sizing: border-box;
	padding: 15px;
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background-color: #fff;
	border: 20px solid #7bdbff;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	color: #000;
	font-size: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	        align-items: center;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    text-decoration: none;
}
.swfBTNS a:hover{
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
	border-color: #fff;
	background-color: #7bdbff;
}

.header_logo{ height:85px;}
.header_logo a{ top:0; width:204px; height:85px; left:0; position:absolute; background:url(../images/logo02.png) 50% no-repeat;}

.dhs_area{ height:45px; background-color:#333;}
.dhs_area .search_css{ position:absolute; width:200px; height:45px; background-color:#000; top:0; right:0; z-index:1000;}
.dhs_area .search_css a{ float:right; display:block; width:45px; height:45px; background:url(../images/ic_search.png) 50% no-repeat; text-indent:100px; overflow:hidden;}
.dhs_area .search_css input{ float:left; width:140px; height:45px; line-height:45px; padding-left:10px; background:none; border:0; color:#888; font-family:Arial, Helvetica, sans-serif;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:45px; line-height:45px; position:relative; z-index:999;}
.nav *{ margin:0; padding:0;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold; }
.nav .sub{ display:none; width:180px; left:0; top:45px;  position:absolute; background:#4E4E4E;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; height:45px; line-height:45px; padding-left:20px;}
.nav .sub a:hover{ background:#6d6d6d; color:#fff;}
.nav .on h3 a{ background:#4E4E4E; color:#fff;}

.home_zw{ overflow:auto; padding:20px 0 45px 0;}
.home_zw .home_about{ width:747px; height:329px; float:left; padding:8px; background-color:#FFF; border-bottom:1px solid #ccccce; overflow:auto}
.home_zw .home_about .home_aboutintro{ float:right; width:512px;}
.home_zw .home_about .home_aboutintro h3{ margin:0; padding:0; height:35px; line-height:35px; color:#00adef; font-size:18px;}
.home_zw .home_about .home_aboutintro .about_nr{ font-size:12px; color:#666; line-height:160%;}

.home_zw .home_honor{ width:234px; float:right;}
.home_zw .home_honor li{ margin-bottom:6px; background-color:#FFF; border-bottom:1px solid #ccccce;}
.home_zw .home_honor li.ksp{ margin-bottom:0;}
.home_zw .home_honor li img{ display:block; padding:8px;}

.loc_title{ height:138px; clear:both; color:#fff;}
.loc_title h3{ font-size:38px; font-family:"Times New Roman", Times, serif; padding-top:60px;}
.loc_title h3 span{ display:block; font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}

.main_bg{ background:url(../images/main_bg.jpg) top center no-repeat;}

.pclass_list{ overflow:auto; padding:25px 0;}
.pclass_list li{ float:left; width:222px; margin-left:23px;}
.pclass_list li a,.pclass_list li a img,.pclass_list li a span{ display:block;}
.pclass_list li a img{ border:1px solid #000;}
.pclass_list li a:hover img{ border:1px solid #000; box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; -moz-box-shadow:0 0 6px #999; }
.pclass_list li a span{ display: block; padding: 10px 0; text-align:center;}

.menu_main{ overflow:auto; background:url(../images/menu_bg.jpg) 20px 0 repeat-y;}
.menu_main .menu_area{ float:left; width:233px; margin-left:20px; padding-bottom:30px;}
.menu_main .menu_area h3{ height:27px; padding-top:35px; color:#fff; text-align:center; background:#fff url(../images/menu_title_bg.jpg) bottom no-repeat; font-weight:normal;}
.menu_main .menu_area > li{ height:35px; line-height:35px;}
.menu_main .menu_area ul li{ width:231px; margin:0 auto; background-color:#f6f6f6; line-height: 14px; padding: 10px 0;}
.menu_main .menu_area ul li.menu_ul_top{ height:10px; background:url(../images/ultop.jpg) 50% no-repeat; padding: 0;}
.menu_main .menu_area ul li.menu_ul_bottom{ height:11px; background:url(../images/ulbottom.jpg) 50% repeat-x; padding: 0;}
.menu_main .menu_area li.menu_line{ height:4px; background:url(../images/menu_line.jpg) 50% no-repeat; padding: 0;}
.menu_main .menu_area li a{ display:inline-block;}
.menu_main .menu_area li.menu_on a{ color:#00adef;}
.menu_main .menu_area li.loc_f{ background:url(../images/menu_ic.jpg) 15px 13px no-repeat; padding-left:40px;}
.menu_main .menu_area ul li{ position:relative;}
.menu_main .menu_area ul li a{ margin-left:40px;}
.menu_main .menu_area ul li i,.menu_main .menu_area ul li span{ display:block; position:absolute; top:0; height:35px;}
.menu_main .menu_area ul li i{ width:60px; background:url(../images/ic_dian.jpg) 18px 16px no-repeat; }
.menu_main .menu_area ul li span{ width:35px; right:0; background:url(../images/ic_face.jpg) 50% no-repeat; }
.menu_bottom{ height:5px; background:url(../images/menu_bottom_bg.jpg) 20px 0 no-repeat; margin-bottom:25px;}

.main_area{ overflow:auto; width:750px; padding-top:25px;}
.pshow_list li{ float:left; width:222px; margin-left:21px;}
.pshow_list li a,.pshow_list li a img,.pshow_list li a span{ display:block;}
.pshow_list li a img{ border:1px solid #FFF;}
.pshow_list li a:hover img{ border:1px solid #000; box-shadow:0 0 6px #999; -webkit-box-shadow:0 0 6px #999; -moz-box-shadow:0 0 6px #999; }
.pshow_list li a span{ height:45px; line-height:45px; text-align:center;}

.faq_css{ padding:0 20px 50px 20px;}
.faq_css dl dt{ height:50px; line-height:50px; color:#333; font-weight:bold; font-size:16px; border-bottom:1px dashed #ccc; padding-top:10px;}
.faq_css dl dd .dd_icup{ padding-top:8px; height:26px; background:#fff url(../images/ic04.jpg) left bottom no-repeat;}
.faq_css dl dd .dd_nr{ background-color:#eeeeee; padding:5px 10px; line-height:160%;}

.contact_css{ padding:10px 0 50px; line-height:200%; font-size:16px;}

.ban{ padding:10px;}

.news_list{ padding: 0 10px 10px 10px;}
.news_list li{ height:45px; line-height:45px; position:relative; overflow:auto; border-bottom:1px dashed #ccc;}
.news_list li i{ display:block; float:left; width:30px; height:45px; background:url(../images/gray.gif) left 50% no-repeat;}
.news_list li span{ color:#999; float:right;}

.news_nr{ padding:15px 10px;}
.news_nr .news_title{ font-size:18px; border-bottom:1px solid #eee; text-align:center; padding-top:15px;}
.news_nr .news_title span{ display:block; font-size:12px; font-weight:normal; color:#999; height:30px; line-height:30px;}

.np{ padding:25px 0; border-top:1px solid #eee;}
.np span{ display:block; height:30px; line-height:30px;}

.footer{ background:#ededed url(../images/btn_bg.jpg) top repeat-x; }
.footer .footer_dhs_area{ height:45px; overflow:auto; line-height:45px; color:#999999;}
.footer .footer_dhs_area .footer_dhs{ float:left; height:45px;}
.footer .footer_dhs_area .footer_dhs a{ color:#999;}
.footer .footer_dhs_area .footer_dhs a:hover{ color:#000;}
.footer .footer_dhs_area .footer_copyright{ float:right; height:45px;}

.footer .foot_contact{ background:url(../images/bg_map.jpg) 50% 18px no-repeat; height:300px;}
.footer .contact_info{ text-align:center; padding-top:80px;}
.footer .contact_info h3{ font-size:23px; margin-bottom:10px;}
.footer .contact_info .tel{ display:block; font-size:20px; height:30px; line-height:30px; margin-bottom:5px;}
.footer .contact_info span{ line-height:180%;}

.footer .foot_contact .pclass_area{ margin-top:30px; position:relative;}
.footer .foot_contact .pclass_area .class_title{ position:absolute; left:0; top:0; width:150px; color:#333; line-height:160%;}
.footer .foot_contact .pclass_area .class_list{ position:absolute; left:150px; top:0; width:850px; line-height:160%;}

#clouds {
	background: transparent url(../images/cloud.jpg) 0px 0px repeat-x;
}
.clouds_stage {
	width: 100%;
	height: 190px;
	overflow: hidden;
}

.ban_area{ height:380px; background:url(../images/ban_bg.jpg) repeat-x;}
.ban_area .ad_bg{ height:380px; background:url(../images/ad_bg.jpg) 50% no-repeat;}

#sliderFrame {position:relative; width:1003px; margin:0 auto; padding-top:9px;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
        
#slider {
    width:1003px;height:350px;/* Make it the same size as your images */
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
}
#slider img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

#sliderFrame .swiper-container{
    width: 1003px;
    height: 350px;
    overflow: hidden;
}
#sliderFrame .swiper-slide{
    background: #000 url(../images/loading.gif) no-repeat 50% 50%;
    height: 350px;
}
#sliderFrame img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
#sliderFrame .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      text-align: center;
      opacity: 1;
      background-color:#fff;
      outline:none;
    }
#sliderFrame .swiper-pagination-bullet-active {
      background-color:#ff0000;
    }
#sliderFrame .swiper-button-black{
    background-color: rgba(255,255,255,0.6);
    padding: 10px;
    border-radius: 10px;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	bottom:0;
	left:0; /* Its position is relative to the #slider */
	width:100%;
	height:40px;
	background:url(../images/bullet_bg.png);
	z-index:5;
	position:absolute;
	text-align:center;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:14px; height:14px;
    background:url(../images/bullet.png) no-repeat 0 -14px;
    cursor:pointer;
    margin-right:14px;/* distance between each bullet*/
	margin-top:13px;
	display:inline-block;
}

div.navBulletsWrapper div.active {background-position:0 0;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}

/*page*/
.scott { padding:0px; margin:0; text-align:right;}
.scott A:link { BORDER: #28A7E1 1px solid; padding:2px 5px; MARGIN-RIGHT: 2px; height:35px; line-height:35px; BACKGROUND-COLOR: #28A7E1; COLOR: #fff;}
.scott A:visited { BORDER: #28A7E1 1px solid; BACKGROUND-COLOR: #28A7E1;}
.scott A:hover { BORDER: #3F6676 1px solid; BACKGROUND-COLOR: #3F6676; }
.scott SPAN.current { BORDER: #3F6676 1px solid; padding:2px 5px; MARGIN-RIGHT: 2px; height:35px; line-height:35px; BACKGROUND-COLOR: #3F6676; COLOR: #fff;}
.scott SPAN.disabled { BORDER: #28A7E1 1px solid;  padding:2px 5px; MARGIN-RIGHT: 2px; BACKGROUND-COLOR: #28A7E1; COLOR: #fff;}

#kf{ position:relative; background:url(../images/sqw.jpg) left no-repeat; height:59px;}
#kf a{ display:block; position:absolute; top:0; width:59px; height:59px;}