﻿
.MainLang {}
/*************************/
.MainAdv { }
.MainAdv .details { position:relative;}
.WintoMac span { text-align:center; color:#00d7f6;  background:#f5f5f5; padding:2px; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s;  width:205px; font-size:13px; display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; position:absolute; top:0; right:100px;}
.WintoMac span:hover { background:#00d7f6; color:#fff; width:205px;}
.WintoMac a:hover { text-decoration:none;}
.MainAdv h1 { font-size:23px; text-align:center; font-weight:800; }
.MainAdv p.summary{padding-bottom:0; text-align:center; font-size:15px; font-weight:700;}
.MainAdv p { padding:15px 0px; line-height:25px;}
.MainAdv .left { width:600px; float:left; padding:30px 0 60px 0px; position:relative;}
.MainAdv .right { width:400px; float:left; padding:30px 0 0 35px;}
.MainAdv .right h4 { text-align:center; font-size:12px; font-weight:bold; line-height:25px;}
.MainAdv .right h4 i { font-style:normal; font-size:23px; display:block;}
.MainAdv .right h5 { text-align:center; padding:20px 0 0; font-size:23px; color:#FF0000; font-weight:bold;}
.MainAdv .right h5 i { text-decoration:line-through; font-size:15px; color:#767d87; font-style:normal;}
.MainAdv .right ul { margin:0; padding:15px 0 0 50px; list-style:none; }
.MainAdv .right ul li { background:url(../index-style/iocsec-fift.png) left center no-repeat; padding:0 10px 0 25px; float:left;}
.MainAdv .right p.win{text-align:center; padding-bottom:0;}
/*************************/
.IndexBuyUp span { text-align:center; color:#FFF; margin:15px auto; background:url(../index-style/bbuy-fift.png) 185px 8px no-repeat #ffba0d; padding:8px 60px 5px 0px; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; font-weight:bold; width:205px; font-size:21px; font-weight:800; display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;}
.IndexBuyUp span i { font-size:15px; display:block; font-style:normal; font-weight:400;}
.IndexBuyUp span:hover { background:url(../index-style/bbuy-fift.png) 185px 8px no-repeat #ffc919; width:205px;}
.IndexBuyUp,.IndexDownUp{ text-align:center;}
.IndexBuyUp a,.IndexDownUp a{ display:inline-block;}
.IndexBuyUp a:hover,.IndexDownUp a:hover{ text-decoration:none;}
.IndexDownUp span { text-align:center; color:#FFF; margin:0 auto 15px; background:url(../index-style/bdown-fift.png) 185px 8px no-repeat #7ad850; padding:8px 60px 5px 0px; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; font-weight:bold; width:205px; font-size:21px; font-weight:800; display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;}
.IndexDownUp span i { font-size:15px; display:block; font-style:normal; font-weight:400;}
.IndexDownUp span:hover {background:url(../index-style/bdown-fift.png) 185px 8px no-repeat #85e959; width:205px;}
/*************************/
.MainReview { height:100px; background:#f5f5f5; }
.slider { width:1000px;  margin:0 auto; position:relative;}
.slider .wrapper { width:950px; overflow:hidden; height:160px; left:25px; position:relative;}
.slider .wrapper .content {position:absolute; width:8000px; height:160px;}
.slider .wrapper .content .slider-item {width:950px;height:160px; float:left;}
.slider .wrapper .content .slider-item .left {width:240px; float:left; text-align:center; padding:15px 0 0; }
.slider .wrapper .content .slider-item .right { width:650px; padding:15px 0 0 40px; float:left;  }
.slider .wrapper .content .slider-item .right p i { display:block;  padding:5px 0 5px 0px;}
.slider .prev {position:absolute;left:-30px; top:25px;width:21px;height:50px;cursor:pointer;}
.slider .next {position:absolute;right:-30px;top:25px;width:21px;height:50px;cursor:pointer;}
/*************************/
.MainOive {}
.MainOive .MainOne { padding:15px 0;}
.MainOive .MainOne h3 { font-size:21px; font-weight:bold; text-align:center; padding-bottom:20px;}
.MainOive .MainOne h2 { font-size:19px; font-weight:800; padding:0 0 0 20px;}
.MainOive .odd { font-size:19px; font-weight:800; padding:0 0 0 20px; background:url(../icon/h4left-fift.png) 0px 4px no-repeat;}
.MainOive .even  { font-size:19px; font-weight:800; padding:0 0 0 20px; background:url(../icon/h4right-fift.png) 0px 4px no-repeat;}
.MainOive .MainOne p { padding:10px 0 0px;}
.MainOive .MainOne .LeftPic { padding:15px 15px 10px 45px;}
.MainOive .MainOne .LeftPic .ImgLeft { width:360px; float:left;}
.MainOive .MainOne .LeftPic .TxtRight { width:600px; float:left; padding:40px 10px 10px 40px;}
.MainOive .MainOne .Leftline { width:780px; float:right; margin-right:15px; border-bottom:1px solid #ebebeb; height:5px;}

.MainOive .MainOne .RightPic {  padding:15px 45px 10px 15px; }
.MainOive .MainOne .RightPic .ImgLeft { width:360px; float:left;}
.MainOive .MainOne .RightPic .TxtRight { width:600px; float:left; padding:40px 10px 10px 40px;}
.MainOive .MainOne .Rightline { width:780px; float:left; margin-left:15px; border-bottom:1px solid #ebebeb; height:5px;}

.MainOive .tiele { height:55px; background:url(../index-style/line-fift.png) center repeat-x;text-align:center;}
.MainOive .tiele h2 { display:inline-table; padding:15px;font-size:21px; font-weight:bold; background:#fff;}
.MainOive h5 { font-size:13px; padding:15px 0 25px;}
/*************************/
.MainBy { background:#f3f3f5;}
.MainBy .left { width:350px; float:left; border-right:3px solid #e0e0e0; margin:10px 0;}
.MainBy .left h4 { text-align:center; line-height:30px; padding:10px 0; font-size:17px; font-weight:800;}
.MainBy .left h4 i { text-decoration:line-through; color:#7e8490; font-size:15px; }
.MainBy .left h4 em { color:#FF0000; font-style:normal; }
.MainBy .right { width:737px; float:left;}

.MainBy .detail{width:1090px; padding:40px 5px 30px; margin:0 auto;  text-align:center;}
.MainBy .detail h3{font-size:25px; font-weight:700;}
.MainBy .detail h3 span{color:#ff7800;}
.MainBy .detail > p{font-size:16px; color:#666; padding:10px 0 25px;}
.MainBy .detail .time{width:490px; margin:0 auto 20px;}
.MainBy .detail .time p{float:left; font-size:15px; line-height:55px; color:#666;}
.MainBy .detail .time ul li{float:left; width:54px; height:55px; background-repeat:no-repeat; background-position:center; text-align:center; margin-left:15px; font-size:31px; line-height:63px;}
.MainBy .detail .time ul li:nth-child(1){background-image:url(../img-style/d.png);}
.MainBy .detail .time ul li:nth-child(2){background-image:url(../img-style/h.png);}
.MainBy .detail .time ul li:nth-child(3){background-image:url(../img-style/m.png);}
.MainBy .detail .time ul li:nth-child(4){background-image:url(../img-style/s.png);}
.MainBy .detail .btn{text-align:center;}
.MainBy .detail .btn > div{display:inline-block; margin:0 20px;}
.MainBy .detail .btn > div p{font-size:12px; color:#666; padding-top:5px;}
.MainBy .detail .btn > div a span{float:none; display:inline-block; margin-left:0;}
/*************************/
.IndexBuy span { text-align:center; color:#FFF; background:url(../index-style/bbuy-fift.png) 170px 8px no-repeat #ffba0d; padding:8px 60px 5px 0px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; font-weight:bold; width:185px; font-size:21px; font-weight:800; display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; margin:8px 0 0 50px;}
.IndexBuy span i { font-size:15px; display:block; font-style:normal; font-weight:400;}
.IndexBuy span:hover { background:url(../index-style/bbuy-fift.png) 170px 8px no-repeat #ffc919; width:185px;}

.IndexDown span { text-align:center; color:#FFF; background:url(../index-style/bdown-fift.png) 170px 8px no-repeat #7ad850; padding:8px 60px 5px 0px; float:left; transition:all 0.4s; -webkit-transition:all 0.4s;  -moz-transition:all 0.4s; font-weight:bold; width:185px; font-size:21px; font-weight:800; display:block; cursor:pointer;  -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; margin:8px 0 0 50px;}
.IndexDown span i { font-size:15px; display:block; font-style:normal; font-weight:400;}
.IndexDown span:hover {background:url(../index-style/bdown-fift.png) 170px 8px no-repeat #85e959; width:185px;}
/*************************/
.MainRelaed { background:#374049; }
.MainRelaed .left { width:330px; float:left; color:#cacccb;}
.MainRelaed .left h3 { font-size:19px; display:block; padding:0 0 0 40px; height:43px; line-height:37px; background:url(../index-style/products-fift.png) left center no-repeat, url(../index-style/y-fift.png) left bottom no-repeat;}
.MainRelaed .center { width:360px; float:left; color:#cacccb;}
.MainRelaed .center h3 { font-size:19px; display:block; padding:0 0 0 40px; height:43px; line-height:37px; background:url(../index-style/how-fift.png) left center no-repeat, url(../index-style/g-fift.png) left bottom no-repeat;}
.MainRelaed .right { width:360px; float:left; color:#cacccb;}
.MainRelaed .right h3 { font-size:19px; display:block; padding:0 0 0 40px; height:43px; line-height:37px; background:url(../index-style/related-fift.png) left center no-repeat, url(../index-style/b-fift.png) left bottom no-repeat;}
.MainRelaed ul { list-style:none; padding:15px 0 0;}
.MainRelaed ul li { padding:1px 0 1px 15px; background:url(../index-style/iocn-fift.png) 0 7px no-repeat; text-align:left;}
/*************************/
.DivMain09 { width:1100px; position:absolute; padding:10px 0 0; }
.DivMain09 .Print { width:1000px; margin:0 auto; }
.DivMain09 .close { width:45px; height:15px; cursor:pointer; background:url(../index-style/close.png) no-repeat; position:absolute; top:15px; right:120px;z-index:10001;}
.DivMain09 .left { width:29px; height:113px; position:absolute; top:260px; left:20px;}
.DivMain09 .right { width:29px; height:113px; position:absolute; top:260px; right:20px;}
/*-------------------*/
.DivMain10 { width:1006px; position:absolute;}
.DivMain10 .Print {}
.DivMain10 .Print .top { height:44px; position:relative; background:url(../index-style/table_top.png) no-repeat;}
.DivMain10 .Print .top .close { width:45px; height:15px; position:absolute; top:0; cursor:pointer; right:25px;}
.DivMain10 .Print .cen { background:url(../index-style/table_cen.png) repeat-y;}
.DivMain10 .Print .cen .tab {  margin:0 auto; padding:10px 30px;}
.DivMain10 .Print .cen .tab h3 { font-size:13px; padding-bottom:12px;}
.DivMain10 .Print .cen .tab h3 img { margin-right:9px;}
.DivMain10 .Print .cen .tab td p { padding:5px 10px; line-height:22px; font-size:12px;}
.DivMain10 .Print .shadow { height:8px; background:url(../index-style/shadow03.png) bottom center no-repeat;}
.DivMain10 .Print .bot { height:33px; background:url(../index-style/table_bot.png) no-repeat;}
/*-------------------*/
.printSlideWrapper {width:1000px;height:700px;overflow:hidden;position:relative;}
.printSlideContainer {position:absolute;width:5000px;height:700px;left:0;top:0;}
.printSlideContainer img {float:left;}
/*************************/
@media (max-width: 979px) {
	.details { width:94%; padding:0 3%; }
	.nav_bg{display:none;}
	.MainLang{padding:5px 0 10px;}
	.MainAdv h1{ width:70%;}
	.MainAdv .left{ width:auto; text-align:center;}
	.MainAdv .left > img{ width:100%; max-width:642px;}
	.MainAdv .right ul,.MainReview{ display:none;}
	.MainAdv .left{ float:none; padding:0;}
	.MainAdv .right{ float:none; padding:20px 0 0 0; width:auto;}
	.MainAdv .right h4 i,.MainAdv .right h5{ font-size:21px;}
	.MainAdv .right .right_v{ float:left; width:50%; padding-top:20px;}
	.MainAdv .right .right_b{ float:left;width:50%;}
	/*---*/
	.MainOive .MainOne{ padding:0;}
	.MainOive .MainOne .LeftPic{ padding:10px 0;}
	.MainOive .MainOne .LeftPic .ImgLeft,.MainOive .MainOne .RightPic .ImgLeft{ display:none;}
	.MainOive .MainOne .LeftPic .TxtRight{ padding:0 0 10px; width: auto;}
	.MainOive .MainOne .Leftline,.MainOive .MainOne .Rightline{ width:100%; margin:0;}
	.MainOive .MainOne .RightPic{ padding:10px 0;}
	.MainOive .MainOne .RightPic .TxtRight{ padding:0 0 10px; width:auto;}
	.MainOive .MainOne h2{ font-size:18px;}
	.MainBy{ padding:20px 0;}
	.MainBy .detail{width:100%;}
	.MainBy .left{ width:27%;}
	.MainBy .right{ width:72%;}
	.MainBy .right .IndexBuy span{ margin-left:14px;}
	.MainBy .right .IndexDown span{ margin-left:15px;}
	.IndexBuyUp{ text-align:center;}
	/*---*/
	.MainRelaed{ padding:10px 0;}
	.MainRelaed .left, .MainRelaed .center, .MainRelaed .right{ width:50%;}
	.MainRelaed .left,.MainRelaed .center,.MainRelaed .right{ padding-bottom:10px;}
	/*---*/
	.MainOive .odd,.MainOive .even{ font-size:17px;}
}

@media (max-width: 767px) {
	.MainAdv h1{ width:100%;}
	.WintoMac{ padding-top:10px;}
	.WintoMac span{ position:relative; display:block; margin:0 auto; right:0;}
	.MainAdv .right .right_v,.MainAdv .right .right_b{ float:none; width:100%;}
	.MainAdv .right h5{ padding-top:10px;}
	.MainOive .MainOne h2{ font-size:17px;}
	/*---*/
	.MainOive .MainOne .RightPic,.MainOive .MainOne .LeftPic .TxtRight{ padding: 0;}
	.MainBy{ padding:0;}
	.MainBy .left{ width:100%; float:none; border-right:none; margin:10px 0 0;}
	.MainBy .right{ width:100%;float:none; padding-bottom:10px;}
	.MainBy .right .IndexBuy span{ float:none;margin:0 auto;}
	.MainBy .right .IndexDown span{ float:none;margin:10px auto;}
	.MainBy .right .IndexBuy a:hover,.MainBy .right .IndexDown a:hover{ text-decoration:none;}
	/*---*/
	.MainRelaed .left, .MainRelaed .center, .MainRelaed .right{ width:100%;}
	/*---*/
	.MainOive .odd,.MainOive .even{ font-size:15px;}
}

@media  (max-width: 479px) {
	.MainAdv .right{ padding:10px 0 0 0;}
	.MainAdv h1{ font-size:21px;}
	.MainAdv .right h4 i,.MainAdv .right h5{ font-size:18px;}
	.MainOive .MainOne h2{ font-size:14px;}
	/*---*/
	.MainOive .odd,.MainOive .even{ font-size:13px;}
	
}