﻿




.m-toubu{ position: absolute; left:0; top:0; width:100%; z-index:999;}
.m-toubuge{ width:100%; height:50px;}
.m-header {
    height: 49px;
	/*background-color: #fff;*/
    z-index: 60;
	width:100%;
	position:relative;
	display:flex; border-bottom:1px solid rgba(255,255,255,.2);align-items: center; 		
}
.cd-logo { padding-left:20px; width:203px; box-sizing:border-box; min-width:203px;}
.cd-logo img { display:block;  /*width:50%!important;*/ margin-top:0.5%;}
.search_openv1 {
width: 100%; 
background: url(../images/wap_sea1.png) no-repeat;
height:100%;
background-position:center center; background-size:auto 21px; border-left:1px solid #e1e1e1;
}
.menu_openv1 {
width: 100%;
background-image:url(../images/wap_menu1.png);
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}


.menu_openv1_sou {
width: 100%;
background-image:url(../images/wap_sea2.png);
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}


.menu_closev1 {
width: 100%;
background-image:url(../images/wap_close1.png)!important;
background-repeat:no-repeat;
height:100%;
background-position:center center; background-size:auto 25px;
}
#m-menu{ position: absolute; width:100%; height: calc(100vh - 50px); left:-100%; background:rgba(25,70,149,.9); z-index:200;  font-size:15px; overflow-y: auto; top:50px;transition: all 0.8s ease 0s;}
.m-list{width: 100%; padding-top:25px; padding-bottom:20px;}
.m-menglish{ color:#fff!important; padding-left:10px; text-transform:uppercase; font-weight: lighter; font-family:Arial, "微软雅黑";}
.m-list ul li a{padding-left: 20px;color: #fff; display: block;  height:46px;line-height: 46px;position: relative; text-decoration:none;font-size:15px; font-weight:bold;}
.m-list ul li .inactive{ background:url(../images/shl-down-openv1.png) no-repeat 95% center; background-size:auto 14px;}
.m-list ul li .inactives{background:url(../images/shl-up-openv1.png) no-repeat 95% center; background-size:auto 16px;} 
.m-list ul li ul{display: none; padding-top:10px; padding-bottom:10px;background-color:rgba(70,127,228,.9);}
.m-list ul li ul li {  background-image:url(../images/wap_li1.png);
	background-repeat:no-repeat;
	background-position:60px center;
	background-size:auto 2px; }
.m-active{background-image:url(../images/m-navact.png);
	background-repeat:no-repeat;
	background-position:20px 38px;
	background-size:auto 2.5px;}	
.m-list ul li ul li a{
	padding-left: 50px;
	background: url(../images/shl-img-h60.png) no-repeat 92% center;
	background-size: auto 8px;
	font-weight: lighter;
	font-size: 14px;
	color: #fff;
	height: 34px;
	line-height: 34px;
}
.m-yuyan{  height:45px; line-height:45px; color:#656565; font-size:12px;background:#f2f3f2 url(../images/wap_yuyan1.png) no-repeat 20px center; background-size:auto 18px; padding-left:45px;}
.m-yuyan a{ color:#656565;font-size:12px!important;text-transform:uppercase; padding-left:5px; padding-right:5px;}
.m-code{ padding-top:10px; text-align:center; width:100%;}
.m-code img{ width:100px; height:100px; margin:0 auto;}
.m-code1{ padding-top:6px; padding-bottom:12px; text-align:center; color:#656565;font-size:13px;}
.m-sousuo{ padding:20px 30px 70px 30px; width:100%; box-sizing:border-box; background-color:#f2f3f2; display:flex; }
.m-sousuo .button1 {
	line-height: 40px;
	height: 40px;
	width: 80%;
	padding: 0 10px 0 10px;
	border: 1px solid #d2d2d2;
	background: #f2f3f2;
font-size:12px;
	z-index: 1001; box-sizing:border-box;
}
.m-sousuo .button2 {	
	width: 20%;
	height: 40px;
	z-index: 1001;
	background-image:url(../images/wap_sea2.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:auto 20px;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	border-left:0;
}

.m-animate{transition: all 0.8s ease 0s;left: 0px!important;} 

.tbottom{ height:50px; }
#BottomNav {	
    bottom: 0;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 300; box-sizing:border-box; background-color:#FFF; box-shadow:0px 8px 8px 8px rgba(0,0,0,.2);
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 25%; 
}
#BottomNav ul li a {
    color: #515151;
    display: block;
    padding-top:7px; 
}
#BottomNav ul li a div {
    font-size: 12px; padding-top:2px;
}
#BottomNav .a {
    background-image: url(../images/shl-b1a.png); background-size:auto 20px;
}
#BottomNav .b {
    background-image: url(../images/shl-b1b.png);background-size:auto 20px;
}
#BottomNav .c {
    background-image: url(../images/shl-b1c.png);background-size:auto 20px;
}
#BottomNav .d {
    background-image: url(../images/shl-b1d.png);background-size:auto 20px;
}

#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 30px;	
}
.mclearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
#m-msk{ position:fixed; width:100%; background-color:rgba(0,0,0,0.1); top:0px; left:0; z-index:50; height: calc(100vh - 50px); top:50px; display:none;}










.bottomNav {
	/*border:1px solid red;
	*/
    width:100%;
	height:70px;
	position:fixed;
	bottom:1px; z-index:999999999999999;
}
.bottomNav_item {
	/*border:1px solid red;
	*/
    width:20%;
	height:70px; border-top:1px solid #d8d8d8;
	float:left; color:#333;
	text-align:center; background:#fff;
}
.bottomNav_icon {
	margin:auto;
	width:30px;
	height:30px; margin-top:11px;
}
.bottomNav_icon img {
	width:100%;
	height:100%;
}
.bottomNav_item p {
	margin-top:3px; font-size:14px;}
.gray {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
}



.inital_color {
    color: #1977ca;
}








@media only screen  and (max-width:2400px){
header { display:block;}
.mbdh {display: none}
.mbfor {display:none;}
.pcba { display:block;}
.sjba { display:none;}
.xblanmu { display:none;}


}






@media only screen  and (max-width:1024px){
body {
	background-attachment: fixed;
	background-image: url(../images/2-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}	
header { display:none;}
.mbdh {display: block;}
.mbfor {display:block;}

.pcba { display:none;}
.sjba { display:block;}

#banner {width: 100%;margin:0px;padding:0px;overflow: hidden; position:relative; z-index:0;}
#banner img{width: 100%;}

.focus{ width:100%;   margin:0 auto; position:relative; overflow:hidden;   }
	.focus .shanghl00{ width:100%; height:11px;  position:absolute; z-index:1; bottom:45px; text-align:center;  }
	.focus .shanghl00 ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .shanghl00 ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .shanghl00 ul .on{ background:#FE6C9C;  }
	.focus .bd{
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
	overflow: hidden;
}
.focus .bd li{ margin:0px; padding:0px; height:68rem; position:relative; overflow:hidden;}
	.focus .bd li img{ width:100%;  height:100%; object-fit:cover; display:block; }
	.focus .bd li a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */
}
.foctit{position:absolute; z-index:111; width:100%; bottom:0;background: rgba(0,0,0,.6); padding-left: 0.7rem; padding-right: 0.7rem; color:#FFF; font-size:0.8rem;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; overflow:hidden; height:40px; line-height:40px; box-sizing:border-box;}
	
.toubu{ position:fixed; left:0; top:0; width:100%; z-index:999;}
.toubuge{ width:100%; height:50px;}









.footer {width:100%!important; line-height:25px!important; padding:20px 0px 40px; text-align:center!important;  }
.contact {width:92%!important; margin:0px 4%!important;}
.nav1 {width:100%!important; text-align:center!important; padding-bottom:30px; }
.nav1 h3  { display:none;}





/*ny s*/
.pro_2_sou { width:100%!important;}
.pro_2_sou select { display:none;}
.pro_2_sou .search2 { width:62.5%!important;}

.con {width:92%!important; margin:0px 4%!important;}
.prolist_wj ul li { width:100%!important;}
.ny_sou1 { }

.nybanner { margin-top:-50px!important; height:300px!important; }
.div1270 {width:92%!important; margin:0px 4%!important;}
.contact_1_1 { font-size:24px!important;}
.contact_1_2 { font-size:15px!important;}
.about_1_1 { font-size:22px!important;}
.about_1_2 {font-size:15px!important;}

.newsmid_2_1_mid { padding:5%!important;}



#mid { margin-top:0px!important;}

.nymenu_mid{ z-index:100;
position:relative;}
.nymenu_mid ul{  width:100%;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
 left:0; top:0px; background-color:#fff; z-index:100;}
.nymenu_mid ul li{ background:none; text-align:center!important;
float:left!important;   line-height:15px!important; font-size:14px!important;}
.nymenu_mid.on ul{
display:block}
.nymenu_mid ul li:last-child{
text-align:left;}
.nymenu_mid ul li:last-child{ border-right:0px;}
.nymenu_mid ul li a{
}
.nymenu_mid ul li a.active{
color:#333;}
.nymenu_mid ul li a:after{
display:none}







.about_right_tu  { width:100%!important; height:250px!important;}
.about_right_tu .tu2 { height:250px!important;}
.about_right_tu .tu2 img { height:250px!important;}
.about_right_zi { width:90%!important; background:#194695; }
.about_right_tu .tu1 {
    bottom: 70px!important;
    left: 125px!important;}


.about_left {width:100%!important; }
.about_sz {width:100%!important; padding-top:0px!important; }
.about_sz ul li { width:32.3333333%!important; border-bottom:0px!important; border-right:1px solid #CCC!important;}
.about_sz ul li:last-child{ border-right:0px!important;} 
.about_1_4_mid_1 span:nth-child(1) { font-size:19px!important;}




.qywh { margin-top:0px!important; height:500px!important;}
.wenhua_zi {width:100%!important;}
.about_2_mid_mid_1 { font-size: 2.0em!important;}
.historyUl { font-size:13px!important;}
.listCon dl dt { font-size:16px!important;}
.conMarLeft2 { margin-left:0px!important;}
.conMarLeft2 {width:100%!important;}
.listCon {width:100%!important;}
.conMarLeft54 { margin-left:0px!important;}
.bigRoundPo1 { display:none!important;}
.listCon dl dt.alignRigth { text-align: left!important;}
.listCon dl dt i.left {display:none!important;}
.listCon dl dt i.other {display:none!important;}
.smallRoundPo9  {display:none!important;}
.smallRoundPo7 {display:none!important;}
.marTop30 { margin-top:20px!important;}
.timeUl { background:none!important;}
.smallRoundPo2 {display:none!important;}
.marTop90 {margin-top:20px!important;}
.fanhui1 a { line-height:45px;}



.lm_list {    width: 100%!important;}
.lm_list ul li {
    width: 27%!important;}
.honor_list_1 { width:92%!important; margin:0px 4%!important;}

.honor_list_1 .ry h2 {
    font-size: 20px!important;
    line-height: 32px!important;  padding:15px 0px!important; }
	
.honor_list_1 .ry dl h3 {
    font-size: 14px!important;     line-height: 20px!important; padding:15px 0px!important;}
.honor_list_1 .ry h4 { font-size:28px!important; margin-bottom:0px!important; line-height: 35px!important; padding:15px 0px!important;}

.honor_list_1 .ry dl {width: 100%!important;}

.honor_list_1 .ry_k1{width: 100%!important;}

.honor_list_1 .hj dl dt { float:left; width:100%!important;}
.honor_list_1 .hj dl dd { float:left; width:100%!important;}

.newsmid_2_1_mid_2_1 { display:none!important;} 
.newsmid_2_1_mid_2 { padding:20px!important;}
.newsmid_2_1_mid_1 { width:100%!important; text-align:center!important; float:none!important; padding:20px 0px!important; }
.fy { width:auto!important;}
.newspage { width:auto!important;}

.newsmid_2 {
    padding-top: 1em!important;
}
.newsmid_2_1_mid_2_2 h3 { font-size:18px!important;}

.newsmid_2_1_mid { height:auto!important;}
.newsmid_2_1_mid_2_2 {     display: block!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2 !important;
    word-wrap: break-word;
    word-break: break-all;
   }

.about_info_mid { width:100%!important;}
.about_info_mid_3 { padding:0px!important;}






.news_da_nr { width:100%!important;}
.about_info_mid_4 { width:90%!important;}


.honor_list { width:92%!important; margin:0px 4%!important;}
.honor_list dl { width:100%!important; margin:0px 0px 20px!important;}

.pro_2_mid_right_1_mid { margin:0px!important;}
.pro_2_mid_right_1_mid_1 { height:auto!important;}
.pro_2_mid_right_1_mid_1 img { max-width:90%!important; margin-top:15px!important;}
.botBox { width: auto!important; top:0px!important; left:0px!important;}
.leftBox {width:100%!important;}
.w {width:100%!important;}
.pro_info_1_1_rightz {width:100%!important;}

.pro_info_1_1_right_3.tupian { display:none;}

.liucheng { width:92%!important; margin:0px 4%!important; height:900px!important; padding-top:30px!important;} 
.liucheng ul li  { width:48%!important; margin-bottom:5px!important;} 
.liucheng ul li:last-child { float:left!important;}



.honor_list_1 .sc h4 { font-size:28px!important;}
.honor_list_1 .sc .flex1 dl { width:47%!important;}
.honor_list_1 .sc dl { height:200px!important;}
.honor_list_1 .sc dl dt { height:150px!important;}
.honor_list_1 .sc dl dd p { font-size:15px!important; padding:5px 0px!important; line-height:20px!important;}



.fazhan_tu { margin-top:0px!important; }
.fazhan_zi {width:92%!important; margin:50px 4%!important;}
.fazhan_zi h2 { font-size:30px!important;}


.nyba_zi { width:100%!important;}
.nyba_zi h2 {font-size:30px!important; padding-top:100px!important;}
.nyba_zi h3{font-size:25px!important;}
.nyba_zi ul { width:80%!important; margin:50px 10%!important;}
.nyba_zi ul li { width:86.2%!important; margin-bottom:10px!important; }
.dizhi { }
.contact_1_2 p { font-size:16px!important;}
.contact_1_3 { width:100%!important; margin-bottom:40px!important; height:auto!important;  }
.contact_1_3_left ul li { width:90%!important; margin-right:0px; padding:5%!important; }
.anniu {    width: 7.55555555555556em!important;}

.wenhua_tu { width:100%!important;}
.about_2_mid_mid { width:100%!important;}
.wenhua_tu { padding-bottom:50px!important; width:100%!important;  height:auto!important;}
.about_2 { overflow:visible!important; }
.wenhua_zi { height:auto!important; margin-top:0px!important;}
.contact_1_2 { margin-bottom:10px!important;}
.about_1_3 img {height:auto!important; }

.nybanner { background-size:auto 100%!important;}


/*ny e*/

















/*sy s*/

.ttt { height:0px!important;}
.cenbox { width:92%!important; margin:0px 4%!important;}
body {width:100%!important; min-width:100%!important; 

	background-attachment: fixed!important; 
	background-image: url(../images/wap_bg.jpg)!important; 
	background-repeat: no-repeat!important; 
	background-position: center top!important; 

 }
.focus .bd li img { height:auto!important;}
.focus .bd li {height:auto!important;}
.title h2 { width:92%!important; margin:0px 4%!important; font-size:24px!important;}
.title span {font-size:54px!important;}
.lindex .lmain1 { margin-top:30px!important;}
.title p { font-size:17px!important; padding:10px 0px!important;}
.scrollMagicBox.fixed-reverse .wrapper1 .screen-title, .scrollMagicBox.fixed-reverse .wrapper2 .screen-title { font-size:40px!important;}
.lt-about .txt p br { display:none;}
.lt-about .txt { text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
height: 196px;
line-height: 28px;}
.lindex .lmain3 .number { margin-top:50px!important;}
.lindex .lmain3 .number ul li { width:50%!important; margin-bottom:10px; height:140px!important;}

.lindex .lmain3 .number ul li p{ font-size:15px!important;}
.lindex .lmain3 .number ul li i { font-size:40px!important;}

ul.in_c03 li { background-size:100% auto;}
.c03_con { width:60%!important; left:10%!important; padding:10%!important; top:50px!important; height:580px!important; }
.c03_con h3 { font-size:25px!important;}
.c03_con dl { width:33.3333%!important; margin-left:0px!important;}
.fnt_18 { font-size:15px!important;}
.ipart03 .content .left { width:100%!important;}
.ipart03 .content .right { width:100%!important;}
.ipart03 .content .left .intro .t { font-size:20px!important;}
.ipart03 .content .right .right_t .intro .cover .box .t{font-size:16px!important;}
.ipart03 .content .right .right_b .item .t {font-size:15px!important;}
.ipart03 .content .right .right_t .intro .cover .box .date { display:none;}
.ipart03 .content .right .right_t .intro .cover .box .t { text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 50px;
line-height: 25px;}

.xblanmu { width:100%; padding-top:20px; text-align:center; padding-bottom:40px; float:left; display:block;}
.xblanmu ul li {  padding:2px 20px!important; float:left; color:#fff; margin:0px auto; display: inline-block;}
.xblanmu ul li a {color:#fff!important; font-size:15px!important;}
.xblanmu_pc { display:none;}

.lbottom .lbody2 { padding-bottom:0px!important;}



/*sy e*/


/*yw sy s*/

.ywsj { display:none;}

.ywsj1 { margin-top:0px!important;}
.ywsj2 { height:646px!important;}
.ywyc{ display:none;}
.p_hz {    width: calc((100% - 44px)/2)!important;}
.lbottom .lbody2 .lleft {  width:100%!important;}
.lbottom .lbody2 .lline { display:none;}
.lbottom .lbody2 .llist  { display:none;}
.lbottom .lbody2 .lright { display:none;}
.lbottom .lbody3 .ltest { line-height:25px!important; padding:10px 0px 90px!important;}
.lbottom .lbody3 { height:170px!important;}

/*yw sy e*/









}







