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; }



@font-face { font-family: 思源黑体SC-Regular; src: url(); }


* { margin: 0px; padding: 0px; }

.clear { font-size: 0px; clear: both; line-height: 0px; height: 0px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px; }

img { border-style: none; }

a:link { outline: none; TEXT-DECORATION: none; }

a:visited { outline: none; TEXT-DECORATION: none; }

a:hover { outline: none; TEXT-DECORATION: none; }

a:active { outline: none; TEXT-DECORATION: none; }

ul { list-style-type: none; }

ul li { list-style-type: 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; }



body { font-family:思源黑体SC-Regular, 'Microsoft YaHei'; margin: 0; padding: 0; font-size: 16px; line-height: 20px; color: #313131; background-color: White; }



.max { width: 100%; height: auto; margin: 0 auto; overflow: hidden; }





.m_head { width: 100%; float: left; position: relative; display: block; }





.m_index { width: 70%; max-width: 1200px; display: block; margin: 0 auto; }



.m_logo { width: 178px; float: left; margin: 14px 0 0px 0; }




.mc_logo { width: 560px; float: left; margin: 14px 0 0px 0; }




.m_navibox { float: right; height: 82px; }





.m_navi { float: left; }



.m_navi ul { float: left; }





.m_navi ul li { float: left; margin: 0 10px; }



.m_navi ul li a { float: left; padding: 0 10px; font-size: 18px; color: #ad8435; text-align: center; line-height: 82px; font-weight: normal; }





.m_navi ul li a:hover, .m_navi ul li a.ahov { float: left; padding: 0 10px; font-size: 18px; color: #fff; text-align: center; line-height: 82px; font-weight: normal; background: #ad8435; }









.m_seabox { float: right; height: 82px; padding: 0px 0 0 40px; position: relative; }



.m_seabox .m_sea1 { width: 23px; height: 23px; float: left; padding: 32px 0 30px 0; cursor: pointer; position: relative; z-index: 5; }



.m_seabox .m_setop { width: 400px; height: 58px; background: rgba(255,255,255,.8); border: 1px solid #fff; float: right; position: absolute; z-index: 20; top: 82px; left: 50%; margin-left: -360px; display: none; }



.m_sinp1 { width: 290px; height: 41px; float: left; margin: 8px 0 0 8px; background: #fff; border: 1px solid #ad8435; padding-left: 20px; font-size: 14px; color: #ad8435; text-align: left; line-height: 41px; font-weight: normal; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }





.m_sinp2 { width: 70px; height: 43px; float: left; margin: 8px 0 0 0px; background: #ad8435; border: 1px solid #ad8435; font-size: 14px; color: #fff; text-align: center; line-height: 43px; font-weight: normal; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }





.m_banner { width: 100%; float: left; position: relative; z-index: 15; }







.m_aboutbg { width: 1920px; *width: 1920px; _width: 1920px; height: auto; min-height: 816px; position: relative; z-index: 6; margin: 0; 
top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; background: url(../image/index_abobg.jpg) no-repeat left top; background-size: 100% 100%; }





.m_abotype { width: 500px; height: 100%; float: left; background: url(../image/bgc1.png) repeat left bottom; }





.m_abot_img { width: 285px; float: left; margin: 310px 0 290px 120px; }



.m_abot_img image { width: 100%; }







.m_about { width: 930px; height: 260px; float: left; margin: 310px 0 0 56px; background: #fff url(../image/zx1.jpg) repeat-y left top; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; }





.m_about_h1 { width: 30px; height: 160px; float: left; padding: 100px 15px 0 15px; background: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 22px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }







.m_about_h2 { width: 790px; height: 210px; float: left; margin: 30px 0 0 40px; font-size: 20px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; }











.m_footer { width: 100%; height: auto; float: left; padding: 10px 0 30px 0; background: #474b50; display: block; position: relative;  z-index:9;}





.m_foot1 { width: 100%; float: left; border-bottom: 1px solid #62656a; padding: 10px 0; position: relative; }





.m_foot1 ul { float: left; }





.m_foot1 ul li { float: left; padding: 0 10px; height: 40px; position: relative; }



.m_foot1 ul li::after { width: 1px; height: 14px; background: #62656a; position: absolute; float: right; top: 14px; right: 0; content: ''; }



.m_foot1 ul li:last-child::after { width: 1px; height: 14px; background: transparent; position: absolute; float: right; top: 8px; right: 0; content: ''; }



.m_foot1 ul li a { float: left; padding: 0 10px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }





.m_foot1 ul li a:hover { color: #e5b653; }





.m_foot1 dl { float: right; position: relative; }





.m_foot1 dl dd { float: left; margin: 0px 10px 0 10px; height: 30px; position: relative; }





.m_foot1 dl dd .fimg1 { width: 34px; float: left; position: relative; z-index: 5; }





.m_foot1 dl dd .dbox { width: 150px; height: 150px; float: left; position: absolute; z-index: 10; left: -60px; bottom: 36px; background: #fff; border: 1px solid #ad8435; display: none; }





.m_foot1 dl dd:hover .dbox { width: 150px; height: 150px; float: left; position: absolute; z-index: 10; left: -60px; bottom: 36px; background: #fff; border: 1px solid #ad8435; display: block; }







.m_foot1 dl dt { float: left; width: 30%; margin: 3% 1% 1% 2%; position: relative; display: none; }





.m_foot1 dl dt img { width: 100%; border: 1px solid #ad8435; }











.m_foot2 { width: 100%; float: left; padding: 10px 0; position: relative; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }




.m_foot2 span {width:auto; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }




.m_foot2 font { float: right; margin-top:-60px; font-size: 16px; color: #fff; text-align: right; line-height: 30px; font-weight: normal; }



.m_foot2_span { width: 100%; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }









.mob_footer { width: 100%; height: auto; float: left; padding: 10px 0 30px 0; background: #474b50; display: none; }









.mob_index { width: 100%; max-width: 750px; display: none; margin: 0 auto; }





.header { height:60px; width: 100%; float: left; position: relative; }



.header .w { position: relative; height: auto; z-index: 30; }

.header .mlogo { width: 35%; position: relative; float: left; margin:3% 0 0 3%; text-align: center; }

.header .mlogo img { height: 100%; }



.header .header_menu { width: 40px; float: right; margin: 5% 3% 0 3%; }

.header .header_menu img { width: 100%; }





.header .header_sear { width: 40px; float: right; margin:5% 0 0 3%; }

.header .header_sear .flips { width: 100%; position: relative; z-index: 5; }

.header .header_sear .flips img { width: 100%; }



.header .header_sear .hea_stop { width: 100%; height: 58px; background: rgba(255,255,255,.8); border: 1px solid #fff; float: right; position: absolute; z-index: 25; top: 60px; left: 0%; margin-left: 0px; display: block; }



.sea_sinp1 { width: 70%; height: 41px; float: left; margin: 8px 0 0 8px; background: #fff; border: 1px solid #ad8435; padding-left: 2%; font-size: 14px; color: #ad8435; text-align: left; line-height: 41px; font-weight: normal; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }





.sea_sinp2 { width: 24%; height: 43px; float: left; margin: 8px 0 0 0px; background: #ad8435; border: 1px solid #ad8435; font-size: 14px; color: #fff; text-align: center; line-height: 43px; font-weight: normal; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }





.nav { opacity: 1; width: 100%; max-width: 750px; margin: 8% auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; z-index: 98; }

.nav-close { position: absolute; top: -1rem; right: 3rem; width: 0.63rem; }

.nav.active { opacity: 1; visibility: visible; }

.nav ul { width: 100%; max-width: 750px; display: block; margin: 0% auto; padding-top: 12%; }

.nav li { width: 100%; float: left; }

.nav li a { width: 100%; float: left; text-align: center; font-size: 20px; color: #fff; line-height: 50px; }









.panel { width: 100%; height: 100vh; float: left; position: fixed; left: 0; top: 0; z-index: 1011; background: rgba(204,156,67,0.8); display: none; }









.s_scbg { width: 100%; float: left; padding: 20px 0 40px 0; background: url(../image/schbgc.jpg) no-repeat center bottom; background-size: auto; }





.m_schebox { width: 92%; padding: 4%; float: left; margin: 4% 0 2% 0; background: #fff; box-shadow: 0 4px 10px 3px rgba(70,88,113,.07); border-radius: 20px; font-size: 16px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; }





.m_schebox h3 { width: 100%; float: left; margin: 1% 0 3% 0; font-size: 26px; color: #333333; text-align: left; line-height: 34px; font-weight: normal; }





.m_schebox h3 img { width: 30px; float: left; margin: 4px 10px 0 0; }





.m_schebox img { display: block; margin: 0 auto; }















.se_head { width: 100%; float: left; position: absolute; z-index: 20; left: 0; top: 0; display: block; }





.s_sebg { width: 100%; float: left; padding: 2% 0 6% 0; background: url(../image/sebgc.jpg) no-repeat center bottom; background-size: auto; }





.m_serv1 { width: 100%; max-width: 1200px; float: left; margin: 4% 0 6% 0; font-size: 20px; color: #333333; text-align: left; line-height: 30px; }





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





.m_serv1 ul li { width: 30%; float: left; margin: 3% 3% 3% 0; background: #f8f8f8; border: none; padding: 3% 0; }





.m_serv1 ul li img { width: 80%; max-width: 210px; display: block; margin: 0 auto; }





.m_serv1 ul li h3 { width: 100%; float: left; margin: 4% 0 5% 0; font-size: 30px; color: #333333; text-align: center; line-height: 34px; font-weight: normal; }





.m_serv1 ul li font { width: 100%; float: left; height: 60px; font-size: 18px; color: #333333; text-align: center; line-height: 30px; font-weight: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }







.m_serv1 dl { width:96%;  height: auto; background: #f8f8f8; border: none; padding: 2% 0; float: left; margin: 3% 4% 0 0; }



.m_serv1 dl:nth-child(2) { width: 46%; max-width: 550px; height: auto; background: #f8f8f8; border: none; padding: 2% 0; float: right; margin: 3% 0% 0 0; }





.m_serv1 dl dt { width:94%; float: left; margin:0% 0% 3% 0%; padding: 1% 3%; }





.m_serv1 dl dt h4 { width: 100%; float: left; font-size: 30px; color: #333; text-align: left; line-height: 58px; font-weight: normal; }





.m_serv1 dl dt h4 img { float: left; margin: 0 10px 0 0; }







.m_serv1 dl dt h4 a { float: right; font-size: 16px; color: #999; text-align: right; line-height: 58px; font-weight: normal; }







.m_serv1 dl dt .ddiv { width: 100%; height: 56px; float: left; border-bottom: 1px solid #e6e6e6; }





.m_serv1 dl dt .ddiv a { width: 100%; float: left; }



.m_serv1 dl dt .ddiv a h5 { width: 78%; height: 56px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 58px; font-weight: normal; background: url(../image/dy1.png) no-repeat left 50%; padding-left: 10px; text-overflow: ellipsis; overflow: hidden; }



.m_serv1 dl dt .ddiv a font { float: right; font-size: 16px; color: #999; text-align: right; line-height: 56px; font-weight: normal; }









.m_snews { width: 100%; max-width: 1200px; float: left; padding: 1% 3%; background: #f8f8f8; }





.m_snews dl { width: 100%; height: auto; background: #f8f8f8; border: none; padding: 2% 0; float: left; margin: 3% 4% 0 0%; }







.m_snews dl dt { width: 100%; float: left; margin: 0; padding: 0; }





.m_snews dl dt h4 { width: 100%; margin-bottom: 3%; float: left; font-size: 30px; color: #333; text-align: left; line-height: 58px; font-weight: normal; }





.m_snews dl dt h4 img { float: left; margin: 0 10px 0 0; }







.m_snews dl dt h4 a { float: right; font-size: 16px; color: #999; text-align: right; line-height: 58px; font-weight: normal; }







.m_snews dl dt .ddiv { width: 100%; height: 56px; float: left; border-bottom: 1px solid #e6e6e6; }





.m_snews dl dt .ddiv a { width: 100%; float: left; }



.m_snews dl dt .ddiv a h5 { width: 78%; height: 56px; float: left; font-size: 16px; color: #333; text-align: left; line-height: 58px; font-weight: normal; background: url(../image/dy1.png) no-repeat left 50%; padding-left: 10px; text-overflow: ellipsis; overflow: hidden; }



.m_snews dl dt .ddiv a font { float: right; font-size: 16px; color: #999; text-align: right; line-height: 56px; font-weight: normal; }











.m_snshow { width: 100%; max-width: 1200px; height:auto!important; min-height:368px; float: left; padding: 3% 0; font-size: 16px; color: #5c5c5c; text-align: left; line-height: 40px; font-weight: normal; letter-spacing: .5px; }



.m_snshow h3 { width: 100%; float: left; font-size: 22px; color: #333333; text-align: center; line-height: 38px; font-weight: normal; letter-spacing: .5px; }

.m_snshow h4 { width: 100%; margin-bottom: 1%; float: left; font-size: 14px; color: #808080; text-align: center; line-height: 30px; font-weight: normal; letter-spacing: .5px; }







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



.s_fan1 { width: 80%; height: auto; float: left; font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 30px; font-weight: normal; }



.s_fan1 b { font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 30px; font-weight: normal; font-style: normal; }



.s_fan1 b a { font-family: 'Microsoft YaHei'; font-size: 14px; color: #666666; line-height: 30px; font-weight: normal; font-style: normal; }



.s_fan1 b a:hover { font-family: 'Microsoft YaHei'; color: #ad8435; font-style: normal; }











.m_words { width: 100%; height: auto!important; min-height:528px;   float: left; padding: 2% 0; }





.m_words_menu { width: 100%; float: left; padding: 2% 0; }



.m_words_menu ul { width: 100%; float: left; text-align: center; }

.m_words_menu ul li { width: 26%; max-width: 160px; height: 46px; display: inline-block; margin: 0 2%; }



.m_words_menu ul li a { width: 100%; height: 46px; float: left; background: #fff; border: 1px solid #cdcdcd; border-radius: 30px; font-size: 14px; color: #a0a0a0; line-height: 46px; text-align: center; font-weight: normal; font-style: normal; }



.m_words_menu ul li a:hover, .m_words_menu ul li a.whov { width: 100%; height: 46px; float: left; background: #cc9c43; border: 1px solid #cc9c43; border-radius: 30px; font-size: 14px; color: #fff; line-height: 46px; text-align: center; font-weight: normal; font-style: normal; }









.m_worlist { width: 100%; float: left; padding: 2% 0; }



.m_worlist ul { width: 100%; float: left; text-align: center; }

.m_worlist ul li { width: 30%; height: auto; float: left; margin: 2% 3% 2% 0; box-shadow: 0 4px 10px rgba(188,188,188,.35); }



.m_worlist ul li img { width: 100%; }





.m_worlist ul li h3 { width: 66%; height: 54px; float: left; margin: 3% 0 3% 3%; padding: 0 2% 0 0; border-right: 1px solid #d9dadc; font-size: 18px; color: #333333; line-height: 27px; text-align: left; font-weight: normal; font-style: normal; text-overflow: ellipsis; overflow: hidden; }





.m_worlist ul li h4 { width: 26%; height: 54px; float: left; margin: 3% 0 3% 0%; padding: 0 1%; font-size: 14px; color: #ad8435; line-height: 20px; text-align: center; font-weight: normal; font-style: normal; }



.m_worlist ul li h4 font { width: 100%; height: 34px; float: left; font-size: 24px; color: #ad8435; line-height: 34px; text-align: center; font-weight: normal; font-style: normal; }













.m_honlist { width: 100%; float: left; padding: 2% 0; }



.m_honlist ul { width: 100%; float: left; min-height: 400px; }

.m_honlist ul li { width: 33.333%; height: 40px;  float: left; font-size: 17px; color: #666; text-align: center; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; }











.m_joilist { width: 100%; float: left; padding: 2% 0; }



.m_joilist ul { width: 100%; float: left; min-height: 400px; }

.m_joilist ul li { width: 41%; height: auto; float: left; margin: 2% 4% 2% 0; background: #fff; padding: 2%; box-shadow: 0 4px 10px rgba(188,188,188,.35); }



.m_joilist ul li a h4 { width: 100%; height: 40px; float: left; font-size: 18px; color: #333333; text-align: left; line-height: 40px; font-weight: normal; border-bottom: 1px solid #ebebeb; }



.m_joilist ul li a h4 font { float: right; font-size: 14px; color: #808080; text-align: right; line-height: 40px; font-weight: normal; }





.m_joilist ul li a h5 { width: 100%; height: 30px; float: left; font-size: 16px; color: #cea655; text-align: left; line-height: 30px; font-weight: normal; }





.m_joilist ul li a h6 { width: 100%; height: 40px; float: left; font-size: 16px; color: #999999; text-align: left; line-height: 40px; font-weight: normal; }



.m_joilist ul li a h6 font { float: right; font-size: 20px; color: #e8e8e8; text-align: right; line-height: 40px; font-weight: normal; }







.m_joilist ul li a:hover h4 { color: #ad8435; }







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





    .m_aboutbg { width: 1920px; *width: 1920px; _width: 1920px; height: auto; min-height: 816px; position: relative; z-index: 6; margin: 0; top: 0; float: left; left: 50%; margin-left: -960px; *margin-left: -960px; _margin-left: -960px; overflow: hidden; background: url(../image/index_abobg.jpg) no-repeat left top; background-size: 100% 100%; }

}







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





    .m_aboutbg { width: 100%; height: auto; min-height: 816px; position: relative; z-index: 6; margin: 0; top: 0; float: left; left: 0%; margin-left: 0px; *margin-left: 0px; _margin-left: 0px; overflow: hidden; background: url(../image/index_abobg.jpg) no-repeat left top; background-size: 100% 100%; }





    .m_abotype { width: 38%; height: 816px; float: left; }





    .m_abot_img { width: 45%; float: left; margin: 71% 0 0px 32%; }







    .m_about { width: 54%; height: 424px; float: left; margin: 16% 0 0 5%; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; background: #fff url(../image/zx1.jpg) repeat-y left top; }





    .m_about_h1 { width: 30px; height: 216px; float: left; padding: 28% 3% 10% 3%; background: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 22px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }







    .m_about_h2 { width: 76%; height: 320px; float: left; margin: 4% 0 0 4%; font-size: 20px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; }

}





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







    .m_head { width: 100%; float: left; position: relative; display: none; }







    .mob_index { display: block; }



    .m_footer { display: none; }



    .m_aboutbg { width: 100%; height: auto !important; min-height: 760px; position: relative; z-index: 6; margin: 0; top: 0; float: left; left: 0%; overflow: hidden; background: url(../image/index_abobg.jpg) no-repeat left top; background-size: cover; }









    .mob_footer { width: 100%; height: auto; float: left; padding: 10px 0 30px 0; background: #474b50; display: block; }







    .m_footer { display: block; }



    .mob_footer { width: 100%; height: auto; float: left; padding: 10px 0 30px 0; background: #474b50; display: none; }

}





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





    .m_head { width: 100%; float: left; position: relative; display: none; }



    .mob_index { display: block; }





    



    .m_aboutbg { width: 100%; height: auto !important; min-height: 630px; position: relative; z-index: 6; margin: 0; top: 0;
 float: left; left: 0%; overflow: hidden; background: url(../image/0424.jpg) no-repeat left top; background-size: cover; }







    .m_about { width: 54%; height: 380px; float: left; margin: 16% 0 0 5%; background: #fff; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; background: url(../image/bgc1.png) repeat left top; background-size: 60px; }





    .m_abotype { width: 38%; height: 630px; float: left; }





    .m_abot_img { width: 60%; float: left; margin: 51% 0 0px 12%; }







    .m_about { width: 54%; height: 380px; float: left; margin: 16% 0 0 5%; background: #fff url(../image/zx1.jpg) repeat-y left top; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; }





    .m_about_h1 { width: 30px; height: 216px; float: left; padding: 20% 3% 10% 3%; background: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 22px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }







    .m_about_h2 { width: 76%; height: 320px; float: left; margin: 4% 0 0 4%; font-size: 20px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 1px; text-overflow: ellipsis; overflow: hidden; }





    .m_footer { display: none; }



    .mob_footer { width: 100%; height: auto; float: left; padding: 10px 0 30px 0; background: #474b50; display: block; }







    .m_foot1 { width: 94%; float: left; border-bottom: 1px solid #62656a; padding: 10px 0; margin: 2% 0 2% 3%; position: relative; }





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





    .m_foot1 ul li { float: left; padding: 0 0; height: 40px; width: 20%; position: relative; }



    .m_foot1 ul li::after { width: 1px; height: 14px; background: #62656a; position: absolute; float: right; top: 14px; right: 0; content: ''; }



    .m_foot1 ul li:last-child::after { width: 1px; height: 14px; background: transparent; position: absolute; float: right; top: 8px; right: 0; content: ''; }



    .m_foot1 ul li a { float: left; padding: 0 10px; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }





    .m_foot1 ul li a:hover { color: #e5b653; }





    .m_foot1_l { float: right; position: relative; width: 100%; text-align: center; }





    .m_foot1_l dl dt { width: 24%; position: relative; display: inline-block; margin: 0 2%; }





    .m_foot1_l dl dt img { width: 100%; border: 1px solid #ad8435; }









    .m_foot2 { width: 94%; float: left; margin: 3% 0 4% 3%; padding: 10px 0; position: relative; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }



    .m_foot2 font { width: 100%; float: left; font-size: 16px; color: #fff; text-align: left; line-height: 30px; font-weight: normal; }





    .m_index{width:90%; display:block; margin:0 auto;}



        .s_sebg {

    width: 100%;

    float: left;

    height: auto!important;

    min-height:680px;

    background: url(../image/sebgc.jpg) no-repeat center bottom;

    background-size: 100%;

}



        .m_serv1 dl{width:100%;}



    .m_serv1 ul li h3{font-size:18px;}

    .m_serv1 ul li font{font-size:14px;}



    .m_serv1 dl {

    width: 96%; 

    height: auto;

    background: #f8f8f8;

    border: none;

    padding: 2% 0;

    float: left;

    margin: 3% 4% 0 0;

}

    .m_snews dl dt .ddiv a h5{width:70%;}







    .m_serv1 dl dt h4{font-size:20px;}



    .m_serv1 dl dt .ddiv a h5{width:68%;}





    .m_snews {

    width:98%;

    

    float: left;

    padding: 1% 2%;

    background: #f8f8f8;

}

    .m_snews dl dt h4{font-size:20px;}





}





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





    .m_abot_img { width: 60%; float: left; margin: 114% 0 0px 20%; }





    .m_about { width: 54%; height: 380px; float: left; margin: 16% 0 0 5%; background: #fff url(../image/zx1.jpg) repeat-y left top; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; background-size: 51px; }





    .m_about_h1 { width: 30px; height: 167px; float: left; padding: 41% 3% 10% 3%; background: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 22px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }



    .m_about_h2 { width: 78%; height: 327px; float: left; margin: 4% 0 0 4%; font-size: 16px; color: #666666; text-align: left; line-height: 30px; font-weight: normal; letter-spacing: 2px; text-overflow: ellipsis; overflow: hidden; }





    



.s_scbg { width: 100%; float: left; min-height:680px; padding: 20px 0 40px 0; background: url(../image/schbgc.jpg) no-repeat center bottom; background-size: 100%; }







    .m_foot1 ul li { float: left; padding: 0 1%; height: 40px; width: 18%; position: relative; }



    .m_foot1 ul li::after { width: 1px; height: 14px; background: #62656a; position: absolute; float: right; top: 14px; right: 0; content: ''; display: none; }



    .m_foot1 ul li:last-child::after { width: 1px; height: 14px; background: transparent; position: absolute; float: right; top: 8px; right: 0; content: ''; }



    .m_foot1 ul li a { float: left; padding: 0 0px; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }





    .s_fan1{width:96%;}

}







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





    .m_abot_img { width: 60%; float: left; margin: 127% 0 0px 20%; }





    .m_about { width: 54%; height: 380px; float: left; margin: 16% 0 0 5%; background: #fff url(../image/zx1.jpg) repeat-y left top; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; background-size: 46px; }







    .m_about_h1 { width: 30px; height: 174px; float: left; padding: 56% 3% 20% 3%; background: #e5b653; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 22px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }



    .m_about_h2 { width: 76%; height: 347px; float: left; margin: 4% 0 0 4%; font-size: 14px; color: #666666; text-align: left; line-height: 23px; font-weight: normal; letter-spacing: 2px; text-overflow: ellipsis; overflow: hidden; }





    .m_worlist ul li {

    width: 47%;

    height: auto;

    float: left;

    margin: 2% 3% 2% 0;

    box-shadow: 0 4px 10px rgba(188,188,188,.35);

}





    .m_honlist ul li {

    width: 100%;

    height: 40px;

    float: left;

    font-size: 14px;

    color: #666;

    text-align: center;

    line-height: 40px;

    font-weight: normal;

    text-overflow: ellipsis;

    overflow: hidden;

}



    .m_joilist ul li {

    width: 94%;

    height: auto;

    float: left;

    margin: 2% 4% 2% 0;

    background: #fff;

    padding: 2%;

    box-shadow: 0 4px 10px rgba(188,188,188,.35);

}

    .m_foot1 ul li {

    float: left;

    padding: 0 1%;

    height: 40px;

    width: 28%;

    position: relative;

}

    .m_foot2{font-size:14px;}

    .m_foot2 font{font-size:18px;}





    .m_foot1_l dl{margin-top:4%;}

}













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



    .m_aboutbg { width: 100%; height: auto; min-height: 586px; position: relative; z-index: 6; margin: 0; margin-left: 0px; top: 0; float: left;
 left: 0%; margin-left: 0px; *margin-left: 0px; _margin-left: 0px; overflow: hidden; background: url(../image/0424.jpg) no-repeat left top; background-size: auto; background-size: 100% 100%; }





    .m_abotype { width: 100%; height: auto; float: left; background: url(../image/bgc1.png) repeat left bottom; }

    .m_abot_img { width: 35%; float: left; margin: 7% 0 8% 32%; }





    .m_about { width: 86%; height: auto; float: left; margin: 6% 0 5% 8%; background: #fff url(../image/zx1.jpg) repeat-y left top; box-shadow: 0 0 10px rgba(70,88,113,.07); border-radius: 10px; background-size: 52px; }







    .m_about_h1 { width: 30px; height: auto; float: left; padding:70% 3% 20% 3%; background: none; border-top-left-radius: 10px; border-bottom-left-radius: 10px; font-size: 22px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }



    .m_about_h2 { width: 76%; height: auto; float: left; margin: 4% 0 6% 4%; font-size: 16px; color: #666666; text-align: left; line-height: 34px; font-weight: normal; letter-spacing: 2px; text-overflow: ellipsis; overflow: hidden; }





}