body{
	margin: 0px;
	padding: 0px;
	background-color: #B0C4DE;
}


td{
	font:11px Arial; 
	color: #000;	
	line-height: 130%;
}

div {
	font:11px Arial; 
	color: #000;	
	line-height: 130%;
}

img{
    max-width: 100%;
	border: 0px;
}
form{
	margin: 0px;
	padding: 0px;
}


a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #F50000;
	text-decoration: none;
}

.blank1 {clear:both; height:1px; overflow:hidden; display:block; font-size:1px; }
.blank2 {clear:both; height:2px; overflow:hidden; display:block; font-size:1px; }
.blank3 {clear:both; height:3px; overflow:hidden; display:block; font-size:1px; }
.blank4 {clear:both; height:4px; overflow:hidden; display:block; font-size:1px;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block; font-size:1px;}
.blank6 {clear:both; height:6px; overflow:hidden; display:block; font-size:1px;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block; font-size:1px;}
.blank11 {clear:both; height:11px; overflow:hidden; display:block; font-size:1px;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block; font-size:1px;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block; font-size:1px;}
.blank18 {clear:both; height:18px; overflow:hidden; display:block; font-size:1px;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block; font-size:1px;}
.blank25 {clear:both; height:25px; overflow:hidden; display:block; font-size:1px;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block; font-size:1px;}

.gray3 {clear:both; height:3px; overflow:hidden; display:block; font-size:1px; background:#EEEEEE; }

.line_sep {clear:both; width:92%; height:1px; overflow:hidden; display:block; font-size:1px; background:#F0F0F0;margin:0 auto; }
.line_sep2 {clear:both; width:95%; height:1px; overflow:hidden; display:block; font-size:1px; background:#F0F0F0;margin:0 auto; }

.text_center {text-align:center;}
.pl5 {padding-left:5px;}
.pt5 {padding-top:5px;}
.pd10 {padding:10px;}


.TopText td{
	color: White;
}

.TopText a{
	color: White;
}
.TopText a:visited{
	color: White;
}
.TopText a:hover{
	color: #F50000;
}
.adTD{
	text-align: center;
}

.Box{
	border: 1px solid #DCDCDC;
}

.Title{
	font-size: 14px;
	font-weight: bold;
}
.Title2{
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
}

.HelpTR{
	color: Maroon;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	height: 30px;
	padding-left: 10px;
}

.HelpTD{
	padding: 2px;
	padding-left: 20px;
}

.NewsLine{
	border-bottom: 1px dotted #DCDCDC;
	height: 25px;
	overflow:hidden;
	line-height:25px;
	padding-left: 15px;
	background: url(../images/icon_info.gif) no-repeat 5px center;
}

.videoLine{
	border-bottom: 1px dotted #DCDCDC;
	height: 25px;
	line-height:25px;
}

.no_line {border-bottom: 0px !important;}

.video_num {border:1px solid #890606; background:#BF2122; color:#FFF; padding:0px 4px; margin-right:3px;}

.ProHotSImg{
	border: 2px solid #ECECEC;

}
.ProHotSImg2{
	border: 2px solid Orange;

}

.Price{
	color: #4682B4;
}
.MemPrice{
	color: Red;
}
.OffProName{
	height: 26px;
}
.OffProLine{
	background-color: #ECECEC;
	height: 26px;
}
td input,td textarea{ border:solid 1px #CCC; padding:4px;}
.InputBox{
	width: 100px;
}

.USort{
	font-size: 11px;
}
.USort a{
	font-weight: bold;
}
.USort a:link{

}
.USort a:visited{

}
.USort a:hover{
	color: Red;
}
.USort a:active{
	color: Red;
}
.DSort{
	font-size: 9px;
	border-bottom: 1px dotted #DCDCDC;
	height: 18px;
}

.BDSort{
	height: 22px;
	padding-left: 5px;
	border-bottom: 1px dotted #DCDCDC;
}

.NavBox{
	border: 1px solid #D9E4F2;
	background-color: #EEF2F8;
	margin-bottom: 10px;
	
}

.NavTitle{
	padding: 5px;
	padding-left: 10px;
	
	font-weight: bold;
	color: #B22222;
}

.NavTitle a{
	color: #B22222;
}
.NavTitle a:visited{
	color: #B22222;
}
.NavTitle a:hover{
	color: Red;
}

.SearchBox{
	border: 1px solid #F5DEB3;
	background-color: #F9F6E7;
	margin-bottom: 10px;
}
.SearchText{
	padding: 10px;
}

.Button{
	border: 1px solid Silver;
	height: 27px;
	background-color:#D4EFF8;
	font-weight: bold;
	width: 85px;
}

.NewsRowColor1{
	height: 25px;
	background-color: #FBFBFB;
}

.NewsRowColor2{
	height: 25px;
	background-color: #F5F8FC;
}

.NewsSort{
	border: 1px solid #DCDCDC;
	background-color: #E1E8F3;
	color: White;
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}

.NewsSortName{
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

.NewsTitle {}

.NewsTitleView{
	border: 1px solid #FFEFD5;
	background-color: #FFFBF0;
	padding:5px 0px;
	
	font-size: 16px;
	font-weight: bold;
	color: Maroon;
	text-align: center;
}

.NewsTitleView2{
	font-size: 16px;
	font-weight: bold;
	color: Maroon;
	text-align: center;
	line-height:120%;
}

.NewsTitleView ul {margin:0px 60px;}

.more3 {float:right;margin-right:10px; _margin-right:5px;position: relative; top:-22px; display:none;}

.NewsTitleView_news {
	border: 1px solid #FFEFD5;
	background-color: #FFFBF0;
	padding:5px 0px;
	
	font-size: 16px;
	font-weight: bold;
	color: Maroon;
	text-align: center;
}

.NewsTitleView_news ul {}

.Content{
	font-size: 12px;
	line-height: 150%;
	text-align: justify;
	width:100%;
}

.Content a{
	color: #F50000;
}
.Content a:visited{
	color: #F50000;
}
.Content a:hover{
	color: #F50000;
}

.InfoAboutBox{
	border: 1px solid #D0DDEC;
	background-color: #EBF0F8;
}

.InfoAbout{
	padding: 3px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
}

.BoxNav{
	height:40px;
	background-image: url(../images/012_21.jpg);
	background-position: right;
	background-repeat: repeat-x;
}

.NavTxt{
	line-height:40px;
	font-weight: bold;
	color: #B22222;
	padding-left: 10px;
	font-size: 12px;
}

.NewsTR{
	background-color: #DCE6F1;
	height: 25px;
	font-weight: bold;
	text-align: center;
}

.LoginMenuName{
	height: 22px;
	border-bottom: 1px dotted #DCDCDC;
	padding-left: 10px;
	font-weight: bold;
	color: #F50000;
}

.LoginMenuLine{
	height: 25px;
	border-bottom: 1px dotted #DCDCDC;
	padding-left: 40px;
	font-weight: bold;
}





.Center {
	text-align: center;
}
.RootName{
	width: 100%;
	border: 1px solid #D5E1F0;
	font-weight: bold;
	color: #2F4F4F;
	background-color: #EDF2F9;
	padding: 3px;
	padding-left: 10px;
}

/*cart*/
.CartBox{
	background-color: White;
}

.CartTitleBG{
	background-color: #f1f3ee;
}

.CartBoxBG{
	background-color: #fbfbfb;
}

.NavLine{
	background-color: White;
}

.CartInputBox{
	border: 1px solid #DCDCDC;
	background-color: #f2fbff;
	text-align: center;
}

.PayTopic{
	background-color: #F5F5F5;
	border: 2px solid #131313;
}

.PayTrBG{
	background-color: #E8EDF6;
	height: 25px;
}
.OrderBox{

}

.OrderTitleBG{
	background-color: #D6E3EF;
}

.OrderRowColor1{
	background-color: #F9FAFD;
}
.OrderRowColor2{
	background-color: White;
}

.OrderViewTitleBG{
	background-color: #FFDAB9;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}


/*order*/

.OrderViewTitle{
	font-size: 20px;
	font-weight: bold;
	color: Orange;
}
.OrderViewBox{
	background-color: #B2B2B2;
}

.OrderViewTitleBG{
	background-color: #F5F5F5;
}

.OrderViewRowColor1{
	background-color: White;
}
.OrderViewRowColor2{
	background-color: White;
}

.OrderViewContactBox{
	border: 1px solid #E4E9F6;
	background-color: #F4F7FB;
}

.CartNearImg{
	width:81px;
	height: 81px;
}

.OrderReBox{
	border: 1px solid #CCDAEA;
}

.OrderReNavTitle{
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
	padding-left: 10px;
}

.MenuTopBox{
	background-color: #EFEFEF;
	margin-bottom: 1px;
}

.MenuTop{
	font-size: 12px;
	font-weight: bold;
	color: White;
	background-image: url(../images/012_06.jpg);
	width: 95px;
	height:25px;
	text-align: center;
}

.MenuTop a{
	color: White;
}

.MenuTop a:visited{
	color: White;
}

.MenuTop a:hover{
	color: #F50000;
}

.MenuTopActive{
	font-size: 12px;
	font-weight: bold;
	color: White;
	background-image: url(../images/012_05.jpg);
	width: 95px;
	text-align: center;
}

.MenuTopActive a{
	color: White;
}

.MenuTopActive a:visited{
	color: White;
}

.MenuTopActive a:hover{
	color: #F50000;
}

.MenuTop2{
	font-size: 12px;
	font-weight: bold;
	padding-left: 10px;
	border-bottom: 1px solid #DCDCDC;	
	color: #27472f;
}

.MenuTop2 a{
	color: #27472f;
}

.MenuTop2 a:visited{
	color: #27472f;
}

.MenuTop2 a:hover{
	color: #F50000;
}

.ProSort{
	border-bottom: 1px dotted #DCDCDC;
	height: 22px;
	padding-left: 10px;
}

.PageBox{
	height:40px;
	line-height:30px;
	text-align:center;
	font-size:12px;
}
 

.LinkBox{
	border: 2px solid #EEEEEE;
}

.LinkTitle{
	background-color: #F5F5F5;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
}

.LinkTr{
	background-color: #F3F3F3;
}

.HelpBox{
	border: 2px solid #EEEEEE;
	background-image: url(../images/help_bg.jpg);
}

.HotLine{
	font-size: 14px;
	font-weight: bold;
	color: Red;
}

.HeaderRightLine{
	border-left: 1px solid #739827;
	padding-left: 10px;
}
.BottomLine{
	border-bottom: 1px solid #DCDCDC;
}

.LineCol{
	border-right: 1px dashed #DCDCDC;
}

.LineRow{
	border-top: 1px dashed #DCDCDC;
}

.Title3{
	font-size: 18px;
	font-weight: bold;
	color: #975e31;
}
.Subject3{
	color: #bf8f2b;
}
.Subject3 a{
	color: #bf8f2b;
}
.Subject3 a:visited{
	color: #bf8f2b;
}
.Subject3 a:hover{
	color: Red;
}

.Subject6{
	color: #52814b;
}
.Subject6 a{
	color: #52814b;
}
.Subject6 a:visited{
	color: #52814b;
}
.Subject6 a:hover{
	color: Red;
}


.Title4{
	font-size: 18px;
	font-weight: bold;
	color: #384d3a;
}
.Subject4{
	height: 23px;
	font-size: 12px;
}

.Subject5{
	color: #52814b;
	padding-left: 10px;
	height: 23px;
	font-size: 12px;
}
.Subject5 a{
	color: #52814b;
}
.Subject5 a:visited{
	color: #52814b;
}
.Subject5 a:hover{
	color: Red;
}

.SContent5{
	padding-left: 20px;
	border-bottom: 1px dashed #DCDCDC;
}

.LineTop{
	border-top: 1px solid #DCDCDC;
}

.RightBox{
	background-image: url(../images/012_16.jpg);
	background-repeat: repeat-x;
	background-position: top;	
}

.NavName{
	font-size: 26px;
	font-weight: bold;
	color: #92623e;
}

.NavName2{
	font-size: 18px;
	font-weight: bold;
	color: #92623e;
}

.NavNameBox{
	border-bottom: 5px solid #228B22;
}

.NewsLine2{
	background-color: White;
	padding: 3px;
}

.NewsLine3{
	background-color: White;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

.NewsLine4{
	background-color: White;
	padding-left: 20px;
}

.JMTopic{
	border-top: 1px dashed #DCDCDC;
	padding: 10px;
	font-weight: bold;
	color: #975a2e;
	font-size: 14px;
}

.ProSortLine{
	padding-left: 5px;
	border-bottom: 1px dashed #DCDCDC;
}
.ProSortLine2{
	padding-left: 5px;
}

.qaLeftTitle{
	font-size: 14px;
	font-weight: bold;
	color: White;
	padding: 3px;
	padding-left: 10px;
	background-color: #006400;
}

.qaLeftBox{
	background-color: White;
}

.InfoTopicBox{
	border: 1px solid #DBE9E9;
	background-color: #F1F7F8;
	padding: 3px;
	padding-left: 10px;
}
.BoxPageNavBox{
	border: 1px solid #5F9EA0;
	background-color: Teal;
}

.BoxPageNavTitle{
	font-size: 14px;
	font-weight: bold;
	color: White;
	padding: 5px;
	padding-left: 15px;
}

.LinkMan{
	color: Green;
	font-weight: bold;
}
.LinkMan a{
	color: Green;
}

.LinkMan a:visited{
	color: Green;
}
.LinkMan a:hover{
	color: Red;
}

.MenuSLine{
	background-color: #F2F2F2;
	border-bottom: 1px solid #DCDCDC;
}

.HelpSortImg{
	width: 80px;
	height: 80px;
	border: 1px solid #F1F1F1;
	margin: 4px;
}

.HelpSortName{
	font-weight: bold;
	height: 25px;
	background-color: #E7E7E7;
}

.HelpSortContent{
	background-color: #EFF3F9;
}

.ProIndexName{
	font-weight: bold;
	color: #F50000;
}
.ProIndexName a{
	color: #F50000;
}

.ProIndexName a:visited{
	color: #F50000;
}

.ProIndexName a:hover{
	color: Red;
}


.ProductName2{
	font-weight: bold;
	color: #F50000;
	font-size: 9px;
}
.ProductName2 a{
	color: #F50000;
}

.ProductName2 a:visited{
	color: #F50000;
}

.ProductName2 a:hover{
	color: Red;
}

.ProductName3{
	font-weight: bold;
	color: White;
	font-size: 9px;
}
.ProductName3 a{
	color: White;
}

.ProductName3 a:visited{
	color: White;
}

.ProductName3 a:hover{
	color: Yellow;
}


.ProIndexContent{
	text-align: justify;
}

.StoriesSImg{
	width: 40px;
	height: 40px;
	border: 1px solid #DCDCDC;
}

.StoriesLine{
	border-bottom: 1px dotted #DCDCDC;
}
.StoriesLink{
	color: #F50000;
}
.StoriesLink a{
	color: #F50000;
}
.StoriesLink a:visited{
	color: #F50000;
}
.StoriesLink a:hover{
	color: Red;
}

.ProBox{
	border: 1px solid #4682B4;
	margin-bottom: 10px;
	background-image: url(../images/pro_bg.jpg);
}

.ProductName{
	font-size: 9px;
}
.ProductName a{
}
.ProductName a:visited{
}
.ProductName a:hover{
	color: Red;
}
.ProSortBox{
	border: 1px solid #DCDCDC;
}
.ProSortBoxTitle{
	background-color: #E9E9E9;
	padding: 3px;
	padding-left: 15px;
	font-size: 14px;
}
.ProSortBoxContent{
	padding: 5px;
}

.ProUS{
	font-size: 12px;
}

.ProDS{
	padding-left: 15px;
	font-size: 11px;
}
.pagination span
{    
	color: #333;
    padding: 8px 12px;
    line-height: 18px;
    display: block;
    transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
}
a.PageNumberBoxText{ color:#666 !important; font-weight:bold;}
/*
.PageNumberBoxText{
	display:inline-block;
	padding: 2px 10px;
	margin: 2px;
}

.PageNumberBoxText_active{
	 display:inline-block;
	padding: 2px 10px;
	margin: 2px;
	color: red;
	font-weight:bold;
}


.PageBoxText{
	display:inline-block;
	padding: 2px 5px;
	margin: 2px;
}

.PageBoxText_Active{
	display:inline-block;
	padding: 2px 5px;
	margin: 2px;
	color: #ccc;
}
*/

.BoxHelpNav{
	background-image: url(../images/title_bg.jpg);
	height: 25px;
	border-bottom: 1px solid #87CEEB;
}
.BoxHelp{
	border: 1px solid #B0C4DE;
}


.OverTitle{
	color: Black;
}

.ContactText{
	color: #EBEBEB;
	text-align: justify;
}

.ContactText a{
	color: #F50000;
}
.ContactText a:visited{
	color: #F50000;
}
.ContactText a:hover{
	color: #32CD32;
}

.LeftBox{
	background-image: url(../images/012_14.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.BoxTD{
	background-image: url(../images/012_28.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
}

.Copyright{
	height:80px;
	text-align:center;
	background: url(../images/012_64.jpg) repeat-x top;
}

.MenuDown{
	height:30px;
	line-height:35px;
	border-bottom: 1px solid #E9E9E9;
	font-size: 12px;
}

.SayContent{
	text-align: justify;
	font-size: 12px;
}

.SayName{
	height:30px;
	line-height:30px;
	text-align: right;
	font-style: italic;
	font-size: 14px;
}

.LinkImg{
	width: 220px;
}

.Price2{
	color: #4682B4;
	text-decoration: line-through;
}
.BntBox,.BntBox a{    transform: all 0.35s ease;
    -moz-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease;
    -webkit-transition: all 0.35s ease;}
.BntBox{ padding:3px 0;
	border: 1px solid #B0C4DE;
	background-color: #fff;
	text-align: center;
	border-radius:4px;
}
.BntBox:hover{ background:#1972aa; color:#fff;}
.BntBox a{ display:block;
	color: Black;
}

.BntBox a:visited{
	color: Black;
}
.BntBox a:hover{
	color: #fff;
}
.MonthTitle{
	border: 1px solid #DDE7F2;
	background-color: #F1F5FA;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
}
.MenuDoAction{
	font-weight: bold;
}

.Topic{
	color: Red;
	font-size: 9px;

}

.Topic2{
	height:24px;
	color: Navy;
	font-size: 9px;
	text-decoration: underline;
}

.bPrice{
	font-size: 20px;

	font-weight: bold;
}

.bTopic{
	color: Red;
	font-size: 20px;
	font-weight: bold;	
}
.DateTime{
	color: White;
	background:url(../images/datetime.jpg) no-repeat;
	width:242px !important;
	text-align:center;
}
.USortActive{
	color:#ff3300;
	background-color: #F1F5FA;
}
.USortActive a{
	color:#ff3300;
}
.USortActive a:visited{
	color:#ff3300;
}
.USortActive a:hover{
	color:Red;
}

.DSortActive{
	color: red;
	background-color: #F1F5FA;
}
.DSortActive a{
	color: red;
}
.DSortActive a:visited{
	color: red;
}
.DSortActive a:hover{
	color: red !important;
}

ul{margin:0;padding:0;}
li{ list-style:none;}

.zone {width:1180px; margin:0 auto; overflow:hidden;background:#FFF;}
.head {height:99px;overflow:hidden;}
.head_left {width:450px;height:77px;overflow:hidden;float:left;} 
.head_right {width:552px;height:77px;overflow:hidden;float:right;}
.head_right_top {height:14px; text-align:right;padding-right:10px;}
.head_right_center {height:30px; line-height:35px; text-align:right;padding-right:10px;}
.head_right_bottom {height:34px;}

.menu_bg {background:#EFEFEF;margin-bottom:1px;}
.menu {height:25px; line-height:25px;overflow:hidden;}
.menu li {float:left;width:95px;}

.ad {height:100px;}

.foot {
	height:82px;
	text-align:center;
	background: url(../images/012_64.jpg) repeat-x top;
}
.Cr {padding-top:5px;}

/*.main {background: #FFF url(../images/main.jpg) no-repeat top;}*/
.zone_left_sep {float:left;width:10px;overflow:hidden; display:none;}
.zone_right_sep {float:left;width:10px;overflow:hidden;}

.zone_left {float:left;width:240px;overflow:hidden; margin-top:20px;}
.zone_center {    float: left;width: 662px;margin-left: 19px;}
.zone_right {float:right;width:240px;margin-left:2px;overflow:hidden; margin-top:20px;}

.pl5_pt10 {padding-left:5px;padding-top:15px;}
.pd5 {padding:5px;}

.help {padding:2px;height:25px; text-align:center;}
.more {float:right;margin-right:42px;margin-top:13px;}
.more2 {float:right;margin-right:2px;margin-top:13px;}

.more4 {float:right; height:50px;_height:25px;}
.whatsay {padding:2px 5px; min-height:75px;}

.products_box {width:100%;}
.products_box ul {width:100%; clear:both;}
.products_box li {float:left;width:169px;}

.products_box2 {padding:5px;}
.products_box2 ul {width:100%;}
.products_box2 li {float:left;}

.products {padding-top:8px;}
.products ul {width:100%;margin-bottom:3px;}
.products li {text-align:center; line-height:180%; width:100%;}
.products li img {margin-bottom:2px;}
.products_box2 .product_list{ padding-left:17px; padding-bottom:13px;}

.whatsay_box {padding:3px;}

.links li {margin-bottom:3px; width:220px; height:40px; background:url(../images/links_bg.gif) repeat-x bottom; line-height:40px; font-size:14px; font-weight:bold; text-align:left;  }
.links li a {display:block;color:#C80000;padding-left:30px;}
.links li a:visited {color:#B22222;}
.links li :hover {background:url(../images/links_bg_active.gif) repeat-x bottom;}
.links li a:hover {color:#FFF;}
.product_sort {padding:2px;_padding:0px;}
.product_sort ul {width:100%;_width:90%;}
.product_sort li {width:100%;line-height:160%;}

.products_sort_one ul {width:100%;}
.products_sort_one li {width:190px;background:url(../images/icon_left.gif) no-repeat left 4px;padding-left:21px;}
.products_sort_one ul {width:100%;}

.products_sort_two_box {padding:2px;}
.products_sort_two ul {width:100%;}
.products_sort_two li {width:180px;background:url(../images/icon_info.gif) no-repeat 18px 4px;padding-left:25px;}

.products_sort_two li a:hover {color: orange;}

.no_records {height:50px; line-height:50px; text-align:center; margin:0 auto;}
.view_menu ul {padding-left:6px;}
.view_menu li {float:left;text-align:center;width:calc(25% - 6px);height:34px; line-height:28px; font-size:12px;margin-right:3px;}
.view_menu2 ul {}
.view_menu2 li {text-align:center;width:98px;height:34px; line-height:26px;margin-right:5px;}
.no_margin {margin-right:0px !important;}
.no_float {float: !important;}
.pro_detail_title{ width:100%; line-height:30px; height:30px; color:#1972aa; font-size:14px;}

.detail_box {border:1px solid #E2EAEF;}
.detail_box ul {width:100%;}
.detail_box li {float:left; }
.detail_box ul:nth-child(3) li{padding:10px;}
.detail_box_left {float:left;height:40px; line-height:40px;width:100px; color:#fff; background:#1972aa;  border-bottom:1px solid #E2EAEF; padding-left:6px; font-size:14px; border-right:1px solid #E2EAEF;}
.detail_box_right {float:left;height:40px; line-height:40px; width:calc(100% - 120px); padding-left:3px; border-bottom:1px solid #E2EAEF; font-size:14px;}
.detail_img {margin:0 auto; text-align:center;}
..detail_images ul {width:100%;text-align:center;}
.detail_images li {float:left;width:130px; display:inline; text-align:center;}
.detail_qq {min-height:40px;line-height:40px; text-align:center;}

.proName{
	color: #666;
	font-weight: bold;
	font-size: 15px;
	text-decoration:none;
}

.proName a{
	color: #666;
	text-decoration:none;
}

.proName a:visited{
	color: blue;
	text-decoration:none;
}

.proName a:hover{
	color: red;
	text-decoration:none;
}

.solution {border-bottom:1px solid #B0C4DE;margin-top:15px;}
.solution ul {width:100%;}
.solution_left {width:120px;float:left;}
.solution_right {width:380px; float:left;}
.solution_content {line-height:160%;margin-top:5px;}

.error{background:url(../images/error.png) no-repeat;display:none;color:#F00;font-size:11px;margin:3px 0 0 0; padding:0px 0 5px 16px;}

.TB_overlayBG {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index: 200;
	background-color: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	display:none;
}
#TB_window
{
	position:absolute;
	z-index: 300;
	color: #000;
	border: 4px solid #779CB6;
	text-align: left;
	margin:0;
	width: 530px;
	height:500px;
	background:#FFF;
	display:none;
}
#TB_window .title{ background:#D4EFF8; width:520px; height:30px; line-height:30px;border-bottom:1px solid #7696AC; padding:0 5px}
#messagesbsb{display:none !important}






/*new css*/
body{ font-family:Arial; background:#fff;}
.clear{ clear:both;}
.container_1500{ width:1500px; display:block; margin: 0 auto; padding: 0 10px;}


#header{ width:100%; margin-bottom:20px;}
#header_top{ height:4px; border-bottom:1px solid #f2f2f2;}
#header_right{ float:right;}
#header_right a{color:#999999;}
#header_main #header_logo{ padding-top:26px; max-width:450px;}
#header_main #header_search{ width:288px; height:28px; margin-top:48px; border:1px solid #eeeeee;}
#header_main #header_search .keyword{ height:26px; width:245px; float:left; border:0; color:#999999; font-size:12px; text-indent:14px; margin:0; padding:0;}
#header_main #header_search div{ float:left; height:26px; width:40px; text-align:center; line-height:26px;margin:0; padding:0; position:relative; }
#header_main #header_search div:before{ line-height:26px; font-size:16px; color:#217db2;}
#header_main #header_search .submit{ background:none; border:0;margin:0; padding:0;  width:100%; height:100%; position:absolute; top:0; left:0;  }
#header_nav{width:100%; height:52px; margin-top:24px; border-top:1px solid #dcdcdc; border-bottom:1px solid #d3d3d3; box-shadow:0 1px 3px 0 #ccc; }
#header_nav ul li{ float:left; height:52px; line-height:52px;}
#header_nav ul li a{ color:#5c6169; font-size:16px; margin:0 5px;padding:0 40px; display:block;height:52px; position:relative;}
#header_nav ul li a{transform: all 0.25s ease;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease;-webkit-transition: all 0.25s ease;}
#header_nav ul li a:before{ content:""; display:block; position:absolute; bottom:0; left:50%; height:4px; width:0; background:#de1116;}
#header_nav ul li a:before{transform: all 0.25s ease;-moz-transition: all 0.25s ease-in;-o-transition: all 0.25s ease;-webkit-transition: all 0.25s ease;}
#header_nav ul li a:hover,#header_nav ul li.active a{ color:#de1116;}
#header_nav ul li.active a:before,#header_nav ul li a:hover:before{ width:100%; left:0;}

#header_PC_search{ float:left; margin:73px 30px 0 0; }
.PC_keyword{ width:294px; font-size:14px; height:30px; border:3px solid #de1116; float:left;text-indent:5px;}
.PC_submit{ width:65px; font-size:13px; height:30px; border:3px solid #de1116; background:#de1116; color:#fff;}

#header_info{ float:left; margin-top:25px;}
#header_info_top{ margin-bottom:15px; text-align:right; font-size:14px;}
#header_info_top a{ font-size:14px;}
#header_info_bottom{ float:right;}
#header_user_box{ width:148px; height:46px; border:1px solid #dcdcdc; float:left; margin-right:9px; background:url(../images/user_ico.png) no-repeat 7px center;}
#header_user_box #user_info { margin-left:42px;}
#header_user_box #user_info a,#header_user_box #user_info font{ color:#16a4e2; font-size:12px; line-height:24px;}
#header_user_box #user_account { margin-left:42px;}
#header_user_box #user_account a{ color:#333; font-size:14px;}
#header_protect_box{width:148px; height:46px; border:1px solid #dcdcdc; float:left;background:url(../images/protect_ico.png) no-repeat 7px center;}
#header_protect_con{ margin-left:42px;color:#333; font-size:14px; line-height:20px; margin-top:3px;}

/*left*/
#main_left{ width:240px; float:left;}
#left_category{}
#left_category_title{ width:100%; height:50px;/* background:url(../images/left_title_bg.jpg) no-repeat center center;*/ }
#left_category_title h3{ font-size:18px; color:#B22222; font-weight:normal; text-align:left;text-indent:10px; line-height:50px;border:1px solid #eeeeee;}
#left_category ul{ float:left; width:100%; border:1px solid #eeeeee;}
#left_category ul li.first_list{ min-height:29px; float:left; width:100%;}
#left_category ul li.active a{ color:#f00;}
#left_category ul li .first_list_a{ overflow:hidden; display:block; height:29px; line-height:32px; font-weight:bold; background:url(../images/left_bg.png) no-repeat 0 center; border-top:1px dashed #dddddd; width:calc(100% - 18px); margin:0 9px; text-indent:22px; font-size:12px; color:#666666; font-family:Arial;}
#left_category ul li:first-child .first_list_a{ border-top:0;}
#left_category ul li ul{ display:none; border:none; padding-bottom:3px;}
#left_category ul li ul li{ min-height:20px; line-height:20px; width:calc(100% - 18px); margin:0 9px; padding-left:7px; font-size:10px; clear:both;}

#left_category ul li ul li a{ color:#666;  float: left; width: calc(100% - 10px ); font-size:12px; padding-left:15px; background:url(../images/right_li_bg.png) no-repeat left center;}
#left_category ul li ul li a:hover,#left_category ul li ul li.active a{ color:#F63;}

#left_search{ width:100%; border:1px solid #eeeeee; margin-top:12px;}
#left_search_title h3{ text-align:center; line-height:44px; color:#B22222; font-size:18px; width:calc(100% - 16px); margin:0 8px; border-bottom:3px solid #dcdcdc;}
#left_search .input_box input,#left_search label{ height:31px; line-height:31px; width:calc(100% - 20px); margin:0 10px; font-size:12px; color:#333333; }
#left_search .input_box input,#left_search .input_box select{ width:calc(100% - 20px); margin:0 9px; border:1px solid #eee; height:28px; text-indent:3px; padding:0; }
#left_search_contact{ line-height:30px; height:30px;width:calc(100% - 20px); margin:0 10px;}
#left_search_submit{ text-align:center; width:calc(100% - 18px); height:30px; margin:0 9px; background:#1972aa; border:0; color:#fff; display:block; margin-bottom:13px;}
#left_search_submit{ transform: all 0.35s ease;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
#left_search_submit:hover{ background:#de1100;}

#main_center{ float:left; width:662px;  margin-left:19px;}
#main_center .product_box{ width:100%;}
#main_center .product_box .product_box_title{ width:100%; height:50px; background:url(../images/products_box_title.jpg) no-repeat center center;}
#main_center .product_box .product_box_title h3{ height:50px; line-height:50px; font-size:18px; color:#B22222; margin-left:19px; float:left;}
#main_center .product_box .product_box_title a{ float:right; color:#1673ae; font-size:14px; margin-right:14px; line-height:50px; }
#main_center .product_box .product_box_con ul li{ padding-left:17px; margin-top:11px;}
#main_center .product_box .product_box_con ul li .pro_img{ overflow:hidden; border:1px solid #eee; position:relative; top:0;}
#main_center .product_box .product_box_con ul li .pro_img{ transform: all 0.35s ease;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
#main_center .product_box .product_box_con ul li .pro_img:hover{top:-4px;}
#main_center .product_box .product_box_con ul li .pro_img img{ min-width:100%;}
#main_center .product_box .product_box_con ul li .pro_txt{ color:#333333; font-size:12px; line-height:20px; overflow:hidden; text-align:center;}


#left_contact{ width:100%; border:1px solid #eeeeee; margin-top:12px;}
#left_contact_title h3{ text-align:center; line-height:44px; color:#B22222; font-size:18px; width:calc(100% - 16px); margin:0 8px; border-bottom:3px solid #dcdcdc;}
#left_contact_con{ padding:8px;}
#left_contact_con img{ margin-bottom:5px;}
#left_contact_con a{ color:#1477ba;}

#left_rss{ border:1px solid #eeeeee; margin-top:12px; width:100%; padding:2px ; line-height:34px;}
#left_rss img{ vertical-align:middle;}

#whatsay{ border:1px solid #eeeeee; float:left; padding:0px 16px; width:100%; margin-top:8px;}
#whatsay_title { height:35px; background:url(../images/whatsay_title.png) no-repeat center bottom;}
#whatsay_title h3{ height:34px; line-height:34px; color:#1972aa; float:left; font-size:13.5pt;}
#whatsay_title a{ float:right; line-height:34px; color:#333; font-size:9pt;}
#whatsay_con{ clear:both; line-height:30px;}
#whatsay_con p{ margin-bottom:0;}
#whatsay_con ul li:last-child{ float:right; font-size:9pt; font-style:italic;}


#main_right{ width:240px; float:right;}

#right_video{ width:100%; border:1px solid #eeeeee; padding:0 9px; margin-bottom:26px; padding-bottom:10px;}
#right_video_title{ height:47px; line-height:47px; border-bottom:3px solid #eeeeee; }
#right_video_title h3{font-size:13.5pt; float:left; color:#B22222;  font-family:Arial; font-weight:normal;}
#right_video_title a{ font-size:10.5pt; float:right; color:#1673ae; font-family:Arial;}
#right_video_con li.vd_hot img{ width:100%; margin-top:11px;}
#right_video_con li.other_vd{ overflow:hidden; line-height:29px; height:29px; border-bottom:1px dashed #eeeeee; padding-left:15px; background:url(../images/right_li_bg.png) no-repeat left center;}
#right_video_con li.other_vd:last-child{ border-bottom:0;}
#right_video_con li.other_vd a{ font-size:9pt; color:#333333;}

#right_news{ width:100%; border:1px solid #eeeeee; padding:0 9px; margin-bottom:46px; padding-bottom:10px;}
#right_news_title{ height:47px; line-height:47px; border-bottom:3px solid #eeeeee; }
#right_news_title h3{font-size:13.5pt; float:left;  color:#B22222; font-family:Arial; font-weight:normal;}
#right_news_title a{ font-size:10.5pt; float:right; color:#1673ae; font-family:Arial;}
#right_news_con li{ overflow:hidden; line-height:29px; height:29px; border-bottom:1px dashed #eeeeee; padding-left:15px; background:url(../images/right_li_bg.png) no-repeat left center;}
#right_news_con li:last-child{ border-bottom:0;}
#right_news_con li a{ font-size:9pt; color:#333333;}

#right_link ul li{ height:38px; border:1px solid hsla(203, 74%, 38%, 0.19); text-align:left;  line-height:38px; width:100%; margin-bottom:11px; }
#right_link ul li a{ font-size:12px; display:block; padding-left:45px; color:#C80000; font-size:14px; font-weight:bold;line-height:38px; height:100%; width:100%;}
#right_link ul li a{ transform: all 0.35s ease;-moz-transition: all 0.35s ease-in;-o-transition: all 0.35s ease;-webkit-transition: all 0.35s ease;}
#right_link ul li a:hover{ background:#de1100; color:#fff;}


#footer{ margin-top:60px;}
#footer1{ display:none;}

#footer .graph_link_box{ padding-right:15px;}
#footer .graph_link_box .graph_title{ width:100%; overflow:hidden;}
#footer .graph_link_box .graph_title h3{ color:#666; font-family:Roboto; font-size:20px; float:left; line-height:30px;}
#footer .graph_link_box .graph_title:after{ content:""; display:block; border:3px solid #DCDEE3; background:#DCDEE3; border-radius:3px; width:calc(100% - 290px); float:right; margin-top:12px;}
#footer .graph_link_box .graph_con ul li{ float:left; width:20%;padding: 12px 0 20px;line-height:24px;}
#footer .graph_link_box .graph_con ul li img{ float:left; width:24px; margin-right:8px;}
#footer .graph_link_box .graph_con ul li a{ font-size:14px; font-family:Roboto;}

#footer .graph_link_box#graph_trade .graph_title:after{width:calc(100% - 250px);}
#footer .graph_link_box#graph_trade .graph_con ul li{ width:33%; line-height:32px;padding: 8px 0 16px;}
#footer .graph_link_box#graph_trade .graph_con ul li img{ width:auto; height:32px;}


#footer_main{ min-height:300px; background:#445268; color:#fff; margin-top:70px;}
#footer_main #footer_email{ width:100%; text-align:center; padding-top:70px;}
#footer_main #footer_email #footer_email_title  h4{ color:#fff; font-size:14px; font-family:Roboto; line-height:27px; margin-bottom:10px;}
#footer_main #footer_email #footer_email_input input[type=email]{ width:300px; border:1px solid #C4C6CF; height:38px; padding:10px; font-size:16px; font-family:Roboto; color:#fff; background:#313D51;}
#footer_main #footer_email #footer_email_input input[type=email]:focus{ border-color:#fff;}
#footer_main #footer_email #footer_email_input input[type=submit]{ font-size:16px; color:#fff; background:none; margin:1px; border:1px solid #C4C6CF; height:38px; line-height:38px; border-radius:3px; width:120px; text-align:center;}
#footer_main #footer_email span{ text-align:left; color:#A0A2AD; font-size:12px; font-family:Roboto; width:420px; display:inline-block; line-height:24px;}

#help_center{ float:left; width:100%; margin-top:30px;border-bottom:1px solid #313D52; padding-bottom:20px;}
#help_center ul li.first_li{ float:left; width:20%;}
#help_center ul li.first_li h4{ color:#fff; margin:5px 0; line-height:24px; font-size:18px; font-family:Roboto;}
#help_center ul li.first_li ul li{ text-align:left; float:left; width:100%; margin:5px 0;}
#help_center ul li.first_li ul li a{ color:#fff; font-size:12px; font-family:Roboto;}
#help_center ul li.first_li ul li a:hover{ text-decoration:underline;}



#footer #MenuDown{ text-align:center; color:#cbdfec;font-size:9pt; padding-top:24px;}
#footer #MenuDown a{ color:#cbdfec; font-size:9pt;}
#footer #Cr{ color:#cbdfec; text-align:center; font-size:9pt;}
#footer #Cr p{ margin:20px auto;}

.NavTitleBox{ margin-top:10px; width:100%; min-height:50px; border-bottom:3px solid #eeeeee;font-size:13pt; font-family:Arial;}
.NavTitle{ line-height:30px;font-size:13pt;}
.NavTitle a{ font-size:11pt;font-family:Arial;}

.ProHotSImg{ min-width: 100%;}
.Topic2{ display:none;}

#news_list ul li{ width:100%; min-height:30px; line-height:30px; border-bottom:1px solid #ececec; float:left;}
#news_list ul li img{ float:left; max-height:80px; margin:5px;}
#news_list ul li h5{ float:left;}
#news_list ul li span{ float:right; font-size:12px;}

#video_list ul li{ border-bottom:1px solid #ececec; float:left; width:100%; padding:5px;}
#video_list ul li img{ float:left; max-height:80px;margin:5px;}

.input_texterea{ width:360px;}
.input_text{ width:230px;}

.detail_box ul:nth-child(3) li *{ }
.Content{ overflow:hidden;}

.detail_box_left{ height:40px; font-size:12px; width:120px;}

.pic_list{ text-align:center}
.pic_list li{ display:inline-block; margin:0 10px;}
.view_menu2{ text-align:center}
.view_menu2 li{ display:inline-block; margin:0 10px;}

#left_rss{ display:none;}
.solution_left{ margin:5px;}

#header_class_list ul li ul li.active a{ color:#F50000;}

.recommend_list{ padding-bottom:10px; border-bottom:1px solid #E2EAEF; float:left; width:100%;}
.recommend_title{ min-height:36px; line-height:36px; /*border-bottom:2px solid #E2EAEF;*/ margin-bottom:5px;}
.recommend_title h3{ font-size:16px; font-weight:bold;}
.recommend_txt{ text-align:center;}
.recommend_txt h4{ font-size:13px; color:#666; line-height:20px;}
.recommend_con li{ padding:0 5px;}
.recommend_img img{ border:1px solid #cecece;}
.pagination-group .active, .pagination-group a:hover{ color:#f00;}

#footer a:hover{ text-decoration:underline;}

#footer_sociality{ padding:25px 20px 10px; line-height:32px; width:100%; float:left; font-size:14px;}
#footer_sociality span{ font-size:14px; font-family:Roboto;}

#footer_sociality #footer_app{ width:33%; float:left; color:#fff; text-align:center;}

#footer_sociality .apple_download{ display:inline-block; width:130px; height:30px; vertical-align:middle; background:url(../images/footer_ico_list.png) no-repeat 0 -100px;}
#footer_sociality .google_download{ display:inline-block; width:130px; height:30px; vertical-align:middle; background:url(../images/footer_ico_list.png) no-repeat 0 -150px;}

#footer_sociality #footer_tm{ width:33%; float:left; color:#fff; text-align:center;}
#footer_sociality .ali_download{display:inline-block; width:30px; height:30px; vertical-align:middle; background:url(../images/footer_ico_list.png) no-repeat -149px 0; }

#footer_sociality #follow_us{ color:#fff; text-align:center;}
#footer_sociality #follow_us a{ font-size:22px; color:#fff; display:inline-block; margin:0 3px;}

#footer_lang{ width:100%; text-align:center; font-size:12px; font-family:Roboto; color:#fff; float:left; margin:15px 0;}
#footer_lang a,#footer_lang span,#footer_lang i{ color:#fff; font-size:12px; font-family:Roboto; color:#fff;}

#footer_menu{ width:100%; text-align:center; font-size:12px; font-family:Robot; color:#fff; float:left; margin-bottom:20px;}
#footer_menu p{ margin-bottom:15px; line-height:100%;font-family:Robot;}
#footer_menu a{ color:#fff;}
.pic_list li{ }
.pic_list li img{ width:110px; height:83px;}

@media screen and (max-width: 1500px){
.container_1500{ width:100%;}
}

@media screen and (min-width: 1200px){
.xb4:nth-child(3n+1){ clear:both;}	
.xb3:nth-child(4n+1){ clear:both;}
}

@media screen and (max-width: 1200px) and (min-width: 1000px){
.xm4:nth-child(3n+1){ clear:both;}
}

@media screen and (max-width: 1000px) and (min-width: 760px){
.xs6:nth-child(2n+1){ clear:both;}

	#header_class_title{ width:100%; height:36px; padding-top:4px; line-height:36px; text-align:center; position:relative; border-bottom:1px solid #ececec;}
	#header_class_title h3{ font-size:20px; font-weight:bold;}
	#header_class_title span{ font-size:20px; position:absolute; color:#888888; top:0; right:0; display:block; padding:5px 10px; margin:3px 0; border:1px solid #ececec; border-radius:3px;}
	#header_class_list{ position:fixed; top:0; height:100%;left:-100%; overflow:scroll; z-index:10000001;  width:100%; padding-right:10%;}
	#header_class_list .bg_right{  width:10%; position:absolute; height:100%; right:0; top:0;}
	.header_class_bg{ background:#fff; width:100%;}
	#header_class_list ul li.first_list{ line-height:30px; min-height:30px; text-align:left; padding-left:10px; border-bottom:1px solid #ececec; width:100%;}
	#header_class_list ul li.first_list.active a{ color:red;}
	#header_class_list ul li.first_list a.first_list_a{  background: url(../images/left_bg.png) no-repeat 0 center; padding-left:22px; font-size:14px;}
	#header_class_list ul li ul li{padding-left: 20px; line-height:24px;background: url(../images/right_li_bg.png) no-repeat 10px center;}
	#header_class_list ul li ul{ display:none;}
	#header_top{ display:none;}
	#header_class{ width:30px; float:left; padding:8px 0;}
	#header_class span{ font-size:36px; color:#666;}
	.xl6:nth-child(2n+1){ clear:both;}
	#header_main #header_logo{ padding-top:5px;}
	#header_right a{ font-size:9pt;}
	#header_logo{ width:66%;}
	#header_logo img{ width:100%;}
	#header_main{ z-index:99999; width:100%; background:#fff; padding-bottom:10px; border:1px solid #dcdcdc; position:fixed;}
	#header_main #header_search{ width:90%; margin:10px 5% 0;}
	#header_main #header_search .keyword{ width:80%;}
	#header_main #header_search div{ width:20%; float:right; background:#eeeeee;}
	#header_nav{ height:auto; margin-top:0;border-top:0; padding-top:200px;}
	#header_nav ul li{ float:left; width:25%; text-align:center; overflow:hidden;}
	#header_nav ul li a{ margin:0; }
	#header_nav ul li a:hover:before{ width:0;}
	#main_center .product_box .product_box_title {background: url(../images/products_box_title.jpg) repeat-x center center;}
	#right_video_con li.vd_hot img{ width:50%;}
	
	#main_left{ display:none;}
	#main_center{ width:100%; margin-left:0;}
	
	#main_center .product_box .product_box_con ul li{ padding:0 5px;}
	#main_center .product_box .product_box_con ul li .pro_img{ height:auto;}
	#main_center .product_box .product_box_con ul li .pro_img a{ width:100%; display:block;}
	#main_center .product_box .product_box_con ul li .pro_img img{width:100%; min-height:0;}
	
	#header_nav ul li a{ padding:0;}
	
	#main_right{ width:100%; margin:10px 0 0 0;}
	
	.zone_left{ display:none;}
	.zone_center{ width:100%; margin:0;}
	.zone{ width:100%; padding:0 10px;}
	
	.zone_right{ width:100%;}
	.products{ padding:8px 5px 0;}
	.products li{ width:100%;}
	.products li a{ display:block; width:100%;}
	.products li img{ width:100%; min-height:0; }
	
	.solution_right{ width:100%;}
	table{ max-width:100% !important;}
	.zone_center table{ width:100% !important;}
	
	#footer{ margin-bottom:50px;}
	.more4{ display:none;}
	.NavTitleBox{ margin-top:0; }
	
	.NavTitle{ line-height:160%;font-size:9pt;}
	
	.input_texterea{ width:100%;}
	
	.input_text{ width:90%;}
	
	#TB_window{ width:100%; left:0 !important; overflow:hidden;}
	#TB_window .title{ width:100%;}
	
	#right_link ul li{ width:50%; float:left; text-align:center; }
	#right_link ul li a{ padding-left:0;}
	.view_menu2 li:nth-child(4){display:none; }
   	.view_menu2 li{ width:47%; margin:5px 1%;}
    #right_link ul li a{ font-size:12px;}

	.NewsTitleView ul{ margin:0; }
	.NewsTitleView2{font-size:14px;}
	.detail_box_right{ height:40px;line-height:40px; width:calc(100% - 120px);}
	.detail_box_left{ height:40px; font-size:12px; width:120px;}
	.pro_detail_title{ border:none;}
   .detail_box ul:nth-child(3) li *{ max-width:100%; text-indent:0 !important; width:auto !important;}
   
   #video_list ul li img{ max-width:106px;}
   #video_list ul li h5{ float:right; width:calc(100% - 120px);}
   .solution_left{ width:106px;}
   .solution_left img{ max-width:100%;}
   .solution_right{ float:right; width:calc(100% - 120px);}  
   #video_list ul li h5{ float:right; width:calc(100% - 120px);}   
   #news_list ul li.has_img img{ max-width:106px;}
   #news_list ul li.has_img h5 { float: right; width: calc(100% - 120px);}
   #news_list ul li.has_img span{ display:none;}
	
.bg_right span {
    display: inline-block;
    color: #636363;
    background: #fff;
    font-size: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    padding: 8px;
    /* width: 40px; */
    position: fixed;
    top: 33%;
    right: -50px;
}



}

@media screen and (max-width: 760px){
	#header_class_title{ width:100%; height:36px; padding-top:4px; line-height:36px; text-align:center; position:relative; border-bottom:1px solid #ececec;}
	#header_class_title h3{ font-size:20px; font-weight:bold;}
	#header_class_title span{ font-size:20px; position:absolute; color:#888888; top:0; right:0; display:block; padding:5px 10px; margin:3px 0; border:1px solid #ececec; border-radius:3px;}
	#header_class_list{ position:fixed; top:0; height:100%;left:-100%; overflow:scroll; z-index:10000001;  width:100%; padding-right:10%;}
	#header_class_list .bg_right{  width:10%; position:absolute; height:100%; right:0; top:0;}
	.header_class_bg{ background:#fff; width:100%;}
	#header_class_list ul li.first_list{ line-height:30px; min-height:30px; text-align:left; padding-left:10px; border-bottom:1px solid #ececec; width:100%;}
	#header_class_list ul li.first_list.active a{ color:red;}	
	#header_class_list ul li.first_list a.first_list_a{  background: url(../images/left_bg.png) no-repeat 0 center; padding-left:22px; font-size:14px;}
	#header_class_list ul li ul li{padding-left: 20px; line-height:24px;background: url(../images/right_li_bg.png) no-repeat 10px center;}
	#header_class_list ul li ul{ display:none;}
	#header_top{ display:none;}
	#header_class{ width:30px; float:left; padding:8px 0;}
	#header_class span{ font-size:24px; color:#666;}
	.xl6:nth-child(2n+1){ clear:both;}
	#header_main #header_logo{ padding-top:5px;}
	#header_right a{ font-size:9pt;}
	#header_logo{ width:66%;}
	#header_logo img{ width:100%;}
	#header_main{ z-index:99999; background:#fff; padding-bottom:10px; border:1px solid #dcdcdc; position:fixed;}
	#header_main #header_search{ width:90%; margin:10px 5% 0;}
	#header_main #header_search .keyword{ width:80%;}
	#header_main #header_search div{ width:20%; float:right; background:#eeeeee;}
	#header_nav{ height:auto; margin-top:0;border-top:0; padding-top:93px;}
	#header_nav ul li{ float:left; width:25%; text-align:center; overflow:hidden;}
	#header_nav ul li a{ margin:0; }
	#header_nav ul li a:hover:before{ width:0;}

	
	#main_left{ display:none;}
	#main_center{ width:100%; margin-left:0;}
	
	#main_center .product_box .product_box_con ul li{ padding:0 5px;}
	#main_center .product_box .product_box_con ul li .pro_img{ height:auto;}
	#main_center .product_box .product_box_con ul li .pro_img a{ width:100%; display:block;}
	#main_center .product_box .product_box_con ul li .pro_img img{width:100%; min-height:0;}
	
	#header_nav ul li a{ padding:0;}
	
	#main_right{ width:100%; margin:10px 0 0 0;}
	
	.zone_left{ display:none;}
	.zone_center{ width:100%; margin:0;}
	.zone{ width:100%; padding:0 10px;}
	
	.zone_right{ width:100%;}
	.products{ padding:8px 5px 0;}
	.products li{ width:100%;}
	.products li a{ display:block; width:100%;}
	.products li img{ width:100%; min-height:0; }
	.pic_list li{ margin:0;}
	
	.solution_right{ width:100%;}
	table{ max-width:100% !important;}
	.zone_center table{ width:100% !important;}
	
	#footer{ margin-bottom:0;}
	.more4{ display:none;}
	.NavTitleBox{ margin-top:0; }
	
	.NavTitle{ line-height:160%;font-size:9pt;}
	
	.input_texterea{ width:100%;}
	
	.input_text{ width:90%;}
	
	#TB_window{ width:100%; left:0 !important; overflow:hidden;}
	#TB_window .title{ width:100%;}
	
	#right_link ul li{ width:50%; float:left; text-align:center; }
	#right_link ul li a{ padding-left:0;}
	.view_menu2 li:nth-child(4){display:none; }
   	.view_menu2 li{ width:47%; margin:5px 1%;}
    #right_link ul li a{ font-size:12px;}

	.NewsTitleView ul{ margin:0; }
	.NewsTitleView2{font-size:14px;}
	.detail_box_right{line-height:150%; height:40px; width:calc(100% - 120px); overflow:hidden;}
	.detail_box_left{line-height:150%; height:40px; font-size:12px; width:120px;}
	.pro_detail_title{ border:none;}
   .detail_box ul:nth-child(3) li *{ max-width:100%; text-indent:0 !important; margin:auto !important; width:auto !important;}
   
   #video_list ul li img{ max-width:106px;}
   #video_list ul li h5{ float:right; width:calc(100% - 120px);}
   .solution_left{ width:106px;}
   .solution_left img{ max-width:100%;}
   .solution_right{ float:right; width:calc(100% - 120px);}  
   #video_list ul li h5{ float:right; width:calc(100% - 120px);}   
   #news_list ul li.has_img img{ max-width:106px;}
   #news_list ul li.has_img h5 { float: right; width: calc(100% - 120px);}
   #news_list ul li.has_img span{ display:none;}
   
   .pagination a,.pagination span{ padding:8px;}
	
.bg_right span {
    display: inline-block;
  	background:url("../images/mobile_menu_back.png");
	width:48px;
	height:80px;
    /* width: 40px; */
    position: fixed;
    top: 33%;
    right: -50px;
}

#footer .graph_link_box .graph_title h3{ font-size:16px;}
#footer .graph_link_box .graph_title:after{ width:calc(100% - 240px);}
#footer .graph_link_box .graph_con ul li{ width:25%;}
#footer .graph_link_box .graph_con ul li img{ width:60%; margin-right:40%;}
#footer .graph_link_box .graph_con ul li a{ font-size:12px; height:28px; line-height:14px;}
#footer_main #footer_email #footer_email_input input[type=email]{ margin-bottom:10px;}
#footer_main #footer_email span{ display:inline;}
#help_center ul li.first_li{ width:33.3%;}

#footer .graph_link_box#graph_trade .graph_con ul li{ width:50%; text-align:center;}
#footer .graph_link_box#graph_trade .graph_con ul li img{ margin:0 auto;}
#footer .graph_link_box#graph_trade .graph_con ul li:nth-child(2n+1){ clear:both;}
#footer_sociality #footer_app{ width:100%; display:none;}
#footer_sociality #footer_tm{ width:100%; margin:10px 0;}
#footer_sociality #follow_us{ width:100%;}
#footer_menu a{ line-height:150%;}
.detail_qq a img{ margin:2px 0;}
.recommend_title{ line-height:36px;}
.recommend_title h3{ font-size:13px; padding-left:5px;}
.pic_list li{ width:calc(50% - 20px);}
.pic_list li img{ width:100%; height:auto;}

}