@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px} 
img{ border:none} 
html,body,ul,ol,li{ list-style:none} 
body{ font-size:14px; font-family:"微软雅黑"; 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:#e62128;} 
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);
}



/* 本特效css样式 */
.banner{position: relative;overflow: auto;}
.banner li{list-style: none;}
.banner ul li {float: left;}
.banner .arrows {display: none;}
.banner:hover .arrows, .banner.hover .arrows {	display: block;}

 @media only screen {
 .banner .arrows {
 -webkit-transition: opacity 0.4s;
 transition: opacity 0.4s;
 opacity: 0;
 display: block;
}
 .banner:hover .arrows,  .banner.hover .arrows {
 opacity: 1;
}
}

.banner .hbg{position: absolute;z-index: 99; background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); height: 150px; width: 1200px; bottom: 0;} 
.banner .b_menu{position: absolute;z-index: 999; width: 1100px; top: 30px; left: 50px;} 
.banner .b_menu .b_menu_l{ float: left; font-size: 20px; background: #e62128; color: #FFFFFF; padding: 5px 20px; border-radius: 15px;}
.banner .b_menu .b_menu_c{ float: left; margin: 10px 0px 0px 20px;} 
.banner .b_menu .b_menu_c p{ float: left;margin: 0px 20px;} 
.banner .b_menu .b_menu_c p a{ color: #FFFFFF; font-size: 13px;} 
.banner .b_menu .b_menu_r{ float: right; margin: 10px 0px 0px 0px;} 
.banner .b_menu .b_menu_r a{ color: #FFFFFF; font-size: 14px;} 
.banner .b_menu .b_menu_r a:hover{ color: #e62128;} 
.banner .b_menu .b_menu_r a i{ color: #e62128; display: inline-block; margin-left: 20px;} 
.banner .arrows {position: absolute;z-index: 9999;} 
.banner .arrows .prev, .banner .arrows .next {	position: absolute;	width:40px;height:40px;cursor: pointer;} 
.banner .arrows .prev {	left: 50px; top: 260px; background: url(https://vecity.cn/images/slide_arrow_left.png) no-repeat;} 
.banner .arrows .next {	left: 1100px; top: 260px;background: url(https://vecity.cn/images/slide_arrow_right.png) no-repeat;} 

.wrapper {position: relative;width: 1200px;	margin: 80px auto;	zoom: 1;}
.section4 {	height: 610px;} 
.section4 .banner > ul > li {	height: 610px;} 
.section4 .banner .arrows {	top: 270px;} 
.section4 .dots {position: absolute;width:1000px; left: 50%; margin-left: -500px; top:500px;text-align:center;font-size: 14px;z-index: 9999;} 
.section4 .dot {float: left;cursor: pointer; list-style-type: none; color:rgba(255,255,255,0); width: 100px; height: 100px; padding: 6px; box-sizing: border-box; border-radius: 50%; margin: 0px 75px;} 
.section4 .dot1 {color: #CCCCCC;} 
.section4 .dot1.active {color: #e62128;background:rgba(0,0,0,0.3);} 
.section4 .dot2 {color: #CCCCCC;} 
.section4 .dot2.active {color: #e62128;background:rgba(0,0,0,0.3);} 
.section4 .dot3 {color: #CCCCCC;} 
.section4 .dot3.active {color: #e62128;background:rgba(0,0,0,0.3);} 
.section4 .dot4 {color: #CCCCCC;} 
.section4 .dot4.active {color: #e62128;background:rgba(0,0,0,0.3);} 








.main_video{width: 100%;background: url(https://vecity.cn/images/bg01.jpg) no-repeat center; height:580px;}  
.main_video_{width: 1200px; margin: 0px auto; position: relative;}
.main_video_ .a01{position: absolute; margin: 70px 0px 0px 55px; font-size: 30px; font-weight: bold;} 
.main_video_ .a02{position: absolute; margin: 190px 0px 0px 52px; font-size: 13px; line-height: 175%; width: 390px;} 
.main_video_ .a03{position: absolute; margin: 252px 0px 0px 52px;} 
.main_video_ .a03 a{ font-size: 14px; color: #e62128;}
.main_video_ .a03 a:hover{ color: #333333;}
.main_video_ .a04{position: absolute; margin: 78px 0px 0px 498px; width: 695px; height: 400px;}

.main_ys{width: 100%;background: url(https://vecity.cn/images/bg02.jpg) no-repeat center; height:545px;}  
.main_ys_{width: 1200px; margin: 0px auto; position: relative;}
.main_ys_ .a01{position: absolute; margin: 70px 0px 0px 0px; width: 540px;} 
.main_ys_ .a01 ul{} 
.main_ys_ .a01 ul li{ float: left; margin: 30px 0px; text-align: center; width: 180px;} 
.main_ys_ .a01 ul li div{ text-align: center; width: 88px; height: 88px; border: #000000 2px solid; border-radius: 15px; padding-top: 15px; box-sizing: border-box; margin: 0px auto;} 
.main_ys_ .a01 ul li p{ text-align: center; font-size: 18px; margin-top: 10px; line-height: 150%;} 
.main_ys_ .a02{position: absolute; margin: 95px 0px 0px 620px; font-size: 42px; font-weight: bold; line-height: 125%;} 
.main_ys_ .a03{position: absolute; margin: 240px 0px 0px 620px; width: 80px; height:6px; background: #e62128;} 
.main_ys_ .a04{position: absolute; margin: 300px 0px 0px 580px; width: 608px; height: 168px; overflow: hidden;}



.main_bf{ width: 1200px; margin: 100px auto;} 
.main_bf_tit{width: 1200px;background: url(https://vecity.cn/images/bg03.jpg) no-repeat center; height:120px; text-align: center; padding: 20px 0px; box-sizing: border-box;} 
.main_bf_tit p{ font-size: 40px;font-weight: bold; margin-bottom: 5px; } 
.main_bf_tit span{ font-size: 18px;} 
.main_bf_{ margin-top: 80px;} 
.main_bf_ ul{} 
.main_bf_ ul li{ width: 200px; float: left; border: #000000 2px solid; text-align: center; border-radius: 20px; margin-right: 50px; box-sizing: border-box; height: 240px; padding: 0px 20px; } 
.main_bf_ ul li:last-child{ float: right; margin-right: 0px;} 
.main_bf_ ul li:hover div{ background: #333333;} 
.main_bf_ ul li div{ height:86px; width: 86px; color: #FFFFFF;border-radius: 50%; text-align: center; padding: 18px 0px; box-sizing: border-box; background: #e62128; font-size: 36px; font-weight: bold; margin: -45px auto 20px;} 
.main_bf_ ul li h3{ display: block; margin-bottom: 3px;}
.main_bf_ ul li p{ font-size: 12px; color: #999999;}  
.main_bf_ ul li span{ display: block; font-size: 12px; text-align: justify; line-height: 150%;} 
.main_bf_ ul li em{ display: block; width: 60px; height: 2px; background: #CCCCCC; margin: 15px auto;} 



.main_case{width: 100%;background: url(https://vecity.cn/images/bg04.jpg) no-repeat center; height:445px;}  
.main_case_{ width: 1200px; margin: 0px auto;} 
.main_case_l{ float: left; width: 366px;} 
.main_case_l h3{ display: block; margin-bottom: 3px;font-size: 36px; }
.main_case_l p{ font-size: 20px;}  
.main_case_l span{ display: block; font-size: 14px; text-align: justify; line-height: 150%; color: #999999; margin: 15px 0px 5px;} 
.main_case_l a{ display: block; color: #e62128; margin-bottom:43px;} 
.main_case_l a:hover{ color: #000000;} 
.main_case_r{ width: 655px; height: 422px; overflow: hidden; float: right;} 



.main_join{ width: 100%;background: url(https://vecity.cn/images/bg05.jpg) no-repeat center; height:620px; box-sizing: border-box; padding: 60px 0px;} 
.main_join_{ width: 1200px; margin: 0px auto; } 
.main_join ul{ margin: 0px; padding: 0px;} 
.main_join ul li{ float:left; text-align: left; margin-right: 26px; width: 280px; background: #FFFFFF; padding: 15px; box-sizing: border-box; box-shadow: 0px 0px 20px 1px #DDDDDD;} 
.main_join ul li:last-child{ float: right; margin-right: 0px;} 
.main_join ul li:hover{} 
.main_join ul li div{ width:100%; height:160px; margin:0px auto; overflow:hidden;} 
.main_join ul li img{ width:100%; height:160px;} 
.main_join ul li p{ color:#333333; font-size:14px; font-weight:bold; margin:15px 0px 0px;}
.main_join ul li span{ display:block; font-size:12px; color:#999999; margin:10px 0px; line-height:150%;} 
.main_join ul li a{ display:block; color:#e62128;font-size:12px;} 

.main_join_tit{ width: 1200px; margin: 0px auto 35px;} 
.main_join_tit p{font-size: 36px; color:#000000; font-weight: bold; margin-bottom: 10px;} 
.main_join_tit span{font-size: 18px;color:#666666; font-weight: normal;} 




.main_about_{ width: 100%; background: url(https://vecity.cn/images/bg06.jpg) no-repeat center; height:580px;  padding: 50px 0px;} 

.main_about{ width: 1200px; margin: 0px auto;} 
.main_about_left{ width:566px; height: 548px; overflow: hidden;float: left;} 
.main_about_right{ width: 375px; float: right; margin-right: 100px; } 



.main_about_con_t2{color: #000000; font-size:40px; font-weight: bold; line-height: 150%; margin-bottom:20px; } 
.main_about_con_t3{color: #666666;  font-size: 12px;line-height: 175%;margin-bottom:20px;} 
.main_about_con_t3 span{ font-size: 18px; color: #CCCCCC;} 

.main_about_con_t6{} 
.main_about_con_t7{margin-bottom:34px;} 
.main_about_con_t7 a{ display:block; color: #e62128;} 
.main_about_con_t7 a:hover{color: #333333;} 




.main_about_con_t5{ width: 100%; background: url(https://vecity.cn/images/bg07.jpg) no-repeat center; height:290px;} 
.main_about_con_t5_con{ margin: 0px auto; width: 1200px; padding: 35px 0px;} 
.main_about_con_t5_con p{font-size: 24px; color: #FFFFFF; } 
.main_about_con_t5_con h3{font-size: 30px; color: #FFFFFF; margin-bottom: 25px;} 
.main_about_con_t5_con h3 strong{ font-size: 60px; color: #e62128; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"} 
.main_about_con_t5_con span{ color: #FFFFFF; font-size: 14px;} 
.main_about_con_t5_con em{display: block; height: 2px; width: 100px; background: #CCCCCC; margin: 20px 0px;} 




.main9a{ width: 100%; padding: 60px 0px;} 
.main9a_{ width: 1200px; margin: 0px auto;} 
.main9a_ ul{ margin: 0px; padding: 0px;} 
.main9a_ ul li{ float:left; text-align: left; margin-right: 20px; width: 285px; box-sizing: border-box;} 
.main9a_ ul li:last-child{ float: right; margin-right: 0px;} 
.main9a_ ul li:hover{} 
.main9a_ ul li div{ width:100%; height:160px; margin:0px auto; overflow:hidden; border-radius:5px;} 
.main9a_ ul li img{ width:100%; height:160px;} 
.main9a_ ul li p{ color:#333333; font-size:14px; font-weight:bold; margin:10px 0px 20px;}
.main9a_ ul li a{ display:block; color:#e62128;font-size:12px;} 

.main9a_tit{ width: 1200px; margin: 0px auto 35px;background: url(https://vecity.cn/images/bg08.jpg) no-repeat center; height: 120px;box-sizing:border-box; padding-top: 35px;} 
.main9a_tit p{font-size: 36px; color:#000000; font-weight: bold; margin-bottom: 10px;} 
.main9a_tit span{font-size: 18px;color:#666666; font-weight: normal;} 



.main_anli{ width: 100%; padding: 65px 0px; margin: 0px auto;background:#f8f8f8;} 
.main_anli > p{ margin: 20px 0px; font-size: 16px; color: #999999; text-align: center;} 


.main_anli_tit{ width: 1200px; margin: 0px auto 35px;background: url(https://vecity.cn/images/bg09.png) no-repeat center; height: 120px;box-sizing:border-box; padding-top: 35px;} 
.main_anli_tit p{font-size: 36px; color:#000000; font-weight: bold; margin-bottom: 10px;} 
.main_anli_tit span{font-size: 18px;color:#666666; font-weight: normal;}







/**********************************分界线*****************************************/



.weizhi{width:100%;  background: #F5F5F5; margin: -5px auto 0px;} 
.weizhi_{ width: 1200px; margin: 0px auto;} 
.us_menu{ float: right;} 
.us_menu ul{} 
.us_menu li{ float: left; } 
.us_menu li a{ display: block; margin: 0px 0px 0px 0px; font-size: 14px;padding: 22px 30px; color: #666666;} 
.us_menu li a:hover{background: #e62128; color: #FFFFFF;} 
.us_menu li a.on{ background: #e62128; color: #FFFFFF; } 
.us_top{ float: left; padding: 22px 0px; color: #999999; margin-right: 30px;font-size: 12px;} 
.us_top a{color: #999999;font-size: 12px;} 




.con_about{width: 100%; padding: 0px; margin: 0px 0px 60px;} 

.con_about h1{ font-size: 32px; color: #e62128; margin-top: 70px; text-align: center; font-weight: lighter;} 
.con_about em{ display: block; margin: 10px auto 30px; height: 2px; width: 60px; background: #333333; } 

.con_about_tit{width:1200px; margin: 0px auto; text-align: center;} 
.con_about_tit p{ text-align: center; font-size: 15px; line-height: 175%; margin: 25px 0px;} 


.con_about_logo{width:1200px; margin: 0px auto;} 
.con_about_logo ul{} 
.con_about_logo ul li{ float: left; margin-right: 30px; width: 380px; height: 330px; padding: 50px; box-sizing: border-box; background: #F5F5F5; text-align: center;} 
.con_about_logo ul li:last-child{ float: right; margin-right: 0px;} 
.con_about_logo ul li h3{ font-size: 50px; } 
.con_about_logo ul li p{ font-size: 14px; font-weight: bold; margin: 10px 0px; height: 50px;} 
.con_about_logo ul li span{ font-size: 12px; line-height: 175%;} 
.con_about_logo ul li:hover{ background: #333333;} 
.con_about_logo ul li:hover h3{ color: #FFFFFF;} 
.con_about_logo ul li:hover p{ color: #FFFFFF;} 
.con_about_logo ul li:hover span{ color: #FFFFFF;} 

.con_about_{width:1200px; margin: 0px auto 65px;} 

.con_about_a{ float: left; width: 727px;} 
.con_about_b{ float: right; width: 400px;} 
.con_about_b p{ font-size: 14px; line-height:160%; text-align: justify; margin:0px 0px 26px 0px;} 
.con_about_b p strong{  font-size: 14px;} 
.con_about_b p img{ width: 400px;} 


.con_about_wh{width:1200px; margin: 0px auto 0px;} 
.con_about_wh ul{} 
.con_about_wh ul li{ float: left;width: 300px; height: 200px; box-sizing: border-box; background: #F8F8F8; text-align: left; padding-left: 50px;} 
.con_about_wh ul li:nth-child(2){ background: #F1F1F1; } 
.con_about_wh ul li:nth-child(5){ background: #EEEEEE; } 
.con_about_wh ul li:nth-child(8){ background: #EEEEEE; } 
.con_about_wh ul li:nth-child(11){ background: #EEEEEE; } 
.con_about_wh ul li:nth-child(1){padding-left:0px;} 
.con_about_wh ul li:nth-child(4){padding-left:0px;} 
.con_about_wh ul li:nth-child(7){padding-left:0px;} 
.con_about_wh ul li:last-child{} 
.con_about_wh ul li p{ font-size: 16px; font-weight: bold; margin: 10px 0px; padding-top: 35px;} 
.con_about_wh ul li span{ font-size: 13px; line-height: 175%; display: inline-block; text-align: justify;} 
.con_about_wh ul li:hover{ background: #333333;} 
.con_about_wh ul li:hover p{ color: #FFFFFF;} 
.con_about_wh ul li:hover span{ color: #FFFFFF;} 

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


.con_pro_{  width: 100%; background: #F9F9F9; padding: 30px 0px;} 
.con_pro{ margin: 0px auto; width: 1200px;} 
.con_pro ul{ margin: 0px ; padding: 0px;} 
.con_pro li{ float: left; margin: 30px 22px 20px 0px; width: 385px; background: #FFFFFF;} 
.con_pro ul li:nth-child(3){ float: right; margin:30px 0px 20px 0px; } 
.con_pro ul li:nth-child(6){ float: right; margin:30px 0px 20px 0px; } 
.con_pro ul li:nth-child(9){ float: right; margin:30px 0px 20px 0px; } 
.con_pro ul li:nth-child(12){ float: right; margin:30px 0px 20px 0px; } 
.con_pro li:hover{} 
.con_pro li div{  width: 385px; height: 289px; overflow: hidden; } 
.con_pro li img{  width: 385px; height: 289px; } 
.con_pro li p{ background: #F9F9F9; color: #333333; text-align: center; padding: 15px 0px; font-size: 16px; font-weight:normal;} 
.con_pro li:hover p{color: #e62128;} 

.con_case{ margin: 50px auto; width: 1200px;} 
.con_case ul{ margin: 0px ; padding: 0px;} 
.con_case li{ float: left; margin: 30px 22px 0px 0px; width: 385px; background: #FFFFFF;} 
.con_case ul li:nth-child(3){ float: right; margin:30px 0px 0px 0px; } 
.con_case ul li:nth-child(6){ float: right; margin:30px 0px 0px 0px; } 
.con_case ul li:nth-child(9){ float: right; margin:30px 0px 0px 0px; } 
.con_case ul li:nth-child(12){ float: right; margin:30px 0px 0px 0px; } 
.con_case li:hover{} 
.con_case li div{  width: 385px; height: 230px; overflow: hidden; } 
.con_case li img{  width: 385px; height: 230px; } 
.con_case li p{ color: #333333; text-align: left; padding: 15px 0px; font-size: 14px; font-weight:normal;} 
.con_case li:hover p{color: #e62128;} 


.con_pro_m{ margin:30px auto 60px; width: 1200px; background: #FFFFFF; box-sizing: border-box; padding: 30px 0px;} 

.con_pro_m_left{ float: left; width: 650px; height: 488px; overflow: hidden; border: #DDDDDD 1px solid;} 

.con_pro_m img{ display: block; margin: 0px auto; width: 650px; height: 488px;} 
	
.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 30px; width: 1200px; background: #FFFFFF; box-sizing: border-box; padding: 30px 0px;} 
.con_pro_m_det h2{display: inline-block; margin: 0px 0px 20px; font-size: 30px;} 

.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: 27px; border: #DDDDDD 1px solid;} 
.con_pro_m_more ul li:last-child{ float: right; margin-right: 0px;} 
.con_pro_m_more ul li div{width: 380px; height: 285px; overflow: hidden;} 
.con_pro_m_more ul li img{width: 380px; height: 285px;} 
.con_pro_m_more ul li p{ color: #FFFFFF;background: #333333; text-align: center; padding: 10px 0px; font-size: 14px; font-weight: normal;} 



.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: 35px; background: #F8F8F8; box-sizing: border-box; margin: 35px 0px; border-radius: 10px;} 
.con_news_ li:hover{} 
.con_news_ li img{ float:left; width: 300px; height: 180px; padding: 2px; border: #DDDDDD 1px solid;} 

.con_news_ .con_news_more{ float:left; line-height: 180%; width: 750px; margin-left: 50px;} 
.con_news_ .con_news_more p{ font-size: 24px; color: #e62128; } 
.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: #e62128;} 
.con_news_m_more ul li span{ font-size: 12px; color: #999999;} 



.con_join_{ width: 1200px; margin: 80px auto;}
.con_join_tit{  margin: 0px auto 50px;text-align: center;} 
.con_join_tit h1{ font-size: 45px;text-align: center;} 
.con_join_tit p{ text-align: center; font-size: 18px;  background: #333333; padding: 8px 30px; border-radius: 25px; color: #FFFFFF;display: inline-block; margin: 0px auto;} 
.con_join_tit em{ display: block; margin: 20px auto; height: 3px; width: 60px; background: #333333; } 
.con_join_tit span{ display: block; font-size: 36px; font-weight: bold; color: #333333; text-align: center; margin: 10px auto 0px;} 

.con_join_a{text-align: center; font-size: 16px; line-height: 175%; margin: 30px 0px;} 

.con_join_b{ margin: 0px 0px 80px 0px; text-align: center;} 
.con_join_b img{ width: 1000px;} 

.con_join_c{}
.con_join_c ul{}
.con_join_c ul li{ float: left; width: 300px; text-align: center; height: 260px;}
.con_join_c ul li img{ width: 120px; height: 120px;}
.con_join_c ul li p{ color: #333333;font-size: 16px; font-weight: bold; margin: 10px 0px 20px}
.con_join_c ul li span{ color: #999999; line-height: 175%; font-size: 12px; display: block; padding: 0px 20px; text-align: center; margin: 0px auto;}


.join_con_02_{ margin: 0px auto; width: 600px;} 
.join_con_11_txt01{ font-size: 36px; font-weight: lighter; border-bottom: #999999 1px solid; padding:60px 0px 20px 0px; text-align: center;} 
.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; font-family: "微软雅黑";} 

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




.main_g{width:1272px; margin: 30px auto;} 
.main_g ul{} 
.main_g ul li{ float: left; margin:20px 37px;} 
.main_g ul li p{ padding: 8px 0px;} 
.main_g_video{width:350px; height: 240px; overflow: hidden; position: relative;} 
.main_g_video > img{width:350px; height: 240px;position: absolute;z-index: 99;} 
.main_g_video a{display: block; position: absolute; width: 350px; height: 240px; z-index: 999; text-align: center; box-sizing: border-box; padding-top: 90px; font-weight: lighter;} 
.main_g_video a img{ width: 65px; height: 65px;} 
.main_g_video a em{ display: block; margin: 10px auto 0px; background: #FFFFFF; width: 50px; height: 2px;} 

.videolist:hover{ cursor: pointer; }
.videos{ display:none; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); position:fixed; left:0; top:0;z-index:999999; box-sizing: border-box; text-align: center;}
.videos video{ width: 800px; height: 450px; border:#000000 15px solid;  position: relative;top:50%;transform:translateY(-50%);} 
.vclose { position:absolute;right:27%; top:22%; cursor: pointer; }




.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 60px; width: 1200px;}









/*css black2 style pagination*/
div.black2{padding:10px;margin:10px;text-align:center;}
div.black2 a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;}
div.black2 a:hover{color:#fff;background-color:#e62128;border:#e62128 1px solid;}
div.black2 a:active{color:#fff;background-color:#e62128;border:#e62128 1px solid;}
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#e62128;border:#e62128 1px solid;} 

.fenye{padding:10px;margin:10px;text-align:center;}
.fenye a{border:#CCCCCC 1px solid;padding:5px 10px;margin:2px;color:#666666;text-decoration:none;}
.fenye a:hover{color:#fff;background-color:#e62128;border:#e62128 1px solid;}
.fenye a:active{color:#fff;background-color:#e62128;border:#e62128 1px solid;}
.fenye a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#fff;background-color:#e62128;border:#e62128 1px solid;}