*,body{ margin: 0; padding: 0;}
body,table{ font-size: 12px; color: #333; font-family: Arial, Helvetica, sans-serif;}
body{ background:#E5E5E5 url(../images/body_bg.jpg) center top repeat-x;}
ul,li{ padding: 0; margin: 0; list-style: none;}
.w{ width: 920px; margin: 0 auto;}
a{ text-decoration: none;}
.header{}
.header .logo{ display: flex; justify-content: space-between; align-items: center; padding: 20px; box-sizing: border-box;}
.header .logo a{ background: url(../images/ico.png) left center no-repeat; padding-left:15px; color: white; margin-left: 30px;}
.header .menu{ padding: 0 20px; box-sizing: border-box; display: flex; justify-content: space-between;}
.header .menu a{font-size: 14px; border-top-left-radius:10px; border-top-right-radius:10px; font-weight: bold; color: white; flex: 1; background: linear-gradient(#5c5c5c, #d7d7d7); display: inline-block; margin: 0 5px; line-height: 43px; text-align: center;}
.header .menu a:hover{background: #ff0202;}

.swiper1{ }
.swiper1 .swiper-pagination-bullet { width: 10px; height: 10px; background: #eee; border: 2px solid #fff; opacity: 1;border-radius: 50%;}
.swiper1 .swiper-pagination-bullet-active{ background-color:#ff0000; border-radius: 50%; }
.swiper1 .swiper-button-next{display: none; }
.swiper1 .swiper-button-prev{display: none; }
.swiper1 .swiper-button-next:after,.swiper1 .swiper-button-prev:after {display: none;}
.main{ padding: 10px; box-sizing: border-box; background-color: white;}
.con{ margin-top: 10px; display: flex; justify-content: space-between;}
.con-left{ width: 340px; background: #E5E5E5;}
.con-center{ width: 336px;}
.con-right{ width: 202px;}
.selectbg{ background-color: #D2D2D2; text-align: center;}
.con-center p{ text-indent: 2em;}
.con-right a{display: block; margin-bottom: 5px;}

.footer{border-top:1px solid #CFCFCF;background:#F1F1F1; display: flex; justify-content: space-between; padding: 20px 10px;}
.footer>div{ text-align: right; line-height: 25px;}
.footer a{ color: #666;}

.mincon{ display: flex; justify-content: space-between; padding:10px; background-color: white;}
.mincon .min-left{ width: 243px; background: url(../images/nei_body_left_bg.jpg) repeat-y;}
.mincon .min-right{ width: 657px;}

.leftnav ul{ margin: 50px;}
.leftnav li{ background: url(../images/x_gif.gif) center bottom no-repeat; line-height: 35px; text-align: center;}
.leftnav a{ display: block; padding-left: 10px; color: #666; text-align: left;}

.local{border-bottom: 1px solid #ddd; background: url(../images/ls_arrow.gif) 10px center no-repeat; padding-left: 30px; line-height: 45px;}
.tit{margin: 10px 0 0 10px; background: url(../images/about_2.gif) no-repeat; line-height: 33px; padding-left: 80px; font-size: 14px; font-weight: bold; color: white;}
.aboutus{ padding: 20px; line-height: 150%;}
.aboutus a{ color: #666;}

.photoshop ul{ display: flex; flex-wrap: wrap; margin: 10px;}
.photoshop ul li{width: calc(33.33333% - 10px ); margin: 5px; border: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.photoshop ul li img{ width: 170px; height: 170px;}
.photoshop ul li span{ display: block; text-align: center; line-height: 35px; color: #333;}

.newcon .tit2{ text-align: center; font-size: 14px; color: #333; font-weight: bold; border-bottom: 1px solid #ddd; line-height: 35px; margin-bottom: 20px;}

.productlist ul{ display: flex; flex-wrap: wrap; margin: 10px;}
.productlist ul li{width: calc(50% - 50px ); margin:10px 25px; border: 1px solid #ddd; box-sizing: border-box; text-align: center; padding: 10px; box-sizing: border-box;}
.productlist ul li img{ width: 125px; height: 125px;}
.productlist ul li span{background: url(../images/arrow.gif) left center no-repeat; text-align: left; padding-left: 10px; display: block;line-height: 35px; color: #333; font-size: 14px; font-weight: bold;}