@charset "utf-8";
body { font-family: Arial, Helvetica, sans-serif; padding: 0; font-size:14px; color:#333; background:#fff; margin: 0;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
input{ outline:none;}
a:link {color: #333; text-decoration:none;}
a:visited {color: #333;text-decoration:none;}
a:hover { color: #09F; text-decoration: none;}
a:active { color: #333;}
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_20{ clear: both; height: 20px; line-height: 0; font-size: 0;}
.cRed{color: #f00; }
.c09f,.c09f:link,.c09f:visited{ color: #09f;}
.c09f:hover{ color: #f30;}


.pages{ height: 35px; line-height: 35px; clear:both; padding: 35px 0; text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0 5px; padding: 7px 12px; text-align:center; width: 30px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #184074; color: #fff; background: #184074; font-weight:normal;}


.w1360{ width: 1360px; margin: 0 auto;}

.Header{ background: #184074;}
.Header .logo{ float:left; padding: 28px 0;}
.Header .logo img{ width: 210px;}
.Header .menu{ float:right;}
.Header .menu .top{ height: 63px; line-height:55px;}
.Header .menu .top li{ float:right; margin-left: 40px;}
.Header .menu .top .en{ background:url(img/ico_1.png) no-repeat 0 center; background-size: 18px; padding-left: 25px;}
.Header .menu .top .login{ color: #fff;}
.Header .menu .top .login a{ margin-left: 20px;}
.Header .menu .top .login .c09f,.Header .menu .top .login .c09f:visited{ color: #09f; margin-left: 0; font-weight:bold;}
.Header .menu .top .login .c09f:hover{ color: #f30;}
.Header .menu a,.Header .menu a:visited{ color: #fff;}
.Header .menu a:hover{ color: #0CF;}
.Header .menu .nav{}
.Header .menu .nav li{ float:right; font-size: 17px; line-height: 40px; margin-left: 40px;}
.Header .menu .nav .tel{ background:url(img/ico_tel.png) no-repeat 0 center; padding-left: 33px; background-size: 22px; color: #fff; margin-left: 90px;}


.HomeBanner{ background:url(img/banner.jpg) no-repeat center 0; padding-top: 370px; }


.HomeTop{ background: #fff; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15); border-radius:4px; padding: 30px; }
.HomeTop .title,.HomeProducts .title{ height: 60px; line-height: 40px;}
.HomeTop .title h2,.HomeProducts .title h2{ font-size: 22px; float:left; font-weight:bold;}
.HomeTop .title .sc{ float:left; margin-left: 50px; border: 1px solid #ddd; border-radius:4px; height: 36px; padding: 1px; width: 450px;}
.HomeTop .title .sc .input{ background: none; border: none; height: 36px; width: 400px; float:left; font-size: 16px; text-indent: 10px;}
.HomeTop .title .sc .but{ background:url(img/ico_sc.png) no-repeat center; background-size: 20px; width:45px; height: 34px; border: none; float:left; cursor: pointer;}



.HomeTop .Left{ float:left; width: 800px;}

.HomeTop .Left .fenlei{}
.HomeTop .Left .fenlei li{ line-height: 160%; padding: 5px 0; font-size: 16px; float: left; width: 100%;}
.HomeTop .Left .fenlei li strong{ display:block; float:left; width: 100px;}
.HomeTop .Left .fenlei li span{ display:block; width: 670px; float:left;}
.HomeTop .Left .fenlei li a{ margin-right: 8px;}


.HomeTop .Right{ float:right; width: 500px;}
.HomeTop .Right h2{ text-indent: 10px;}
.HomeTop .Right li{ float:left; width: 140px; text-align:center; color: #999; line-height: 150%; margin: 15px 40px 0 0;}
.HomeTop .Right li img{ display:block; width: 75px; display:block; margin: 0 auto 10px;}
.HomeTop .Right li strong{ display:block; color: #333;}
.HomeTop .Right .r{ float:right; margin-right: 0;}


.HomeTop .Right .but{ clear:both; padding-top: 20px;}
.HomeTop .Right .but a{ display:block; width: 250px; margin: 0 auto; height: 52px; background: #184074; font-size: 20px; color: #fff; text-align:center; line-height: 52px; border-radius:4px;}
.HomeTop .Right .but a:hover{ background: #0CF;}

.HomeProducts{ background: #f8f8f8; padding: 30px 0; margin-top: 35px;}
.HomeProducts .title a{ background:url(img/ico_more.png) no-repeat right center; background-size: 20px; float:right; padding-right: 25px;}

.HomeProducts ul{}
.HomeProducts ul li{ float:left; width: 320px; margin: 20px 26px 20px 0; }
.HomeProducts ul li img{ width: 320px; height: 240px;}
.HomeProducts ul li strong{ display:block; font-size: 16px;color: #333;}
.HomeProducts ul li span{ display:block; padding: 15px 20px; line-height: 180%; color: #999;}
.HomeProducts ul li a{  display:block; background: #f8f8f8;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); }
.HomeProducts ul li a:hover{ background: #ddd;  }
.HomeProducts ul .r{ margin-right: 0; float:right;}
.HomeProducts ul li em{ font-style:normal;color: #333;}

.HomeProducts .more { clear:both; padding: 20px 0 15px;}
.HomeProducts .more a{ width: 90px; margin: 0 auto; padding: 0 25px; display:block; height: 42px; line-height: 42px; background: #ddd url(img/ico_more.png) no-repeat 100px center; background-size: 20px; border-radius:4px;}
.HomeProducts .more a:hover{  background: #184074 url(img/ico_more.png) no-repeat 100px center;background-size: 20px; color: #fff;}



.ProductsSearch{ border: 1px solid #ddd; background: #fff; border-radius:4px; height: 36px; padding: 1px; width: 450px;}
.ProductsSearch .input{ background: none; border: none; height: 36px; width: 400px; float:left; font-size: 16px; text-indent: 10px;}
.ProductsSearch .but{ background:url(img/ico_sc.png) no-repeat center; background-size: 20px; width:45px; height: 34px; border: none; float:left; cursor: pointer;}



.ProductsMenu{ background: #f8f8f8; padding: 35px 0; border-bottom: 1px solid #E9E9E9;}
.ProductsMenu ul{}
.ProductsMenu ul li{ line-height: 160%; padding: 10px 0; font-size: 16px; width: 100%; float:left;}
.ProductsMenu ul li strong{ display:block; float:left; width: 100px;}
.ProductsMenu ul li span{ float:right; display:block; width: 1250px;}
.ProductsMenu ul li .tag{ background: #184074; padding: 2px 6px; border-radius:4px; color: #fff;}
.ProductsMenu ul li a{ margin-right: 10px;}


.ProductsList{ padding: 35px 0;}
.ProductsList .title{ height: 50px; line-height: 50px; padding: 0 20px; background: #f8f8f8;border-radius:4px; }
.ProductsList .title h2{ font-size: 18px; font-weight:bold;}

.ProductsList ul li,.View .xianguan ul li{ float:left; width: 320px; margin: 20px 26px 20px 0; }
.ProductsList ul li img,.View .xianguan ul li img{ width: 320px; height: 240px;}
.ProductsList ul li strong,.View .xianguan ul li strong{ display:block; font-size: 16px;}
.ProductsList ul li span,.View .xianguan ul li span{ display:block; padding: 15px 20px; line-height: 180%;}
.ProductsList ul li a,.View .xianguan ul li a{ display:block; background: #f8f8f8;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); }
.ProductsList ul li a:hover,.View .xianguan ul li a:hover{ background: #ddd;}
.ProductsList ul .r,.View .xianguan ul .r{ margin-right: 0; float:right;}
.ProductsList ul li em,.View .xianguan ul li em{ font-style:normal;}



.ContentLinks{ padding: 20px 0;}

.View{}
.View .viewleft{ float:left; width: 670px;}
.View .viewleft #wrapper { width: 640px;}
.View .viewleft #fullsize{ position:relative;height:480px;}
.View .viewleft #fullsize img{ width:100%; height: 480px;}
.View .viewleft #image {}
.View .viewleft #image img { position:absolute; z-index:25; border-radius: 4px; }
.View .viewleft .imgnav { position:absolute; width:49%; height:480px; cursor:pointer; z-index:150; left: 0;}
.View .viewleft #thumbnails { padding:15px 0; clear:both;}

.View .viewleft .imgnav2 { position:absolute; width:49%; height:480px; cursor:pointer; z-index:150; right: 0;}


.View .viewleft #slidearea { width:670px; overflow:hidden;}
.View .viewleft #slider {}
.View .viewleft #slider img {cursor:pointer;width:97px; height:70px; border: 2px solid #fff; border-radius: 4px;}




.View .miaoshu{ float:right; width:670px; }
.View .miaoshu h1{ font-size: 28px; padding-bottom: 20px;}
.View .miaoshu ul{ width: 100%; float:left; padding: 25px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.View .miaoshu ul li{ float:left; width: 50%; height: 38px; line-height: 38px; overflow:hidden;}


.View .miaoshu .contact{ background: #F8F8F8; clear:both; margin-top: 30px; padding: 25px; line-height: 250%;border-radius:4px;}
.View .miaoshu .contact .but,.View .miaoshu .contactmember .but{ display:block; width: 350px; height: 50px; margin-top: 15px; background: #184074; font-size: 20px; color: #fff; text-align:center; line-height: 50px; border-radius:4px; border: none; cursor: pointer;}
.View .miaoshu .contact .but:hover,.View .miaoshu .contactmember .but:hover{ background: #0CF;}
.View .miaoshu .contactmember{ background: #FDE1C8; text-align:center; clear:both; margin-top: 30px; padding: 25px; line-height: 250%;border-radius:4px;}
.View .miaoshu .contactmember .but{ margin: 15px auto 0;}


.View .title{ font-weight:bold; font-size: 24px; height: 60px;}


.View .peizhi{ clear:both; padding: 35px 0;}


.View .peizhi li{ float:left; width: 50%; line-height: 160%; padding: 10px 0;}
.View .peizhi li strong{ padding-right: 10px;}

.View .textlist{ border: 1px solid #ddd; padding: 25px;border-radius:4px;white-space: normal; word-break: break-all; line-height: 200%;}
.View .poshop{ padding: 35px 0;}
.View .poshop .list{}
.View .poshop .list li{ float:left; width: 670px; padding-bottom: 20px;}
.View .poshop .list li:nth-child(even){ float:right;}
.View .poshop .list li img{ display:block; width: 100%; border-radius:4px;}

.View .xianguan{ padding-bottom: 35px;} 
.View .xianguan ul li{ margin: 0 26px 0 0; }

.newslist,.downlist{ padding: 20px 0;}
.newslist h1,.downlist h1,.ContentAboutUs h1,.downview h1{ font-size: 24px; font-weight:bold; height: 45px;}
.newslist ul{ margin-top: 15px;}
.newslist li{ padding: 25px 0; height: 140px; border-bottom: 1px solid #ddd;}
.newslist li img{ float:left; width: 210px; height: 140px; display:block; float:left;}
.newslist li p{ margin: 0; padding: 0; float:right; width: 1120px; line-height: 200%; color: #666;}
.newslist li p strong{ display:block; font-size: 18px;}
.newslist li p em{ display:block; font-style:normal;}

.newslist li:nth-child(even){}

.newslist .next{ border-top: 1px solid #E9E9E9; line-height: 32px; padding: 15px 0;}
.newslist .next span{ float:right; margin-top: 18px;}
.newslist .next span a{ display:block; width: 75px; height: 36px; line-height: 36px; text-align:center;  background:#0C66A9; color: #fff; border-radius:4px;}
.newslist .next span a:hover{ background: #000;}

.newslist .text{ line-height: 200%; padding: 20px 0;}
.newslist .text p{line-height: 200%; padding: 10px 0; margin: 0;}




.downfenlei{ float:left; width: 200px; background: #f8f8f8;}
.downfenlei h2{ background:#184074; font-size: 20px; padding: 15px 20px; color: #fff;border-radius:4px;}
.downfenlei ul{ padding: 20px;}
.downfenlei ul li{text-indent: 22px; padding: 7px 0;}
.downfenlei ul .tag{ background:url(img/ico_3.png) no-repeat 0 center; background-size: 12px; padding: 10px 0; }


.downlist,.downview{float:right; width: 1130px; padding-bottom: 35px;}
.downlist ul{}

.downlist .search{ height: 50px;}
.downlist .search h1{ float:left;}
.downlist .search .input{ border: 1px solid #ddd; width: 250px; height: 28px; float:right;border-radius:4px; text-indent: 10px; margin-right: 5px;}
.downlist .search .but{ height: 32px; float:right; background: #184074; line-height: 32px; color: #fff; width: 75px; cursor: pointer;border-radius:4px;}


/*----
.downlist li{ padding: 15px; float:left; width: 520px;  background: #fff;box-shadow: 0px 0 6px 0px rgba(0,0,0,0.15); border-radius:4px; margin-top: 30px;}
.downlist li img{ width: 95px; height: 110px; float:left;border-radius:4px;}
.downlist li p{ margin: 0; padding: 5px 0 0; float:right; width: 405px; line-height: 180%;}
.downlist li p strong{ display:block; font-size: 16px; padding-bottom: 2px;}
.downlist li p span{ display:block; padding-bottom: 5px; color: #666;}
.downlist li p .more{ color: #09F; padding-top: 7px;}
.downlist li p .more:hover{ color: #F60}

.downlist li:nth-child(even){ float:right;}

*---------*/

.downlist li{ padding: 30px 0; border-bottom: 1px solid #ddd; height: 110px;}
.downlist li img{ width: 105px; height: 110px; float:left;border-radius:2px;}
.downlist li p{ margin: 0; padding: 5px 0 0; float:right; width: 1005px; line-height: 180%;}
.downlist li p strong{ display:block; font-size: 16px; padding-bottom: 2px;}
.downlist li p span{ display:block; padding-bottom: 5px; color: #666;}
.downlist li p .more{ color: #09F; padding-top: 7px;}
.downlist li p .more:hover{ color: #F60}





.downview { line-height: 200%;}
.downview .miaoshu{ background: #f8f8f8; margin-top: 10px; padding: 15px; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); }
.downview .text{ padding: 20px 0;}
.downview .text p{ margin: 0; padding: 10px 0;}
.downview .pdf{ padding: 25px 0 35px; border-top: 1px solid #ddd;}
.downview .pdf a{  background:#184074; float:right; width: 90px; height: 42px; line-height: 45px; color: #fff; text-align:center; border-radius:4px;}
.downview .pdf a:hover{ background: #000;}


.ContentAboutUs{}
.ContentAboutUs .text{ }
.ContentAboutUs .text{ line-height: 200%; padding: 20px 0;}
.ContentAboutUs .text p{line-height: 200%; padding: 10px 0; margin: 0;}



.Ai iframe{width: 100%; height: 100%; min-height: 700px}

.banner{ background: url(img/banner_1.png) no-repeat center 0; height: 200px; background-size: 80%; margin: 15px 0;}

.reg{ width: 450px; margin: 50px auto; background: #fff;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); padding: 50px; }
.reg{ width: 450px; margin: 50px auto; background: #fff;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); padding: 50px; }
/*----------------
.reg h1{ background: url(img/login_bg.png) no-repeat 0 center; background-size: cover; font-size: 26px; padding: 25px; text-align:center; color: #fff;border-radius:4px;}
----*/
.reg h1{font-size: 32px; padding: 0 25px; text-align:center; border-radius:4px;}
.reg ul{ margin-top: 25px;}
.reg li{ padding: 8px 0; font-size: 16px; clear:both;}
.reg .input,.reg .select{ display:block; width: 100%; height: 36px; border: 1px solid #ddd; margin-top: 7px; font-size: 16px; text-indent: 10px; border-radius:4px;}
.reg .select{ height: 39px; }
.reg .but{ background: #184074; width: 100%; height: 52px; text-align:center; font-size: 18px; border: none; color: #fff; border-radius:4px; margin: 20px auto 0; display:block;}
.reg .bottom{ padding-top: 35px; text-align:right;}


.Member{ padding-bottom: 35px;}
.MemberLeft{ float:left; width: 200px; background: #f8f8f8;}
.MemberLeft h2{ background:#184074; font-size: 20px; padding: 15px 20px; color: #fff;border-radius:4px;}
.MemberLeft ul{ padding: 20px;}
.MemberLeft ul li{ padding: 10px 0;}

.MemberRight{ float:right; width: 1130px;}
.MemberRight .title{ font-size: 20px; background: #f8f8f8;  font-weight:bold; padding: 15px; }
.MemberRight .title2{ font-size: 18px;height: 45px; line-height: 40px; font-weight:bold; text-indent: 15px; margin-top: 25px;border-left: 4px solid #e2e8f0;background: #f8f8f8; }
.MemberRight .title span{ float:right; font-size: 16px; font-weight:normal;}
.MemberRight .table{ width: 100%; margin-top: 30px; }
.MemberRight .table th{ text-align:right; padding: 7px 7px 7px 0; width: 220px; font-weight:normal;}
.MemberRight .table td{ padding: 7px 0;}
.MemberRight .table .input,.MemberRight .table .select{ display:block; height: 32px; border: 1px solid #ddd; font-size: 16px; text-indent: 10px; border-radius:4px; width: 300px;}
.MemberRight .table .but{ background: #000; width: 100px; height: 42px; text-align:center; font-size: 16px; border: none; color: #fff; border-radius:4px;}
.MemberRight .table .select{text-indent: 0;  }


.MemberRight .table .textarea{ width: 99%; height: 160px; border: 1px solid #ddd; font-size: 14px; border-radius:4px; padding: 10px 0; text-indent: 0;}

.MemberRight .table .bottom{ text-align:right;}

.MemberRight .table2{ width: 100%; margin-top: 15px; background-repeat:no-repeat;}
.MemberRight .table2 th{ padding: 7px 0; border-bottom: 1px solid #ddd;}
.MemberRight .table2 td{ text-align:center; padding: 10px 0;}

.MemberRight .table2 a{ color:#09F;}
.MemberRight .table2 .t1{ text-align:left;}

.MemberRight .top{ padding: 25px 15px;}

.MemberRight .top .tishi{background: #FDE1C8; text-align:center; clear:both; margin-top: 30px; padding: 25px; line-height: 250%;border-radius:4px;}
.MemberRight .top .tishi .but{display:block; width: 300px; height: 45px; margin: 15px auto 0; background: #184074; font-size: 16px; color: #fff; text-align:center; line-height: 45px; border-radius:4px; border: none; cursor: pointer;}
.MemberRight .top .tishi .but:hover{ background: #09f;}



/*------上传图片CSS----------*/
.MemberRight .table .but2{background: #184074;  padding: 10px 0; width: 50%; display:block; margin: 20px auto 0; text-align:center; font-size: 14px; border: none; color: #fff; border-radius:4px;}
.file-input-label {display: block;padding: 15px;background: #f1f2f6;border: 1px dashed #184074;border-radius: 4px;text-align: center;cursor: pointer;transition: all 0.3s ease;}
.input2 { display: inline-block;  padding: 8px 20px;  background-color: #184074;  color: white;  cursor: pointer;  border-radius: 4px;  text-align: center;}
.input2:hover {background-color: #007bff;}
.message {padding: 10px;border-radius: 6px;margin: 20px 0;text-align: center;display: none;background: #FC3;color: #fff;}
.preview-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: 20px;margin-top: 20px;}
.preview-item{position:relative;width:18%;float:left;margin:5px;border-radius:4px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform 0.3s ease}
.preview-item:hover{transform:translateY(-5px)}
.preview-image{width:100%;height:150px;object-fit:cover;display:block}
.preview-info{padding:10px;background:#f8f9fa;font-size:13px;color:#57606f}
.preview-remove{position:absolute;top:0;right:0;background:#000;color:white;width:32px;height:32px;line-height:32px;border-radius:4px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.preview-remove:hover{transform:scale(1.1);background: #F60}
.preview-status{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:white;padding:5px;font-size:12px;text-align:center;display:none}
@media (max-width:768px){.preview-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.preview-image{height:150px}
.actions{flex-direction:column}
.btn{width:100%}
}

/*------上传图片CSS----------*/



.MemberRight .liuchen{ height: 35px; line-height: 35px; width: 750px; margin: 35px auto;}
.MemberRight .liuchen li{ width: 250px; float:left;}
.MemberRight .liuchen li strong{ background: #bdc3c7; display:block; width: 30px; height: 30px; color: #fff; line-height: 30px; font-size: 14px; text-align:center;  border-radius: 30px; float:left; margin-right: 10px;}
.MemberRight .liuchen li .tag{background: #184074;}


.preview-item { transition: all 0.3s ease;}
.progress-bar { height: 5px; background-color: #e2e8f0; margin-top: 15px;}
.progress { height: 100%; background-color: #4299e1; width: 0%; }




.demo-input{padding-left: 10px; height: 38px; min-width: 262px; line-height: 38px; border: 1px solid #e6e6e6;  background-color: #fff;  border-radius: 2px;}
.demo-footer{padding: 50px 0; color: #999; font-size: 14px;}
.demo-footer a{padding: 0 5px; color: #01AAED;}

.error {color: #F30; font-size: 12px; margin-top: 10px;display: none;}
.error i{ margin-right: 5px;}


.FootLiuchen{ padding: 35px 0;}

.FootLiuchen .title{ height: 65px;}
.FootLiuchen .title h2{ font-size: 22px; float:left; font-weight:bold;}
.FootLiuchen .title span{ float:left; border-left: 1px solid #ccc; padding-left: 15px; margin: 5px 0 0 15px;}
.FootLiuchen ul{ clear:both;}
.FootLiuchen ul li{ float:left; width: 150px; color: #666; text-align:center; margin-right: 92px; line-height: 180%;}
.FootLiuchen ul .r{ float:right; margin-right: 0;}
.FootLiuchen ul li img{ display:block; margin: 0 auto;}
.FootLiuchen ul li strong{ display:block; color: #333;}



.Foot{ background: #000; padding: 40px 0; color: #999;}
.Foot .L{ float:left;}
.Foot .L h3{ font-size: 16px; color: #fff; height: 40px;}
.Foot .L li{ float:left; margin-right: 20px; font-size: 14px;}
.Foot .L a,.Foot .L a:visited{ color: #999;}
.Foot .L a:hover{ color: #0CF;}

.Foot .L p{ clear:both; margin: 0 ; padding: 40px 0 0; font-size: 12px;}


.Foot .wx{ float:left; text-align:center; font-size: 13px;}
.Foot .wx img{ display:block; margin-bottom: 7px;}

.Foot .pic{ float:right; margin-top: 40px;}
.Foot .pic img{ height: 25px; margin-left: 15px;}

/* 手机屏幕定义 */
@media (max-width: 767px) {
.hxs { display: none !important;}

.Header .logo{ float:left; padding: 10px 15px;}
.Header .logo img{ width: 150px;}

.Header .entop{ background:url(img/ico_1.png) no-repeat 0 center; background-size: 18px; padding-left: 25px; float:right; margin: 30px 50px 0 0;}
.Header .entop a{ color: #fff;}

.w1360{ width:auto;}
.meum2{ position: absolute; top: 67px; right: 0; width: 190px; z-index: 999; display:block;}
.meum2 h5{ float:left; width:35px;}
.meum2 h5 img{ width: 24px;}
.meum2 ul{background: rgba(0,0,0,0.85); float:left; width: 125px; padding: 10px 0 10px 30px;}
.meum2 ul li{ line-height: 45px;}
.meum2 ul li a{ color: #fff; font-size: 16px;}
.mobile{ float:right; margin: 20px 15px 0 0;}
.mobile a{ color: #fff;}
.mobile .oxx{ background:url(img/i-menu.png) no-repeat 0 0; display:block; width: 28px; background-size: 28px; padding-top: 22px; font-size: 12px; text-align:center;}


.MomberBanner img{ width: 100%; display:block;}

.HomeBanner{ background-image: none;padding-top:0; height: auto;}
.HomeTop{ border-radius:4px; padding: 10px; }
.HomeTop .title,.HomeProducts .title{ height: auto; line-height: 40px;}
.HomeTop .title h2,.HomeProducts .title h2{ font-size: 18px; float: none; background: #DFDFDF; padding: 3px 10px;}
.HomeTop .title .sc{ margin: 15px 0 0 0; width: 99%;}
.HomeTop .title .sc .input{ width: 85%;}
.HomeTop .title .sc .but{float:right;}



.HomeTop .Left{ float: none; width: auto;}
.HomeTop .Left .fenlei{ margin-top: 25px; clear:both;}

.HomeTop .Left .fenlei li{ padding: 10px 0; font-size: 14px; float: none;}
.HomeTop .Left .fenlei li strong{ float: none; width: auto;}
.HomeTop .Left .fenlei li span{ width: auto; float: none;}





.HomeTop .Right{ float:none; width: auto; padding-bottom: 20px;}
.HomeTop .Right h2{ text-indent: 0;}
.HomeTop .Right li{width: 33.3%; margin: 15px 0 0 0;}
.HomeTop .Right li img{width: 70px; }
.HomeTop .Right .but a{ width: 150px; height: 45px; line-height: 45px;}



.HomeProducts{ background: #fff; padding: 0 10px 20px;}
.HomeProducts .title a{ margin: 5px 10px 0 0;}
.HomeProducts ul li{ float: none; width: 100%; margin: 20px 26px 20px 0; }
.HomeProducts ul li img{ width: 100%; height: auto;}
.HomeProducts ul li a{  background: #fff;}



.ProductsMenu{  padding: 15px;}
.ProductsMenu ul li{ padding: 10px 0; font-size: 14px;}
.ProductsMenu ul li strong{ float: none; font-size: 16px; width:auto;}
.ProductsMenu ul li span{ float: none; display:block; width: auto;}



.ProductsList{ padding: 25px 10px;}
.ProductsList .title{ font-size: 18px; float: none; padding: 3px 10px; border-radius:0;line-height: 40px; height: 40px; background: #DFDFDF;}
.ProductsList ul li,.View .xianguan ul li{ float: none; width: auto; margin: 20px 0; }
.ProductsList ul li img,.View .xianguan ul li img{ width: 100%; height: auto; display:block;}
.ProductsList ul .r,.View .xianguan ul .r{ margin-right: 0; float: none;}

.ContentLinks{ padding: 15px;}

.reg{ width: auto; margin: 0 auto; box-shadow: none; padding: 15px; }
.reg h1{ background: none; font-size: 22px; padding: 15px 0; text-align:center; color: #333;}


.banner{ height: 50px; background-size: 100%; margin: 15px 0;}

.downfenlei{ float: none; width: auto; margin: 0 10px;}
.downfenlei h2{  padding: 10px 20px;}
.downfenlei ul{ padding: 10px 20px;}
.downfenlei ul li{ padding: 10px 0;}



.downlist,.downview{float: none; width: auto; padding: 20px 10px 35px;}
.downlist li{ padding: 10px; float: none; width: auto; margin-top: 20px;}
.downlist li img{ width: 100%; height: auto; float: none;}
.downlist li p{float: none; width: auto; line-height: 180%;}
.downlist li:nth-child(even){ float: none;}








.newslist h1,.downlist h1,.ContentAboutUs h1,.downview h1{ height: auto; padding: 0 10px;}


.newslist li{ padding: 25px 0; height: auto; border-bottom: 1px solid #ddd; margin: 0 10px;}
.newslist li img{ float: none; width: 100%; height: auto;}
.newslist li p{ padding: 10px 0; float: none; width: auto;}

.newslist .text{ padding: 10px;}
.newslist .next{  padding: 15px 10px;}






.View .viewleft{ float: none; width: auto; padding: 0 10px;}
.View .viewleft #wrapper { width: auto;}
.View .viewleft #fullsize{ height: 280px;}
.View .viewleft #fullsize img{ width:100%; height: auto;}
.View .viewleft #image {}
.View .viewleft #image img { border-radius: 0; }
.View .viewleft .imgnav {  height:auto; }
.View .viewleft .imgnav2 {  height: auto;}
.View .viewleft #slidearea { width: auto;}
.View .viewleft #slider img {width:81px; height:60px; border-radius: 0;}
.View .miaoshu{ float: none; width: auto; padding: 15px 10px;}
.View .miaoshu h1{ font-size: 24px;}
.View .miaoshu li{ font-size: 14px;}
.View .miaoshu .contact{ clear:both; margin: 30px 0 0; padding: 15px; }


.View .title{ height: 40px; text-indent: 10px;}
.View .peizhi{ padding: 20px 10px;}
.View .peizhi li{ height: auto; line-height: 150%; width:auto; float:none;  padding: 10px 0;}



.View .peizhi li strong{ width: auto; float: none; }
.View .textlist{padding: 10px; margin: 0 10px;}
.View .poshop{ padding: 25px 10px;}
.View .peizhi .title,.View .poshop .title{ text-indent: 0;}
.View .poshop .list li{ float: none; width: auto;}
.View .poshop .list li:nth-child(even){ float: none;}
.View .poshop .list li img{ border-radius:0;}
.View .xianguan{ padding: 10px;} 
.View .xianguan ul li{ margin: 10px 0; }





.Member{ padding: 10px;}
.MemberLeft{ float: none; width: auto;}
.MemberLeft h2{ padding: 15px;}
.MemberLeft ul{ padding: 15px;}


.MemberRight{ float: none; width: auto; margin-top: 35px;}
.MemberRight .title{ font-size: 18px; padding: 10px; }
.MemberRight .title2{ font-size: 16px;}

.MemberRight .title span{ float: none; font-size: 12px; margin-left: 10px;}
.MemberRight .table th{ padding: 5px 0; width: auto; display:block; text-align:left; font-weight:bold;}
.MemberRight .table td{ padding: 0 0 12px; display:block;}
.MemberRight .table .input,.MemberRight .table .select{ width: 99%;}
.MemberRight .table .but{ width: 99%; height: 42px; text-align:center; margin:auto;}
.MemberRight .table .textarea{ width: 99%; height: 100px; border: 1px solid #ddd; font-size: 16px; border-radius:4px}
.MemberRight .table .bottom{ text-align:right;}


.MemberRight .liuchen{ width: auto; line-height: 150%;}
.MemberRight .liuchen li{ width: 33%;}
.MemberRight .liuchen li strong{ margin-right: 5px;}

.preview-item{width:30%;}




.ContentAboutUs{ padding: 10px;}
.ContentAboutUs .text{ line-height: 180%;}
.ContentAboutUs .text p{line-height: 180%; }


.Foot{ padding: 20px; }
.Foot .L{ width: auto;}
.Foot .L h3{ text-align:center;}
.Foot .L li{ float:left; margin-right: 0; font-size: 16px; width: 33.3%; line-height: 250%; text-align:center;}
.Foot .L p{ padding: 10px 0 0; text-align:center; line-height: 200%;}
.Foot .L p a{ display:block;}
.Foot .wx{ float: none; padding-top: 20px; clear:both;}
.Foot .wx img{  margin: 0 auto 7px;}

.Ai{ padding: 10px;}
.Ai iframe{width: 100%; height: 100%; min-height: 700px}
}
@media (min-width: 768px) and (max-width: 991px) {
.hsm { display: none !important;}
}
/* PC屏幕定义 */
@media (min-width: 992px) and (max-width: 1199px) {
.hmd {display: none !important;}
}
@media (min-width: 1200px) {
.hlg {display: none !important;}
}