@charset "utf-8";

/*

*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*
*       Thank you for using!                                                                                       *
*       CopyRight© : sem-cms.com;   Developer : 1181698019;  E-mail : 1181698019@qq.com;  Date : 2023-03-21;      *
*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*

+++++++++        +++++++++        ++++++++++++++++++++        +++++++++        ++++++++++++++++++++        +++++++++
+++++++++        +++++++++        ++++++++++++++++++++        +++++++++        ++++++++++++++++++++        +++++++++
++               ++               ++       ++       ++        ++               ++       ++       ++        ++
++               ++               ++       ++       ++        ++               ++       ++       ++        ++
+++++++++        +++++++++	      ++       ++       ++        ++               ++       ++       ++        +++++++++
+++++++++        +++++++++        ++       ++       ++        ++               ++       ++       ++        +++++++++
       ++        ++               ++       ++       ++        ++               ++       ++       ++        	      ++
       ++        ++	              ++       ++       ++        ++               ++       ++       ++        	      ++
+++++++++        +++++++++        ++       ++       ++        +++++++++        ++       ++       ++        +++++++++
+++++++++        +++++++++        ++       ++       ++        +++++++++        ++       ++       ++        +++++++++

*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*

*/

/* hebrew   #fe7202 */
 
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBHMdazTgWw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-stretch: 100%;
  src: url(../Font/Roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBHMdazQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html{overflow-x: hidden;}
body{background: #fff; overflow-x: hidden;letter-spacing:normal;}
*{padding: 0; margin: 0; }
ul,li{list-style: none; }
body,input,textarea,select{font-family: 'Roboto', sans-serif;font-size: 1em;  }
input,textarea,select{}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 
input[type="radio"]{ padding: 5px; }
img{border: none; max-width: 100%;}
img:hover{opacity: 1;}
a{color: #333; text-decoration: none; }
a:hover{color: #fe7202; text-decoration:underline; }
textarea:focus,input:focus{outline:0;}
select{padding: 10px; box-sizing: border-box; border:1px solid #efefef;}
.cb{clear: both;}
.clor{color: #fe7202;}
.leftcatlist{background: #fe7202; display: none; width: 60px; border-radius: 0 100px 100px 0;color: #fff; padding: 10px 0; text-align: center;font-size: 20px;}
#closeleftlist{float: right;display: none;}
.mayi100{width: 100%;float: left;}
.mayi1200{width: 1300px; margin: auto; }

.mayleft{ width:20%; float: left;}

.mayleft_1{width: 100%;float: left; padding: 15px 12px; box-sizing: border-box;font-weight: bold; background: #f5f5f5;font-size: 1.2em;border-radius: 2px 2px 0 0;border-top: 1px solid #fe7202;}
.mayleft_2{width: 100%;float: left;}
.mayleft_2 li,.mayleft_2 dd{float: left; width: 100%; padding: 12px 12px; box-sizing: border-box; border-bottom: 1px solid #efefef;-webkit-transition: margin-left .8s;-moz-transition: margin-left .8s;-o-transition: margin-left .8s;}
.mayleft_2 li:hover,.mayleft_2 dd:hover{margin-left: 5px;}
.mayleft_3 {width: 100%;float: left; margin-top: 10px;}
.mayleft_3 li{width: 100%;float: left;}
.mayleft_3 img{width: 100%;}

.mayi_faqs{ width:100%;float:left;   box-sizing:border-box; margin-bottom:0px;  padding:0 5%; box-sizing:border-box; overflow:hidden; }
.mayi_faqs li{ display: none; padding: 10px 10px;box-sizing:border-box; line-height: 180%; color: #666;}
.mayi_faqs li i{ float:right;font-size:20px; font-weight:bold;margin-top:5px; }
.mayi_faqs li:nth-child(1){ display:block;font-size:1.1em; color:#333;font-weight:bold;border-top:1px solid #ddd;   }

.fap{position: relative;}
.faqn{position: absolute; text-align: center; display: none; background: rgba(251, 251, 251, 0.8);left: 5%; height: 90%; top:5%; width:90%; padding: 15px; box-sizing: border-box; border-radius: 5px;}
.faqn span{ line-height: 150%;font-size: 1.2em; margin-top: 15px;font-weight: bold;}

.faqn i{ color: #fe7202;  font-size: 40px; margin:10px;} 

.faqlist{ width:100%;float:left; background:#f4f4f4; box-sizing:border-box; padding-bottom:20px; }
.faqlist h2{ width:100%;float:left; padding:50px 0;  text-align: center; background: #fff;font-size: 40px;}
 

.mayright{width: 100%;float: left; margin-top: 30px;}

.fetcats img{border-radius: 200px;border:1px solid #efefef; padding: 10px; transition: all 2s;}
.fetcats { text-align:center;  }
.fetcats li:hover img{ scale:calc(1.1); }
.fetcats-next,.news-next,.zy-next{display: inline-block; padding: 5px 10px; position: absolute;right: 1.5%; z-index: 100; top: 50%;}
.fetcats-prev,.news-prev,.zy-prev{display: inline-block; padding: 5px 10px; position: absolute; z-index: 100; left: 1.5%;top: 50%;}
.fetcats-next i,.fetcats-prev i,.news-next i,.news-prev i,.zy-next i,.zy-prev i{color: #ccc;transition: all 2s; cursor: pointer;font-size: 40px; display: none; }
.fetcats-next i:hover,.fetcats-prev i:hover,.news-next i:hover,.news-prev i:hover,.zy-next i:hover,.zy-prev i:hover{color: #fe7202;}
.cent_title{font-family: 'Roboto', sans-serif;  padding:45px 0 10px 0;  font-size:2.25em;font-weight: bold; text-align: center;position: relative;}
/*.cent_title::after{content: '';display: block;width: 80px;height: 2px;background: #fe7202;position: absolute;left: calc(50% - 40px);bottom:15px;}
.cent_title h1{font-size: 1em;}*/

 

.cent_titlen{font-family: 'Roboto', sans-serif;  padding:0 0 35px 0;  font-size:2em;font-weight: 900; text-align: left;text-transform: uppercase;position: relative;}
.cent_titlen::after{content: '';display: block;width: 80px;height: 2px;background: #fe7202;position: absolute;left:0;bottom:15px;}
.cent_titlen h1{font-size: 1em;}

.cent_title_des{ text-align:center; line-height:200%; color:#666; padding:10px 0; float:left; width:100%;font-size:1.1em; }
.cent_title_des span{ display:inline-block; width:600px; }
.mayi{}
.mayi_top{ position:absolute;top:0;left:0;z-index:1000;font-weight: 300;  }
.mayi_topp{ position:static;font-weight: 300; background:#999999; color:#000;  }
.mayi_top_1{ height:60px; line-height:60px;background: #272727; color:#fff; }
.mayi_top_1 a{color: #000;}
.mayi_top_1 i{margin-right:5px;color: #fe7202;}
.mayi_top_1 i:nth-child(2){margin-left: 5px;}
.mayi_top_1_left{width: 50%;float: left; box-sizing: border-box;padding-left:2%;}
 
.mayi_top_1_right{width:49%;float: right; color: #000;  box-sizing:border-box; text-align:right; padding-right:2%; }
.mayi_top_1_right span img{vertical-align: middle; width: 22px;margin-right: 3px; margin-top: -2px;}
.mayi_top_1_right span{display: inline; margin-right: 10px;}


.mayi_nav{ padding:20px 0; color:#000; } 
.mayi_nav_left{width: 80%;float: left; text-align: right;   position: relative;}
.mayi_nav_right{ display: none; width: 20%; font-weight: 400; float: left; text-align: right;  color: #fff; position: relative;}
.mayi_nav_right a{color: #fff;}
.mayi_nav_logo{ width:20%;float:left; text-align:left; }
.mayi_nav_logo img{  margin-top:3%;}
 
.mayi_nav_menu{color: #fff;font-weight: 400;font-size: 18px; }
.mayi_nav_menu a{color: #fff; padding: 12px 15px;border-radius: 5px;}
.mayi_nav_menu a:hover{color: #fff; background: #fd7203; text-decoration: none;}
.mayi_nav_menu dd a{ display:block;border-radius: 0px; }

.mayi_nav_menu li{position: relative; color: #fff;  line-height: 60px; display:inline;  box-sizing: border-box; position: relative;-webkit-transition: margin-left .8s;-moz-transition: margin-left .8s;-o-transition: margin-left .8s; float: right;}
.mayi_nav_menu li:hover{margin-left: 0px;}
.mayi_nav_menu ul{width: 100%;float: right;  text-align:center;  }
.mayi_nav_menu li i{margin-left: 5px;}

.mayi_ser{ width:60%;float:left; background:#eee;border-radius:100px; padding:15px 20px 15px 20px;box-sizing:border-box; right: 20%; line-height: normal; display:none; position:fixed; z-index:999999; }
.mayi_ser input{border: 0; background: none;float: left; width: 90%; margin-right: 2%;}
.mayi_ser  i{float: right; color: #fe7202;}


.mayi_nav_ol{width:200px;float:left; padding:15px 0; display:none; z-index:9999;position:absolute;left:0; top:40px;  line-height:normal;font-size:1em; }
.mayi_nav_ol dd{ width:100%;float:left;   border-bottom:1px solid #ebe1d7; box-sizing:border-box; background:#fe7202; text-align: left;}
.mayi_nav_ol dd:hover {background: #dad1d2; color: #fff;}
.mayi_nav_ol dd:hover a{color: #fff; border-radius: 0px;text-decoration: none; display: block;}
.mayi_nav_ol ol dd:hover a:hover{background: #dad1d2;color: #333;}

 #menulist,#serlist{margin-right: 8px; cursor: pointer;}
 #menulist{display: none; margin-right: 18px;}

.sclanguage{display: inline-block; height: 28px;overflow: hidden; line-height: 25px; position:absolute; top:20px; right:0  }
.sclanguage a{display: block; color: #000;}
.sclanguage img{ width:18px; vertical-align: middle; margin-top: -3px;  margin-right:2px; }
.sclanguage:hover{height: auto; overflow: auto;}
.qts{margin-right: 50px;}

.fl{width: 100%;float: left; text-align: left;   line-height: normal;font-weight: 300;  }
.fl ol {width: 100%;}
.fl ol dd{ width: 100%; background: #fff; float: left; position: relative;padding: 12px; border-bottom: 1px solid #efefef; box-sizing:border-box; }
.fl dd ol{ display: none; position: absolute; left:100%; top:0px; }
.fl dd ol dd{ width: 100%; float: left; padding: 12px; border-bottom: 1px solid #efefef; }
.fl ol dd:hover>ol dd{ background:#fe7202; color:#fff; }
.fl ol dd:hover>ol dd a{color: #fff}
.fl ol dd:hover {background: #fe7202; color: #fff}
.fl ol dd:hover a{color: #fff;}
.fl ol dd i{float: right;}

.fl_left{width: 230px;float: left; text-align: left; z-index:9999; padding: 15px 0; display: none; position: absolute;left: 0; top: 40px; line-height: normal;font-size: 1em;}
.fl_left ol {width: 100%;}
.fl_left ol dd{ width: 100%; background: #fe7202; float: left; position: relative;  border-bottom: 1px solid #ebe1d7; box-sizing:border-box; }
.fl_left dd ol{ display: none; position: absolute; left:99%; top:0px; }
.fl_left dd ol dd{ width: 100%; float: left;  border-bottom: 1px solid #ebe1d7; }
.fl_left ol dd:hover>ol dd{ background:#dad1d2; color:#fff;}
.fl_left ol dd:hover>ol dd a{color: #fff}
.fl_left ol dd:hover {background: #dad1d2;color: #fff;}
.fl_left ol dd:hover a{color: #fff; display: block;}
.fl_left ol dd:hover a:hover{color: #333; background: #dad1d2;}
.fl_left ol dd i{float: right;}

.mayi_banner{ text-align:center;  position:relative;overflow:hidden; }
.mayi_banner img{ width:100%; }
.mayi_mid_banner{ margin-top:20px; background:#d3c9bf; padding:0 1%;box-sizing: border-box; margin-bottom:50px; overflow:hidden; }
.mayi_mid_banner li{width: 100%;float: left; padding:0;box-sizing: border-box; text-align: center;}
.mayi_mid_banner img{display: block;width: 100%;}

.mayi_mid_banner_left{ width:40%; float:left; text-align:center; position: relative; }

.mayi_mid_banner_left a{ background-image: linear-gradient(to right, #e2ff6f, #fd7304) !important; padding:10px 20px; display: inline-block; font-weight:bold; font-size:1.5em; border-radius:3px; margin-top:28%;  }
.mayi_mid_banner_left a:hover{ color:#fff; text-decoration:none; }
.mayi_mid_banner_right{ width:60%;float:left;  }

.mayi_about{ background:#f6f6f7; margin-bottom:10px; }
.mayi_about_c{ line-height:180%; overflow:hidden; padding:4% 1%; box-sizing: border-box;}

.mayi_about_c_left{width: 47%;float: right;}
.mayi_about_c_right{width: 47%;float: left; color: #333;}
.mayi_about_c_right_t{font-size: 2em;font-weight: bold;color: #000; width: 100%;float: left;margin-bottom: 0;}
.mayi_about_c_right_c{width: 100%;float: left; margin:20px 0;}
.mayi_about_c_right_sub{width: 100%;float: left;}
.mayi_about_c_right_sub span{background: #fe7202; color: #fff; display: inline-block; padding: 10px 20px; transition: all 1s; cursor: pointer;}
.mayi_about_c_right_sub span:hover{background: #333;}

.may_fetcat{ padding-bottom:30px; position:relative; transition:all 2s; margin-top:0; }
.may_fetcat:hover i{display: block;}
.may_fetcat_c{ margin-top: 35px;}
.may_fetcat_c div{width: 33.333%;float: left;margin-bottom:4%;   }
.may_fetcat_c div dd{width: 60%;float: right; margin-left: 1%; margin-right: 1%; position: relative; line-height: 180%;}
.may_fetcat_c div img{width: 70%; border-radius: 200px;border:2px solid #fe7202;transition: all 1s;cursor:pointer; }
.may_fetcat_c div dt{width: 35%;float: left; box-sizing: border-box; text-align: center;}
.may_fetcat_c div img:hover{border: 2px solid #f4ea2a;scale: calc(1.2);}
.may_fetcat_c div dd:nth-child(2) {font-weight: 400;font-size: 1.2em}
.may_fetcat_c div dd:nth-child(3){color:#666;font-weight: 300;}

.mayi_pro{ margin-bottom:10px; }

.pshop{ color:#dc3545;font-weight:bold;font-size:1.3em; }
.pmaket{ color:#000; font-weight:bold;font-size:1.1em; margin-right:10x; }
.pread{ color:#666;font-size:0.75em; }

.pics{width: 33.33%;float: left; padding:20px; overflow: hidden; border-right: 0px solid #efefef; box-sizing: border-box; height: 700px;font-weight: 400;}
.pics ul{width: 100%;float: left; padding: 10px 0%; box-sizing: border-box; box-sizing: border-box;}
.pics ul li{width: 100%;float: left; padding: 5px 0; line-height: 180%; text-align: left; overflow: hidden; font-size:1.25em; padding: 0 25px;box-sizing: border-box; border-left: 1px solid #eee;border-right: 1px solid #eee; padding-top: 10px;}
.pics ul li:nth-child(2){  overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; font-weight:700;font-size:1.25em; }
.pics ul dd{ width:100%;float:left;overflow: hidden; margin-bottom:10px;max-height:425px; }
.pics ul li i{ color: #ffc107; font-size: 16px; margin-right: 10px;}
.pics ul li:last-child{border-bottom: 1px solid #eee; border-radius: 0 0 5px 5px; padding-bottom: 20px;}


.pic{width: 25%;float: left;  overflow: hidden; border-right: 0px solid #efefef; box-sizing: border-box; height: 550px;font-weight: 400; }
.pic ul{width: 90%; margin-left:5%;float: left; padding: 10px 5%; box-sizing: border-box;border: 1px solid #eee;border-radius: 5px;}
.pic ul li{width: 100%;float: left;  line-height: 180%; text-align: left; overflow: hidden;font-size:1.25em; padding: 0 15px;box-sizing: border-box;  padding-top: 10px;}
.pic ul li:nth-child(2){  overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; font-weight:700;font-size:1.25em; }
.pic ul dd{ width:100%;float:left;overflow: hidden; margin-bottom:10px;max-height:310px; }
.pic ul li i{ color: #ffc107; font-size: 16px; margin-right: 7px;}
.pic ul li:last-child{   padding-bottom: 10px;}


.mayi_video{ width:100%;float:left; }
.mayi_video div{ width:25%;float:left; height: 210px; margin-bottom: 20px}
.mayi_video div ul{ width:90%; float:left; margin-left: 5%; border: 1px solid #eee; padding:10px 10px; overflow:hidden; box-sizing:border-box; border-radius:8px; }
.mayi_video div ul li{ width:100%;float:left; padding:5px 0;font-weight:bold; font-size:1.25em;overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; }
.mayi_video div ul li:nth-child(1){max-height: 145px;}


.addtoinq{display: inline-block; border-radius: 2px; height: 45px; text-align: center; line-height: 45px; background-image: linear-gradient(to right, #e2ff6f, #fd7304) !important; color:#333;   width: 100%; display: inline-block;font-weight: 700;  transition:all 1s;cursor:pointer;  }
.addtoinq:hover{background: #fe7202; color: #fff;}
.addtoinqs{display: inline-block; border-radius: 2px; height: 50px; line-height: 50px; background:#333; color:#fff; width: 48%; text-align: center; transition:all 1s;cursor:pointer;float:left;font-size:18px; }
.addtoinqs:hover{background: #fe7202;}

.buybtn{display: inline-block;  border-radius: 2px; height: 50px; line-height: 50px; background:#fe7202;float: left; margin-left: 2%; color:#fff; width: 48%; text-align: center; transition:all 1s;cursor:pointer; }
.buybtn:hover{background: #333;}


.pic ul img {display: block; transition: all 2s;}
.pic ul img:hover{transform: scale(1.2);}

.pics ul img {display: block; transition: all 2s;}
.pics ul img:hover{transform: scale(1.2);}

.mayi_new { position:relative; transition:all 2s; margin-bottom: 20px; margin-top: 30px;}
.mayi_news{ overflow:hidden; margin-top: 30px; }
.mayi_new:hover .news-next i,.mayi_new:hover .news-prev i{display: block;}

 
.mayi_new .swiper-pagination{ margin-bottom:-50px; }
.mayi_news li{ padding:5px 0; line-height:180%;width:100%; overflow: hidden; }
.mayi_news li:nth-child(3){font-weight: 400;font-size: 1.2em}
.mayi_news li:nth-child(4){color: #666; font-weight: 300;}
.mayi_news ul{border:0px solid #efefef; padding: 10px; box-sizing: border-box; background: #fff;}
.mayi_news img{transition: all 2s;}
.mayi_news li:hover img{ scale:calc(1.2); }
.mayi_news li:hover .faqn{ display:block; }

.mayi_news li:nth-child(5) a{color: #fe7202;font-weight: 300;}
.mayi_news li:nth-child(2){color: #666;font-weight: 300;}

.mayi_testimonial{position:relative; transition:all 2s; background:#fff;   padding-bottom: 90px; margin-top: 15px;}
.mayi_testimonial .cent_title{color: #000;}
.mayi_testimonial_c{ overflow:hidden; }
.mayi_testimonial:hover .zy-next i,.mayi_testimonial:hover .zy-prev i{display: block;}
.mayi_testimonial_c ul{width: 80%; margin:auto; background: #fff; padding: 35px 15px; box-sizing: border-box; position: relative; z-index: 10; margin-top: 30px;}
.mayi_testimonial_c ul li{width: 100%;float: left; padding: 5px; text-align: center; line-height: 200%;}
.mayi_testimonial_c ul li:nth-child(2){color: #333;}
.mayi_testimonial_c ul li strong{font-size: 1.2em;color: #fe7202;}
.mayi_testimonial_c ul li img{border-radius: 200px; height: 100px;}
.mayi_testimonial_c ul li i{font-size: 1.5em; color: #333; margin:0 10px;}
 
.mayi_partner{margin-bottom: 30px;}
.mayi_partner_c{ text-align:center; }
.mayi_partner_c li{ width:20%; padding:5px;box-sizing:border-box;float:left; }

.mayi_subscribe{ background:#fff; padding: 30px 0; color: #333; border-top:1px solid #efefef;  border-bottom: 1px solid #efefef;}
#subscribe{ width:50%; height:60px;border:1px solid #efefef;  padding: 0 25px; }
.mayi_subscribe_left{width: 50%; display: inline-block;}
.mayi_subscribe_left h3{font-size: 30px;}
.mayi_subscribe_right{width: 45%; margin-top: 10px; display: inline-block;float: right; text-align: right;}
.mayi_subscribe_right span{ cursor: pointer; transition: all 1s; background: #fe7202; color: #fff; margin-left: 20px; height:60px; border:1px solid #fff; display:inline-block; line-height:60px; padding:0 50px; font-weight:bold; }
.mayi_subscribe_right span:hover{background: #2d2d2d;color:#fe7202;}

.mayi_bot{  padding: 20px 0 0 0; color: #333;font-weight:300;background:#f8f9fa; }
.mayi_bot_1{ width:100%;float:left; margin:40px 0; position:relative;}
.mayi_bot_1 ul{width: 22%;float: left; padding: 20px; box-sizing: border-box; height: 160px; overflow: hidden; border-radius: 5px;   margin:10px 1.5%; box-sizing: border-box; z-index: 10; background: #ffffff;}
.mayi_bot_1 ul li{width: 100%;float:left; padding: 8px 0;font-weight: bold;font-size: 1.3em}
 
 
.mayi_bot_1 i{color: #333; font-size: 2em;}

.mayi_bot_1_2_left{ width:70%; float:left; box-sizing:border-box; overflow:hidden; }
.mayi_bot_1_2_right{ width:30%;float:left; }
.mayi_bot_1_2_left i,.mayi_bot_1_2_right i{ font-size:2em; margin-right:10px; }

.mayi_bot_1_2_left_div{ width:80%;float:left; margin-left:20%;  }
.mayi_bot_1_2_left_div li{ width:100%;float:left; padding:10px 0; font-size:1.2em;font-weight:bold; line-height:200%; }
.mayi_bot_1_2_left_div li span{ color:#666; font-weight:300; }
.mayi_bot_1_2_right_div{ width:100%;float:left; }

.mayi_bot_1_2_right_div li{width:100%;float:left; padding:10px 0; font-size:1.2em;font-weight:bold;}

.mayi_bot a{color: #333; text-decoration: none; }
.mayi_bot a:hover{color: #fe7202; text-decoration:underline; }
.mayi_bot_2{ width:100%;float:left;text-align: center; padding:30px 0 30px 0; border-top:1px solid #ececed;background:#f5f5f5; color:#666; margin-top:30px; }
 


.mayi_top_bner{ position:relative;float: left; color:#000; text-align:center; }/**/
.mayi_top_bner_c{position: absolute; width:90%; top:42% ;left: 5%; min-height: 70px;}
.mayi_top_bner_c span{font-size: 1.8em;font-weight: bold; text-transform: uppercase;float: left;}
.mayi_top_bner_c p{float: left; margin-top: 10px; margin-left:20px;font-weight: 400;}
.mayi_top_bner_c a{color: #000; text-decoration: none; }
.mayi_top_bner_c a:hover{color: #fe7202; text-decoration:underline; }


.mayi_left{ width:18%; float:left; }

.mayi_left_ti{ width:100%;float:left; margin-bottom: 10px; position: relative; padding-bottom: 15px; text-transform: uppercase;}
.mayi_left_c1{width: 100%;float: left;}
.mayi_left_c1 li{width: 100%;float: left; padding: 10px 0; border-bottom: 1px solid #efefef;}
.mayi_left_ti:after{content: '';display: block;width: 60px;height: 2px;background: #fed403;position: absolute;left: 0;bottom: 0px;}

.mayi_left_c2{width: 100%;float: left; margin-top: 20px;}
.mayi_left_c2 img{margin-bottom: 10px;}


.mayi_right{ width:80%;float:right; }
.mayi_mid{margin:20px 0;}

.mayi_right_h1{width: 100%;float: left; font-size: 1.2em; margin-bottom: 20px;}
.mayi_right_c{width: 100%;float: left; line-height: 180%; overflow: hidden;}

.mayi_contact_left{ width:48%;float:left; line-height:180%; margin-top:1%; }
.mayi_contact_right{ width:48%;float:right; margin-top:1%;}

.mayi_mbx{margin-bottom:10px; color: #333;border-bottom: 1px solid #efefef; padding-bottom: 20px; z-index: 10;position: relative;}
.mayi_mbx i{color: #666; margin:0 5px;}
.mayi_mbx a{color: #fe7202;}
.mayi_mbx a:hover{color: #333;}

.mayi_view_1{  }
.mayi_view_1_left{width: 48%;float: left;}
.mayi_view_1_left img{display: block; max-width: 100%;}
.vimg {text-align: center;}
.vimg li{ width:10%; display: inline-block; padding:10px;box-sizing:border-box; }
.vimg img{border:1px solid #eee; cursor: pointer;}

.mayi_view_1_right{width: 50%;float: right;}
.mayi_view_1_right li{width: 100%;float: left; line-height: 200%;  margin-bottom: 5px;}
.mayi_view_1_right li h1{font-size: 2em; line-height: 150%;}
.mayi_view_1_right li:nth-child(2){border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 15px 0}

.mayi_view_2{ margin:15px 0; line-height:180%; }
.mayi_view_2_c{width: 90%;margin:auto;}
.mayi_view_3{}

.zoom {display:inline-block;cursor: -moz-zoom-in;cursor: -webkit-zoom-in;cursor: zoom-in;}
.zoom:after {content:'';display:block; width:33px; height:33px; position:absolute; top:0;right:0;}
.zoom img {display: block; }
.zoom img::selection { background-color: transparent; }

 
.mayi_pro_des{ color:#666; line-height:150%; }
.mayi_pro_c{}
.mayi_pro_fy{ padding:10px 0; text-align:center; margin-top:30px; }

.mayi_pro_fy a{display: inline-block; width: 30px; height: 30px; text-align: center; border: 1px solid #eee; line-height: 30px; margin:5px; transition: all 1s;}
.mayi_pro_fy .actvie{background: #fe7202; color: #fff;}
.mayi_pro_fy a:hover{background: #fe7202;color: #fff;}

.mayi_onclass{margin-top: 10px;}
.mayi_onclass_c li{ width:48%;float:left; padding:1% 1%;display: block; box-sizing:border-box; position:relative; overflow:hidden; text-align:center; }
.mayi_onclass_c img{transition:all 1s; }
.mayi_onclass_c li:hover img{transform: scale(1.2);}
.mayi_onclass_c li div{ position:absolute;left:10%; top:10%; color:#fff; width:80%; line-height:150%; }
.mayi_onclass_c li div span{font-weight: bold;font-size: 1.2em;display: inline-block;float: left; margin-top: 5px;}
.mayi_onclass_c li div p{display: inline-block;float: left; font-size: 14px; margin:8px 0;}
.mayi_onclass_c li div a{display: inline-block; padding: 8px 20px;float: left; color: #333; background: #fff; transition: all 1s; cursor: pointer;}
.mayi_onclass_c li div a:hover{background: #fe7202; color: #fff;}

.mayi_infolist{}
.mayi_infolist div{width: 50%;float: left; box-sizing: border-box; padding: 1%; margin-bottom: 1%;}
.mayi_infolist div li:nth-child(2) a{font-weight: 400;}
.mayi_infolist div li:nth-child(3) a{color:#fe7202;}
.mayi_infolist div li:nth-child(3) a:hover{color: #333;}
.mayi_infolist div dt{width: 100%;float: left; overflow: hidden;  }
.mayi_infolist div dt img{transition: all 2s;}
.mayi_infolist div dt img:hover{transform: scale(1.2);}
.mayi_infolist div li{width: 100%;float: left; padding:5px 0 }

.tck{width:100%; height:100%;left:0;top:0; position:fixed;background:rgba(0,0,0,0.3); display: block;z-index: 1000000000;}
.tans{position:absolute;left:50%; top:50%;}
.tan{width:350px; padding: 20px 0px; background: #3b3b3b; position:absolute;left:-175px; top:-100px;  line-height: 150%;color: #fff; border-radius: 3px; text-align: center;  }


.vtck{width:100%; height:100%;left:0;top:0; position:fixed;background:rgba(0,0,0,0.3); display: block;z-index: 9999;}
.vtans{position:absolute;left:50%; top:20%;}
.vtan{width:350px; padding: 10px; background: #fff; position:absolute;left:-175px; top:-100px;  line-height: 150%;color: #333; border-radius: 3px; text-align: left; box-sizing:border-box; }
.vtan .my_msg li{width: 100%;float: left; padding: 5px; box-sizing: border-box; }
.vtan .my_msg{width: 100%;border: 0px solid #efefef; padding: 1%;box-sizing: border-box;float: left;}
.vtan .my_msg li span{ display:inline-block; padding:10px 0; width: 100%; text-align: center; background:#fe7202; color: #fff; cursor: pointer; transition: all 2s;}
.vtan .my_msg li:nth-child(1) i{float: right; display: block; cursor: pointer;}
#question{cursor: pointer;}
#question:hover{color: #fe7202;}

.my_msg{width: 100%;border: 1px solid #efefef; padding: 1%;box-sizing: border-box;float: left;}
.my_msg li{width: 100%;float: left; padding: 8px; box-sizing: border-box; }
.my_msg li span{ display:inline-block; padding:10px 50px; background:#fe7202; color: #fff; cursor: pointer; transition: all 2s;}
.my_msg li span:hover{background: #333;}
.my_msg li:nth-child(1){border-bottom: 1px solid #efefef; padding: 12px 8px}
.my_msg li:nth-child(1) i{float: right; display: none;}
.my_msg li input,.my_msg li textarea { width:100%; padding:8px 5px; border:1px solid #efefef; box-sizing: border-box;}
.my_msg h3{display: inline-block;}
.inputborder{border:1px solid red;}
.qtys{font-size: 18px;cursor: pointer;}

.my_inquiry{}

.my_inquiryleft{width: 100%;float: left;}
.my_inquiryleft ul:first-child{font-weight: bold;}
.my_inquiryleft ul {width: 100%;float: left; border-bottom: 1px solid #efefef; padding: 10px 0; box-sizing: border-box;}
.my_inquiryleft ul li{float: left; padding: 5px; box-sizing: border-box;}
.my_inquiryleft ul li:nth-child(1){ width:15%;}
.my_inquiryleft ul li:nth-child(2){ width:64%; }
.my_inquiryleft ul li:nth-child(3){ width:10%; }
.my_inquiryleft ul li:nth-child(4){ width:10%;text-align:center; }
.my_inquiryleft ul li input{width: 40px; height: 30px;border:1px solid #ccc; text-align: center;}
.my_inquiryleft ul span{display: inline-block; padding: 10px 30px;background: #fe7202;color: #fff; transition: all 1s; cursor: pointer;}
.my_inquiryleft ul span:hover{background: #333;}

.my_inquirys li{padding: 20px 0; text-align: center;}

.my_inquirys li span{display: inline-block; padding: 10px 30px;background: #fe7202;color: #fff; transition: all 1s; cursor: pointer;}
.my_inquirys li span:hover{background: #333;}

.cartright{cursor:pointer;padding:15px 20px;width:120px;position:fixed;right:0;bottom:10px;background-color:#3b3b3b;color:#fff;z-index:1999999;text-align:center;border-radius:50px 0 0 50px}
.cartright:hover{background-color:#fe7202}
#rightTop{display:none;cursor:pointer;width:40px;height:40px;background-color:#000;color:#fff;line-height:40px;border-radius:100px;position:fixed;right:2%;bottom:1.5%;text-align:center;z-index: 1000000;}
#rightTop:hover{background-color:#fe7202}

.noproduct{width: 100%;float: left; padding: 40px 0;background: #fafafa; text-align: center;}
.rightcotact{cursor: pointer; width: 250px; position: fixed;right:10px;  bottom: 8%; overflow: hidden; transition: all 0.6s;   z-index: 299999999;display: none;}

.rightcotact li:nth-child(1){background-image: linear-gradient(to right, #e2ff6f, #fd7304) !important; color: #333; }
.rightcotact li{display: block; text-align: left; width: 250px; background: #fe7202; color: #fff; padding:15px 5px 15px 15px;  vertical-align: middle;}
.rightcotact i{ margin-right: 5px;font-size: 1.3em; }
.rightcotact:hover{ width: 250px; }
.rightcotact:hover li{ width: 250px;background: #2d3038; }
.rightcotact a{color: #fff; text-decoration: none;}

.nextspan{position:fixed; cursor: pointer;  z-index: 100000;  right: 0; top: 20%; width: 50px; height: 50px; border-radius: 50% 0 0  50%;background: #efefef;  text-align: center; line-height: 50px;}
.nextspan  a{display: block;}
.nextspan  a:hover{background: #fe7202;color: #fff;}
.prevspan{position: fixed; cursor: pointer; z-index: 100000;  left: 0;top: 20%;width: 50px; height: 50px; border-radius:0 50% 50% 0;background: #efefef;  text-align: center; line-height: 50px;}
.prevspan  a{display: block;}
.prevspan  a:hover{background: #fe7202;color: #fff;}

.mayi_nexprev{margin-top: 10px;}
.mayi_nexprev span{ display:inline-block; width:100%;float:left; padding:15px 0; border-bottom:1px solid #efefef; }
.mayi_time{padding: 15px 0; text-align: left; border-bottom: 1px solid #efefef; margin-bottom: 15px;}

.mayi_down{}
.mayi_down li{width: 100%;float: left; padding: 20px 0; border-bottom: 1px solid #efefef;}
.mayi_down li span{display: inline-block; box-sizing: border-box;}
.mayi_down li span:first-child{width: 10%;float: left;font-size: 30px;}
.mayi_down li span:nth-child(2){float: left; padding: 0 15px; width: 58%;}
.mayi_down li span:nth-child(3){width: 15%;float: left;}
.mayi_down li span:nth-child(4){ width:15%;float:right; padding:10px 10px; text-align:center; background:#efefef; border-radius:2px; cursor:pointer; }
.mayi_down li span:nth-child(4):hover{background: #fe7202;color: #fff;}

.mayleft #fl_left{display: block;}

@media screen   and (min-width:1px) and (max-width:1200px) {

.sclanguage { display:none; }
 #menulist{display:inline-block;}
.qts{margin-right: 0;}

.mayi100{width: 100%;float: left;  }
.mayi1200{width: 94%; float:left; margin:0 3%; min-width:auto;}
.mayi_top_1{ height:auto; line-height:40px;background: #272727;font-size:0.875em; }
.mayi_top_1_left{width: 100%; text-align: center;}

.mayi_bot_1{display: block;}
.mayi_top_1_right span{margin-left: 5px;}
.mayi_top_1_right span:nth-child(1){display: none;}
.mayi_top_1_right i{margin-right: 8px; font-size: 2em;}

.mayi_ser{margin-top:5px; color: #fff; width:90%;  left: 0; background:#fe7202;border-radius:100px; padding:15px 0 15px 20px;box-sizing:border-box; left:5%; top:85%; display: none; position: absolute;  z-index:10000; }
.mayi_ser input{color: #fff; width: 85%;}
.mayi_ser  i{float: right; color: #fff; margin-right: 20px;}

.mayi_nav_menu{display: none; position:absolute; width:60%;  background: #fe7202; z-index: 99999999;left: 0; top:0;}

.mayi_nav_menu li{position: relative; padding:10px; box-sizing: border-box; text-align: left; line-height: 30px; display:inline-block; width: 100%; float: left; box-sizing: border-box; position: relative;-webkit-transition: margin-left .8s;-moz-transition: margin-left .8s;-o-transition: margin-left .8s;}
.mayi_nav_menu li:hover{margin-left: 0px;}
.mayi_nav_menu ul{width: 100%;float: left;  text-align:right;  }
.mayi_nav_menu li i{margin-left: 5px;font-size: 1.2em;float: right;}

.mayi_nav_left{width: 40%;float: left; text-align: left; line-height: 60px; position: static; }
.mayi_nav_right{width: 40%;float: right; text-align: right;line-height: 0; margin-top:2%;  position:static; display:block; }
.mayi_nav_right i{font-size: 1.5em;}
.mayi_nav_logo{ width:40%;float:left; text-align:right; }
.mayi_nav_logo img{height: auto;  margin:auto;}

 
.mayi_nav{ padding:10px 0 ; position: relative;}

.mayi_nav_ol{width:100;float:left; padding:15px 0; display:none; z-index:9999;position:static ; line-height:normal;font-size:1em; }
.mayi_nav_ol dd{ width:100%;float:left; padding:12px; border-bottom:0px solid #272727; box-sizing:border-box; background:#dad1d2; text-align: left;}
 
.fl_left{width: 100%;float: left; text-align: left; z-index:9999; padding: 15px 0; display: none; position: static;  line-height: normal;font-size:1em; }
.fl_left ol {width: 100%;}
.fl_left ol dd{ width: 100%; background: #fe7202; float: left; position: relative;padding: 12px; border-bottom: 1px solid #272727; box-sizing:border-box; }
.fl_left dd ol{ display: none; position: absolute; left:99%; top:0px; }
.fl_left dd ol dd{ width: 100%; float: left; padding: 12px; border-bottom: 1px solid #272727; }
.fl_left ol dd:hover>ol dd{ background:#dad1d2; color:#fff;}
.fl_left ol dd:hover>ol dd a{color: #fff}
.fl_left ol dd:hover {background: #dad1d2; color: #fff;}
.fl_left ol dd:hover a{color: #fff;}
.fl_left ol dd i{float: right;} 

.mayi_dh{ color: #fff;display: none; width: 70%; position: absolute;z-index: 1000000000; border-top: 0;}
.mayi_dh_c{background:#fe7202;float: left; border-radius:0px; position:relative; }
.mayi_dh_c a{color: #fff;}
.mayi_dh_c  ul{float: left; box-sizing: border-box; height: auto; line-height: 30px; padding: 10px 10px 0 10px;color: #fff;}
.mayi_dh_c  ul:nth-child(1){width: 100%;border-right: 0px solid #efefef; position: relative;font-weight: bold; cursor: pointer;}
.mayi_dh_c  ul:nth-child(1) #catdown{transition: all 1s;float: right;}
.mayi_dh_c  ul:nth-child(1):hover #catdown{transform: rotateZ(180deg);}
 
.mayi_dh_c  ul:nth-child(3){width: 100%;border-left: 0px solid #efefef; text-align: left;float: left;}
.mayi_dh_c  ul:nth-child(2) li{ display:block; width: 100%; text-align:left;font-weight:bold;font-size:1em;float:left; }
.mayi_dh_c  ul:nth-child(2){ width:100%;float:left; }

.mayi_tel{display: none;}
 
 
.mayi_mbx{margin-bottom:10px; color: #333;border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding-top: 20px; color: #666; padding-bottom: 20px; z-index: 10;position: relative;}

.mayi_subscribe{ background:#fff; padding: 30px 0; color: #333; border-top:1px solid #efefef;  border-bottom: 0px solid #efefef;}
#subscribe{ width:100%; height:60px;border:1px solid #efefef;  padding: 0 25px; box-sizing:border-box; }
.mayi_subscribe_left{width: 100%; display: inline-block; text-align: center;}
.mayi_subscribe_left h3{font-size: 20px;}
.mayi_subscribe_right{width: 100%; margin-top: 10px; display: inline-block;float: right; text-align: right;}
.mayi_subscribe_right span{ margin-top: 10px; cursor: pointer; transition: all 1s; background: #fe7202; color: #fff;  height:60px; border:1px solid #fff; display:inline-block; line-height:60px; width: 100%; padding: 0 0; margin-left: 0; text-align: center; font-weight:bold; }
.mayi_subscribe_right span:hover{background: #2d2d2d;color:#fe7202;}

.mayi_bot_2{ width:100%;float:left;text-align: center; padding:30px 0 30px 0; border-top:0px solid #333; }

.pics{width: 50%;float: left; padding:20px; overflow: hidden; border-right: 0px solid #efefef; box-sizing: border-box; height: 700px;font-weight: 400;}
.pics ul{width: 100%;float: left; padding: 10px 0%; box-sizing: border-box; box-sizing: border-box;}
.pics ul li{width: 100%;float: left; padding: 5px 0; line-height: 180%; text-align: left; overflow: hidden; font-size:1.25em; padding: 0 25px;box-sizing: border-box; border-left: 1px solid #eee;border-right: 1px solid #eee; padding-top: 10px;}
.pics ul li:nth-child(2){  overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; font-weight:700;font-size:1.25em; }
.pics ul dd{ width:100%;float:left;overflow: hidden; margin-bottom:10px;max-height:425px; }
.pics ul li i{ color: #ffc107; font-size: 16px; margin-right: 10px;}
.pics ul li:last-child{border-bottom: 1px solid #eee; border-radius: 0 0 5px 5px; padding-bottom: 20px;}


.pic{width: 50%;float: left;  overflow: hidden; border-right: 0px solid #efefef; box-sizing: border-box; height: 550px;font-weight: 400; }
.pic ul{width: 90%; margin-left:5%;float: left; padding: 10px 5%; box-sizing: border-box;border: 1px solid #eee;border-radius: 5px;}
.pic ul li{width: 100%;float: left;  line-height: 180%; text-align: left; overflow: hidden;font-size:1.25em; padding: 0 15px;box-sizing: border-box;  padding-top: 10px;}
.pic ul li:nth-child(2){  overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; font-weight:700;font-size:1.25em; }
.pic ul dd{ width:100%;float:left;overflow: hidden; margin-bottom:10px;max-height:310px; }
.pic ul li i{ color: #ffc107; font-size: 16px; margin-right: 7px;}
.pic ul li:last-child{   padding-bottom: 10px;}

.mayi_bot{padding: 0;margin-top: 20px;}

.cent_title_des span{ display:inline-block; width:100%; padding:0 20px; box-sizing:border-box; }

}

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

.mayi_nav_right{width: 40%;float: right; text-align: right;line-height: 0; margin-top:0%;  position:static; display:block; }
.mayi_bot_1 ul{width: 100%;float: left; padding: 20px; box-sizing: border-box; height: 160px; overflow: hidden; border-radius: 5px;   margin:10px 1.5%; box-sizing: border-box; z-index: 10; background: #ffffff;}
.mayi_bot_1 ul li{width: 100%;float:left; padding: 8px 0;font-weight: bold;font-size: 1.3em}

.pics{width: 100%;float: left; padding:20px; overflow: hidden; border-right: 0px solid #efefef; box-sizing: border-box; height: 700px;font-weight: 400;}
.pics ul{width: 100%;float: left; padding: 10px 0%; box-sizing: border-box; box-sizing: border-box;}
.pics ul li{width: 100%;float: left; padding: 5px 0; line-height: 180%; text-align: left; overflow: hidden; font-size:1.25em; padding: 0 25px;box-sizing: border-box; border-left: 1px solid #eee;border-right: 1px solid #eee; padding-top: 10px;}
.pics ul li:nth-child(2){  overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; font-weight:700;font-size:1.25em; }
.pics ul dd{ width:100%;float:left;overflow: hidden; margin-bottom:10px;max-height:425px; }
.pics ul li i{ color: #ffc107; font-size: 16px; margin-right: 10px;}
.pics ul li:last-child{border-bottom: 1px solid #eee; border-radius: 0 0 5px 5px; padding-bottom: 20px;}


.pic{width: 100%;float: left;  overflow: hidden; border-right: 0px solid #efefef; box-sizing: border-box; height: 580px;font-weight: 400; }
.pic ul{width: 90%; margin-left:5%;float: left; padding: 10px 5%; box-sizing: border-box;border: 1px solid #eee;border-radius: 5px;}
.pic ul li{width: 100%;float: left;  line-height: 180%; text-align: left; overflow: hidden;font-size:1.25em; padding: 0 15px;box-sizing: border-box;  padding-top: 10px;}
.pic ul li:nth-child(2){  overflow: hidden;  white-space: nowrap;text-overflow: ellipsis; font-weight:700;font-size:1.25em; }
.pic ul dd{ width:100%;float:left;overflow: hidden; margin-bottom:10px;max-height:310px; }
.pic ul li i{ color: #ffc107; font-size: 16px; margin-right: 7px;}
.pic ul li:last-child{   padding-bottom: 10px;}

.mayi_video div{ width:100%;float:left; height: 210px; margin-bottom: 20px}

.mayi_mid_banner li{width: 100%;float: left; padding:10px 5px;box-sizing: border-box; text-align: center;}
.mayi_onclass_c li{ width:98%;float:left; padding:1% 1%;display: block; box-sizing:border-box; position:relative; overflow:hidden; text-align:center; }
.mayi_infolist div{width: 100%;float: left; box-sizing: border-box; padding: 1%; margin-bottom: 1%;}
.mayi_banner{ text-align:center; margin-top:0; position:relative; }
.mayi_view_1_left{width: 100%;float: left;}
.mayi_view_1_right{width: 100%;}
.mayi_contact_left{width: 100%;}
.mayi_contact_right{width: 100%;}
.rightcotact{display: none;}
.mayi_partner{margin-bottom: 30px;display: none;}
.mayi_partner_c li{ width:50%; padding:5px;box-sizing:border-box;float:left; left: 0}
.mayi_testimonial_c ul{width: 100%;}

.mayleft{ width:55%; float: left; position: absolute; background: #fafafa; z-index: 1000; display: none;}
.mayright{ width:100%; float: left;}
.leftcatlist{position: fixed;left: 0; z-index: 100000; display: block;}

 

#closeleftlist{float: right;display: block;}
.fl{position: static;}
.fl ol {width: 100%;}
.fl ol dd{ width: 100%; background: none; float: left; position: relative;padding: 12px; border-bottom: 0px solid #efefef; box-sizing:border-box; }
.fl dd ol{ display: none; position:static; left:100%; top:0px; }
.fl dd ol dd{ width: 100%; float: left; padding: 12px; border-bottom: 0px solid #efefef; }
.fl ol dd:hover>ol dd{ background:#fe7202; color:#fff; }
.fl ol dd:hover>ol dd a{color: #fff}
.fl ol dd:hover {background: #fe7202; color: #fff}
.fl ol dd:hover a{color: #fff;}
.fl ol dd i{float: right;}
.mayi_top_bner_c{position: absolute; width:90%; top:35% ;left: 5%; min-height: 70px;}
.mayi_top_bner_c span{font-size: 1.1em;font-weight: bold; text-transform: uppercase;float: left;}
.mayi_top_bner_c p{float: right; margin-top: 10px; display: none;}
.mayi_down li span:nth-child(3){width: 15%;float: left; display: none;}
.mayi_down li span:nth-child(4){width: 30%;}

.mayi_about_c_left{width: 100%;float: left;}
.mayi_about_c_right{width: 100%;float: right; color: #333;}
.mayi_about_c_right_t{font-size: 2em;font-weight: bold; width: 100%;float: left;margin-bottom: 0; text-align: center; margin-top: 15px;}

.addtoinq{font-size: 0.75em;}

.mayi_bot_2 span:nth-child(1){text-align: center;width: 100%;}
.mayi_bot_2 span:nth-child(2){display: none;}

.may_fetcat_c div{width: 50%;float: left;margin-bottom:4%; padding:5%; box-sizing:border-box; }
.may_fetcat_c div dd{width: 100%;float: right; margin-left: 1%; margin-right: 1%; position: relative; line-height: 180%; text-align: center;}
.may_fetcat_c div img{width: 100%; border-radius: 0;border:2px solid #fe7202;transition: all 1s;cursor:pointer; }
.may_fetcat_c div dt{width: 100%;float: left; box-sizing: border-box; text-align: center;}


.mayi_mid_banner_left{ width:100%; float:left; text-align:center; position: relative; }

.mayi_mid_banner_left a{ background-image: linear-gradient(to right, #e2ff6f, #fd7304) !important; padding:10px 20px; display: inline-block; font-weight:bold; font-size:1.5em; border-radius:3px; margin-top:10%; margin-bottom:10%;  }
.mayi_mid_banner_left a:hover{ color:#fff; text-decoration:none; }
.mayi_mid_banner_right{ width:100%;float:left;  }

.mayi_bot_1_2_left{ width:100%; float:left; box-sizing:border-box; overflow:hidden; }
.mayi_bot_1_2_right{ width:100%;float:left; }
.mayi_bot_1_2_left i,.mayi_bot_1_2_right i{ font-size:2em; margin-right:10px; }

.mayi_bot_1_2_left_div{ width:100%;float:left; margin-left:0%;  }
.mayi_bot_1_2_left_div li{ width:100%;float:left; padding:10px 0; font-size:1.2em;font-weight:bold; line-height:200%; }
.mayi_bot_1_2_left_div li span{ color:#666; font-weight:300; }

}

@media screen   and (min-width:1px) and (max-width:320px) {

.pic{width: 100%;float: left;}
.pic ul{width: 100%;float: left; padding: 10px 10%; box-sizing: border-box;}
.pic ul li{width: 100%;float: left; padding: 5px 0; line-height: 180%; text-align: center; overflow: hidden;}
.pic ul li:nth-child(2){height: 50px; overflow: hidden;     word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.mayi_bot_1 ul{width: 100%;float: left; padding-right: 3%; box-sizing: border-box; z-index: 10;position: relative;}
.mayi_infolist div{width: 100%;float: left; box-sizing: border-box; padding: 1%; margin-bottom: 1%;}

}