/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }

img { display: block; }

/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.m_hbox { width: 100%; height: 90px; padding-top: 20px; position: relative; z-index: 10; display: flex; }

.m_logo { display: inline-block; margin: 0 0 0 70px; position: relative; transition: all .4s ease; }


.m_navibox { margin-left: 240px; justify-content: flex-start; }

.m_navi { display: flex !important; flex-flow: column; align-items: center; position: relative; transition: all .5s ease-in; }

.m_navi ul { float: left; width: 940px; }

.m_navi ul li { float: left; width: 118px; height: 64px; float: left; }
.m_navi ul li:first-child { float: left; width: 88px; height: 64px; float: left; }

.m_navi ul li a { width: 100%; height: 62px; float: left; border-bottom: 2px solid #fff; font-size: 16px; font-weight: 400; color: #252525; text-align: center; line-height: 62px; transition: all .5s ease-in; }
.m_navi ul li a:hover, .m_navi ul li a.ahover { color: #2fa750; border-bottom: 2px solid #2fa750; }


.m_banner { width: 100%; height: auto; position: relative; z-index: 4; margin: 0; top: 0; float: left; overflow: hidden; }


.m_index { width: 1110px; margin: 0 auto; }


.m_cokkie { width: 100%; float: left; margin: 50px 0 20px 0; font-size: 34px; color: #2ea750; line-height: 40px; text-align: center; font-weight: normal; }

.m_cokkie font { width: 100%; float: left; font-size: 14px; color: #989898; text-align: center; line-height: 30px; font-weight: normal; }

.none { display: none; }

.sysbg1 { width: 1120px; float: left; margin: 20px 0 20px 0; }
.sys1 { width: 100%; margin: 0px auto; overflow: hidden; }
.sys1 .sysTitle1 { height: 44px; }

.sys1 .sysTitle1 ul { float: left; }
.sys1 .sysTitle1 ul li { max-width: 100px; font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb; color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0; float: left; margin: 6px 6px 0 0px; }
.sys1 .sysTitle1 ul li.active { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #fff; color: #4b5981; border: 1px solid #e8eff1; border-bottom: none; border-radius: 4px 4px 0 0; }

.sys1 .sysContent1 { width: 100%; height: auto !important; min-height: 260px; clear: both; overflow: hidden; padding: 0px; display: block; }

.syslist { width: 1120px; float: left; overflow: hidden; }
.syslist dl { width: 1160px; float: left; }

.syslist dl dd { width: 348px; height: 260px; float: left; margin: 12px 32px 20px 0; position: relative; z-index: 12; overflow: hidden; }


.syslist dl dd a img { position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; }
.syslist dl dd a font { text-align: center; transition: bottom 0.3s; position: absolute; z-index: 5; bottom: -40px; height: 40px; background: #000; line-height: 40px; float: left; width: 100%; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.syslist dl dd a:hover font { text-align: center; transition: bottom 0.3s; position: absolute; z-index: 5; bottom: 0px; height: 40px; line-height: 40px; background: #000; width: 100%; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.m_bianji { position: relative; }
.m_bianji .biaoge { position: relative; left: 0; top: 0; display: none; visibility: hidden; }
.m_bianji .biaoge.on { opacity: 1; visibility: visible; display: block; }
.m_bianji .biaoge:nth-child(1) { position: relative; }



.s_fanye { width: 100%; height: auto; float: left; padding-top: 10px; padding-bottom: 10px; }

ul.pl1-b { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
ul.pl1-b li.pl1-b1 { display:inline-block;  margin:4px 5px;  }
ul.pl1-b li.pl1-b1 span{ padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #666; MARGIN-RIGHT: 8px;
 TEXT-DECORATION: none; border: #f5f5f5 1px solid; background: #fff; }

ul.pl1-b li.pl1-b1 A { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #2b68a7 1px solid; background: #2b68a7; }
ul.pl1-b li.pl1-b1 A:hover { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #2b68a7 1px solid; BACKGROUND-COLOR: #2b68a7; }
ul.pl1-b li.pl1-b1 A:active { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; }
ul.pl1-b li.pl1-b1 SPAN.current { padding: 8px 12px 8px 12px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #2b68a7 1px solid; BACKGROUND-COLOR: #2b68a7; }
ul.pl1-b li.pl1-b1 SPAN.disabled { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #2b68a7 1px solid; background: #2b68a7; }




DIV.quotes { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
DIV.quotes A { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; TEXT-DECORATION: none; border: #2b68a7 1px solid; background: #2b68a7; }
DIV.quotes A:hover { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; border: #2b68a7 1px solid; BACKGROUND-COLOR: #2b68a7; }
DIV.quotes A:active { padding: 8px 12px 8px 12px; MARGIN-RIGHT: 8px; font-family: Arial; font-size: 14px; color: #fff; }
DIV.quotes SPAN.current { padding: 8px 12px 8px 12px; FONT-WEIGHT: bold; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #2b68a7 1px solid; BACKGROUND-COLOR: #2b68a7; }
DIV.quotes SPAN.disabled { padding: 8px 12px 8px 12px; font-family: Arial; font-size: 14px; COLOR: #fff; MARGIN-RIGHT: 8px; BORDER: #2b68a7 1px solid; background: #2b68a7; }





.sysbg2 { width: 1120px; float: left; margin: 20px 0 20px 0; }
.sys2 { width: 100%; margin: 0px auto; overflow: hidden; }
.sys2 .sysTitle2 { height: 44px; }

.sys2 .sysTitle2 ul { float: left; }
.sys2 .sysTitle2 ul li { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb; color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0; float: left; margin: 6px 6px 0 0px; }
.sys2 .sysTitle2 ul li.active { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #fff; color: #4b5981; border: 1px solid #e8eff1; border-bottom: none; border-radius: 4px 4px 0 0; }

.sys2 .sysContent2 { width: 100%; height: auto !important; min-height: 260px; clear: both; overflow: hidden; padding: 0px; display: block; }

.m_bianji2 { position: relative; }
.m_bianji2 .biaoge { position: relative; left: 0; top: 0; display: none; visibility: hidden; }
.m_bianji2 .biaoge.on { opacity: 1; visibility: visible; display: block; }
.m_bianji2 .biaoge:nth-child(1) { position: relative; }




.sysbg3 { width: 1120px; float: left; margin: 20px 0 20px 0; }
.sys3 { width: 100%; margin: 0px auto; overflow: hidden; }
.sys3 .sysTitle3 { height: auto; }

.sys3 .sysTitle3 ul { float: left; text-align: left; }
.sys3 .sysTitle3 ul li { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb;
 color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0; float: none; display: inline-block; margin: 6px 5px 0 0px; }
.sys3 .sysTitle3 ul li.active { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #fff; 
color: #4b5981; border: 1px solid #e8eff1; border-bottom: none; border-radius: 4px 4px 0 0; }

.sys3 .sysContent3 { width: 100%; height: auto !important; min-height: 260px; clear: both; overflow: hidden; padding: 0px; display: block; }

.m_bianji3 { position: relative; }
.m_bianji3 .biaoge { position: relative; left: 0; top: 0; display: none; visibility: hidden; }
.m_bianji3 .biaoge.on { opacity: 1; visibility: visible; display: block; }
.m_bianji3 .biaoge:nth-child(1) { position: relative; }





.sysbg4 { width: 1120px; float: left; margin: 20px 0 20px 0; }
.sys4 { width: 100%; margin: 0px auto; }
.sys4 .sysTitle4 { height: 44px; }

.sys4 .sysTitle4 ul { width: 100%; float: left; text-align: center; }
.sys4 .sysTitle4 ul li { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb; color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0; float: none; display: inline-block; margin: 6px 4px 0 4px; }
.sys4 .sysTitle4 ul li.active { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #fff; color: #4b5981; border: 1px solid #e8eff1; border-bottom: none; border-radius: 4px 4px 0 0; }

.sys4 .sysContent4 { width: 100%; height: auto; float: left; padding: 0px; display: block; }

.m_bianji4 { position: relative; width: 100%; height: auto; float: left; }
.m_bianji4 .biaoge { position: relative; left: 0; top: 0; display: none; visibility: hidden; }
.m_bianji4 .biaoge.on { opacity: 1; visibility: visible; display: block; }
.m_bianji4 .biaoge:nth-child(1) { position: relative; width: 100%; height: auto; float: left; }





.sysbg5 { width: 1120px; float: left; margin: 20px 0 20px 0; }
.sys5 { width: 100%; margin: 0px auto; overflow: hidden; }
.sys5 .sysTitle5 { height: 44px; }

.sys5 .sysTitle5 ul { float: left; text-align: center; }
.sys5 .sysTitle5 ul li { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb; color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0; float: none; display: inline-block; margin: 6px 4px 0 4px; }
.sys5 .sysTitle5 ul li.active { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #fff; color: #4b5981; border: 1px solid #e8eff1; border-bottom: none; border-radius: 4px 4px 0 0; }

.sys5 .sysContent5 { width: 100%; height: auto !important; min-height: 260px; clear: both; overflow: hidden; padding: 0px; display: block; }

.m_bianji5 { position: relative; }
.m_bianji5 .biaoge { position: relative; left: 0; top: 0; display: none; visibility: hidden; }
.m_bianji5 .biaoge.on { opacity: 1; visibility: visible; display: block; }
.m_bianji5 .biaoge:nth-child(1) { position: relative; }




.sysbg6 { width: 1120px; float: left; margin: 20px 0 20px 0; }
.sys6 { width: 100%; margin: 0px auto; overflow: hidden; }
.sys6 .sysTitle6 { height: 44px; }

.sys6 .sysTitle6 ul { float: left; text-align: center; }
.sys6 .sysTitle6 ul li { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #f6fafb; color: #4b5981; border: 1px solid #e8eff1; border-radius: 4px 4px 0 0; float: none; display: inline-block; margin: 6px 4px 0 4px; }
.sys6 .sysTitle6 ul li.active { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 12px 15px; background: #fff; color: #4b5981; border: 1px solid #e8eff1; border-bottom: none; border-radius: 4px 4px 0 0; }

.sys6 .sysContent6 { width: 100%; height: auto !important; min-height: 260px; clear: both; overflow: hidden; padding: 0px; display: block; }

.m_bianji6 { position: relative; }
.m_bianji6 .biaoge { position: relative; left: 0; top: 0; display: none; visibility: hidden; }
.m_bianji6 .biaoge.on { opacity: 1; visibility: visible; display: block; }
.m_bianji6 .biaoge:nth-child(1) { position: relative; }




 


.m_index_bgc1 { width: 100%; float: left; padding-top: 50px; padding-right: 0px; padding-bottom: 28px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(../images/index_bgc1.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: inherit; background-position: 50% 0; box-shadow: 0 0 0 0 #ffffff; }


.m_aboimg { width:540px; float: left; height: 410px; margin-left:0px; position: relative; overflow: hidden; }

.m_aboimg img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; overflow: hidden;  }


.m_aboitxt { width: 550px; float: right; height: auto; position: relative; overflow: hidden; }

.m_aboitxt h3 { width: 100%; height: 40px; float: left; font-size: 28px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-transform: capitalize; margin-bottom: 24px; }

.m_aboitxt h3 font { padding: 0 0 0 5px; font-size: 28px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; text-transform: capitalize; }

.m_aboitxt h4 { width: 100%; height: 224px; float: left; margin-bottom: 30px; font-size: 16px; color: #fff; text-align: left; line-height: 28px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }

.m_aboitxt h5 { width: 100%; height: 45px; float: left; }

.m_aboitxt h5 a { width: 145px; height: 45px; float: left; background: #f7933e; border: none; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 45px; font-weight: normal; }


/*index  serveice*/

.m_serice { width: 1110px; float: left; }

.m_serice ul { width: 1140px; float: left; text-align: center; }


.m_serice ul li { width: 255px; height: 276px; display: inline-block; margin: 10px 10px 20px 10px; }


.m_serice ul li img { height: 153px; width: 153px; border-radius:50%;  display: block; margin: 0 auto; }


.m_serice ul li h3 { width: 100%; height: 30px; float: left; margin: 10px 0 0 0; font-size: 24px; color: #252525; text-align: center; line-height: 30px; font-weight: normal; }


.m_serice ul li font { width: 100%; height: 40px; float: left; margin: 10px 0 0 0; font-size: 14px; color: #999; text-align: center; line-height: 20px; font-weight: normal; }


.m_footbox { width: 100%; float: left; border-bottom: 1px solid #fff; }


.m_foot { width: 100%; float: left; padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-image: url(../images/contbgc.jpg); background-repeat: no-repeat; background-size: inherit; background-attachment: inherit; background-position: 50% 0; box-shadow: 0 0 0 0 #ffffff; }


.m_foot_con { width: 446px; float: left; font-size: 18px; color: #fff; text-align: left; line-height: 44px; font-weight: normal; }

.m_foot_con h4 { width: 100%; height: 40px; float: left; margin-bottom: 20px; font-size: 34px; color: #fff; text-align: left; line-height: 44px; font-weight: bold; }

.m_foot_con h4 img { float: left; margin: 2px 10px 0 0; }


.m_foot_gbk { width: 554px; float: right; background-color: rgba(255, 255, 255, 0.36); box-shadow: 0 0 0 0 #ffffff; padding: 40px 40px 40px 40px; }

.m_fo1 { width: 262px; height: 70px; float: left; margin: 0px 30px 0 0px; }

.m_fo1:nth-child(2) { width: 262px; height: 70px; float: left; margin: 0px 0px 0 0px; }


.m_fo1 h5 { width: 100%; float: left; height: 30px; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }
.m_fo1 h5 font { padding-left: 10px; font-family: Arial; color: #fff; text-transform: capitalize; }

.tabt1 { width: 252px; height: 40px; float: left; padding-left: 10px; background: #fff; border: 1px solid #fff; border-radius: 6px; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 58px\9; line-height: 40px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }


.m_fo2 { width: 554px; height: auto; float: left; margin: 10px 0px 0 0px; }


.m_fo2 h5 { width: 100%; float: left; height: 30px; font-size: 14px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }
.m_fo2 h5 font { padding-left: 10px; font-family: Arial; color: #fff; text-transform: capitalize; }


.tabt2 { width: 534px; height: 120px; float: left; padding: 10px 10px 10px 10px; background: #fff; border: 1px solid #fff; border-radius: 6px; font-family: Microsoft YaHei; font-size: 14px; color: #333; line-height: 58px\9; line-height: 30px; text-align: left; font-weight: normal; cursor: pointer; overflow: hidden; }

.tabt3 { width: 80px; height: 40px; float: left; margin: 30px 0 0px 0px; background: #1e7ddd; border: 1px solid #1e7ddd; border-radius: 6px; font-family: Microsoft YaHei; font-size: 16px; color: #fff; line-height: 58px\9; line-height: 40px; text-align: center; font-weight: normal; cursor: pointer; overflow: hidden; }

.m_bottom { width: 100%; height: 80px; float: left; background: #2d2d2d; font-size: 14px; color: #fff; text-align: center; line-height: 80px; font-weight: normal; overflow: hidden; }

.m_bottom a { color: #fff; }




.mem9 { width: 36px; height: auto; float: right; position: relative; z-index: 84; }

.topfixed { position: fixed; z-index: 99; right: 20px; bottom: 110px; float: right; display: block; }


#fix_top { width: 36px; height: 36px; border-radius: 4px; float: right; position: relative; display: block; z-index: 99; right: 20px; bottom: 0px; }

#fix_top a img { width: 100%; border-radius: 4px; }




/*about*/


.s_about { width: 100%; float: left; margin: 10px 0 80px 0; font-size: 16px; color: #252525; line-height: 35px; text-align: left; font-weight: normal; }


/*shows*/



.s_caseshow { width: 100%; float: left; margin: 10px 0 80px 0; font-size: 16px; color: #252525; line-height: 30px; text-align: left; font-weight: normal; }

.s_caseshow h3{width:100%; float:left; padding:10px 0 10px 0; margin:0 0 20px 0; border-bottom:1px solid #ddd; font-size:28px; color:#333; text-align:left; line-height:30px; font-weight:bold;}

.s_caseshow img{max-width:100%; display:block; margin:0 auto; }



/*fenye*/
.s_fenye
{
    width:100%;
    height:auto;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
}

.s_fenye ul{width:100%; float:left;}

.s_fenye ul  li{width:120px; height:40px;  float:left; margin:10px 0 10px 0;}
.s_fenye ul  li:last-child{width:120px; height:40px;  float:right;  margin:10px 0 10px 0;}

 
.s_fenye ul  li a{width:118px; height:38px; float:left; background:none; border:1px solid #e81748; font-size:16px; color:#e81748; text-align:center;  line-height:38px; font-weight:normal; transition:all 0.5s; }
.s_fenye ul  li a:hover{width:118px; height:38px; float:left; background:none; border:1px solid #f58505; font-size:16px; color:#f58505; text-align:center;  line-height:38px; font-weight:normal; transition:all 0.5s; }




/*contact*/



.s_conta { width: 100%; float: left; margin: 0px 0 80px 0; font-size: 16px; color:#252525;  line-height: 34px; text-align: center; font-weight: normal; }

.s_conta h3{width:100%; float:left; padding:0px 0 10px 0; margin:0 0 20px 0;  font-size:35px; color:#2fa750; text-align:center; line-height:50px; font-weight:normal;}

.s_conta img{max-width:100%; display:block; margin:0 auto; }

.s_conta a{color:#252525;}