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


@font-face {
  /* font-test*/
  font-family: HarmonyOS_Sans;
  src:url('../fonts/harmonyos_sans_sc_regular.ttf');
}


*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px; font-family:HarmonyOS_Sans; margin: 0px; padding: 0px;} 
a{color:#2a2a2a;text-decoration:none;}  
a:link {text-decoration:none;color:#2a2a2a;} 
a:active {text-decoration:none;color:#2a2a2a;} 
a:hover {text-decoration:none;color:#144490;} 
a:visited {text-decoration:none;color:#2a2a2a;}
.cle{ height: 0px; clear: both;} 

/*** effect zoom in ***/
.img-zoom-in img 
{
  transition:all .2s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
  -moz-transition:all .5s ease-in-out;
  -ms-transition:all .5s ease-in-out;
  -o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img 
{
  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1)
}
/*** effect zoom in ***/


.img-zoom-deg img{
	transition:All 0.5s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.img-zoom-deg:hover img {
  -webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
  transform: rotate(360deg);
}


.clearfix:after{
  content: " "; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
}






.main_about_{ width: 100%;background: url("../images/bg01.jpg") no-repeat center; height:900px; box-sizing: border-box; padding:80px 0px;} 
.main_about{ width: 1280px; margin: 0px auto;} 
.main_about_left{ width: 220px; float: left;} 
.main_about_left h6{font-size: 56px; color: #CCCCCC;line-height: 100%; font-weight: lighter;} 
.main_about_left em{display: block; margin: 35px 0px; background: #144490; height: 2px; width: 80px;} 
.main_about_left h2{ font-size: 32px; color: #000000; font-weight: normal;} 
.main_about_left ul{ margin-top: 150px;} 
.main_about_left ul li{} 
.main_about_left ul li a{display: inline-block; padding: 15px 0px; font-size: 16px;} 
.main_about_left ul li a.on{  border-bottom: #144490 2px solid;color: #144490; font-weight: bold;} 
.main_about_left > a{ display: block; background: #144490; font-size: 30px; width: 60px; height: 60px; color: #FFFFFF; text-align: center; border-radius: 50%; margin-top:40px; transition: all 0.5s; padding: 7px 0px 0px 0px; box-sizing: border-box;} 
.main_about_left > a:hover{background: #000000; color: #FFFFFF;} 

.main_about_right{float: right;  width: 780px;} 
.main_about_right > h5{text-align: center; font-size: 22px; color: #333333; font-weight: normal;} 
.main_about_right > img{ margin: 15px 0px;} 
.main_about_right > p{line-height: 175%; text-align: justify; font-size: 14px;} 

.main_about_right ul{ margin-top: 30px;} 
.main_about_right ul li{ float: left;  padding-right: 52px; margin-right: 52px; border-right: #144490 1px solid;} 
.main_about_right ul li:last-child{ float: right; padding-right: 0px; margin-right: 0px;border-right:none;} 
.main_about_right ul li h3{ font-size: 36px;color: #144490;} 
.main_about_right ul li p{ font-size: 14px; color: #144490;} 




.main_pro{ width:100%; padding:80px 0px;background:#EEEEEE;box-sizing: border-box;} 

.main_pro_tit{ width: 1280px; margin: 0px auto 50px; text-align: center;} 
.main_pro_tit p{font-size: 32px; color: #000000;  margin-bottom: 5px; letter-spacing: 5px;} 
.main_pro_tit span{ color: #999999; font-size: 16px;} 


.flash4{width:100%;height:695px;margin:0px auto; position:relative; overflow: hidden;}
.flash4 ul li{width:25%;height:695px;border-left:2px solid #FFFFFF;position:relative;overflow:hidden;float:left; box-sizing: border-box; overflow: hidden;}
.flash4 ul li .imgTop img{opacity:0.5; height:695px; width: 100%; object-fit: cover;}
.flash4 ul li .imgTop img.tm{opacity:1;  height:695px;}
.flash4 ul li .imgCon{}

.flash4 ul li .imgCen{width:300px;height:180px;background:rgba(20,68,144,0.8);position:absolute;left:50%; top: 30%; margin-left: -150px; display:none; padding: 25px; text-align: center; box-sizing: border-box;}
.flash4 ul li .imgCen p{ color: #FFFFFF; font-size: 24px;} 
.flash4 ul li .imgCen em{display: block; margin: 15px auto; background: #FFFFFF; height: 2px; width: 30px;} 
.flash4 ul li .imgCen span{ color: #CCCCCC; font-size: 14px; text-transform: uppercase;} 
.flash4 ul li .imgBot{width:100%;height:50px;background:rgba(0,0,0,0.5); position: absolute; z-index: 99999; bottom: 0;line-height:50px;font-size:16px;color:#FFFFFF; text-align: center;}


.flash4 ul li.first{width:25%;} 
.flash4 ul li.fast{position:absolute;right:0px;bottom:0px;} 

@media screen and (max-width:1600px){
}

@media screen and (max-width:768px){
}



.main_join{ width: 100%;padding: 80px 0px;background: url("../images/bg02.jpg") no-repeat center; height:1000px; box-sizing: border-box;} 

.main_join_{ width: 1280px; margin: 0px auto;} 
.main_join_left{ width: 220px; float: left;} 
.main_join_left h6{font-size: 56px; color: #CCCCCC;line-height: 100%; font-weight: lighter; text-transform: uppercase;} 
.main_join_left em{display: block; margin: 35px 0px; background: #144490; height: 2px; width: 80px;} 
.main_join_left h2{ font-size: 32px; color: #FFFFFF; font-weight: normal;} 
.main_join_left ul{ margin-top: 150px;} 
.main_join_left ul li{} 
.main_join_left ul li a{display: inline-block; padding: 15px 0px; font-size: 16px;color: #FFFFFF;} 
.main_join_left ul li a.on{  border-bottom: #FFFFFF 2px solid;color: #FFFFFF; font-weight: bold;} 
.main_join_left > a{ display: block; background: #144490; font-size: 30px; width: 60px; height: 60px; color: #FFFFFF; text-align: center; border-radius: 50%; margin-top:40px; transition: all 0.5s; padding: 7px 0px 0px 0px; box-sizing: border-box;} 
.main_join_left > a:hover{background: #000000; color: #FFFFFF;} 

.main_join_right{ float: right; width: 220px; margin-right: 200px;} 

.silder-box-1{width: 100%; margin: 650px auto 0px;}
.silder-box-1 .silder-button-1{ position:absolute;cursor:pointer;z-index: 999999;} 
.silder-box-1 .silder-button-1.btl{left:40%; top: -125px;} 
.silder-box-1 .silder-button-1.btl i{ background: #144490; color: #FFFFFF; height: 50px; width: 90px; box-sizing: border-box; text-align: center; font-size: 18px; padding-top: 15px; padding-right: 2px;} 
.silder-box-1 .silder-button-1.btl i:hover{background: #333333; } 
.silder-box-1 .silder-button-1.btr{left:100%;top: -125px;} 
.silder-box-1 .silder-button-1.btr i{ background:#144490; color: #FFFFFF; height: 50px; width: 90px; box-sizing: border-box; text-align: center; font-size: 18px; padding-top: 15px;}
.silder-box-1 .silder-button-1.btr i:hover{background: #333333; } 

.main_join_list{} 
.main_join_list ul{} 
.main_join_list ul li{width: 220px;} 
.main_join_list ul li p{ line-height: 175%; color: #FFFFFF; font-size: 16px;} 
.main_join_list ul li a{display: block; background: #FFFFFF; text-align: center; border-radius: 10px; margin-top: 50px;  width: 120px; padding: 5px 0px; color: #144490;} 





.main_case{ width: 100%;background: url("../images/bg01.jpg") no-repeat center; height:900px; box-sizing: border-box; padding:80px 0px;} 
.main_case_{ width: 1280px; margin: 0px auto;} 
.main_case_left{ width: 220px; float: left;} 
.main_case_left h6{font-size: 56px; color: #CCCCCC;line-height: 100%; font-weight: lighter;} 
.main_case_left em{display: block; margin: 35px 0px; background: #144490; height: 2px; width: 80px;} 
.main_case_left h2{ font-size: 32px; color: #000000; font-weight: normal;} 
.main_case_left > a{ display: block; background: #144490; font-size: 30px; width: 60px; height: 60px; color: #FFFFFF; text-align: center; border-radius: 50%; margin-top:360px; transition: all 0.5s; padding: 7px 0px 0px 0px; box-sizing: border-box;} 
.main_case_left > a:hover{background: #000000; color: #FFFFFF;} 

.main_case_right{float: right;  width: 800px;} 
.main_case_right ul{} 
.main_case_right ul li{ float: left; width: 380px; height: 210px; overflow: hidden; margin-bottom: 40px;} 
.main_case_right ul li:nth-child(2n){ float: right;} 
.main_case_right ul li img{width: 380px; height: 210px;} 



.main_news{ width: 100%; padding: 80px 0px; background: #EEEEEE;} 
.main_news_{ width: 1280px; margin: 0px auto;} 
.main_news_left{ width: 220px; float: left;} 
.main_news_left h6{font-size: 56px; color: #CCCCCC;line-height: 100%; font-weight: lighter;} 
.main_news_left em{display: block; margin: 35px 0px; background: #144490; height: 2px; width: 80px;} 
.main_news_left h2{ font-size: 32px; color: #000000; font-weight: normal;} 
.main_news_left > a{ display: block; background: #144490; font-size: 30px; width: 60px; height: 60px; color: #FFFFFF; text-align: center; border-radius: 50%; margin-top:220px; transition: all 0.5s; padding: 7px 0px 0px 0px; box-sizing: border-box;} 
.main_news_left > a:hover{background: #000000; color: #FFFFFF;} 

.main_news_right{float: right;  width: 900px;}

.main_news_right div.fl{ float: left; width: 400px;} 
.main_news_right div.fl img{ width: 400px; height: 280px; margin-bottom: 15px;} 
.main_news_right div.fl h2{ font-size: 24px; line-height: 150%;} 
.main_news_right div.fl span{ display: block; margin: 20px 0px;color: #999999;} 
.main_news_right div.fl p{ line-height: 175%; color: #999999; font-size: 14px;}

.main_news_right div.fr{width: 450px; float: right;} 
.main_news_right ul{} 
.main_news_right ul li{ background: #FFFFFF; padding: 35px; box-sizing: border-box; margin-bottom: 30px; box-shadow: 0px 0px 15px 1px #DDDDDD;} 
.main_news_right ul li p{font-size: 20px;} 
.main_news_right ul li p a{ color: #000000;} 
.main_news_right ul li span{display: block; margin: 15px 0px 0px;color: #999999;} 

.main_news_right ul li:hover{background: #144490;} 
.main_news_right ul li:hover p a{ color: #FFFFFF;} 
.main_news_right ul li:hover span{ color: #FFFFFF;} 
















/************************************************这里是分界线*******************************************************/

.weizhi_{ width:100%; background: #DDDDDD;} 
.weizhi{width:1200px; margin: 0px auto;} 
.us_menu{ float: left; width: 800px;} 
.us_menu ul{} 
.us_menu li{ float: left; } 
.us_menu li a{ display: block; padding:15px 25px; border-right:#CCCCCC 1px solid;font-size: 14px;} 
.us_menu li a:hover{background: #144490; color: #FFFFFF;} 
.us_menu li a.on{ background: #144490; color: #FFFFFF;border: #144490 1px solid; } 
.us_top{ float: right; padding: 15px 0px; color: #999999;} 
.us_top a{ color: #999999;} 
.us_top a:hover{ color: #144490;} 

.us_menu_pro{ margin: 50px auto 30px; width: 1200px;} 
.us_menu_pro ul{} 
.us_menu_pro li{ float: left; } 
.us_menu_pro li a{ display: block;font-size: 16px; margin: 0px 60px 15px 0px;} 
.us_menu_pro li a:hover{ color: #144490; font-weight: bold;} 
.us_menu_pro li a.on{  color: #144490; font-weight: bold;} 


.con_about_tit{ width:600px;margin:80px auto 0px; text-align: center;} 
.con_about_tit h5{font-size: 32px; color: #2a2a2a; font-weight: bold; margin-bottom: 2px;} 
.con_about_tit span{ font-size: 12px; color: #999999; text-transform: uppercase;} 
.con_about_tit em{ display: block; background: #144490; width: 50px; margin:20px auto; height: 2px;} 
.con_about_tit h6{font-size: 32px; color: #144490;font-weight: lighter; margin-bottom: 10px;} 
.con_about_tit p{ font-size: 14px; line-height: 175%; color: #666666;} 

.con_about_a{ width: 100%; padding: 2px 0px 80px; background: #F6F6F6; margin: 0px;} 

.con_about_a ul{width:1200px;margin:35px auto 0px;} 
.con_about_a ul li{ box-sizing: border-box;  float: left; width: 300px;height:200px; text-align: center;} 

.con_about_a ul li:first-child{ background: #EEEEEE; padding: 50px;} 
.con_about_a ul li:nth-child(2){background: #FDFDFD; padding: 50px;} 
.con_about_a ul li:nth-child(3){} 
.con_about_a ul li:nth-child(4){background: #EEEEEE; padding: 50px;} 
.con_about_a ul li:nth-child(5){background: #FDFDFD; padding: 50px;} 
.con_about_a ul li:nth-child(6){} 
.con_about_a ul li:nth-child(7){background: #FAFAFA; padding: 50px;} 
.con_about_a ul li:nth-child(8){} 
.con_about_a ul li:nth-child(9){} 
.con_about_a ul li:nth-child(10){background: #FAFAFA; padding: 50px;} 
.con_about_a ul li:nth-child(11){background: #EEEEEE; padding: 50px;} 
.con_about_a ul li:last-child{ background: #FAFAFA; padding: 50px;} 
.con_about_a ul li p{ font-size: 22px; font-weight: normal; margin-bottom: 10px;} 
.con_about_a ul li span{ color: #999999; line-height: 175%; text-align: justify; font-size: 14px;} 

.con_about_a ul li:hover{ background: #144490;} 
.con_about_a ul li:hover p{ color: #FFFFFF;} 
.con_about_a ul li:hover span{ color: #FFFFFF;} 



.silder-box-2{width: 100%; margin:0px; padding: 80px 0px;}
.silder-box-2 .silder-button-2{ position:absolute;cursor:pointer;z-index: 999999;} 
.silder-box-2 .silder-button-2.btl{left:12%; top:40%;} 
.silder-box-2 .silder-button-2.btl i{ background: #144490; color: #FFFFFF; height: 50px; width: 90px; box-sizing: border-box; text-align: center; font-size: 18px; padding-top: 15px; padding-right: 2px;} 
.silder-box-2 .silder-button-2.btl i:hover{background: #333333; } 
.silder-box-2 .silder-button-2.btr{right:12%;top:40%;} 
.silder-box-2 .silder-button-2.btr i{ background:#144490; color: #FFFFFF; height: 50px; width: 90px; box-sizing: border-box; text-align: center; font-size: 18px; padding-top: 15px;}
.silder-box-2 .silder-button-2.btr i:hover{background: #333333; } 

.con_about_gs_{ margin: 0px auto; width: 1200px;} 
.con_about_gs_ ul{} 
.con_about_gs_ ul li{} 
.con_about_gs_ ul li img{width: 390px; height: 298px;} 
.con_about_gs_ ul li p{ padding-top:10px; font-size: 14px; text-align: center;} 

.con_about_con{ margin: 30px auto 80px; width: 1200px;} 
.con_about_con p{ margin: 30px 0px; line-height: 175%; text-align: justify; font-size: 16px;} 









.con_pro{ margin: 0px; width: 100%; min-height: 300px;padding: 80px 0px; background: #F6F6F6;}
.con_pro ul{ margin: 0px auto; padding: 0px; width: 1200px;} 
.con_pro li{ float: left; margin: 30px 22px 20px 0px; width: 385px; background: #FFFFFF;} 
.con_pro ul li:nth-child(3n){ float: right; margin:30px 0px 20px 0px; } 
.con_pro li:hover{} 
.con_pro li div{  width: 385px; height: 295px; overflow: hidden; } 
.con_pro li img{  width: 385px; height: 295px; } 
.con_pro li p{ background: #FFFFFF; color: #333333; text-align: center; padding: 20px 0px; font-size: 16px; font-weight:normal;} 
.con_pro li:hover p{color: #144490;} 


.con_pro_m{ margin: 0px; width: 100%; padding: 80px 0px; background: #F6F6F6;} 


/*.con_pro_m_left{ float: left; width: 650px; height: 488px; overflow: hidden;} 	
.con_pro_m_right{ float: right; width: 440px; text-align: left;} 
.con_pro_m_right h1{font-size: 36px; padding: 20px 0px; margin: 0px auto 20px; border-bottom: #DDDDDD 1px dashed;display: block;} 
.con_pro_m_right p{ margin: 5px 0px; font-size: 16px; color: #333333; line-height: 175%;} */

.con_pro_m_det{margin: 0px auto; width: 1200px; background: #FFFFFF; box-sizing: border-box; padding: 0 50px 50px 50px;} 
.con_pro_m_det h1 {width: 1000px; margin: 0 auto;font-size: 36px; text-align: center; font-weight: bold; padding: 35px 0 15px; line-height: 175%; border-bottom: 1px dotted #ccc;}
.con_pro_m_det img{ width: 100%;} 

.con_pro_m_more{ margin: 35px auto; width: 1200px; background: #FFFFFF; box-sizing: border-box; padding: 30px 0px;} 
.con_pro_m_more h4{ display: inline-block; margin: 0px 0px 20px; font-size: 30px;} 
.con_pro_m_more ul{} 
.con_pro_m_more ul li{ float: left;  margin-right: 30px;} 
.con_pro_m_more ul li:last-child{ float: right; margin-right: 0px;} 
.con_pro_m_more ul li div{width: 380px; height: 295px; overflow: hidden;} 
.con_pro_m_more ul li img{width: 380px; height: 295px;} 
.con_pro_m_more ul li p{ color: #FFFFFF;background: #333333; text-align: center; padding: 10px 0px; font-size: 14px; font-weight: normal;} 





.con_case{ margin: 80px auto; width: 1200px;} 
.con_case ul{ margin: 0px ; padding: 0px;} 
.con_case li{ float: left; margin: 0px 40px 40px 0px; width: 580px;} 
.con_case ul li:nth-child(2n){ float: right; margin:0px 0px 40px 0px; } 
.con_case li:hover{} 
.con_case li div{  width: 580px; height: 321px; overflow: hidden; } 
.con_case li img{  width: 580px; height: 321px; } 
.con_case li p{ background: #F9F9F9; color: #333333; text-align: center; padding: 15px 0px; font-size: 16px; font-weight:normal;} 
.con_case li:hover p{color: #144490;} 





.con_news{ width: 100%; margin:30px auto 60px;}

.con_news_{margin: 0px auto; width: 1200px; } 
.con_news_ ul{ margin: 0px ; padding: 0px; } 
.con_news_ li{ margin: 0px; padding: 40px 0px; b box-sizing: border-box; border-bottom: #DDDDDD 1px solid} 
.con_news_ li:hover{} 
.con_news_ li img{ float:left; width: 300px; height: 200px; padding: 2px; border: #DDDDDD 1px solid;} 
.con_news_ .con_news_more{ float:right; line-height: 170%; width: 750px; } 
.con_news_ .con_news_more p{ font-size: 24px; color: #144490; } 
.con_news_ .con_news_more em{ display: block; font-style: normal; color:#999999; margin: 10px 0px; font-size: 12px;}
.con_news_ .con_news_more span{ display: block; font-size: 14px; line-height: 175%; margin:15px 0px 30px; color: #999999;} 
.con_news_ .con_news_more h5 a{background: #333333;color: #FFFFFF; font-size: 14px;text-align: center; padding: 2px 0px; width: 150px;display: block;  border-radius: 15px;} 
.con_news_ .con_news_more h5 a:hover{background: #CCCCCC;color: #333333;} 


.con_news_m{margin: 50px auto; width: 1000px; background: #FFFFFF; padding:0px; box-sizing: border-box;} 
.con_news_m H1{ font-size: 36px; text-align: left; font-weight: bold; padding: 35px 0px 15px; line-height: 175%;} 
.con_news_m h5{ text-align: left; display: block; padding: 5px 0px 10px;border-bottom: #CCCCCC 1px dashed; font-weight: normal; color: #666666; font-size: 12px;} 
.con_news_m #MyContent{ padding: 30px 0px;} 
.con_news_m #MyContent p{margin: 35px 0px; font-size: 16px; line-height: 175%;} 
.con_news_m #MyContent p img{ max-width: 800px; display: block; margin: 20px auto;} 
.con_news_m #MyContent a{ font-size: 14px;} 

.con_news_m_more{ width: 1200px; background: #FFFFFF; padding: 30px 0px 50px 50px; box-sizing: border-box; margin: 0px auto 0px;} 
.con_news_m_more h4{ display: inline-block; margin-bottom: 20px; font-size: 30px;} 
.con_news_m_more ul{} 
.con_news_m_more ul li{ padding: 3px 0px;} 
.con_news_m_more ul li a{ color: #000000;} 
.con_news_m_more ul li a:hover{ color: #144490;} 
.con_news_m_more ul li span{ font-size: 12px; color: #999999;} 



.con_contact{ margin: 35px auto 35px; width: 1200px;background: #FFFFFF; padding: 50px 25px; box-sizing: border-box;}
.con_contact ul{ margin: 0px; padding: 0px;}
.con_contact ul li{ float: left; border-right:#DDDDDD 1px solid;  text-align: center; width: 286px;}
.con_contact ul li:last-child{ border-right: none;}
.con_contact ul li img{width:75px; height:75px;}
.con_contact ul li p {color:#000000;font-size:18px;margin:30px 0px 5px;}
.con_contact ul li span{color: #999999;font-size:14px;line-height: 175%;}
.con_contact_map{ margin: 0px auto 80px; width: 1200px;}



.con_join{width: 100%; background: #F6F6F6; padding: 80px 0px; margin: 0px;} 

.con_join_tit{ margin: 0px auto 35px; text-align: center;} 
.con_join_tit p{font-size: 14px; color: #999999; text-transform: uppercase; margin-bottom: 5px;} 
.con_join_tit span{ display: block; font-size: 32px; color: #333333;} 

.con_join_{width: 1200px; margin: 0px auto;} 
.con_join_ ul{} 
.con_join_ ul li{ float: left; width: 290px; margin: 0px 13px 15px 0px;}
.con_join_ ul li:nth-child(4n){ float: right;margin: 0px 0px 15px 0px;} 
.con_join_ ul li img{width: 290px; height: 100px; display: block;} 

.con_join_ ul li div{ background: #FFFFFF; height:240px; padding:35px 20px; box-sizing: border-box;} 
.con_join_ ul li div h5{font-size: 20px; font-weight: bold; color: #000000; margin-bottom: 15px;} 
.con_join_ ul li div p{ font-size: 14px; line-height: 175%; color: #666666;} 


.con_icon{ width: 100%; margin: 80px 0px;} 
.con_icon_tit{ margin: 0px auto 35px; text-align: center;} 
.con_icon_tit p{font-size: 14px; color: #999999; text-transform: uppercase; margin-bottom: 5px;} 
.con_icon_tit span{ display: block; font-size: 32px; color: #333333;} 

.con_icon_{ width: 1200px; margin: 0px auto; } 

.con_icon_ ul{} 
.con_icon_ ul li{ float: left; width: 220px;text-align: center; box-sizing: border-box; border:#CCCCCC 2px solid; border-radius: 10px; padding: 25px 0px 35px; margin-right: 25px; margin-bottom: 25px;} 
.con_icon_ ul li:nth-child(5n){ float: right; margin-right: 0px;} 
.con_icon_ ul li img{} 
.con_icon_ ul li p{font-size: 16x; font-weight: bold;} 
.con_icon_ ul li span{ font-size: 12px; color: #999999;text-transform: uppercase;} 

.join_con_02_{ margin: 0px auto; width: 600px;} 
.join_con_11_txt02{ margin: 20px 0px;} 
.join_con_11_txt02 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 265px; } 

.join_con_11_txt03{ margin: 20px 0px;} 
.join_con_11_txt03 input{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; } 

.join_con_11_txt04{ margin: 20px 0px;} 
.join_con_11_txt04 textarea{ border: #999999 1px solid;border-radius: 5px; color: #000000; padding: 15px; font-size: 16px; width: 565px; height: 200px; vertical-align: top;} 

.join_con_11_txt05{ margin: 50px 0px;text-align: center;} 
.join_con_11_txt05 input{ border: none; background: #144490; border-radius: 5px; color: #FFFFFF; padding: 15px;width: 255px; font-size: 30px; font-weight: bold; } 
.formstrck1 {color: red; font-weight: bold; text-indent: 15px; margin-top: 8px;}


/************************************************这里是分界线*******************************************************/

/* list pagination */
.pagination-wrapper{
  margin-top: 20px;
  height: 34px;
}
.pagination-wrapper .pagination{
  width: auto;
  margin: 0 auto;
  height: 34px;
  text-align: center;
  display: table;
}
.pagination-wrapper .pagination > li {
  display: inline-block;
  height: 26px;
  float: left !important;
  margin: 0 5px 0 0 !important;
  width: auto;
}
.pagination-wrapper .pagination > li a{
  float: left;
  display: block;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  font-size: 14px;
  border: 1px solid #dddddd;
  color: #333;
  text-decoration: none;
}
.pagination-wrapper .pagination > li a:hover{
  background:#f5f5f5;
  color:#0099ff;
}
.pagination-wrapper .pagination > li.active {
  background: #333;
  color: #fff;
}
.pagination-wrapper .pagination > li.active a,.pagination-wrapper .pagination > li.thisclass a:hover{
  background: transparent;
  border-color: #333;
  color: #fff;
  cursor: default;
}