@charset "utf-8";
/* CSS Document */


body {margin:0; padding: 0px;  font-family:"Microsoft YaHei", "SimHei"; font-size: 14px; color: #333; background-color:#f4f4f4;} 
*{ border:0px; margin: 0px; padding: 0px; text-decoration: none; list-style: none; box-sizing: border-box;}
ul li dl dt dd{ list-style:none;}
input,button,select,textarea{  outline:none;  }
textarea{     resize:none;}
img{ margin:0px; padding:0px;  border:none; display:block; overflow:hidden; }
a{ color:#333; text-decoration:none;}
.allwidth{ width:100%;}
.clearfix{overflow:auto;_height:1%}/****清除浮动****/
.clearboth{ clear:both;}
.clear{clear: both;    height: 0px;    font-size: 0px;    line-height: 0px;}
.myclear:after{clear:both;display:block;content:" ";}/****当前高度自适应****/
.fleft{ float:left;}
.fright{ float:right;}
.txtcenter{ text-align:center;}
.bg_w{ background-color: #fff;}
.block{ display:block;}
.center{ text-align:center;}
.alignCenter{ align-items: center;	}
.flex{ display: flex;}
.between{ justify-content: space-between;	}
input[type="checkbox"] {vertical-align:middle; margin-bottom:3px; margin-right: 5px;}
input::-webkit-input-placeholder{        color:#a4c4bf;    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
        color:#a4c4bf;    }
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
        color:#a4c4bf;    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
        color:#a4c4bf;    }
.redtext{ color:#ff0000;}
.orangetext{ color:#ff6600;}
 
/*******页面总框架*****/
.kuang{ width:1240px; padding-left:20px;padding-right:20px; margin:0px auto; display:block; clear:both; height:auto; }
.kuang1{ width:1200px; padding:0px; margin:0px auto; display:block; clear:both; height:auto; }
.kuang2{ width:1240px; padding:0px;  margin:0px auto;  display:block; clear:both; height:auto;}
.kuangbg{ background:url("./images/jm2.gif");}
.overbox{ overflow:auto;}
.main_left{ float:left; width:180px;}
.main_center{ float:left; width:550px; margin-left:15px;}
.main_right{ float:right; margin-left:15px; width:240px; text-align:left;}
.in_left{ float:left; width:740px;}
.in_right{ float:right; width:250px; margin-left:10px;}

.ma{  margin-top: 10px; margin-right: 20px;}
.ma a{ float:right;  font-size:14px; color:#007c8f; line-height: 20px; cursor:pointer; text-decoration:none;}
.more{float:right; font-size:14px; color:#333; margin-top: 20px;}
.more a{ color:#333; text-decoration: none;}

.topbg{ background-color: #0247c6;}
.top{ width: 1240px; height:90px; margin:0px auto;}
.topname{  background:url("./images/logo.png") no-repeat; width:800px;height:85px;  float:left;}
.topright{ float:right; font-size:16px; margin-top:40px; color:#fff;}
.topright a{color:#fff; text-decoration: none; padding-right: 5px; padding-left: 5px;}
.navbg{ background-color:#2b6ddd; height:50px;}
.nav{ list-style:none; height:50px; display:block; float:left; margin-right:0px;}
.nav li{ float:left; line-height:50px; font-size:16px; color:#FFF;}
.nav li a{ text-decoration:none; display:block; width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#FFFFFF; padding-top:0px;}
.nav li a:hover{   text-decoration:none; font-size:18px; line-height:50px; background-color:#5997ff; color:#FFF; font-weight:lighter;}
.nav .home{ background-color:#3681ff;}



#banner { position: relative;}
.loginposition{ position:absolute; width:1200px;left: 50%; top: 0; margin-top: 30px; z-index: 2; margin-left: -570px;  }
.loginbox{ position:relative; float: right; right: 0px; top: 15px; width:360px; height: 330px;border-radius: 5px; box-shadow:0px 0px 15px #333; background-color:#fff;  }
.login_tab_bg{ background: url("./images/bgline.png") bottom repeat-x; height: 50px;}
.login_tab{ margin-left: 65px; padding-top: 26px; font-size:20px; color:#666; height: 24px;}
.login_tab li{float:left; list-style: none; box-sizing: border-box; margin-right:30px; width:100px; height:24px; line-height:16px;  font-size:18px; color:#666666; text-align:center; cursor: pointer;}
.login_tab .active{  color:#000; border-bottom:2px solid #ff6600;}


.swiper-container { z-index: 1;}
.swiper-slide { background-position: 50% 0;}
.swiper-slide a { display: block; height: 400px;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 24px;}
.swiper-pagination-bullet { width: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}
.gray .swiper-pagination-bullet { border-color: #666; background-color: #666;}
.gray .swiper-pagination-bullet-active { background-color: transparent;}
.white .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.white .swiper-pagination-bullet-active { background-color: transparent;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}


.intop1{width:100%; height: 240px; margin: 0px auto; background: url("./images/intop1.jpg") center no-repeat;}




.bgimg1{ margin: 25px auto 0px auto; background:url("./images/s_icon1.png") no-repeat 20px 12px;}
.bgimg2{ margin: 20px auto 0px auto; background:url("./images/s_icon2.png") no-repeat 20px 12px;}
.bgimg3{ margin: 25px auto 0px auto; background:url("./images/s_icon4.png") no-repeat 20px 12px;}
.bgimg4{ margin: 40px auto 0px auto; width:300px; height: 50px; }
.bgimg5{ margin: 20px auto 0px auto; background:url("./images/s_icon3.png") no-repeat 20px 14px;}
.inputbox1,.inputbox2{  width:300px; height: 40px; border:1px solid #a0babe; border-radius:30px; box-shadow: 0 0 12px 6px rgba(160,207,198,0.4);  -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s; background-color: #fff;} 

.inputbox1:focus-within,.inputbox2:focus-within{border-color:#6a97a2; box-shadow: 0 0 10px #5499a3; }
.btn,.btn2{ width:300px; height: 40px; outline: 0 none;  border: none; cursor:pointer;text-align: center; line-height: 40px; color: #fff; font-size: 18px;
background-color: #41aa9b;     background-image: linear-gradient(to right, #2b6ddd, #00a0ce); border-radius:30px; box-shadow: 0 0 12px 6px rgba(160,207,198,0.4); -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s;}
.btn:hover,.btn2:hover{border-color:#54a393; box-shadow: 0 0 10px #54a393;  background-image: linear-gradient(to right, #0a97a4 , #6fdecd);}
.input_01,.input_02{ margin-left: 50px; padding-left: 10px; margin-top: 10px; width:250px; height:24px; border: none; font-size: 16px; color: #4191ab;  outline: 0 none;  background-color:rgba(255,255,255,0.1); }
.input_02{ width:120px; }
.register{display: block; margin:0px auto; padding-top: 15px; padding-bottom: 5px; width:75%; font-size: 14px;}
.register p a{ color:#333; text-decoration: none;}

/*******top user enter*****/
.enter_bg1{background: url("./images/enter_bg1.jpg");}
.enter_bg2{background: url("./images/enter_bg2.jpg");}
.enter_bg3{background: url("./images/enter_bg3.jpg");}
.etbox{float:left; width:380px; height: 250px;}
.et_pd{margin-left:29px;}
.et_title{ width:100%; height:42px; font-size:18px; color:#fff;padding-top:12px; padding-left: 10px; border-bottom: 1px solid #4b93f4;}
.et_title span{display: inline-block; padding-right: 20px; width:9px; height: 17px; background: url("./images/dottop.png") no-repeat;}

.introduce_title{	padding:13px 20px;	font-size: 18px;	font-weight: bold;	color: #FFFFFF;}
.introduce_title span{	width: 5px;	height: 18px;	background: #FFFFFF;	margin-right:9px;}
.introduce_content{	padding:20px;	flex-flow: wrap;}
.introduce_content>a{width: 164px;height: 42px;border: 1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.25);margin-bottom:10px;	padding:7px;font-size: 16px;color: #FFFFFF;text-shadow: 0px 1px 2px rgba(0,112,197,0.2000);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.introduce_icon{	padding-right:4px;	border-right:1px solid rgba(255,255,255,.25);	margin-right:9px;}

.industry_training a:hover{	box-shadow: 0px 1px 2px 0px rgba(0,112,197,0.2000);	background: #32B16C!important;}
.adult_education a:hover{	background: #0E77ED!important;	box-shadow: 0px 1px 2px 0px rgba(0,112,197,0.2000);}
.system_service a:hover{	background: #00AEC7!important;	box-shadow: 0px 1px 2px 0px rgba(0,112,197,0.2000);}


/*******图片列表*****/
.pro_1{ margin-left:0px; margin-right:0px;  height:auto; width:1200px; overflow: hidden; clear:both;}
.main_pro{  overflow: hidden; width:1253px;}
.main_pro li{ float:left; width:260px; height:240px; margin-left:0px; margin-right:53px; margin-top:10px;  }
.main_pro li h3{ line-height:30px; color:#000; font-size:16px;   font-family:"Microsoft YaHei", "SimSun"; font-weight:normal;overflow: hidden; width: 260px; height: 36px; white-space: nowrap; text-overflow: ellipsis;}
.main_pro li h3 a{ color:#000; text-decoration:none;}
.main_pro li h3:hover a{ color:#2b6ddd; text-decoration:none;}
.main_pro li img{ width:260px; height:175px;  overflow:hidden; background:#FFFFFF; border-radius: 8px;}
.main_pro li p{ background:url("./images/list.png") 0px 1px no-repeat; font-size:14px; color:#999;padding-left:18px; line-height: 16px;}


.tech_m{overflow: hidden; width:1253px;}
.tech_m li{ float:left; width:195px; height:240px; margin:10px 53px 0px 0px;}
.tech_m li .tech_img{ background: url("./images/tqbg.png") no-repeat; width:190px; height: 170px;}
.tech_m li .tech_img img{ width:138px; height: 138px; margin-top: 7px; margin-left: 26px; border-radius: 80px;}
.tech_m li h3{padding-right: 8px; text-align:center; font-weight: normal; line-height: 24px; color:#333;font-size:16px;}

.tech_in{ margin-top:20px; margin-bottom: 10px; clear: both; overflow: hidden;}
.tech_in .tech_img{float:left; background: url("./images/tqbg.png") no-repeat; width:190px; height: 170px;}
.tech_in .tech_img img{ width:138px; height: 138px; margin-top: 7px; margin-left: 26px; border-radius: 80px;}
.tech_in .main{float:left; margin-left: 30px; width:820px;}
.tech_in .main h2{padding-bottom:5px; background: url("./images/user1.png") 0px 3px no-repeat;  text-indent: 25px; font-size:20px; border-bottom:1px solid #e6e6e6;}
.tech_in .main h2 span{padding-left: 15px;}
.tech_in .main .into{ font-size:16px; line-height: 28px; margin-top: 15px;}



/*******newslist-m*****/
.news_1{ display:block; height:auto; width:1288px; clear:both; margin-bottom: 20px; }
.news_1 ul{ overflow: hidden; width:1240px; margin-top:10px;}
.news_1 ul li{ float:left; width:270px; height:217px; margin:0 40px 0 0;  border:1px solid #eeeeee; }
.news_1 ul li h2{margin: 10px 10px 0 10px; font-weight: normal; font-size:16px; line-height: 20px;overflow: hidden; width: 250px; height: 26px; white-space: nowrap; text-overflow: ellipsis;}
.news_1 ul li h2 a{color:#000; text-decoration:none;}
.news_1 ul li h2:hover a{ color:#2b6ddd;}
.news_1 ul li .time{margin-left:10px;   width:250px; color:#999;}
.news_1 ul li .intro{margin: 50px 10px 0 10px;  width:250px; color:#999; line-height: 20px; height:60px; overflow: hidden;color:#666;}
.news_1 ul li .num{margin-top:20px;height: 30px; line-height: 30px; color:#999; background-color: #f4f4f4; padding-left: 10px;}
.news_1 ul li .num span{display:inline-block;  width:20px; height: 18px; background: url("./images/see.png") 0px 6px no-repeat;}


	
/**newslist**/
.st_inbox1{ padding: 20px 60px; border:1px solid #d9d9d9; min-height: 380px;}
.st_newslist li{ width:100%; display: inline-block; border-bottom:dashed 1px #ccc; padding:10px 0px 5px 0px; margin-bottom: 15px; clear: both;}
.st_newslist li h2{ font-size:20px;line-height:40px; height:40px;font-weight:700 ;}
.st_newslist li h2 a{color:#2b6ddd; font-size:16px;}
.st_newslist li h2 a:hover{ text-decoration:none; color:#cc0033;}
.st_newslist li p{font-size:14px;color:#666666; line-height:22px;  overflow:hidden; }
.st_newslist div{margin-top:10px;}
.st_newslist li span{ float:left; font-size:14px;  color:#999; display:block;}
.st_newslist i{ font-style: normal;  float:right; width: 60px; height:16px; background:url("./images/see.png") no-repeat 0px 4px; text-indent:20px; font-size: 14px; color:#999;}



/**detail**/
.st_inbox1{ padding: 20px 60px; border:1px solid #d9d9d9; min-height: 380px;}
.st_inbox1 h3{ margin:20px auto 40px auto; color:#333; text-align: center; font-size:24px;font-weight: normal;}
.st_inbox1 h4{ margin:20px auto 10px auto; height: 40px; color:#333; text-align: center; font-size:24px;font-weight: normal; border-bottom: 1px dashed #ccc; }
.st_news_cs{ height: 30px; font-size: 14px; color: #999; text-align: center;}
.st_news_cs span{ padding:5px 20px;}
.st_inbox1 .content{ font-size:16px; color: #333; line-height: 30px;}
.st_inbox1 .content p{ text-indent:28px; margin: 10px auto;}
.st_inbox1 .content img{ margin:10px auto; clear: both; text-align: center;}
.st_inbox1 .content a{ color:#007799;}

.st_mainnews{ list-style: none; margin: 20px 0px 0px 0px;}
.st_mainnews dt{ float:right; height: 36px; width: 100px; font-size: 16px; color:#999; font-weight: normal;}
.st_mainnews dd{background: url("./images/dot1.png") no-repeat 0 8px; padding-left:15px; width:850px; height: 36px;  font-size:16px; color:#333; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; }
.st_mainnews dd a{ color:#333;}
.st_mainnews dd a:hover{ color:#2b6ddd;}

/*******foot*****/
.justifyCenter{	justify-content: center;}
.footer{	background: #003aa4;	border-top:1px solid #DCDCDC;	margin-top: -10px;}
.navs{	height:50px;	border-bottom:1px solid #2c5785;	font-size: 16px;	color: #fff;	text-align:center;}
.navs a{	width:106px;	border-right:1px solid #7aa9ff;	color: #7aa9ff;}
.navs a:last-of-type{	border:none;}
.activess{	color:#fff!important;}
.footer_container{	border-bottom:1px solid #2c5785;	padding-bottom:26px;}
.footer_container .phone{	flex:2.5;}
.footer_container .interlinkage{	flex:2;    padding-left: 20px;}
.footer_container .richScan{	flex:1;}
.footer_container h3{	font-size: 16px;	font-weight: 400;	color: #fff;    line-height: 30px;    margin-bottom:20px;}
.footer_container h3 span{	border-bottom:2px solid #318AEE;}
.footer_container .right_line{	border-right:1px solid #2c5785;}
.footer_container .right_line ul{	padding: 0;    margin-left: 20px;    padding-right: 20px;}
.footer_container .right_line ul li a,.footer_container .right_line ul li{	font-size: 13px;	color: #fff;	line-height:30px;}
.footer_container .richScan p{	font-size: 12px;	color: #fff;	line-height:20px;	text-align:center;}
.footer_bottom{	height:36px;	font-size: 12px;	color: #7aa9ff;}

.foot_list li{ list-style: disc;  padding-left: -5px;  color: #ff6000;}
.end {    justify-content: end;}







.liucbg{ background-color:#e2ecee;verflow:auto;}

.bgcolorin{ background-color:#e8f4f7; }
.addr{font-size:14px; color:#666; line-height: 24px;}
.addr a{ color:#666;}
.reg_box{ padding: 20px 50px; border:1px solid #e6e6e6; background-color: #fff;}
.reg_list{ width:840px;margin-left: 160px; padding-bottom: 20px; overflow: auto;}
.reg_list dt{float:left; width:200px;font-size:14px; color:#333; text-align: right; line-height: 32px; height:32px; margin-top: 15px;}
.reg_list dd{float:left; padding-left: 20px; width:600px; margin-top: 15px; height: 32px; }
.reg_input_box{  border:1px solid #ccc; border-radius:5px; width:360px; height: 32px;}
.reg_input,.reg_input_d{ margin-left: 10px; font-size:14px; color:#999; width:340px; height: 30px; line-height: 30px;}
.reg_input_d{width:200px;}
.reg_ma{ float:right; margin-right: 10px; }
.reg_ma a{ font-size: 14px; color:#007c8f; line-height: 30px;}
.xieyi{ color:#ff0000;}
.btn2{ width:360px;}
.btn3{width:300px; height: 40px; outline: 0 none;  border: none; cursor:pointer;text-align: center; line-height: 40px; color: #fff; font-size: 18px;
background-color: #ccc;   border-radius:30px; box-shadow: 0 0 12px 6px rgba(0,0,0,0.1); -webkit-transition: all .8s;    -o-transition: all .8s;    transition: all .8s;}
.xieyi_text{ font-size:16px; color:#333;  line-height: 30px; }
.xieyi_text p{ margin-top:15px;}
.topbgin{background: url("./images/topin.jpg") center no-repeat; height: 150px;width:100%;}

.selectbox{ position:relative; margin-top: 10px; margin-bottom: 10px; padding: 20px 40px; border:1px solid #eee; background-color:#fff;}
.selectbox:after{clear:both;display:block;content:" ";}
.s_box_t{float:left; margin-top: 10px;  margin-right: 20px;  font-weight: bold; line-height: 30px;  font-size:16px;}
.s_box_list{position:relative;  margin-left: 70px; }
.s_box_list li{float:left; margin-right: 20px; margin-top: 10px;  padding-left: 20px; padding-right: 20px; font-size:16px;line-height: 30px;}
.s_box_list li a{ color:#333;}
.s_box_list .current{ background-color:#ff8400; border-radius: 30px;}
.s_box_list .current a{ color:#fff;}



.course img{ width:400px; height: 245px; }
.course_r{float:left; width:750px; margin-left: 50px;}
.course_t{ font-size:24px; padding-bottom: 10px; color:#333; border-bottom:1px solid #eee;}
.course_tag{ margin-top:10px;}
.course_tag dt, .course_tag dd{ float:left; font-size:14px; color:#666; line-height: 30px;}
.course_tag dd{color:#333; width:250px; }
.course_r .jiage{color:#666; clear: both;}
.course_r .jiage strong{color:#f00; font-size:32px;}
.course_r .jiage big{color:#00c212; font-size:32px;}
.course_r .buy{margin-top:15px;width:160px; text-align: center; line-height: 50px; background: #ff9000; color: #fff;font-size:18px; border-radius: 30px;cursor: pointer;}


.st_in_tab{margin-top: 20px; clear:both; height:47px; width: 100%; overflow: hidden; background: #f5f9ff; border-bottom: 1px solid #2b6ddd;}
.st_in_tab li{float:left; width:140px; line-height:46px;  font-size:18px; color:#333; text-align:center; cursor: pointer; }
.st_in_tab li a{  color:#999999; text-decoration:none; display:block;}
.st_in_tab .hover{  background-color:#2b6ddd; color:#fff; }






.courese_head{ line-height:36px; font-size:24px;}
.course_intro{ margin-top: 10px; margin-bottom: 10px; padding: 20px 40px; border:1px solid #ececec; background-color:#fff;}
.courese_title{ line-height:36px; font-size:20px; font-weight: bold; color:#ff8400; width: 950px; overflow: hidden; }
.course_select li{float:left; margin-left: 10px; line-height: 24px; font-size:14px; color:#333; padding-left: 15px; padding-right: 15px; border:1px solid #ccc; border-radius: 5px; cursor: pointer;}
.course_select .current{ border-color:#ff8400; background-color:#ff8400; color:#fff;}
.course_select{float:right;}
.course_list_top{clear:both; }
.course_list_top li{ float:left; padding-left: 20px; line-height: 50px; background-color: #f7f7f7; font-size:16px; font-weight: bold; }
.course_list li{ float:left; padding-left: 20px; line-height: 50px; font-size:16px;}
.course_list_top li:nth-child(1),.course_list li:nth-child(1){ width:100px; padding-left: 0px; text-align: center;}
.course_list_top li:nth-child(2),.course_list li:nth-child(2){ width:1000px;}
.course_list_top li:nth-child(3),.course_list li:nth-child(3){ width:100px;text-align: center;}

.course_list ul:nth-child(2n+1) li{   background-color: #fff;  }
.course_list ul:nth-child(2n+2) li{   background-color: #f7f7f7;  }

.expertbg{ background-color:#fff; }
.expertbg li{ float:left; margin-top: 30px; width:540px; height: 320px; margin-left: 40px;}
.expertbg li .expert_img{ float:left;width:200px;height:260px;}
.expertbg li .expert_img img{width:190px;height:250px;}
.expertbg li .expert_info{ float:left; margin-left:20px; width:310px;height:300px;}
.expertbg li .expert_info h2{ line-height: 30px; }
.expertbg li .expert_info .expert_text{ font-size:14px; line-height: 24px; display: block; height: 220px; overflow: auto;}
.expertbg li .expert_info .expert_link{ display:block; float:right; line-height: 36px; font-size:16px; color:#fff; background-color: #ff8400; padding: 2px 20px; border-radius:30px;}



/***window***/
.wd_shadow{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:100;}
.transparent{ position:fixed; top:0; right:0; bottom:0; left:0; filter:alpha(opacity=50); opacity:.5; background-color:#000; z-index:100;}
.wd_box{   position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%,-50%);    -ms-transform: translate(-50%,-50%);    transform: translate(-50%,-50%);    width: 700px;    z-index: 101;    -webkit-box-shadow: #666666 0 0 10px;    box-shadow: #666666 0 0 10px; border-radius: 8px; border:1px solid #666;  }

.wd_head{ margin-top: 0px; background-color:#008bb3; height: 40px; border-radius: 8px 8px 0px 0px; border:none; overflow: hidden;}
.wd_hd_title{display: block; float: left;padding-left: 15px; padding-top: 5px; color:#fff; font-size:16px;line-height: 35px;}
.wd_close{ float:right; margin-right: 15px; margin-top: 18px; width:16px; height: 16px; background: url("./images/close.png") no-repeat; }
.wd_close a{display: block; width:16px; height: 16px; cursor: pointer;}
.wd_main{  padding: 20px;  height: 360px;   background-color: #fff; }
.wd_operate{  padding-right: 20px; padding-top:8px; border-radius: 0px 0px 8px 8px; height:20px;  background-color: #fff; text-align: right; }
.wd_main_list{ margin-left:0px; min-height: 36px; clear: both; }
.wd_main_list:after{clear:both;display:block;content:" ";}
.border_bm_1{border-bottom: 1px dashed #ccc;}
.wd_ml_left{ float:left; width:100px; text-align: right; padding-right: 10px; font-size:14px; color:#666; line-height: 30px;}
.wd_ml_right{ float:left; width:340px; height: auto;overflow:auto}
.wd_ml_left2{ float:left; width:110px; text-align: right; padding-right: 10px; font-size:14px; color:#666; line-height: 30px;}
.wd_ml_right2{ float:left; width:320px; height: auto;overflow:auto}
.wd_ml_right2 p{ margin-top: 5px; line-height: 20px;}
.wd_ml_right2 p span{ color:#999;}

.wd_textarea_01{ padding: 5px;  height:60px; background-color: #f6fbfc; border:1px solid #c6e4e6; }
.wd_input_01{ padding: 5px;  height:30px;  background-color: #f6fbfc; border:1px solid #c6e4e6;}
.wd_btn_in1{ width:100px; height: 30px; border:none; background-color: #31b0d5; font-size:14px; color:#fff; cursor: pointer;}
.wd_checkbox{ margin-top:10px;}
.wd200{ width: 200px;}
.wd340{ width: 340px;}
.wd_btn_01{width:100px; height: 32px; border:none; background-color: #31b0d5; font-size:14px; color:#fff; cursor: pointer; border-radius: 5px;}
.wd_btn_02{width:100px; height: 32px; border:none; background-color: #dddddd; font-size:14px; color:#666; cursor: pointer; border-radius: 5px;}
.wd_btn_01:hover{ background-color: #068290; }
.wd_btn_02:hover{ background-color: #cccccc; }


.bottom{ background-color:#003aa4; margin-top: 20px; height: 80px;}
.bottom_text{ font-size:14px; color:#fff; text-align: center; line-height: 24px; padding-top: 20px;}

.pd-t5{ padding-top:5px;}
.pd-t10{ padding-top:10px;}
.pd-t15{ padding-top:15px;}
.pd-t20{ padding-top:20px;}
.pd-t30{ padding-top:30px;}

.pd-b5{ padding-bottom:5px;}
.pd-b10{ padding-bottom:10px;}
.pd-b15{ padding-bottom:15px;}
.pd-b20{ padding-bottom:20px;}
.pd-b30{ padding-bottom:30px;}


.totop5{ margin-top:5px;}
.totop10{ margin-top:10px;}
.totop15{ margin-top:15px;}
.totop20{ margin-top:20px;}
.totop30{ margin-top:30px;}
.totop40{ margin-top:40px;}
.totop50{ margin-top:50px;}

.tobottom10{ margin-bottom: 10px;}
.tobottom15{ margin-bottom: 15px;}
.tobottom20{ margin-bottom: 20px;}

.toleft5{ margin-left:5px;}
.toleft8{ margin-left:8px;}
.toleft10{ margin-left:10px;}
.toleft15{ margin-left:15px;}
.toleft20{ margin-left:20px;}
.toleft40{ margin-left:40px;}
.toleft50{ margin-left:50px;}

.height10{ height:10px; clear:both; display:block;}
.height15{ height:15px; clear:both; display:block;}
.height20{ height:20px; clear:both; display:block;}