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

.modal {display: none;position: fixed;z-index: 9999;top: 0;left: 0; width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8); z-index: 9999999;}
.modal-image {display: block; width: auto; height:600px;margin: auto; margin-top: 10%; cursor:zoom-out;}

.main_about{ width: 100%; background: url("/images/bg01.jpg") no-repeat center; height: 700px; padding: 100px 0px; box-sizing: border-box;} 
.main_about_{width:1280px; margin:0px auto;} 
.main_about_fl{ float: left; width: 550px;} 
.main_about_fl h5{font-size: 30px; color:#999999;}
.main_about_fl h5 strong{ color:#007cc2;}
.main_about_fl p{font-size: 16px; color:#333333; line-height: 175%; text-align: justify;} 
.main_about_fl em{display: block; margin:35px 0px; background: #007cc2; height:2px; width: 50px;} 
.main_about_fl a{ display: block; border: #666666 1px solid; width: 100px; text-align: center; padding: 5px 0px; color: #666666; font-size: 14px; border-radius:15px; margin: 50px 0px 0px;} 
.main_about_fl a:hover{border: #007cc2 1px solid;color: #FFFFFF; background: #007cc2;} 
.main_about_fr{ float: right; width: 600px; height: 315px; overflow: hidden;} 
.main_about_fr img{ width: 100%; height: 100%;} 

.main_about_info{width:1280px; margin:50px auto 0px;} 
.main_about_info ul{} 
.main_about_info ul li{ float: left; text-align: center; margin-right: 120px; padding-right: 120px; border-right: #CCCCCC 1px solid;} 
.main_about_info ul li:last-child{ float: right; margin-right: 0; padding-right: 0; border-right:none;} 
.main_about_info ul li h3{ font-size: 18px;} 
.main_about_info ul li h3 span{color:#007cc2;font-size: 48px; text-transform: uppercase;font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";} 
.main_about_info ul li p{} 




.main_info{ width: 100%; margin:0px;} 

.main_info .main_info_l{ width: 62%; height: 720px; float: left; overflow: hidden; position: relative;}
.main_info .main_info_r{ width: 36.5%;height:720px;  float: right;} 
.main_info .main_info_r_t{width: 100%;height: 345px; overflow: hidden; margin-bottom: 30px;position: relative;} 
.main_info .main_info_r_b{width: 100%;height: 345px; overflow: hidden;position: relative;} 

.main_info img{ width: 100%; height: 100%; position: absolute; z-index: 9;} 
.main_info p{ width: 100%; position: absolute; font-size: 22px; z-index: 99; bottom: 0; color: #FFFFFF; box-sizing: border-box;} 

.main_info .main_info_l p{text-align: right; padding: 20px 50px 20px 0px;} 
.main_info .main_info_r_t p{text-align: left; padding: 20px 0px 20px 50px;} 
.main_info .main_info_r_b p{text-align: left; padding: 20px 0px 20px 50px;} 

.main_info .main_info_r_b div{  position: absolute; top: 35%; left: 40%; z-index: 999;} 
.main_info .main_info_r_b div a{ color: #FFFFFF;padding: 8px 25px; display: inline-block;  border: #FFFFFF 2px solid; font-size: 14px; border-radius:20px; transition: all 0.6s;} 
.main_info .main_info_r_b div a:hover{ padding: 8px 35px;border: #007cc2 2px solid; background: #007cc2; color: #FFFFFF;}

.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: 780px; height: 440px; border:#000000 25px solid;  position: relative;top:50%;transform:translateY(-50%);} 
.vclose { position:absolute;right:25%; top:20%; cursor: pointer; }


.main_honor{ width: 100%; margin: 100px 0px;} 
.main_honor_tit{text-align: center; margin: 0px auto;} 
.main_honor_tit h3{font-size: 36px; color:#000000;text-transform: uppercase;} 
.main_honor_tit p{font-size: 30px; color:#DDDDDD; margin:0px 0px 10px; text-transform: uppercase;} 
.main_honor_tit em{display: block; margin:0px auto; background: #007cc2; height:3px; width:50px;} 


.silder-box-1{ width:100%;  position: relative;} 
.main_honor_{width: 1280px; margin: 50px auto 0px;} 
.main_honor_ ul{} 
.main_honor_ ul li{ width: 360px;  background: #F6F6F6; box-sizing: border-box; padding: 0px 0px 0px; float: left; text-align: center;}
.main_honor_ ul li:hover{ background: #F2F2F2;} 
.main_honor_ ul li img{ width: 100%; height: 230px;} 

.silder-button-1{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-1.btl{  top:38%; left:13%;} 
.silder-button-1.btl i{ border: #999999 1px solid; color: #999999; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-1.btl i:hover{background: #007cc2;border: #007cc2 1px solid;color: #FFFFFF;} 
.silder-button-1.btr{  top:38%; right:13%;} 
.silder-button-1.btr i{ border: #999999 1px solid; color: #999999; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-1.btr i:hover{background: #007cc2;border: #007cc2 1px solid;color: #FFFFFF;} 

.main_honor > a{ display: block; border: #333333 1px solid; width: 120px; text-align: center; padding: 5px 0px; color: #333333; font-size: 16px; border-radius:15px; margin: -80px auto 0px;} 
.main_honor > a:hover{border: #007cc2 1px solid;color: #FFFFFF; background: #007cc2;} 






.main_coop{ width: 100%; padding: 100px 0px; background: #F6F6F6;} 
.main_coop_tit{text-align: center; margin: 0px auto;} 
.main_coop_tit h3{font-size: 36px; color:#000000;} 
.main_coop_tit p{font-size: 30px; color:#DDDDDD; margin:0px 0px 10px; text-transform: uppercase;} 
.main_coop_tit em{display: block; margin:0px auto; background: #007cc2; height:3px; width:50px;} 


.silder-box-4{ width:100%;  position: relative;} 
.main_coop_{width: 1280px; margin: 50px auto 0px;} 
.main_coop_ ul{} 
.main_coop_ ul li{ width: 260px;  background: #FFFFFF; box-sizing: border-box; padding: 0px 0px 20px; float: left; text-align: center;}
.main_coop_ ul li:hover{ background: #FFFFFF;} 
.main_coop_ ul li img{ width: 100%; height: 100%;} 
.main_coop_ ul li p{ color: #007cc2; font-size: 16px; padding: 10px 0px 0px;} 

.silder-button-4{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-4.btl{  top:38%; left:13%;} 
.silder-button-4.btl i{ border: #999999 1px solid; color: #999999; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-4.btl i:hover{background: #007cc2;border: #007cc2 1px solid;color: #FFFFFF;} 
.silder-button-4.btr{  top:38%; right:13%;} 
.silder-button-4.btr i{ border: #999999 1px solid; color: #999999; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-4.btr i:hover{background: #007cc2;border: #007cc2 1px solid;color: #FFFFFF;} 

.main_coop > a{ display: block; border: #333333 1px solid; width: 120px; text-align: center; padding: 5px 0px; color: #333333; font-size: 16px; border-radius:15px; margin: 0px auto;} 
.main_coop > a:hover{border: #007cc2 1px solid;color: #FFFFFF; background: #007cc2;} 





















.main_case{ width: 100%; margin: 0px 0px; width: 100%; height: 900px; background: #000000; padding: 0px; box-sizing: border-box;} 

.main_case .mt-tabpage {width:100%;margin: 0px; position: relative; overflow: hidden;} 

.main_case_tit{ position: absolute; z-index: 9999;text-align: center; width: 800px; left: 50%; margin-left: -400px; top: 10%;} 
.main_case_tit h3{font-size: 36px; color:#FFFFFF;text-transform: uppercase;} 
.main_case_tit p{font-size: 30px; color:#FFFFFF; margin:0px 0px 10px; text-transform: uppercase;} 
.main_case_tit em{display: block; margin:0px auto; background: #007cc2; height:3px; width:50px;} 

.main_case .mt-tabpage-title {  position: absolute; z-index: 9999; left: 20%; top: 30%; height:auto;width: 280px; margin-bottom: 50px; border-left: #DDDDDD 1px dashed;} 
.main_case .mt-tabpage-title .mt-tabpage-item {display: inline-block; float: none; color: #FFFFFF;font-size:18px; margin-bottom: 50px; margin-left: -8px;}
.main_case .mt-tabpage-title a:last-child{margin-bottom:0px;} 
.main_case .mt-tabpage-title .mt-tabpage-item:hover { color: #FFFFFF;}
.main_case .mt-tabpage-title .mt-tabpage-item:hover i{ color: #007cc2;}
.main_case .mt-tabpage-title .mt-tabpage-item-cur { color: #FFFFFF;}
.main_case .mt-tabpage-title .mt-tabpage-item-cur i{ color: #007cc2;}

.main_case .mt-tabpage-count { position: relative;width:100vw;height:900px;overflow: hidden;} 
.main_case .mt-tabpage-cont__wrap {position: absolute;} 
.main_case .mt-tabpage-cont__wrap > li{ background-size: cover;} 
.main_case .mt-tabpage-cont__wrap > li:first-child{ background:  url("/images/case01.jpg") no-repeat center;} 
.main_case .mt-tabpage-cont__wrap > li:nth-child(2){ background: url("/images/case02.jpg") no-repeat center;} 
.main_case .mt-tabpage-cont__wrap > li:nth-child(3){ background: url("/images/case03.jpg") no-repeat center;} 
.main_case .mt-tabpage-cont__wrap > li:nth-child(4){ background: url("/images/case04.jpg") no-repeat center;} 
.main_case .mt-tabpage-cont__wrap > li:nth-child(5){ background: url("/images/case05.jpg") no-repeat center;} 
.main_case .mt-tabpage-cont__wrap > li:nth-child(6){ background: url("/images/case06.jpg") no-repeat center;} 
.main_case .mt-tabpage-count .mt-tabpage-item {width:100vw;height:900px; position: relative;} 
.main_case_{width: 750px; margin: 0px auto; position: absolute; left: 40%; top: 30%;} 
.main_case_ ul{}
.main_case_ ul li{ width: 48%; float: left;  text-align:left; color: #FFFFFF;  font-size: 18px; margin-bottom: 80px;}
.main_case_ ul li:nth-child(2n){ float: right; } 
.main_case_ ul li:hover {color: #007cc2; } 
.main_case_ ul li a{ color: #FFFFFF;}


.main_video{ width: 100%;  margin:10px 0px;} 
.main_video_{width: 100%; } 
.main_video_ ul{} 
.main_video_ ul li{width: 33%; height: 900px;float: left; margin-right: 0.5%; text-align: center; padding: 200px 0px 0px; box-sizing: border-box; transition: all 0.6s;} 
.main_video_ ul li:first-child{ background: url("/images/bg03.jpg") no-repeat center; } 
.main_video_ ul li:nth-child(2){background: url("/images/bg04.jpg") no-repeat center; } 
.main_video_ ul li:last-child{float: right; margin-right: 0; background: url("/images/bg05.jpg") no-repeat center;} 
.main_video_ ul li h3{ font-size:28px; color: #Ffffff; margin-bottom: 10px;} 
.main_video_ ul li em{ display: block; margin:30px auto; background: #007cc2; height:6px; width:30px;} 
.main_video_ ul li p{ color: #FFFFFF; font-size: 18px; text-align: center;} 
.main_video_ ul li a{ display: block; margin: 180px auto 0px; width: 100px; background: #007cc2; color: #FFFFFF; text-align: center; padding: 5px 0px; border-radius: 15px; transition: all 0.6s;} 
.main_video_ ul li:hover{ background:#007cc2;} 
.main_video_ ul li:hover em{background: #FFFFFF;} 
.main_video_ ul li:hover a{ width: 160px;background: #FFFFFF; color:#007cc2; } 





.main_news{ width: 100%; margin:100px 0px;}
.main_news_{ width: 1280px; margin:0px auto 0px;} 

.main_news_tit{text-align: center; margin: 0px auto 60px;} 
.main_news_tit h3{font-size: 36px; color:#000000; text-transform: uppercase;} 
.main_news_tit p{font-size: 30px; color:#DDDDDD; margin:0px 0px 10px; text-transform: uppercase;} 
.main_news_tit em{display: block; margin:0px auto; background: #007cc2; height:3px; width:50px;} 

.main_news_ .fl{float: left; width: 520px; height: 360px; }
.main_news_ span{ display: block; font-size: 16px;color: #CCCCCC; margin-bottom: 20px;} 
.main_news_ h5{font-size: 24px; color:#000000;  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: auto;} 
.main_news_ p{ font-size: 14px; line-height: 175%; text-align: justify;} 

.main_news_ em{ display: block; margin:35px auto; background: #EEEEEE; height:1px; width:100%;} 
.main_news_ .fl a{ display: block; margin: 50px 0px 0px; width: 100px; background: #007cc2; color: #FFFFFF; text-align: center; padding: 5px 0px; border-radius: 15px; transition: all 0.6s;} 
.main_news_ .fl a:hover{ width: 160px;} 
.main_news_ .fy a{ display: block; margin: 50px 0px 0px; width: 100px; background: #007cc2; color: #FFFFFF; text-align: center; padding: 5px 0px; border-radius: 15px; transition: all 0.6s;} 
.main_news_ .fy a:hover{ width: 160px;} 
.main_news_ .fr{float: right;width:640px; height: 360px; overflow: hidden;} 
.main_news_ .fr img{ width: 100%; height: auto;} 

.main_news_ .fz{float: left;width:640px; height: 360px; overflow: hidden;} 
.main_news_ .fz img{ width: 100%; height: auto;} 
.main_news_ .fy{float: right; width: 520px; height: 360px; margin-top: 50px;}





/***************************内页****************************/




.weizhi{ width: 100%; background: #EEEEEE; margin: 0;} 
.weizhi_{width:78%; margin: 0px auto;}
.us_menu{ float: left; } 
.us_menu ul{} 
.us_menu li{ float: left; } 
.us_menu li a{ display: block; padding: 25px 0px; width: 120px; font-size: 16px; text-align: center;} 
.us_menu li a:hover{background: #007cc2; color: #FFFFFF;} 
.us_menu li a.on{ background: #007cc2; color: #FFFFFF;} 
.us_top{ float: right; padding: 25px 0px;} 
.us_top_{ float: left; padding: 25px 0px;} 

.n_img{ left:0px; top:0px; width:100%; height:590px; margin: 0px; padding: 0px; overflow: hidden; position: relative;} 
.n_img img{ width:100%; display: block; margin: 0 auto; padding: 0; position: absolute; z-index: 9;} 
.n_img div{ width:78%; left: 11%; position: absolute; display: block; margin: 0;  z-index: 999; padding: 180px 0px 0px;box-sizing: border-box; } 
.n_img div p{ color: #FFFFFF;font-size: 80px; margin: 20px 0px 5px; opacity: 0.2; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";} 
.n_img div h3{  color: #FFFFFF; font-size: 48px; margin-top: -10px;} 
.n_img img { -webkit-animation: banner_inside 15s ease 1 forwards;  -moz-animation: banner_inside 15s ease 1 forwards;   -o-animation: banner_inside 15s ease 1 forwards; animation: banner_inside 15s ease 1 forwards;}



.con_about{width:100%;margin:0px; background: url("/images/bg06.jpg") no-repeat center; padding: 100px 0px; box-sizing: border-box;} 

.con_about_tit{ width:1280px;margin:0px auto; text-align:left;} 
.con_about_tit h5{font-size:60px; color: #FFFFFF; opacity: 0.2; text-transform: uppercase;} 
.con_about_tit p{ font-size:42px; color: #FFFFFF; font-weight: bolder; margin-top: -20px;text-transform: uppercase;} 

.con_about_con{ margin: 50px auto; width: 1280px; padding-right: 300px; box-sizing: border-box;} 
.con_about_con p{ margin: 30px 0px; color: #FFFFFF; opacity: 1; line-height: 175%; font-size: 12px; text-align: justify;font-weight: lighter;hyphens: auto; /* 自动断字 */
  word-break: break-word; /* 单词内断行 */
  overflow-wrap: break-word; /* 长单词换行 */} 
.con_about_con p img{ width: 100%;} 


.con_about_a{width:100%;padding:80px 0px; background: #F8F8F8;} 

.con_about_a_tit{ width:1280px;margin:0px auto; text-align:left;} 
.con_about_a_tit h5{font-size:60px; color: #999999; opacity: 0.2; text-transform: uppercase;} 
.con_about_a_tit p{ font-size:42px; color: #007cc2; font-weight: bolder; margin-top: -20px;text-transform: uppercase;} 

.con_about_a_{ background: #FFFFFF;width:1280px;margin:60px auto 0px;  padding: 30px 0px 0px; } 
.con_about_a_ ul{} 
.con_about_a_ ul li{float: left; width: 25%; height: 220px; text-align: center;} 
.con_about_a_ ul li img{ width: 80px; height: 80px;} 
.con_about_a_ ul li div{ padding: 0px 35px;} 
.con_about_a_ ul li div h3{ font-size: 20px;color: #007cc2; margin-bottom: 10px;text-transform: uppercase;} 
.con_about_a_ ul li div p{ color: #666666; line-height: 175%; font-size: 12px;} 



.con_about_lc{width:100%; margin:0px; background: url("/images/bg07.jpg") no-repeat center; height: 720px; padding: 120px 0px; box-sizing: border-box;} 
.con_about_lc_{margin: 0px auto; width: 1280px;} 
.con_about_lc_ .fl{ float:left; width: 275px; } 
.con_about_lc_ .fl h5{font-size:60px; color: #FFFFFF; opacity: 0.2; text-transform: uppercase;text-transform: uppercase;} 
.con_about_lc_ .fl p{ font-size:42px; color: #FFFFFF; font-weight: bolder; margin-top: -20px;} 
.con_about_lc_ .fr{ float:right; width: 880px; height:460px;} 

.silder-box-2{ width:100%;  position: relative;} 
.silder-box-2 .hr{ position: absolute; width: 100%; background: #FFFFFF; opacity: 0.5; height: 1px; top: 26%; z-index: 1;} 
.con_about_lc_con{ margin: 50px auto 0px; z-index: 99;} 
.con_about_lc_con ul{} 
.con_about_lc_con ul li{ width: 260px; height:520px; box-sizing: border-box; float: left; padding: 0px 30px; opacity: 0.5;margin-top: 38px; transition: all 0.6s;}
.con_about_lc_con ul li h5{ color: #FFFFFF;font-size: 28px; opacity: 0.6; text-align: center;} 
.con_about_lc_con ul li em{display: block; margin:30px auto; background: #FFFFFF; height:20px; width:20px; border-radius: 50%;} 
.con_about_lc_con ul li p{ color: #FFFFFF; font-size: 12px;  text-align: left; line-height: 150%;opacity: 0.8; hyphens: auto; /* 自动断字 */
  word-break: break-word; /* 单词内断行 */
  overflow-wrap: break-word; /* 长单词换行 */} 

.con_about_lc_con ul li:nth-child(2){ opacity: 1; } 
.con_about_lc_con ul li:nth-child(2) h5{font-size: 28px;opacity: 1; } 
.con_about_lc_con ul li:nth-child(2) em{ }
.con_about_lc_con ul li:nth-child(2) p{  opacity: 1; }


.silder-button-2{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-2.btl{  top:22%; left:0;} 
.silder-button-2.btl i{ background: #007cc2;color: #FFFFFF; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-2.btl i:hover{background: #007cc2;} 
.silder-button-2.btr{  top:22%; right:0;} 
.silder-button-2.btr i{ background: #007cc2; color: #FFFFFF; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-2.btr i:hover{background: #007cc2;} 


.con_pro_li{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_li_{ margin: 20px auto; width: 78%;} 
.con_pro_li_ ul{ margin: 0px ; padding: 0px;} 
.con_pro_li_ ul li{ float: left; width: 31%; margin: 0 3.5% 6% 0; background: #FFFFFF;} 
.con_pro_li_ ul li:nth-child(3n){ float: right;margin: 0 0 6% 0;} 
.con_pro_li_ ul li div{  width: 100%; height: 358px; overflow: hidden;} 
.con_pro_li_ ul li div img{  width: 100%; height: 100%; } 
.con_pro_li_ ul li p{  padding: 30px 20px; font-size: 18px; font-weight: lighter; box-sizing: border-box;} 




.con_pro_m{margin: 0; width: 100%; background: #FFFFFF; padding: 80px 0px;}
.con_pro_m_{  width: 1280px; margin: 0px auto;}

.lanrenzhijia{ width:600px; height:auto; margin:0; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;width:600px;height:450px;}
.jqzoom_video{ position: absolute; z-index: 999; background: #000000;} 
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:600px;height:450px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:600px;height:450px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:15px;width:600px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:80px; line-height:80px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:560px;height:86px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:86px;}
.spec-scroll .items ul li{float:left;width:112px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:100px;height:75px;}
.spec-scroll .items ul li img:hover{border:2px solid #00a1e9;padding:1px;}



.con_pro_left{ float: left; width: 600px;}
.con_pro_right{ float: right; width: 600px;}

.con_pro_right h1{ font-size: 28px; margin-bottom: 30px;} 
.con_pro_right p{ font-size: 14px; margin: 15px 0px; line-height: 175%; text-align: justify;} 
.con_pro_right img{ display: block;  width: 100%; } 










.con_case{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_case_{ margin: 20px auto; width: 78%;} 
.con_case_ ul{ margin: 0px ; padding: 0px;} 
.con_case_ ul li{ float: left; width: 31%; margin: 0 3.5% 6% 0; background: #FFFFFF;} 
.con_case_ ul li:nth-child(3n){ float: right;margin: 0 0 6% 0;} 
.con_case_ ul li div{  width: 100%; height: 300px; overflow: hidden;} 
.con_case_ ul li div img{  width: 100%; height: 100%; } 
.con_case_ ul li p{  padding: 30px 20px; font-size: 18px; font-weight: lighter; box-sizing: border-box;} 
.con_case_m{margin: 0px auto; width: 800px; text-align: center;} 
.con_case_m h1{ font-size: 36px; margin-bottom: 30px; text-align: center;} 
.con_case_m img{ width: 100%; height:100%;} 

.con_pro{ margin: 0; width: 100%; background: #F8F8F8; padding: 80px 0px;} 
.con_pro_list{ margin: 80px auto; width: 1280px;} 
.con_pro_l{ float: left; width: 640px; height: 420px; overflow: hidden;} 
.con_pro_r{ float: right; width:640px; height: 420px; background: #FFFFFF; padding: 80px; box-sizing: border-box;} 

.con_pro_r h3{ font-size: 36px; margin-bottom: 20px;} 
.con_pro_r p{font-size: 14px; color: #666666;  text-align: justify; line-height: 175%;} 
.con_pro_r em{ display: block; font-style: normal; margin-top: 50px;} 
.con_pro_r em a{ display: block; border: #DDDDDD 1px solid; text-align: center; font-size: 16px; padding: 10px 0px; width: 120px; border-radius: 10px;} 
.con_pro_r em a:hover{ border: #007cc2 1px solid; background: #007cc2; color: #FFFFFF;} 






/*
.con_pro_m_ p{ margin: 0; padding: 0;} 
.con_pro_m_ img{ display: block; margin: 0px auto; padding: 0;} 
*/


.con_news{width: 1000px; margin:0px auto; padding: 50px 0px 100px;} 

.con_news_{} 
.con_news_ ul{} 
.con_news_ ul li{ padding:50px 0px;transition:All 0.5s; border-bottom: #DDDDDD 1px solid;} 
.con_news_ ul li:hover {border-bottom: #007cc2 1px solid;}
.con_news_ ul li div.fl{ float: left; width: 45%; transition: all 0.6s; } 
.con_news_ ul li div.fl p{hyphens: auto; /* 自动断字 */
  word-break: break-word; /* 单词内断行 */
  overflow-wrap: break-word; /* 长单词换行 */} 
.con_news_ ul li div.fl p a{ font-size:24px;} 
.con_news_ ul li div.fl em{display: block; margin: 25px 0px; width: 50px; height: 2px; background: #007cc2; transition: all 0.6s;} 
.con_news_ ul li div.fl:hover em{ width: 200px;} 
.con_news_ ul li div.fl span{ display: block; line-height: 175%; margin-bottom: 30px; color: #999999;} 
.con_news_ ul li div.fl i{ font-style: normal;}

.con_news_ ul li div.fr{float: right; width: 35%; height: 240px; overflow: hidden;} 
.con_news_ ul li img{ width: 100%; } 




.con_news_m{ width: 1280px; margin:80px auto; } 

.con_news_m_{ float: left; width: 900px; border-right: #DDDDDD 1px solid; padding-right: 100px; box-sizing: border-box;} 
.con_news_m_ h1{ font-size:36px; line-height: 150%; margin-bottom: 5px;hyphens: auto; /* 自动断字 */
  word-break: break-word; /* 单词内断行 */
  overflow-wrap: break-word; /* 长单词换行 */} 
.con_news_m_ h5{ font-size: 14px; color: #999999; font-weight: lighter; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #DDDDDD 1px solid;} 

.con_news_m_ p{ font-size: 16px; text-align: left; line-height: 175%; margin: 30px 0px;hyphens: auto; /* 自动断字 */
  word-break: break-word; /* 单词内断行 */
  overflow-wrap: break-word; /* 长单词换行 */} 
.con_news_m_ img{ display: block; margin: 30px auto; max-width: 750px;} 

.con_news_m_e{} 
.con_news_m_e ul{} 
.con_news_m_e ul li{ margin:10px 0px; padding: 20px; border: #DDDDDD 1px solid;}
.con_news_m_e ul li a{ display:inline-block; color: #000000; font-size:16px; line-height: 175%;} 
.con_news_m_e ul li a:hover {color: #007cc2;} 
.con_news_more{ float: right; width:300px;} 
.con_news_more h5{font-size:24px; margin-bottom: 30px;} 
.con_news_more ul{} 
.con_news_more ul li{ margin:20px 0px;}
.con_news_more ul li a{ font-size:16px; line-height: 175%;} 



/*内页-视频*/

.con_video{width:1280px; margin: 80px auto;} 
.con_video ul{} 
.con_video ul li{ width: 400px; float: left; margin:0 40px 40px 0;}
.con_video ul li:nth-child(3n){ float: right;margin:0 0 40px 0;}
.con_video ul li p{ padding: 15px 0px;} 
.con_video_{width:100%; height: 260px; overflow: hidden; position: relative;} 
.con_video_ > img{width:100%; height: 260px;position: absolute;z-index: 99;} 
.con_video_ a{display: block; position: absolute; width: 100%; height: 260px; z-index: 999; text-align: center; box-sizing: border-box; padding-top: 100px; font-weight: lighter;} 
.con_video_ a img{ width: 65px; height: 65px;} 
.con_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;background: rgba(0,0,0,0.95);  position: relative;top:50%;transform:translateY(-50%);} 
.vclose { position:absolute;right:27%; top:22%; cursor: pointer; }

/*内页-视频*/




.con_honor{ width:100%; background: #F8F8F8; padding:80px 0px 0px;} 

.con_honor_tit{ width:750px;margin:0px auto; text-align: center;} 
.con_honor_tit h5{font-size:40px; color: #007cc2; margin-bottom: 20px;} 
.con_honor_tit p{ font-size:18px; color: #999999; line-height: 175%; } 


.con_honor_ .mt-tabpage {width: 100%; position: relative;}
.con_honor_ .mt-tabpage-title { margin: 0px auto; text-align:center;} 

.con_honor_ .mt-tabpage-title .mt-tabpage-item {display: inline-block;width:100px; height: 10px; background: #CCCCCC;} 
.con_honor_ .mt-tabpage-title .mt-tabpage-item:hover{ background: #007cc2; } 
.con_honor_ .mt-tabpage-title .mt-tabpage-item-cur{background: #007cc2; } 

.con_honor_ .mt-tabpage-count { position: relative;width:1360px; height:720px;overflow: hidden; margin: 0px auto;} 
.con_honor_ .mt-tabpage-cont__wrap {position: absolute;} 
.con_honor_ .mt-tabpage-count .mt-tabpage-item {width:1360px;height:720px; overflow: hidden; box-sizing: border-box;} 



.con_honor_{ width:78%;margin:60px auto;} 

.con_honor_list ul{ } 
.con_honor_list ul li{ float: left; width: 24%; height: 320px; margin-right: 1.275%; margin-bottom:1.275%; padding: 30px; box-sizing: border-box; background: #FFFFFF;} 
.con_honor_list ul li:nth-child(4n){ float: right; margin-right: 0px;} 
.con_honor_list ul li div{ width: 100%; height: 220px; overflow: hidden;  cursor:zoom-in;} 
.con_honor_list ul li div img{ width: 100%; } 
.con_honor_list ul li p{font-size: 14px; text-align: center; font-weight: lighter; margin-top: 20px;}






.silder-box-3{ width: 78%; margin: 60px auto 0px;} 
.silder-button-3{ position:absolute;cursor:pointer;z-index: 999;} 
.silder-button-3.btl{  top:45%; left:0;} 
.silder-button-3.btl i{ background: #007cc2;color: #FFFFFF; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-3.btl i:hover{background: #007cc2;} 
.silder-button-3.btr{  top:45%; right:0;} 
.silder-button-3.btr i{ background: #007cc2; color: #FFFFFF; padding: 10px 20px; border-radius:15px; box-sizing: border-box; font-size: 14px; } 
.silder-button-3.btr i:hover{background: #007cc2;} 
.con_honor_z{  width:100%; background: #FFFFFF; padding:80px 0px;} 
.con_honor_z_{ margin: 50px auto 0px; z-index: 99;} 
.con_honor_z_ ul{} 
.con_honor_z_ ul li{ width: 230px; height:315px; float: left; cursor:zoom-in;}
.con_honor_z_ ul li img{ width: 100%; height: 100%;} 





.con_coop{ width:100%; background: #F8F8F8; padding:80px 0px;} 

.con_coop_tit{ width:750px;margin:0px auto; text-align: center;} 
.con_coop_tit h5{font-size:40px; color: #007cc2; margin-bottom: 20px;} 
.con_coop_tit p{ font-size:18px; color: #999999; line-height: 175%; } 

.con_coop_{ width:72%;margin:60px auto 0px;} 
.con_coop_ ul{ } 
.con_coop_ ul li{ float: left; width: 24%; height:auto; margin-right: 1.275%; margin-bottom:1.275%; padding: 20px; box-sizing: border-box; background: #FFFFFF;} 
.con_coop_ ul li:nth-child(4n){ float: right; margin-right: 0px;} 
.con_coop_ ul li div{ width: 100%; height: auto; overflow: hidden;} 
.con_coop_ ul li div img{ width: 100%;} 
.con_coop_ ul li p{font-size: 16px; text-align: center; font-weight: lighter; margin-top: 20px;}














.con_contact{width:100%; margin: 0; padding:80px 0px;} 

.con_contact_tit{ width:1280px;margin:0px auto; text-align: center;} 
.con_contact_tit h5{font-size:40px; color: #007cc2;} 
.con_contact_tit p{ font-size:60px; color: #999999; opacity: 0.2;} 

.con_contact_{ width:1280px;margin:60px auto; box-shadow: 0px 0px 15px 1px #EEEEEE;} 
.con_contact_l{ float: left; width: 550px; padding: 30px; box-sizing: border-box;} 
.con_contact_l ul{} 
.con_contact_l ul li{ padding: 30px 0px; border-bottom: #EEEEEE 1px solid; } 
.con_contact_l ul li:last-child{border-bottom: none; } 
.con_contact_l ul li h5{ font-size: 16px; margin-bottom: 10px;} 
.con_contact_l ul li h5 i{display: inline-block; width: 30px; text-align: center;color: #007cc2; font-size: 22px; } 
.con_contact_l ul li p{font-size: 16px; font-weight: lighter; margin: 5px 0px;} 
.con_contact_l ul li p.p20{ padding-left: 80px;} 
.con_contact_l ul li input{ width: 100%; background: none; border: #DDDDDD 1px solid; padding: 10px; box-sizing: border-box;} 
.con_contact_l ul li input.i03{ height: 80px;} 
.con_contact_l ul li input.i04{ background: #007cc2; color: #FFFFFF;border: #007cc2 1px solid;} 

.con_contact_r{ float: right; width: 650px; height:925px;} 
.con_contact_r h5{ font-size: 24px; margin-top: 20px; margin-bottom: 10px;} 
.con_contact_r h6{font-size: 24px; margin-top: 60px; margin-bottom: 10px;} 
.con_contact_r img{ width: 100%;} 


.con_contact_r #dituContent{ width: 100%;height:850px;} 



/********************************************2024.04.22**********************************************/



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

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


/* #### PC #### */
@media screen and (max-width: 1600px){
/* CSS 代码 */
	
	.main_info .main_info_l{ height: 550px; }
	.main_info .main_info_r{  height:550px; } 
	.main_info .main_info_r_t{ height: 265px;margin-bottom: 20px;} 
	.main_info .main_info_r_b{ height: 265px;} 
	
	.main_honor_ ul li{ width: 320px;}
	.silder-button-1.btl{  top:35%; left:5%;} 
	.silder-button-1.btr{  top:35%; right:5%;}
	.weizhi_{width:90%;}
	.n_img{  height:420px;} 
	.n_img div{ width:90%; left: 5%; padding: 100px 0px 0px;} 
	
	
	
	.con_case_{  width: 90%;} 
	.con_case_ ul li div{ height: 220px; } 
	.con_case_ ul li p{ font-size: 16px; } 
	
	.con_honor_{ width:90%;} 
	.con_honor_ ul{ } 
	.con_honor_ ul li{ height: 280px;} 
	.con_honor_ ul li div{height: 180px;} 
	.con_honor_ ul li p{font-size: 12px;}
 
	.con_pro_li_{ margin: 20px auto; width: 90%;} 
	.con_pro_li_ ul li div{height: 300px;} 
	.con_pro_li_ ul li p{ font-size: 16px;} 

}







@media screen and (max-width:768px){
	
	.main_about{ background-size: cover; height: auto; padding: 50px 0px;} 
	.main_about_{width:88%; }
	.main_about_fl{ float: none; width: 100%;} 
	.main_about_fl h5{font-size: 1.5em;}
	.main_about_fl p{font-size: 1em; line-height: 160%;} 
	.main_about_fl em{  margin:20px 0px;} 
	.main_about_fl a{  width: 100px;  font-size: 1em; margin: 20px 0px 0px;} 
	.main_about_fr{ float: none; width: 100%; height: auto; margin-top: 20px;} 

	.main_about_info{width:88%; margin:30px auto 0px;} 
	.main_about_info ul{} 
	.main_about_info ul li{ width: 49%; margin-right: 0px; padding-right:0px; margin-bottom: 15px;} 
	.main_about_info ul li:nth-child(2n){float: right;border-right:none;} 
	.main_about_info ul li h3{ font-size: 1.2em;} 
	.main_about_info ul li h3 span{ font-size: 1.8em;}
	
	
	
	.main_info{ width: 100%; margin:0px;} 

	.main_info .main_info_l{ width: 100%;  height: 220px; float: none;} 
	.main_info .main_info_r{ width: 100%;height:auto;  float: none;margin-top: 2px;} 
	.main_info .main_info_r_t{width: 100%;height: 220px;margin-bottom: 2px;} 
	.main_info .main_info_r_b{width: 100%;height: 220px; } 

	.main_info img{} 
	.main_info p{ font-size: 1.2em;}
	.main_info .main_info_l p{text-align: right; padding: 10px 20px 20px 0px;} 
	.main_info .main_info_r_t p{text-align: right; padding: 10px 20px 20px 0px;} 
	.main_info .main_info_r_b p{text-align: right; padding: 10px 20px 20px 0px;} 
	.main_info .main_info_r_b div{ top: 40%; left: 35%;} 
	.main_info .main_info_r_b div a{padding: 8px 25px; font-size: 1em;} 

	.videos video{ width: 340px; height: 220px; border:#000000 5px solid; top:50%;} 
	.vclose { right:5%; top:25%; }
	
	
	
	.main_honor{ margin: 50px 0px;} 
	.main_honor_tit h3{font-size: 1.8em;} 
	.main_honor_tit p{font-size: 1.5em; margin:0px 0px 10px;} 

	.silder-box-1{ width:100%;  position: relative;} 
	.main_honor_{width: 320px; margin: 30px auto 0px;} 
	.main_honor_ ul{} 
	.main_honor_ ul li{ width: 320px;}
	.main_honor_ ul li img{ width: 100%; height: 200px;} 
	.main_honor_ ul li p{ font-size: 1em; padding: 0px 0px 0px 0px;} 

	.silder-button-1{ } 
	.silder-button-1.btl{  top:35%; left:3%;} 
	.silder-button-1.btl i{ font-size: 1em; } 
	.silder-button-1.btr{  top:35%; right:3%;} 
	.silder-button-1.btr i{ font-size: 1em; } 
	.main_honor > a{  width: 100px; font-size: 1.2em; border-radius:10px; margin-top: 20px;}
	
	
	

	.main_case{ height: 500px;}

	.main_case_tit{ width: 100%; left: 10%; margin-left:0px; top: 6%;  text-align: left;} 
	.main_case_tit h3{font-size: 1.8em;} 
	.main_case_tit p{font-size: 1.5em;} 
	.main_case_tit em{margin:0px 0px;} 

	.main_case .mt-tabpage-title {  left: 8%; top:25%;  width: 220px; margin-bottom: 20px;} 
	.main_case .mt-tabpage-title .mt-tabpage-item {font-size:1em; margin-bottom: 20px; margin-left: -8px;}
	.main_case .mt-tabpage-title .mt-tabpage-item:hover { font-size:1.2em;}

	.main_case .mt-tabpage-title .mt-tabpage-item-cur {font-size:1.2em;}

	.main_case .mt-tabpage-count {  width:100vw;height:500px;} 
	.main_case .mt-tabpage-count .mt-tabpage-item {width:100vw;height:500px;} 
	
	.main_case_{width: 160px; left: 50%; top: 25%;} 
	.main_case_ ul{}
	.main_case_ ul li{ width: 100%; float: none;  font-size: 1em; margin-bottom:30px;}
	.main_case_ ul li:nth-child(2n){ float: none; } 
	
	
	
	.main_video{ margin:3px 0px;} 
	.main_video_{  } 
	.main_video_ ul{} 
	.main_video_ ul li{padding: 30px 0px 30px;height: 250px; background-size: cover;} 
	.main_video_ ul li img{ width: 50px;} 
	.main_video_ ul li h3{ font-size:0.8em; line-height: 100%;} 
	.main_video_ ul li em{  margin:10px auto; } 
	.main_video_ ul li p{ font-size: 0.6em; } 
	.main_video_ ul li a{ margin: 30px auto 0px; width: 80px; border-radius: 5px;} 
    .main_video_ ul li:hover a{ width: 80px;} 

	
	
	
	
	.main_news{ margin:0px 0px; padding: 50px 0px; background: #F6F6F6;}
	.main_news_{ width: 88%; margin:0px auto 0px;} 

	.main_news_tit{  margin: 0px auto 30px;} 
	.main_news_tit h3{font-size: 1.8em; } 
	.main_news_tit p{font-size: 1.5em; } 

	
	.main_news_ span{ font-size: 1em; margin-bottom:10px;} 
	.main_news_ h5{font-size: 1.2em; } 
	.main_news_ p{ font-size: 0.8em; line-height: 150%;} 

	.main_news_ em{ margin:15px auto;} 
	
	.main_news_ .fl{float: none; width: 100%; height: auto; padding: 20px; background: #FFFFFF; box-sizing: border-box;}
	.main_news_ .fl a{ display: none; } 
	.main_news_ .fl a:hover{ width: 160px;} 
	.main_news_ .fr{float: none;width:100%; height: auto;} 
	.main_news_ .fr img{ width: 100%; height: 100%;display: block;margin: 0;} 
	.main_news_ .fz{float: none; width: 100%; height: auto; margin-top: 15px;} 
	.main_news_ .fz img{ width: 100%; height: 100%; display: block;margin: 0;} 
	.main_news_ .fy{float: none; width: 100%; height: auto;  margin-top:0px; padding: 20px; background: #FFFFFF; box-sizing: border-box;}
	.main_news_ .fy a{ display: none; } 
	.main_news_ .fy a:hover{ width: 160px;} 
	
	
	
	
	
	
	
	.weizhi_{width:88%;}
	.us_menu{ float: none; }
	.us_menu li a{padding: 15px 0px; width: 105px; font-size:0.8em; background: #FFFFFF;} 
	.us_top{float: none; padding: 15px 0px; font-size:0.8em;} 
	.us_top_{  float: none; padding: 15px 0px; font-size:0.8em;} 

	.n_img{ height:auto;} 
	.n_img img{  height: 100%;  position: relative; } 
	.n_img div{ display: none; }
	
	
	
	.con_about{  background-size: cover; padding:50px 0px;} 

	.con_about_tit{ width:88%;} 
	.con_about_tit h5{font-size:1.8em; } 
	.con_about_tit p{ font-size:1.8em; margin-top: -5px;} 
	.con_about_con{ margin: 30px auto; width: 88%; padding-right:0px;} 
	.con_about_con p{ margin: 20px 0px;  line-height: 160%; font-size: 0.9em;}  


	.con_about_a{padding:50px 0px;} 
	.con_about_a_tit{ width:88%;} 
	.con_about_a_tit h5{font-size:1.8em; } 
	.con_about_a_tit p{ font-size:1.8em; margin-top: -5px;} 
	.con_about_a_{  width:88%;margin:30px auto 0px;  padding: 30px 0px 0px; } 
	.con_about_a_ ul{} 
	.con_about_a_ ul li{width: 50%; height: 150px;} 
	.con_about_a_ ul li img{ width: 60px; height:60px;} 
	.con_about_a_ ul li div{ padding: 0px 0px;} 
	.con_about_a_ ul li div h3{ font-size: 1.2em; margin-bottom:5px;} 
	.con_about_a_ ul li div p{   line-height: 150%; font-size:0.8em;} 
	
	
	
	.con_about_lc{ background-size: cover; height: auto; padding: 60px 0px; } 
	.con_about_lc_{  width: 88%;} 
	.con_about_lc_ .fl{ float:none; width: 100%; } 
	.con_about_lc_ .fl h5{font-size:1.8em;} 
	.con_about_lc_ .fl p{ font-size:1.8em; margin-top: -5px;} 
	.con_about_lc_ .fr{ float:none; width: 100%; height:280px;} 
	.silder-box-2 .hr{  top: 18%; } 
	.con_about_lc_con{ margin: 30px auto 0px; } 
	.con_about_lc_con ul{} 
	.con_about_lc_con ul li{ width: 300px; height:300px;padding: 0px 20px; box-sizing: border-box; opacity:1;margin-top: 38px; overflow: hidden;}
	.con_about_lc_con ul li h5{ font-size: 1.8em; opacity:1; } 
	.con_about_lc_con ul li em{ margin:20px auto;height:10px; width:10px;} 
	.con_about_lc_con ul li p{font-size: 1em;  line-height: 160%;opacity:1; } 
	.con_about_lc_con ul li:nth-child(2) h5{font-size: 1.8em;} 
	.con_about_lc_con ul li:nth-child(2) em{ }
	.con_about_lc_con ul li:nth-child(2) p{font-size: 1em;}
	.silder-button-2.btl{  top:15%;} 
	.silder-button-2.btl i{padding: 5px 10px;font-size: 1em; } 
	.silder-button-2.btr{  top:15%;} 
	.silder-button-2.btr i{padding: 5px 10px; font-size: 1em; } 


	
	.main_coop{ padding: 50px 0px;} 
	.main_coop_tit{} 
	.main_coop_tit h3{font-size: 1.8em;}
	.main_coop_tit p{font-size: 1.5em; margin:0px 0px 10px;}
	.main_coop_{width:320px; margin: 30px auto 0px;}
	.main_coop_ ul{} 
	.main_coop_ ul li{ width: 320px;}
	.main_coop_ ul li p{ font-size: 1em; padding: 0px 0px 0px 0px;}
	.silder-button-4.btl{  top:30%; left:3%;} 
	.silder-button-4.btl i{ padding: 8px 12px; font-size: 1em; }
	.silder-button-4.btr{  top:30%; right:3%;} 
	.silder-button-4.btr i{padding: 8px 12px; font-size: 1em; }
	.main_coop > a{ width: 100px; font-size: 1.2em; border-radius:10px; margin-top: 20px;} 



	.con_pro_li{  padding: 30px 0px;} 
	.con_pro_li_{  width: 88%;} 
	.con_pro_li_ ul li{ float: none; width: 100%; margin: 0 0 5% 0;} 
	.con_pro_li_ ul li:nth-child(3n){ float: none;margin: 0 0 5% 0;} 
	.con_pro_li_ ul li div{   height: auto; } 
	.con_pro_li_ ul li p{  padding: 20px 0px; font-size: 1em;  text-align: center;} 
	
	
	
	
	.con_pro_m{ padding: 50px 0px;}
	.con_pro_m_{  width: 88%; }

	.lanrenzhijia{ width:320px;}
	.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
	.jqzoom img{ width:320px;height:240px;}
	.zoomdiv{width:320px;height:240px;}
	.jqZoomPup{}


	/*图片小图预览列表*/
	.spec-preview{width:320px;height:240px;}
	.spec-scroll{ width:320px;}
	.spec-scroll .prev{float:left;margin-right:4px;}
	.spec-scroll .next{float:right;}
	.spec-scroll .prev,.spec-scroll .next{width:10px;height:65px; line-height:65px;}
	.spec-scroll .items{float:left;position:relative;width:280px;height:65px; }
	.spec-scroll .items ul{ height:65px;}
	.spec-scroll .items ul li{float:left;width:94px;text-align:center;}
	.spec-scroll .items ul li img{ padding:1px;width:86px;height:62px;}
	.spec-scroll .items ul li img:hover{border:1px solid #00a1e9;}



	.con_pro_left{ float: none; width: 100%;}
	.con_pro_right{ float: none; width: 100%; margin-top: 30px;}
	.con_pro_right h1{ font-size: 1.5em; margin-bottom: 30px;} 
	.con_pro_right p{ font-size: 1em; line-height: 160%; } 
	
	
	
	
	
	.con_news{width: 88%;  padding: 20px 0px 30px;} 

	.con_news_ ul li{ padding:30px 0px;} 
	.con_news_ ul li div.fl{ float: none; width: 100%; } 
	.con_news_ ul li div.fl p{} 
	.con_news_ ul li div.fl p a{ font-size:1.2em;} 
	.con_news_ ul li div.fl em{ margin: 12px 0px;} 
	.con_news_ ul li div.fl:hover em{ width: 120px;} 
	.con_news_ ul li div.fl span{line-height: 160%; margin-bottom:10px; } 

	.con_news_ ul li div.fr{float: none; width: 100%; height:auto; margin-top: 15px;} 
	.con_news_ ul li img{ width: 100%;  height: 100%;} 




	.con_news_m{ width: 88%; margin:50px auto; } 

	.con_news_m_{ float: none; width: 100%; border-right: none; padding-right:0px;} 
	.con_news_m_ h1{ font-size:1.5em; line-height: 125%;} 
	.con_news_m_ h5{ font-size: 0.8em;  padding-bottom: 20px; margin-bottom: 20px;  } 

	.con_news_m_ p{ font-size: 1em;   line-height: 160%; margin: 20px 0px;} 
	.con_news_m_ img{  width: 100%; margin: 20px auto; max-width: 100%;} 

	.con_news_m_e{} 
	.con_news_m_e ul{} 
	.con_news_m_e ul li{ }
	.con_news_m_e ul li a{ font-size:1em; line-height: 150%;} 

	.con_news_more{ float: none; width:100%; margin-top: 30px;} 
	.con_news_more h5{font-size:1.5e,; margin-bottom:20px;} 
	.con_news_more ul li{ margin:16px 0px;}
	.con_news_more ul li a{ font-size:1em; line-height: 150%;} 
	
	
	
	
	.con_video{width:88%; margin: 50px auto;} 
	.con_video ul{} 
	.con_video ul li{ width: 100%; float: none; margin:0 0 20px 0;}
	.con_video ul li:nth-child(3n){ float: none;margin:0 0 20px 0;}
	.con_video ul li p{ padding: 15px 0px;} 
	.con_video_{ height: 200px; } 
	.con_video_ > img{ height: 200px; } 
	.con_video_ a{ height: 200px; padding-top: 70px;} 
	.con_video_ a img{ width: 50px; height: 50px;} 
	
	
	
	
	.con_case{  padding: 30px 0px;} 
	.con_case_{ margin: 20px auto; width: 88%;} 
	.con_case_ ul li{ width: 49.5%; margin: 0 0 5% 0; } 
	.con_case_ ul li:nth-child(2n){ float: right;}
	.con_case_ ul li:nth-child(3n){ float: right;margin: 0 0 5% 0;} 
	.con_case_ ul li:nth-child(3){ float: left;} 
	.con_case_ ul li:nth-child(9){ float: left;} 
	.con_case_ ul li:nth-child(15){ float: left;}
	.con_case_ ul li div{  width: 100%; height: 120px;} 
	.con_case_ ul li p{  padding: 10px 0px; font-size: 0.8em; height: 45px; box-sizing: border-box; overflow: hidden; text-align: center;} 
	.con_case_m{ width: 88%; text-align: center;} 
	.con_case_m h1{ font-size: 1.5em; margin-bottom: 30px; } 
	.con_case_m img{ width: 100%; height:100%;} 
	
	
	.con_honor{  padding:50px 0px 0px;} 
	.con_honor_tit{ width:88%; } 
	.con_honor_tit h5{font-size:1.5em;  margin-bottom: 10px;} 
	.con_honor_tit p{ font-size:0.9em; line-height: 160%; } 


	.con_honor_ .mt-tabpage-title .mt-tabpage-item { width:50px;} 

	.con_honor_ .mt-tabpage-count {  width:320px; height:650px;}
	.con_honor_ .mt-tabpage-count .mt-tabpage-item {width:320px;height:650px;} 



	.con_honor_{ width:88%;margin:30px auto;} 

	.con_honor_list ul{ } 
	.con_honor_list ul li{ width: 48%; height: 150px; margin-right: 0; margin-bottom:3%; padding: 10px;} 
	.con_honor_list ul li:nth-child(2n){ float: right;} 
	.con_honor_list ul li:nth-child(4n){ float: right; margin-right: 0px;} 
	.con_honor_list ul li div{   height: 110px; } 
	.con_honor_list ul li p{font-size: 0.8em;   margin-top:0px;}
	
	
	
	
	.silder-box-3{ width: 88%; margin: 30px auto 0px;} 
	.silder-button-3.btl{  top:40%; left:0;} 
	.silder-button-3.btl i{  padding: 5px 10px;font-size: 0.8em; } 
	.silder-button-3.btr{  top:40%; right:0;} 
	.silder-button-3.btr i{ padding: 5px 10px; font-size: 0.8em; } 
	.con_honor_z{  width:100%; background: #FFFFFF; padding:30px 0px;} 
	.con_honor_z_{ margin: 30px auto 0px; z-index: 99;} 
	.con_honor_z_ ul{} 
	.con_honor_z_ ul li{ width: 150px; height:205px;  }
	
	
	
	
	
	.con_contact{padding:30px 0px;} 
	.con_contact_tit{ width:88%; } 
	.con_contact_tit h5{font-size:1.8em; } 
	.con_contact_tit p{ font-size:1.5em;  } 

	.con_contact_{ width:88%;margin:10px auto; box-shadow: 0px 0px 0px 0px #FFFFFF;} 
	.con_contact_l{ float: none; width: 100%; padding: 0px; } 
	.con_contact_l ul{} 
	.con_contact_l ul li{ padding: 20px 0px; } 
	.con_contact_l ul li h5{ font-size: 1.2em; margin-bottom: 5px;} 
	.con_contact_l ul li h5 i{ font-size: 1.35em; } 
	.con_contact_l ul li p{font-size: 1em; } 
	.con_contact_l ul li p.p20{ padding-left: 20px;} 
	.con_contact_l ul li input{ padding: 10px; } 
	.con_contact_l ul li input.i03{ height: 60px;} 

	.con_contact_r{ float: none; width: 100%; height:auto; margin-top: 20px;} 
	.con_contact_r h5{ font-size: 1.2em; margin-top: 0px; } 
	.con_contact_r h6{font-size: 1.2em; margin-top: 30px; } 
	.con_contact_r #dituContent{ width: 100%;height:200px;} 
	
	
	
	
	.con_coop{  padding:50px 0px;} 

	.con_coop_tit{ width:88%; } 
	.con_coop_tit h5{font-size:1.8em; margin-bottom: 10px;} 
	.con_coop_tit p{ font-size:1.5em; line-height: 100%; } 

	.con_coop_{ width:88%;margin:30px auto 0px;} 
	.con_coop_ ul{ } 
	.con_coop_ ul li{ width: 49%; height:auto; margin-right: 0; margin-bottom:2.5%; padding: 10px; } 
	.con_coop_ ul li:nth-child(2n){ float: right;} 
	.con_coop_ ul li:nth-child(4n){ float: right;} 
	.con_coop_ ul li p{font-size: 1em;  margin-top: 10px;}
	
	
	
	
	div.black2{} 
	div.black2 a{padding:2px 7px;margin:1px; } 
	div.black2 a.curr{padding:2px 7px;margin:1px;} 


	
}