@charset "utf-8";
/* CSS Document */
/*common-style*/
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans_1-webfont.eot');
    src: url('opensans_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans_1-webfont.woff2') format('woff2'),
         url('opensans_1-webfont.woff') format('woff'),
         url('opensans_1-webfont.ttf') format('truetype'),
         url('opensans_1-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'avant_garde_cebook';
    src: url('itc_avant_garde_ce_gothic_book-webfont.eot');
    src: url('itc_avant_garde_ce_gothic_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('itc_avant_garde_ce_gothic_book-webfont.woff2') format('woff2'),
         url('itc_avant_garde_ce_gothic_book-webfont.woff') format('woff'),
         url('itc_avant_garde_ce_gothic_book-webfont.ttf') format('truetype'),
         url('itc_avant_garde_ce_gothic_book-webfont.svg#avant_garde_cebook') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{ overflow-x: hidden}
*{margin: 0; padding: 0; list-style: none;text-decoration: none;}
h1,h2,h3,h4{ font-weight: normal;}
img{ display: block; border:none;}
input{ border:none; outline: none;}
.clearfix{ clear: both;}
.header{ height: 35px; background: #15529a;width: 100%;}
.header-main{ width: 1274px; font-family: Arial; font-size: 14px; color: #fff; margin: 0 auto}
.header-main a{ color: #fff;}
.header-nav{ float: right;border-right: 1px solid rgba(255,255,255,0.50); padding-right: 17px; height: 31px; margin-top: 2px}
.header-nav li{ margin-right: 32px; line-height: 31px; float: left; }
.header-mail{ width: 189px; text-align: center; border-right: 1px solid rgba(255,255,255,0.50);line-height: 31px; float: right;height: 31px; margin-top: 2px}
.top-media{ width: 271px; float: right;height: 31px; margin-top: 4px; line-height: 31px; text-align: right; margin-left: 15px;}
.top-media img{ display: inline-block}
.top-media i{ margin-right: 15px; font-size: 16px;}
.top-nav{ width: 100%; background: #fff; box-shadow: 0 3px 15px #000; padding:25px 0px;}
.top-nav-main{ width:1274px; margin: 0 auto;}
.top-logo{ width: 248px; float: left;}
.top-logo img{ width: 100%;}
.top-nav-main ul{ float: right; margin-right: 23px; text-transform: uppercase; font-family:Calibri; font-size: 18px; font-weight: bold; margin-top: 15px;}
.top-nav-main ul li{ float: left;  margin-left: 26px;}
li.categories{padding: 3px 8px;color: #fff; background: #aaa; font-weight: normal; margin-top: 12px; cursor: pointer;position: relative;}
.categories-down{ position: absolute; left: 0;top: 13px; z-index: 9999; width: 200px; background: #fff;  border: 1px solid #ccc;}
.top-nav-main .categories-down li{ margin-left: 0;width: 100%;}
.top-nav-main .categories-down li a{ width: 95%;padding-left:5%; border-bottom: 1px solid #ccc;}
.top-nav-main .categories-down li a:hover{ border-bottom: 1px solid #15529a;color: #15529a}
li.categories i{ margin-right: 5px;}
.top-nav-main ul li a{ display: block; color: #444444;border-bottom: 3px solid transparent;padding: 14px 0px; transition: 0.5s;}
.top-nav-main ul li a:hover{ color: #15529a; border-bottom: 3px solid #15529a;}
/*index-main*/
.index-main1{ width: 100%; border-bottom: 1px solid #ededed;}
.index-main1-content{ width: 1274px; margin: 0 auto; font-family: Calibri; padding-bottom:40px;}
.main1-content-left{ float: left; margin-left: 20px;width: 236px; padding-top: 62px;}
.main1-content-left li{ font-size: 18px; text-transform: uppercase; font-weight: bold; color: #444444; border-bottom: 1px solid #eee; height: 50px; line-height: 50px; padding: 0 18px; background: url(../images/index-nav-bg.jpg) right center no-repeat;padding-right: 0; background-position-x:216px; cursor: pointer;}
.main1-content-left li:hover{ color: #15529a;}
.main1-content-left li.current{ color: #15529a;}
.main1-content-right{ width:50%; float: left;}
.index-product-pic{ width: 250px; float: left;}
.index-product-pic img{ width: 100%;}
.index-product-text{ float: left;  width: calc(100% -  250px); }
.index-product-text p{ line-height: 25px;    font-size: 14px;
    color: rgb(91, 91, 91);
    line-height: 24px; margin-bottom: 25px;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;overflow: hidden;height: 66px;}
.index-product-text h1{ font-size: 18px; font-weight: bold; text-transform: uppercase; line-height: 18px; margin-bottom: 18px;}
.index-product-text h2{font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; margin-bottom:20px;}
.index-product-text table{ border-collapse: collapse; margin-bottom: 18px;}
.index-product-text table td{border: 1px solid #ccc; line-height: 29px; padding-left: 10px;}
.index-product-text table tr:nth-child(even){
background: #eeeeee;
}
.sd{position: relative; display: block;width: 100%;height: 100%;}
.sd p.on{position: absolute; width: 100%;  height: 180px; -webkit-line-clamp: unset; overflow: auto; background: #fff; cursor:pointer;}
.index-product-list{ float: left; padding-top: 50px;width: 100%;}
.mid-line{ width: 1px; height: 408px;background: #ededed; float: left;}
.index-main2{ margin-top: 33px; margin-bottom: 39px;}
.index-main2-content{ width: 1200px; margin: 0 auto;}
.main2-content-left{ float: left; width: 550px;}
.main2-content-left-top{border: 1px solid #e1e1e1; padding: 7px;}
.main2-content-left-top img{ width: 100%;}
.main2-content-left li{ float: left; border:1px solid #e1e1e1; padding: 7px; cursor: pointer;}
.main2-content-left li img{ width: 100%;}
.main2-content-right{ width: 535px; float: right; margin-right: 45px; font-family: Calibri; padding-top: 15px;}
.main2-content-right h1{ font-size: 36px; font-weight: bold; text-transform: uppercase; color: #15529a; line-height: 36px; margin-bottom: 25px;}
.index-product-text a{ background: #202f5c; color: #fff; width: 211px; text-align: center; height: 35px; line-height: 35px; font-family: Calibri; font-style: italic; font-size: 18px; display: block;}
.main2-content-right img{ margin-bottom: 35px;}
.main2-content-right p{ font-size: 16px; color: #666; line-height: 24px;margin-bottom: 10px;}
.main2-content-right p i{ font-size: 12px; color: #666; margin-right: 10px; }
.main2-content-right p span{ color: #229bc4;}
.main2-content-right a img{ margin-bottom: 0}
.index-main3{ width: 100%; padding-top: 80px; padding-bottom: 60px; background: #229bc4;}
		.index-main3-content{ width: 1174px; padding: 0 50px; margin: 0 auto;}
		.index-main3-left{ width: 535px; float: left; font-family: Calibri; text-align: right;}
		.index-main3-left h1{ font-size: 34px; color: #fff; line-height: 34px; margin-bottom: 35px;}
		.main3-left-text{ margin: 40px 0px; font-size: 16px; color: #fff; line-height: 21px;}
		.index-main3-left a{ display: block;background: #1c81a0; margin-top: 30px; width: 195px; height: 43px; text-align: center; line-height: 43px; border: 1px solid #85c7db; border-radius: 3px; color: #fff; margin-left: auto;}
.index-main3-left a i{ margin-right: 5px;}
		.index-main3-right{ width: 545px; float: right;}
		.main3-right-list{ height: 118px; text-align: left; padding-left: 95px;}
		.main3-right-list h1{ font-size: 18px; color: #fff; line-height:30px; font-family: Arial;}
		.main3-right-list p{padding-top: 10px;font-size: 24px; color: #ddd; line-height: 23px;font-family: Calibri}
		.crafted{ background: url(../images/main3-right1.jpg) no-repeat left center;}
		.melodical{ background: url(../images/main3-right2.jpg) no-repeat left center;}
		.lighting{ background: url(../images/main3-right3.jpg) no-repeat left center;}
		.freaky{ background: url(../images/main3-right4.jpg) no-repeat left center;}
.index-main3-left img{ display: inline;}
.index-main4{ width: 100%; background: url(../images/main4_bg.jpg); background-size: 100% 100%; padding-top: 70px; padding-bottom: 65px;}
.index-main4-content{ width: 1287px; margin: 0 auto;}
.main4-list{ float: left; width: 411px; margin: 0 9px;}
.main4-list img{ width: 100%;}
.main4-list h1{ height: 74px; line-height: 74px; background: #15529a; font-size: 28px; color: #fff; text-align: center; text-transform: uppercase; font-family: Calibri;}
.news-title h1{ font-size: 36px; color: #15529a; text-transform: uppercase; text-align: center; line-height: 36px;font-weight:bold;}
		.news-title{ width: 820px; text-align: center; margin: 0 auto; margin-bottom: 25px;}
		.news-title div{ width: 820px; height: 1px; background: #d5d5d5; margin: auto; margin-top: 25px; margin-bottom: 15px;}
		.news-title p{ font-size: 18px; line-height: 30px; color: #333;}
		.newsletter{ width: 100%; background:#fff; padding-top: 45px; padding-bottom: 45px;font-family: Calibri;border-top:1px solid #d7d7d7;}
		.newsletter-content{ width: 820px; margin: 0 auto;}
		.newsletter-input input{ width: 288px; float: left; margin-right: 23px; height: 38px; line-height: 38px; color: #333; font-size: 16px; padding-left: 12px; border-radius: 5px; background:#ebebeb;border:1px solid #bdbdbd;font-family: Calibri}
		.newsletter-input button{ float: left; height: 38px; line-height: 38px; width: 170px; text-align: center; color: #fff; font-size: 18px;border-radius: 5px; background: #2b2b2c; border: none; cursor: pointer; transition: 0.5s;font-family: Calibri}
		.newsletter-input button:hover{ background: #ccc;}
/*foot*/
.footer{ width: 100%; background: #000; background-size:cover; padding-top: 50px; padding-bottom: 10px;}
		.footer-main{ width: 1254px; margin: 0 auto; font-family:Arial;}
		.foot1,.foot2,.foot3,.foot4{ float: left; width: 255px;}
.foot1{ width: 270px;}
.foot2{ width: 240px;}
		.footer-main h1{ width: 100%; padding-bottom: 16px; border-bottom: 1px solid #313131; margin-bottom: 25px; font-size: 20px; font-family: Calibri;  color: #999; text-transform: uppercase;}
		.foot1 li,.foot4 li{ font-size: 14px; line-height: 23px; color: #949494;}
.foot1 li a img{ display: inline-block; margin-right: 3px;}
		.foot1 li img{ margin-top: 15px;}
		.foot2 li,.foot3 li{ line-height:31px; font-size: 14px; background: url(../images/left.png) no-repeat left center; padding-left: 20px;}
		.foot2 a,.foot3 a{ color: #bfbfbf;}
		.foot2{ margin-left: 77px;}
		.foot3{ margin-left: 68px;}
		.foot4 li{font-size: 14px; line-height: 23px; color: #949494; margin-right: 6px; margin-bottom: 4px;}
		.foot4{ margin-left: 86px; width: 258px;}
		.copy-right{ width: 100%; background: #282828; height: 50px; font-family: Arial;}
		.copy-right-main{ line-height: 50px; height: 50px; width: 1250px; margin: 0 auto; color: #fff; font-size: 12px;}
.banner-line{ height: 4px; background: rgba(255,255,255,0.50); margin-top: 15px; margin-bottom: 20px;}
.banner-line-w1{width: 410px; margin-left: 5px;}
.banner-line-w2{width: 395px; margin-left: 5px;}
.banner-line-w3{width: 280px; margin-left: 5px;}
/*product*/
.road-main{ width: 100%; background: url(../images/road_bg.jpg); height: 60px; line-height: 60px;font-family: 'open_sansregular'; font-size: 14px; color: #888;}
.road{ width: 1274px; margin: 0 auto}
.road a{ color: #888888;}
.product-main{ font-family: Calibri; width: 100%; margin-top: 27px;}
.product-main-content{ width: 1274px; margin: 0 auto;}
.product-left{ width: 257px; float: left;}
.product-right{ width: 994px; float: right;}
.product-left h1{ font-size: 18px; color: #ccc; line-height: 12px; background: url(../images/pro-left-bg.jpg) right center no-repeat;}
.product-left-nav{ margin-top: 30px;}
.product-left-nav h2{ padding-left: 8px; border-top: 1px solid #e4e4e4; font-weight: bold; font-size: 18px; color: #333333; line-height: 38px; background: url(../images/left1.png) no-repeat right center;}

.product-left-nav li a{ color: #888; display: block;line-height: 28px; font-size: 16px; padding-left: 20px; height: 28px; margin-bottom: 3px; transition: 0.5s;}
.product-left-nav li a:hover{ background: url(../images/pro-left-nav.png) no-repeat; color: #fff;}
.product-left-nav li.current1 a{ color: #fff;background: url(../images/pro-left-nav.png) no-repeat}
.product-right-banner img{ width: 100%;}
.product-right-banner{ margin-top: 3px; position: relative;}
.product-right-banner h1{ position: absolute; font-size: 42px; color: #fff; display: block; width: 300px; line-height: 48px; right: 25px; top: 45px; font-family: 'avant_garde_cebook';}
.product-right-main{ margin-top: 30px;}
.product-right-list{ float: left; width: 326px; margin-right: 8px; margin-bottom: 45px;}
.product-right-list1{ margin-right: 0}
.product-list-pic{ border: 2px solid #d7d7d7; position: relative;}
.product-list-pic img{ width: 100%;}
.product-miaoshu{ position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.77);height: 62px;padding: 8px 30px; transition: 0.5s;}
.product-miaoshu h1{ font-size: 18px; color: #fff; line-height: 24px; text-align: center;}
.product-miaoshu-down{ display: none; transition: 0.5s; height: 38px; line-height: 38px; color: #fff; text-align: center;}
.product-list-pic:hover .product-miaoshu-down{ display: block;}
.product-list-pic:hover .product-miaoshu{ background: rgba(21,74,154,0.70);  height: auto}
.product-miaoshu-down a{ color: #fff;}
.product-miaoshu-down div{ display: inline-block; margin-right: 15px;}
.product-list-name{ height: 34px; line-height: 34px; font-size: 16px; text-align: center; color: #555555;}
.img_pro {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999999999999;
    display: none;
}
.img_probox {
    width: 800px;
    margin: auto;
    margin-top: 170px;
    padding: 20px 50px;
    background: #fff;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.img_probox .img_proimg {
    width: 100%;
}
.img_probox .img_proimg1 {
    width: 100%;
}
.fancybox-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 33px;
    height: 33px;
    cursor: pointer;
    z-index: 8040;
    background: url(../images/close.png) center center no-repeat #fff;
    padding: 1px;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.fancybox-close:hover {
    background: url(../images/close-white.png) center center no-repeat #ff0000;
    border-color: #bb2222;
}
.other-page{ text-align: right; line-height: 21px;  margin-top: 20px; margin-bottom: 25px;}
.other-page span{ font-weight: bold;}
.other-page a{ color: #fff; line-height: 21px; padding: 0 5px; background: #4b4b4b; margin: 0 2px; font-size: 12px; display: inline-block;}
.other-page a.page-number{ background: #393939; margin: 0 3px;}
.other-page div {
    display: inline-block;
}
/*PRODETAIL*/
.prodetail-main{ width: 100%;}
.prodetail-content{ width: 1274px; margin: 0 auto}
.prodetail-part1{ padding: 8px 0px; border-bottom: 1px solid #cccccc; padding-right: 12px;}
.prodetail-part1 h1{ width: 800px; float: left;font-family: 'open_sansregular'; font-size: 18px; color: #000; line-height: 50px; font-weight: bold;}
.inquiry{ width: 220px; float: right; text-align: left;}
.inquiry input{ width: 48px; height: 48px; border: 1px solid #ccc; text-align: center; line-height: 48px; color: #333; font-family: Arial; font-size: 15px; background: url(../images/inquiry_input.jpg);}
.inquiry a{ width: 150px; height: 50px; line-height: 50px; color: #fff; font-family: Arial; font-size: 16px; background: #333; border-radius: 3px; display: inline-block; text-align: center; margin-left: 4px;}
.zoomer_wrapper { height: 540px;  overflow: hidden; width: 100%; }
.zoomer.dark_zoomer { background: #333 url(images/zoomer-bg-dark.png) repeat center; }
.zoomer.dark_zoomer img { border: 1px solid #e3e3e3 }
.prodetail-part2{ padding-bottom: 30px;padding-top: 8px;}
.prodetail-part2-left{ width: 542px; float: left; overflow: hidden;}
.big-pic-main{border: 1px solid #e3e3e3;width:540px;    height: 540px;
    overflow: hidden; position: relative;}
.big-pic-main img{width: 100%}
.prodetail-part2-right{ width: 690px; float:right;font-family: 'open_sansregular'; padding-top: 20px;}
.prodetail-part2-right h1{ font-size: 12px; color: #5b5b5b; line-height: 12px; margin-bottom: 15px;}
.prodetail-part2-right p{ font-size: 14px; color: #5b5b5b; line-height: 24px;}
.prodetail-social{ padding: 5px 16px; border: 1px solid #ccc; border-left: none; border-right:none; margin: 20px 0}
.prodetail-social-left{ width: 100%; float: left;font-size: 18px;}
.prodetail-social-left a i{ color: #938f8d; font-size: 32px; margin-right: 10px; position: relative; top: 5px;}
.prodetail-social-left a{ color: #5a5a5c; padding-right: 50px; line-height: 48px;    font-size: 14px; float: left;}
.prodetail-social-right a i{ width: 270px; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #777; border: 1px solid #777; border-radius: 3px; font-size: 18px; margin-left: 8px;}
.prodetail-social-right{ float: right;}
.prodetail-miaoshu table{ border-collapse: collapse; margin-bottom: 18px; width: 220px; float: left;}
.prodetail-miaoshu table td{border: 1px solid #ccc; line-height: 29px; padding-left: 10px;}
.prodetail-miaoshu table tr:nth-child(even){
background: #eeeeee;
}
.prodetail-maioshu-right{ float: right; width: 460px;}
.prodetail-maioshu-right h2{ font-size: 16px; color: #000; line-height: 24px;}
.prodetail-maioshu-right p{ font-size: 14px; color: #333; line-height: 24px;}
.prodetail-maioshu{ margin-bottom: 30px;}
.prodetail-part2-right li{ float: left; margin-right: 4px; width: 60px; padding-bottom: 4px; border-bottom: 5px solid transparent}
.prodetail-part2-right li img{ border: 1px solid #c8c8c8; width: 100%; cursor: pointer;}
.prodetail-part2-right li:hover{ border-bottom: 5px solid #1f74bf;}
.prodetail-part2-right li.current3{border-bottom: 5px solid #1f74bf;}
.prodetail-main1{ background: #efeeee; padding-top: 50px; padding-bottom: 60px;}
.prodetail-content1{ width: 1152px; margin: 0 auto; border: 1px solid #ccc; background: #fff;}
.prodetail-content1-nav{ background: #dfdfde; height: 53px; line-height: 53px; text-align: center; border-bottom: 1px solid #ccc;}
.prodetail-content1-nav li{ float: left; background: #dfdfde; font-size: 16px; font-family: Calibri; font-style:italic; cursor: pointer; width: 134px;}
.prodetail-content1-nav li.current4{ background: #fff; margin-top: 1px;border-right: 1px solid #ccc;}
.prodetail-content-text{ padding: 24px; padding-bottom: 55px; font-family:Arial;}
.prodetail-content-text-l p,.prodetail-content-text-l h1,.prodetail-content-text-l li,.prodetail-content-text-l h2,.prodetail-content-text-r h1{ font-size: 14px; line-height: 26px; color: #333;}
.prodetail-content-text-l h1,.prodetail-content-text-l h2{ color: #000; font-weight: bold; margin-top: 30px;}
.prodetail-content-text-l li{ line-height: 22px; list-style: disc;}
.prodetail-content-text-l ul{ padding-left: 20px;}
.prodetail-content-text-l{ float: left; width: 510px;}
.prodetail-content-text-l a{ color: #333; text-decoration: underline; line-height: 23px; font-size: 14px; margin-bottom: 30px; display: block;}
.prodetail-content-text-l a i{ color: #aed344; border-radius: 23px; height: 23px; line-height: 23px; text-align: center; width: 23px; border: 1px solid #aed344; margin-right: 8px;}
.prodetail-content-text-r{ float: right; width: 545px;}
.prodetail-content-text-r h1{ color: #000; font-weight: bold; margin-bottom: 10px;}
.prodetail-content-text-r table{ border-collapse: collapse;  float: left;}
.prodetail-content-text-r table td{border: 1px solid #ccc; line-height: 34px; padding-left: 6px;}
.prodetail-content-text-r table tr:nth-child(even){
background: #eeeeee;
}
.prodetail-main3{ padding: 25px 0px;}
		.prodetail-main3-content{ width: 1154px; margin: 0 auto;}
		.prodetail-main3-content h1{ font-size: 18px; line-height: 42px; color: #5b5b5b;font-family: 'open_sansregular';}
		.prodetail-main3-like{ display: table; border-collapse: collapse;}
		.prodetail-main3-like ul{ display: table-row;}
		.prodetail-main3-like ul li{ display: table-cell; border: 1px solid #ccc; border-bottom: none; padding-bottom: 15px;}
		.prodetail-main3-like ul li img{ width: 100%;}
		.product-like-text h2{ color: #1f2e5b; font-size: 18px; text-align: center; line-height: 24px;}
		.product-like-text a{color: #1f2e5b}
		.product-like-text a:hover{ text-decoration: underline;}
		.product-like-text{ padding: 0 18px;font-family: Calibri}
		.product-like-text h3{ font-size: 14px; color: #aaa;text-align: center; line-height: 24px; margin-bottom: 5px;}
.product-like-text table{ border-collapse: collapse;   width: 100%;}
.product-like-text table td{border: 1px solid #ccc; line-height: 34px; padding-left: 6px;}
.product-like-text table tr:nth-child(even){
background: #eeeeee;
}
/*about-us*/
.inner-main{ width: 100%; padding: 50px 0;}
.inner-content{ width: 1274px; margin: 0 auto;overflow: hidden}
.inner-content p{ line-height: 25px; font-size: 18px; font-family: Calibri; margin-bottom: 10px; color: #333;}
.inner-content p img{ width: 100%; margin: 20px auto;}
.inner-content h1{ text-transform: uppercase; color: #15529a; font-size: 24px; font-family: Calibri;margin-top: 20px; line-height: 30px;}
.inner-content h1 i{ font-size: 12px; margin-right: 5px;}
.innerpage-nav h1{ display: none}
.innerpage-nav li{ float: left;  width: 150px; text-align: center;}
.innerpage-nav li a{ color: #333; font-size: 18px; display: block;}
.innerpage-nav li.current5 a{ background:#15529a; color: #fff; }
.other-page-road{ width: 1274px; margin: 0 auto;font-family: 'open_sansregular';}
.other-road{ width: 300px; float: left;}
.innerpage-nav{ float: right; width: 450px;}
.other-road a{ color:#888888; }
/*contact*/
.contact1{ width: 30.3333%; float: left; font-family: Calibri; margin-right: 3%; color: #555; font-size: 18px;}
.contact1 li{ line-height: 25px; margin-bottom: 5px;}
.inner-content .contact1 h1{ margin-bottom: 15px;}
/*自适应*/
.mobile-nav{ display: none;font-family:Arial;}
.mobile-nav-box{ display: none; position: relative; width: 100%;}
.mobile-nav-box{ position: absolute; top: 120px; left: 0;z-index: 9999; width: 100%;}
.mobile-nav-box li{ font-size: 18px; font-family: Calibri; line-height: 40px; text-align: center; width: 100%;}
.mobile-nav-box li a{ color: #000; display: block; background: #fff; border-bottom: 1px solid #ddd;}
.mobile-nav-box li a:hover{background: rgba(0,0,0,0.80); color: #fff;}
.pro_left_right {
    width: 36px;
    float: right;
    display: none;
}
.pro_left_right2 {
    display: none;
}