@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal} .daohang {  background-color:#fff; padding: 0px; text-align: center; height: 95px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } 
.daohang2 {background-color:#fff; padding: 0px; text-align: center; height: 95px;  width: 100%; max-width:1450px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } 

table{border-collapse:collapse}
 table{width:100%;margin-bottom:1rem;color:#212529;} table th,.xiangqing table td{padding:0.5rem;vertical-align:middle;border:1px solid #dee2e6;text-align:center;} table tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,0.03);} table tbody tr:hover{background-color:rgba(0,0,0,0.075);color:#555;}
input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance: none;
}

.head { position:absolute; padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } 
.home { position: fixed;left:0; top:0; display:none; z-index:999999999999; margin-top: 0px; margin-left: 0px; padding: 0px; height: auto; width:80px; text-align: left; }
.home img {  margin-top: 15px; margin-left: 20px;height: 20px; width: auto; text-align: left; float:left }
.top {padding: 0px; text-align: center; height: 94px; width: 100%; max-width:1450px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.logo { margin-top: 26px; margin-left: 0px; padding: 0px; height: auto; width:177px; float: left; text-align: center; }.logo img{ width:100%;max-width:100%; height:auto; }
.logowen { margin-top: 0px; margin-left: 20px; padding: 0px; height: auto; line-height:94px; width:auto; float: left; text-align: left;font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 43px; color:#000; font-weight:bold }

.langua { margin-top: 33px; margin-left: 0px; padding: 0px; height: auto; line-height:auto; width:auto; float: right; text-align: left;}

.langua a:link{margin:0; padding-right:10px;height: auto; line-height: auto; width:auto;float: left;font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; font-size:16px; color:#000; text-align:center;  font-weight:600  }




@media only screen and (max-width: 1013px){.logowen { font-size: 35px;  }}




.caidan { margin-top: 0px; margin-left: 0px; padding: 0px; height: auto; width: auto; float:right;  } .cxian { display:none; margin-top: 0px; margin-left: 0px; padding: 0px; height: 49px; width: 100%; float: left; text-align: right; } .fudong { display:none; position:fixed; right:0px;bottom:0px; z-index:999; padding: 0px; text-align: center; height: 47px; width: 100%; margin: 0px; background-color: #333 } .fudong a { float:left; padding: 0px; text-align: center; height: auto; width: 33.3333333%; margin: 0px 0px 1px 0px; }.fudong a img{ height: auto; width: auto; max-width: 100%; }.fudong a span{ display:none; position: absolute; right:47px;top:192px; z-index:9999999; text-align: center; height: 47px; line-height: 47px; width: auto; background-color:#FFCC66; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; color:#fff; font-size: 16px;white-space:nowrap; }.fudong a:hover span{ display: block; }.fudong a div{ display:none; position: absolute; right:47px;top:240px; z-index:9999999; text-align: center; height: 47px; line-height: 47px; width: auto; background-color:#FFCC66; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; color:#fff; font-size: 16px;white-space:nowrap; }.fudong a:hover div{ display: block; } 


@media only screen and (max-width: 1570px){.head { position:absolute; padding: 0px;left:5%; text-align: center; height: auto; width: 95%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .caidan { margin-top: 0px; margin-left: 0px; margin-right: 5%; padding: 0px; height: auto; width: auto; float:right;  }}

@media only screen and (max-width: 906px){ .caidan { margin-top: 0px; margin-left: 0px; margin-right: 0;padding: 0px; height: auto; width: 100%; float:left;  } 
.search2 {  font-size:14px;color:#000;
	text-align:center;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 50px;
	width:40px;
	float: right;

	
	background-image: url(/pic/search3.png);
	background-repeat: no-repeat;
	background-position: center center ;
}.search-container{ z-index:9999999999;position: absolute;right: 0;top: 50px;background:#ffffff;padding: 15px;box-sizing: border-box;width: 350px;display: none;}.fudong { display:block;}.home { display: block; } .language-box{position: relative;left: 0px;top:12px;background:#000000;display: none; z-index:99999999999; width:auto;float:right;} } @media only screen and (max-width: 906px){
	.head { display:none;position: relative; padding: 0px; text-align: center; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; float:left; } .top { padding: 0px; text-align: center; height: auto; margin:0 auto; width: 100%;max-width: 945px; } .logo { margin: 10px 0; padding: 0px; height: auto; width:100%; float: left; text-align: center; }.logo img { height: auto; width:280px; } .top {padding: 0px; text-align: center; height: auto; width: 100%;max-width: 1450px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }.logowen { margin-bottom: 20px; margin-top: 0px; margin-left: 0px; padding: 0px; height: auto; line-height:40px; width:100%; float: left; text-align: center;font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 20px; color:#000; font-weight:bold }.langua { display:none} .cxian { display: block; } 
.daohang { background-color: #fff;position:fixed; z-index:9999; top:0px ; text-align: left; height: auto; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-bottom: 0px solid #fff; } .daohang2 {background-color:#fff; padding: 0px; height: auto; max-width: 906px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left;	}} #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #cssmenu #menu-button { display: none; } #cssmenu { z-index: 999;height:95px; width: 100%; font-family: Nunito,sans-serif,Arial,SimSun,Verdana, sans-serif; background: none; } #menu-line { position: absolute; top: 35px; left: 0; height: 40px; background:none; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } #cssmenu > ul > li { float: left; } #cssmenu.align-center > ul { font-size: 0; text-align: center; } #cssmenu.align-center > ul > li { display: inline-block; float: none; } #cssmenu.align-center ul ul { text-align: left; } #cssmenu.align-right > ul > li { float: right; } #cssmenu.align-right ul ul { text-align: right; }  #cssmenu > ul > li > a {line-height:95px; padding: 0 20px; font-family: Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; color: #000; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #cssmenu > ul > li.active.has-sub > a::after{ color: #FF0000;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: #FF0000;  } #cssmenu > ul > li.has-sub > a { padding-right: 30px; } #cssmenu > ul > li.has-sub > a::after { position: absolute; top: 0px; right: 15px; width: auto; height: 95px; line-height: 95px; border-bottom: 0px solid #000000; border-right: 0px solid #000000; content: "\f105";	font-size: 16px;transition: all 0.4s ease 0s; font-family: 'FontAwesome'; color:#000; } #cssmenu > ul > li.has-sub:hover > a::after {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #FF0000; } #cssmenu ul ul { position: absolute; left: -9999px; min-width:280px  } #cssmenu li:hover > ul { left: auto; } #cssmenu.align-right li:hover > ul { right: 0; } #cssmenu ul ul ul { margin-left: 100%; top: 0; } #cssmenu.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #cssmenu ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } #cssmenu ul li:hover > ul > li { height: 45px; } #cssmenu ul ul li a { white-space:nowrap;text-align:left; padding: 0px 20px; width:auto; height: 45px; line-height:45px; font-size: 16px; background:#e6e6e6; text-decoration: none; color: #333; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #FF0000; background-color: #fff } #cssmenu ul ul li.has-sub > a::after { position: absolute; top: 0px; right: 5px; width: auto; height: 45px; line-height: 45px; border-bottom: 0px solid #dddddd; border-right:0px solid #dddddd; content: "\f105"; font-size: 16px; font-family: 'FontAwesome'; color:#333;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #cssmenu ul ul li.has-sub:hover > a::after { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); color: #fff; } #cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-bottom: 0; border-right: 0; border-top: 0px solid #dddddd; border-left: 0px solid #dddddd; } #cssmenu ul ul li.has-sub:hover > a::after { border-color: #099; } 

@media only screen and (max-width: 1110px){#cssmenu > ul > li > a { padding: 0 7px; font-size:15px}   }

 @media all and (max-width: 906px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #cssmenu { height:49px; width: 100%; background-color: #fff; } #cssmenu ul { background-image: url(/pic/bjs.png); background-repeat: repeat; background-position: center bottom;	height: calc(100% - 49px); height: -moz-calc(100% - 49px); height: -webkit-calc(100% - 49px); position:fixed; z-index:9999; top:49px ; overflow-y:auto; width: 100%; display: none;left:0px } #cssmenu ul li ul { position: relative; z-index:9999; overflow-y:visible; width: 100%; left:0px } #cssmenu ul ul { top:0px ; background: none; }#cssmenu > ul > li > a { padding: 0 10px; } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #ffffff; background: none; } #cssmenu.align-center > ul, #cssmenu.align-right ul ul { text-align: left; } #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li { width: 100%; height: auto;background-color: none; border-top: 1px solid #666; } #cssmenu ul li a{ width: 100%; height: 40px;line-height: 40px; } #cssmenu ul li a, #cssmenu ul ul li a {font-family: Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 14px; width: 100%;color:#fff; } #cssmenu ul li a:hover { color: #fff;background-color: #FF6600; }#cssmenu > ul > li.active > a { color: #fff;background-color: #FF0000; } #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li { float: none; display: block; } #cssmenu ul ul li a { width: auto;height: 35px; line-height: 35px; padding: 0px 30px 0px 30px; font-size: 12px; color: #fff; background: none; } #cssmenu ul li:hover > a, #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #fff;background-color: #FF0000; } #cssmenu ul ul ul li a { padding-left: 40px; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; right: auto; width: 100%; margin: 0; } #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after { display: none; } #menu-line { display: none; } #cssmenu #menu-button { display: block; padding-left: 10px; color: #fff; height:49px; line-height:49px; cursor: pointer; font-family: Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana; font-size: 16px; text-transform: uppercase; } #cssmenu #menu-button::after { font-size:35px; font-family: 'FontAwesome'; content: ""; color:#fff;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; position: absolute; top: 0px; right: 20px; display: block; width: 49px; height: 49px;line-height:49px; background-image: url(/pic/menu.png); background-repeat: no-repeat; background-position: center middle;	text-align:center } #cssmenu #menu-button::before {display: block; content: ""; position: absolute; top: 0px; right: 20px; width: 0px; height: 0px; } #cssmenu #menu-button.button:after { font-size: 35px; background-image: url(/pic/menu2.png); background-repeat: no-repeat; background-position: center middle;	-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font-family: 'FontAwesome'; content: " "; color: #fff; } #cssmenu .submenu-button { position: absolute; z-index: 9999998; right: 0; top: 0; display: block; border-left: 0px solid #CCC; height: 50px; width: 50px; cursor: pointer; } #cssmenu .submenu-button::after {	content: "\f105";	font-size: 20px;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; font-family: 'FontAwesome'; color:#fff; position: absolute; top: 10px; right: 21px; display: block; width: 20px; height: 20px;line-height: 20px; background: none; z-index: 9999999; text-align:center } #cssmenu .submenu-button::before {content: "";	position: absolute; right: 21px; top: 10px; display: block; width: 0px; height: 0px; background: none; z-index: 9999999; } #cssmenu .submenu-button.submenu-opened:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); color: #fff; } }  .lan{ text-align:left; float:left;width:100%; height:auto; margin-bottom:20px } .lan ul{ text-align:left; float:left;width:100%; } .lan ul li{ height: 40px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana;font-size:14px;line-height:40px;text-align:left; float:left;width:100%; border-bottom:1px #ddd solid; } .lan ul li a{height: 40px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana;font-size:14px;line-height:40px;text-align:left; float:left;width:100%; white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;} .lan ul li a:hover{ color:#006DD9; text-decoration:underline } .sjj_nav{ text-align:left; float:left;width:96%;height: 100%;margin: 10px 2% 20px 2%; font-size:16px;line-height:auto;overflow:auto;overflow-x:hidden; -webkit-transition:top ease 0.35s; -moz-transition:top ease 0.35s; -ms-transition: top ease 0.35s; -o-transition: top ease 0.35s; transition: top ease 0.35s;} .nav_show{top:0px} .sjj_nav>ul>li:first-child{overflow:hidden;} .sjj_nav>ul>li:first-child>a{float:left;width: 100%;} .sjj_nav ul li a{font-family: Nunito,sans-serif,Arial,SimSun,Verdana, Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana,Nunito,sans-serif,Arial,SimSun,Verdana;margin-left:10px;width:calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);float:left;white-space:nowrap;display: inline-block;word-break: keep-all;overflow: hidden;text-overflow: ellipsis; } .sjj_nav ul li i{width:20px; text-align:center;float:left;padding-top:9px;border-left:0px #ddd solid;height:30px; cursor:pointer} .sjj_nav ul li i svg{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);-webkit-transition:all ease 0.35s; -moz-transition:all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s;} .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)} .sjj_nav ul li{ float:left; width:calc(96% - 2px); width: -moz-calc(96% - 2px); width: -webkit-calc(96% - 2px); margin:10px 2% 0px 2%; position:relative; line-height:40px; height:auto;padding:0px 0px 0px 0px; border: 1px solid #E6E6E6; cursor:pointer; background-color: #fff; }.sjj_nav ul li:hover{ background-image: url(/pic/y35.png); background-repeat: no-repeat; background-position: left top; } .sjj_nav ul li ul li{	float:left; width:100% ;margin:0px 0px 0px 0px; background-color: #fff;  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #E6E6E6; border-right-color: #E6E6E6; border-bottom-color: #E6E6E6; border-left-color: #E6E6E6; } .sjj_nav ul li ul li:hover{ background-color: #fff;	background-image: none } .sjj_nav>ul >li:last-child{} .sjj_nav ul li ul{display:none; } .sjj_nav ul li ul{ margin:0px} .sjj_nav ul li ul li a{padding-left:10px;color:#999;display:block;text-align:left;} .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;} .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e;} .sjj_nav ul li>ul{margin-left:0px;} .sjj_nav ul li ul li>ul{margin-left:0px} .sjj_nav ul li .sp_nav_xjb::after {font-size:18px;font-family: 'FontAwesome',Nunito,sans-serif,Arial,SimSun,Verdana; color:#666; content: '+'; position: absolute; right: 10px; top: 0; height: auto; -webkit-transition:all ease 0.35s; -moz-transition:all ease 0.35s; -ms-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; } .sjj_nav ul li .sjj_nav_i_se::after {font-size:28px;font-family:'FontAwesome', Nunito,sans-serif,Arial,SimSun,Verdana; color: #666; content: '-'; position: absolute; right: 10px; top: 0; height: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.sjj_nav ul li a{color:#666;font-size:16px; font-weight:500} .sjj_nav ul li a:hover{color: #FFF; text-decoration:underline} .sjj_nav ul li ul li a{color:#666;font-size:16px;font-weight:500} .sjj_nav ul li:hover a{color:#FFF; } .sjj_nav ul li:hover ul li a{color:#091842;text-decoration: none} .sjj_nav ul li ul li:hover a{color:#E8C859;text-decoration:underline}

 .swiper-container { display:none;
    
    }

.product_picture1{width:100%;height:24px; float:left;margin:10px 0 20px 0; text-align:center}

.tanchukuang{width:100%;min-width:1200px;height:100%;background:#000;position:fixed;z-index:1001;filter:alpha(opacity=20);opacity:.4;left:0;top:0;display:none}

.picture{ width: calc(80% - 2px); width: -moz-calc(80% - 2px); width: -webkit-calc(80% - 2px);  height:auto;border:1px solid #ccc; background-color:#FFF;font-family:"宋体";display:none;z-index:99999;position:fixed;left:10%;top:50px;bottom:50px;right:10%;margin:0 auto;-webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.picture .picture_top{ float:left; width:96%; margin:0 2%;height:60px;color:#000;border-bottom: #DFDFDF solid 1px;}
.picture .picture_top span{float:left;width:auto;font-size:14px;padding-left:0px;line-height:60px;font-family:Nunito,sans-serif,Arial,SimSun,Verdana; color: #F00}
.picture .picture_top a{float:right;width:auto;font-size:20px;line-height:60px;padding-right:0px;color:#999;font-family:Nunito,sans-serif,Arial,SimSun,Verdana}

.picture .picture_top .lyan {	margin-top: 18px; margin-left: 0px;margin-right: 30px; padding: 0px; height:auto; width: auto; float: right; text-align: left;	}
.picture .picture_top .lyan a {	-webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;margin-top: 0px; margin-left: 0px;margin-right: 0px; padding: 0px 10px; height:25px;line-height:25px; width: auto; float: left; text-align: left; background-color: #F00;	font-family: Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana; font-size: 14px; color:#FFF; } .picture .picture_top .lyan a:hover {	background-color: #F30; }

.picture .picture_bottom{float:left;width:96%; margin:0 2%;height:auto;}
.picture .picture_bottom .picture_left{width: calc(100% - 237px); width: -moz-calc(100% - 237px); width: -webkit-calc(100% - 237px);height: calc(100vh - 200px); height: -moz-calc(100vh - 200px); height: -webkit-calc(100vh - 200px);float:left;border:1px solid #ccc; overflow:hidden;maigin:0px 0; background-color: #F0F0F0; position:relative }

.picture .picture_bottom .picture_left .picture_img{ float:left;width: calc(100% - 112px); width: -moz-calc(100% - 112px); width: -webkit-calc(100% - 112px); height: 100%;text-align:center; margin:0 56px; overflow:hidden; }

.picture_bottom .picture_left .picture_img .picture_img2{width:100%;height:100%; float:left;}
.picture_bottom .picture_left .picture_img .picture_img2 img{position: relative;
    top: 50%;
    transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);height:auto;width:auto;max-width: 100%;
  max-height: 100%;}
.picture_bottom .picture_left .prev{width:56px;height:100%;  position:absolute; left:0 }
.picture_bottom .picture_left .next{width:56px;height:100%; position:absolute; right:0 }
.picture_bottom .picture_left .prev a{
	display:inline-block;
	width:56px;
	height:100%;
	background-image: url(../img/previous-page.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.picture_bottom .picture_left .next a{display:inline-block;width:56px;height:100%;background-image:url(../img/next-page.png); 	background-repeat: no-repeat;
	background-position: center center;}

.picture .picture_bottom .picture_right{ margin-left:30PX;margin-top:0PX;width:205px;height:100%;float:left}



.picture_suo{width:173px;height:AUTO;border:1px solid #e4e4e4;margin-left:2px;margin-top:20px}
.picture_suo .picture_suo_t{padding:14.5px;height:300px}
.picture_suo .picture_suo_t .picture_suo_img{width:58px;height:58px;margin:6px 5px;border:2px solid #e4e4e4;float:left;cursor:pointer}
.picture_suo .picture_suo_img img{width:58px;height:58px}
.picture_suo .picture_fenye{text-align:center;width:173px;font-size:12px;height:21px;position:relative; float:left; margin-top:10px}
.picture_suo .picture_fenye span{position:relative;top:-5px;	font-family: Nunito,sans-serif,Nunito,sans-serif,Arial,SimSun,Verdana,SimSun,Verdana;}
.picture_suo .picture_fenye .picture_next,.picture_suo .picture_fenye .picture_prev{display:inline-block;width:20px;height:21px;cursor:pointer}

.picture_suo .picture_suo_t .suo-img{border:2px solid #e4393c}


@media only screen and (max-width: 640px){
 .swiper-container { display:block;
      width: calc(100% - 1px); width: -moz-calc(100% - 1px); width: -webkit-calc(100% - 1px) ;
      height: auto; overflow:hidden 
    }
   .swiper-container img {
      width: 100%;
      height: auto;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

  }