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

@font-face {
/* font-test*/
font-family: oppo-b;
src:url('/fonts/OPPOSans-B-2.ttf');
}
@font-face {
/* font-test*/
font-family: oppo-h;
src:url('/fonts/OPPOSans-H-2.ttf');
}
@font-face {
/* font-test*/
font-family: oppo-l;
src:url('/fonts/OPPOSans-L-2.ttf');
}
@font-face {
/* font-test*/
font-family: oppo-m;
src:url('/fonts/OPPOSans-M-2.ttf');
}
@font-face {
/* font-test*/
font-family: oppo-r;
src:url('/fonts/OPPOSans-R-2.ttf');
}


*{ margin:0px; padding:0px} 
img{ border:none} 
li{ list-style:none} 
body{ font-size:14px;font-family: oppo-r;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:#302e7c;} 
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_video{width: 100%; height: 905px; background: url("/images/bg01.jpg") no-repeat center; margin: 0px;} 
.main_video_{ width: 1200px; margin: 0px auto; position: relative;} 
.main_video_ p.t01{position: absolute; margin: 300px 0px 0px 840px;} 
.main_video_ p.t02{position: absolute; margin: 330px 0px 0px 840px; font-size: 38px; font-weight: bold;} 
.main_video_ p.t03{position: absolute; margin: 420px 0px 0px 840px;} 
.main_video_ p.t03 a{ display: block; border: #333333 1px solid; border-radius: 25px; padding: 5px 0px; transition: all 0.5s; width: 150px; text-align: center;} 
.main_video_ p.t03 a:hover{ width: 220px; background: #302e7c;border: #302e7c 1px solid; color: #FFFFFF;} 


.main_pro{ width:1410px; margin:80px auto;} 
.main_pro ul{ } 
.main_pro ul li{ width: 695px; height: 520px; float: left; position: relative; overflow: hidden; margin-bottom: 20px;} 
.main_pro ul li:nth-child(2n){ float: right;} 
.main_pro ul li img{ position: absolute; z-index: 1;} 
.main_pro ul li div{ position: absolute; z-index: 99; text-align: center; top:390px; width: 695px;} 
.main_pro ul li div h3{ font-size: 22px;} 
.main_pro ul li div p{  font-size: 16px; margin: 3px 0px 15px;} 
.main_pro ul li div span{ display: block; margin: 0px auto; border: #333333 1px solid; padding: 3px 0px; width: 80px; text-align: center; border-radius: 25px; transition: all 0.5s;} 
.main_pro ul li:hover div span{ width: 100px; background: #302e7c;border: #302e7c 1px solid; color: #FFFFFF;} 


.main_icon{ width: 1200px; margin: 80px auto;} 
.main_icon ul{} 
.main_icon ul li{ float: left; text-align: center; width: 300px; box-sizing: border-box; border-right: #DDDDDD 1px solid;}
.main_icon ul li:last-child{ float: right; margin-right: 0px; border-right: none;} 
.main_icon ul li img{ display: block; margin: 0px auto;} 
.main_icon ul li p{ font-size:20px; color: #333333; text-align: center; margin:25px 0px 5px;} 
.main_icon ul li span{ font-size: 14px; color: #666666; display: inline-block;} 


/****************************20220328******************************/





/*内页*/
.weizhi{width:1200px;  border-bottom: #CCCCCC 1px solid; padding: 0px 0px 15px; margin: 0px auto;} 
.us_menu{ float: left; width: 930px;} 
.us_menu ul{} 
.us_menu li{ float: left; } 
.us_menu li a{ display: block; padding: 8px 20px; border: #DDDDDD 1px solid; margin: 0px 20px 10px 0px; font-size: 14px;} 
.us_menu li a:hover{background: #302e7c; color: #FFFFFF;} 
.us_menu li a.on{ background: #302e7c; color: #FFFFFF;border: #302e7c 1px solid; } 
.us_top{ float: right; padding: 10px 0px;} 


.con_about_a{ width: 100%; background: url("/images/bg03.jpg") no-repeat center; height:850px; box-sizing: border-box;} 
.con_about_a_{width:1200px;margin:0px auto;} 
.con_about_a_l{ width: 500px; padding-top:200px;} 
.con_about_a_l h3{font-size: 36px; color: #000000;} 
.con_about_a_l em{ display: block; background: #302e7c; width: 35px; margin:35px 0px; height: 5px;} 
.con_about_a_l h5{font-size: 16px; color: #333333; margin-bottom: 15px;} 
.con_about_a_l p{ font-size: 14px; color: #333333; margin: 25px 0px; line-height: 175%; text-align: justify;} 


.con_about_b{ margin: 80px auto; width: 1200px;} 
.con_about_b_l{ width: 600px; float: left;} 
.con_about_b_l h3{ font-size: 32px; color: #000000;} 
.con_about_b_l em{ display: block; background: #302e7c; width: 35px; margin:35px 0px; height: 5px;} 
.con_about_b_l p{ font-size: 14px; color: #666666; line-height:200%; margin:30px 0px;} 
.con_about_b_r{ width: 500px; height: 500px; overflow: hidden;float: right;} 
.con_about_b_r img{ width: 500px;} 


.con_about_c_{ width: 100%; background: url("/images/about02.jpg") no-repeat center; height:685px; box-sizing: border-box; padding: 65px 0px;} 
.con_about_c_tit{width: 1200px; margin: 0px auto 50px;} 
.con_about_c_tit p{font-size:32px; color: #302e7c; font-weight: bold; margin-bottom: 5px;} 
.con_about_c_tit span{font-size: 16px; color: #333333; } 
.con_about_c{ width: 1200px; margin: 0px auto;}
.con_about_c ul{} 
.con_about_c ul li{ float: left; width:133.33px; height: 300px; background:rgba(255,255,255,0.5); padding: 30px 15px; box-sizing: border-box; border-bottom: #302e7c 1px solid;} 
.con_about_c ul li:nth-child(2n){background:rgba(255,255,255,0.75); margin-top: 110px;border-bottom: none;border-top: #302e7c 1px solid;} 
.con_about_c ul li h3{ font-size: 36px;color: #302e7c; text-align: center;font-weight: lighter; font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"} 
.con_about_c ul li p{ font-size: 12px; color: #000000; text-align: justify; line-height: 175%;} 
.con_about_c ul li:hover{ background: #FFFFFF;} 


.con_about_d{width: 100%; background: #131313; margin: 0px; padding: 75px 0px;} 
.con_about_d_{width: 1200px; margin: 0px auto;} 
.con_about_d_tit{width: 1200px; margin: 0px auto 50px;} 
.con_about_d_tit p{font-size:32px; color: #FFFFFF; font-weight: bold; margin-bottom: 5px;} 
.con_about_d_tit span{font-size: 14px; color: #CCCCCC; } 


.con_ai{width: 100%; padding: 0px; background: #F2F2F2;} 
.con_ai_{ width: 1300px; margin: 0px auto; padding: 50px 0px; background: #FFFFFF;} 
.con_ai_ img{ display: block; margin:30px auto;} 


.con_pro{  width: 100%; background: #F2F2F2; padding: 30px 0px;} 
.con_pro_{ margin: 30px auto; width: 1200px;} 
.con_pro_ ul{ margin: 0px ; padding: 0px;} 
.con_pro_ li{ float: left; margin: 0px 0px 20px 0px; width: 590px; background: #FFFFFF;} 
.con_pro_ ul li:nth-child(2n){ float: right; margin:0px 0px 20px 0px; } 
.con_pro_ li:hover{} 
.con_pro_ li div{  width: 590px; height: 443px; overflow: hidden; } 
.con_pro_ li img{  width: 590px; height: 443px; } 
.con_pro_ li p{ background: #FFFFFF; color: #333333; text-align: center; padding: 0px 0px 25px; font-size:20px; font-weight:bold; line-height:150%;} 
.con_pro_ li p span{ font-size: 16px; font-weight:normal; display: block;} 
.con_pro_ li:hover p{color: #302e7c;} 

.con_pro_m{ margin:30px auto 30px; width: 1200px;  box-sizing: border-box; padding: 30px 0px 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:24px; padding: 0px 0px 15px; margin: 0px auto 15px; border-bottom: #DDDDDD 1px dashed;display: block;} 
.con_pro_m_right p{ margin: 5px 0px; font-size: 14px; color: #333333; line-height: 175%;} 

.con_pro_m_det{margin: 0px auto 0px; width: 1200px;  box-sizing: border-box; padding: 30px 0px 0px;} 
.con_pro_m_det h2{display: inline-block; margin: 0px 0px 20px; font-size: 30px;} 

.con_pro_m_more{ margin: 30px auto; width: 1200px; 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_case{ width: 100%; padding: 30px 0px;} 
.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: #b60005;} 

.con_video_{margin: 0px auto; width: 1200px;}
.con_video_tit{ font-size: 36px; margin: 50px 0px 25px;} 
.con_video_list{margin: 0px auto; width: 1200px;}
.con_video_list ul{} 
.con_video_list ul li{ float: left;width:590px;  } 
.con_video_list ul li:nth-child(2n){ float: right;} 
.con_video_list ul li div {position: relative;width:590px; height:332px; overflow: hidden;} 
.con_video_list ul li div img{width:590px; height:332px;position: absolute;z-index: 99;} 
.con_video_list ul li div a{display: block; position: absolute; width: 590px; height: 332px; z-index: 99999; text-align: center; box-sizing: border-box; padding-top:120px; font-weight: lighter;} 
.con_video_list ul li div a i{ font-size: 80px; color: #FFFFFF;} 
.con_video_list ul li p{ font-size: 16px; padding: 15px 0px;} 

.con_case_list{margin: 50px auto; width: 1200px;}
.con_case_list ul{} 
.con_case_list ul li{ float: left;width:590px; margin-bottom: 35px;} 
.con_case_list ul li:nth-child(2n){ float: right;} 
.con_case_list ul li div {position: relative;width:590px; height:332px; overflow: hidden;} 
.con_case_list ul li div img{width:590px; height:332px;position: absolute;z-index: 99;} 
.con_case_list ul li div a{display: block; position: absolute; width: 590px; height: 332px; z-index: 99999; text-align: center; box-sizing: border-box; padding-top:120px; font-weight: lighter;} 
.con_case_list ul li div a i{ font-size: 80px; color: #FFFFFF;} 
.con_case_list ul li p{ font-size: 16px; padding: 15px 0px;} 


.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_news{ width: 100%;background: #F2F2F2; padding: 30px 0px;} 
.con_news_{ width: 1200px; margin: 50px auto;} 

.con_n_left{ width: 600px;height: 360px; overflow: hidden;float: left;} 
.con_n_left img{width: 600px;height: 360px;} 
.con_n_right{ width: 600px; height: 360px; overflow: hidden; float: right; background: #FAFAFA; padding: 50px; box-sizing: border-box;} 
.con_n_right > h3{ font-size: 20px;font-weight: bold; margin-bottom:10px; color: #000000; line-height: 150%;} 
.con_n_right > p{text-align: justify; line-height: 175%; font-size: 14px;color: #333333; margin-bottom: 45px;} 
.con_n_right a{ display: block; font-size: 16px; font-weight: bold; margin-top: 45px;} 
.con_n_right a i{ display: inline-block; transition: all 0.8s;} 
.con_n_right a:hover{color: #302e7c;} 
.con_n_right a:hover i{ margin-left: 50px;color: #302e7c;} 

.con_n_left_t{ width: 600px; height: 360px; overflow: hidden; float: left; background: #FAFAFA; padding: 50px; box-sizing: border-box;} 
.con_n_left_t > h3{ font-size: 20px;font-weight: bold; margin-bottom:10px; color: #000000; line-height: 150%;} 
.con_n_left_t > p{text-align: justify; line-height: 175%; font-size: 14px;color: #333333; margin-bottom: 45px;} 
.con_n_left_t a{ display: block; font-size: 16px; font-weight: bold; margin-top: 45px;} 
.con_n_left_t a i{ display: inline-block; transition: all 0.8s;} 
.con_n_left_t a:hover{color: #302e7c;} 
.con_n_left_t a:hover i{ margin-left: 50px;color: #302e7c;} 
.con_n_right_t{ width: 600px;height: 360px; overflow: hidden;float: right;} 
.con_n_right_t img{width: 600px;height: 360px;} 


.con_news_m{width: 1200px; margin: 50px auto; } 
.con_news_m h1{ margin-bottom: 15px; font-size: 36px;} 
.con_news_m h5{ margin-bottom: 35px;} 
.con_news_m p{ line-height: 175%; font-size: 16px; text-align: justify; margin: 20px 0px;} 
.con_news_m p img{ display: block; margin: 30px auto; max-width: 800px;} 



.con_contact{ width: 100%;background: #F2F2F2; padding: 30px 0px;} 
.con_contact_{width: 1200px; margin: 50px auto;} 
.con_contact_txt{float: left; width: 600px; height: 650px; background: #FFFFFF; box-sizing: border-box; padding: 50px;} 
.con_contact_txt h2{ font-size: 24px; margin-bottom: 15px;} 
.con_contact_txt p{font-size:14px; margin: 8px 0px;} 
.con_contact_map{float: right; width: 600px; height: 650px;} 



.con_join{ width: 100%;background: #F2F2F2; padding: 30px 0px;} 

/****************************20220328******************************/







/*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:#FFFFFF;background-color:#302e7c;border:#302e7c 1px solid;}
div.black2 a:active{color:#FFFFFF;background-color:#302e7c;border:#302e7c 1px solid;}
div.black2 a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#302e7c;border:#302e7c 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:#FFFFFF;background-color:#302e7c;border:#302e7c 1px solid;}
.fenye a:active{color:#FFFFFF;background-color:#302e7c;border:#302e7c 1px solid;}
.fenye a.curr{padding:5px 10px;font-weight:bold;margin:2px;color:#FFFFFF;background-color:#302e7c;border:#302e7c 1px solid;} 




















.con_about_a_r{ display: none;} 


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

.main_video{ height: 300px; background-size: cover;} 
.main_video_{ width: 100%; box-sizing: border-box; padding: 170px 0px 0px 190px;} 
.main_video_ p.t01{position: relative; margin: 0px 0px 0px 0px;} 
.main_video_ p.t01 img{ width:70%;} 	
.main_video_ p.t02{position: relative; margin: 3px 0px 10px 0px; font-size: 1.2em;} 
.main_video_ p.t03{position: relative; margin: 0px 0px 0px 0px;} 
.main_video_ p.t03 a{  border-radius: 15px;width:120px; font-size: 1em;} 


.main_pro{ width:92%; margin:30px auto;} 
.main_pro ul{ } 
.main_pro ul li{ width: 100%; height:auto; float: none; margin-bottom:10px;} 
.main_pro ul li:nth-child(2n){ float: none;} 
.main_pro ul li img{ position: relative; z-index: 1; width: 100%;} 
.main_pro ul li div{ position: absolute; z-index: 99; text-align: center; top:180px; width: 100%;} 
.main_pro ul li div h3{ font-size: 1.5em;} 
.main_pro ul li div p{  font-size: 1.2em; margin: 3px 0px 0px;} 
.main_pro ul li div span{ display: none;} 


.main_icon{ width: 92%; margin:30px auto;} 
.main_icon ul{} 
.main_icon ul li{ float: none; width: 100%; border-right:none; margin-bottom:50px;}
.main_icon ul li:last-child{ float: none; margin-bottom: 0px;} 
.main_icon ul li img{} 
.main_icon ul li p{ font-size:1.5em;  font-weight: bold; margin:10px 0px 5px;} 
.main_icon ul li span{ font-size: 1em;} 






.weizhi{width:90%;}
.us_menu{ width: 35%;}
.us_menu ul{}
.us_menu li{ float: left; }
.us_menu li a{  padding: 5px 15px; margin: 0px 5px 0px 0px; font-size:1em;}
.us_top{ float: right; padding:5px 0px 0px;font-size:0.8em;}
	
	

.con_about_a{ width: 100%; background: #EEEEEE; height:auto; margin-top:80px;} 
.con_about_a_{width:90%; padding:35px 0px;} 
.con_about_a_l{ width: 100%;padding-top:20px;} 
.con_about_a_l h3{font-size: 2.5em; } 
.con_about_a_l em{ margin:25px 0px; width: 50px;} 
.con_about_a_l h5{font-size: 1.1em; } 
.con_about_a_l p{ font-size: 1em;} 
.con_about_a_r{ display: block;} 
.con_about_a_r img{ width: 100%;} 
	
	
.con_about_b{ margin: 30px auto; width: 90%;} 
.con_about_b_l{ width: 100%; float: none;} 
.con_about_b_l h3{ font-size: 2.5em;} 
.con_about_b_l em{ margin:25px 0px; width: 50px;} 
.con_about_b_l p{ font-size: 1em; line-height:175%;} 
.con_about_b_r{ width: 100%; height: auto; overflow: hidden;float: none;} 
.con_about_b_r img{ width: 100%;} 
	

.con_about_c_{ background-size:cover;height:auto; padding:35px 0px;} 
.con_about_c_tit{width: 90%; margin: 0px auto 30px;} 
.con_about_c_tit p{font-size:2em; } 
.con_about_c_tit span{font-size: 1em; } 
.con_about_c{ width: 90%; margin: 0px auto;}
.con_about_c ul{} 
.con_about_c ul li{ float: none; width:100%; height: auto; background:rgba(255,255,255,0.5); padding:20px 10px; margin-bottom: 10px;} 
.con_about_c ul li:nth-child(2n){background:rgba(255,255,255,0.5); margin-top:0px;border-bottom: #302e7c 1px solid; border-top: none;} 
.con_about_c ul li h3{ font-size: 2em;text-align: left;font-weight: bold; } 
.con_about_c ul li p{ font-size: 1em;} 

	
.con_about_d{ padding:35px 0px;} 
.con_about_d_{width: 90%; margin: 0px auto;} 
.con_about_d_tit{width: 100%; margin: 0px auto 30px;} 
.con_about_d_tit p{font-size:2em;} 
.con_about_d_tit span{font-size: 1em;} 
	
.con_about_d_ img{ width: 100%;} 


.con_pro{  width: 100%; background: #F2F2F2; padding: 30px 0px;} 
.con_pro_{ margin: 0px auto; width: 90%;} 
.con_pro_ ul{ margin: 30px 0px; padding: 0px;} 
.con_pro_ li{ float: none; margin: 0px 0px 10px 0px; width: 100%;} 
.con_pro_ ul li:nth-child(2n){ float: none; margin:0px 0px 10px 0px; } 
.con_pro_ li div{  width: 100%; height: 100%; overflow: hidden; } 
.con_pro_ li img{  width: 100%; height: 100%; } 
.con_pro_ li p{padding: 0px 0px 15px; font-size:1.5em; } 
.con_pro_ li p span{ font-size: 0.8em; } 


.con_pro_m{ margin:30px auto 30px; width: 90%;  box-sizing: border-box; padding: 0px 0px 0px;} 
.con_pro_m_left{ float: none; width: 100%; height: auto; } 
.con_pro_m img{ width: 100%; height: 100%;} 

.con_pro_m_right{ float: none; width: 100%; text-align: left;} 
.con_pro_m_right h1{font-size:1.5em; margin-top: 30px;} 
.con_pro_m_right p{ margin: 5px 0px; font-size: 1em;} 

.con_pro_m_det{ width: 90%;} 
.con_pro_m_det h2{ font-size: 1.5em;} 
.con_pro_m_det img{ width: 100%; display: block;} 

.con_pro_m_more{ display: none;} 

.con_video_{ width: 90%;}
.con_video_tit{ font-size: 1.5em; margin: 30px 0px 15px;} 
.con_video_list{margin: 0px auto; width: 100%;}
.con_video_list ul{} 
.con_video_list ul li{ float:none;width:100%;} 
.con_video_list ul li:nth-child(2n){ float: none;} 

.con_video_list ul li div {position: relative;width:100%; height:100%; overflow: hidden;} 
.con_video_list ul li div img{width:100%; height:100%;position: relative;} 
.con_video_list ul li div a{display: block; position: absolute; width: 100%; height: 100%; padding-top:40%;} 
.con_video_list ul li div a i{ font-size: 3em; color: #FFFFFF;} 
.con_video_list ul li p{ font-size: 1em; padding: 10px 0px;} 
	
	
.con_case_list{margin: 30px auto; width: 90%;}
.con_case_list ul{} 
.con_case_list ul li{ float: none;width:100%; margin-bottom: 15px;} 
.con_case_list ul li:nth-child(2n){ float: none;} 
.con_case_list ul li div {position: relative;width:100%; height:100%; overflow: hidden;} 
.con_case_list ul li div img{width:100%; height:100%;position: relative;} 
.con_case_list ul li div a{display: block; position: absolute; width: 100%; height: 100%; padding-top:40%; } 
.con_case_list ul li div a i{ font-size: 3em; color: #FFFFFF;} 
.con_case_list ul li p{ font-size: 1em; padding: 10px 0px;} 

	
.videolist:hover{ cursor: pointer; }
.videos{}
.videos video{ width: 80%; height: auto; border:#000000 5px solid; } 
.vclose { position:absolute;right:0; top:0; cursor: pointer; }
	
	
.con_news{} 
.con_news_{ width: 90%; margin: 35px auto;} 

.con_n_left{ width: 100%;height: auto;float: none;} 
.con_n_left img{width: 100%;height: 100%;} 
.con_n_right{ width: 100%; height: auto;  float: none; padding: 30px; } 
.con_n_right > h3{ font-size: 1.3em;} 
.con_n_right > p{ font-size: 1em;margin-bottom:25px;} 
.con_n_right a{ display: block; font-size: 1em;  margin-top: 25px;} 

.con_n_left_t{ width: 100%; height: auto;  float: none; padding: 30px;} 
.con_n_left_t > h3{font-size: 1.3em;} 
.con_n_left_t > p{ font-size: 1em;margin-bottom:25px;} 
.con_n_left_t a{  display: block; font-size: 1em;  margin-top: 25px;} 
.con_n_right_t{ width: 100%;height: auto;float: none} 
.con_n_right_t img{width: 100%;height: 100%;} 


.con_news_m{width: 90%; margin:35px auto; } 
.con_news_m h1{ margin-bottom: 15px; font-size: 1.6em;} 
.con_news_m h5{ margin-bottom: 25px;} 
.con_news_m p{font-size: 1.1em; } 
.con_news_m p img{width: 100%;} 
	
	
.con_contact{ } 
.con_contact_{width: 90%; margin:35px auto;} 
.con_contact_txt{float: none; width: 100%; height: auto;  padding:30px;} 
.con_contact_txt h2{ font-size: 1.5em;} 
.con_contact_txt p{font-size:1em;} 
.con_contact_map{float: none; width: 100%; height: 100%;} 
	
	
	
	
	
	
	
	

}