@charset "utf-8";
.btest {float:right;*display:inline;background:#7cb92e;}
.details-section .container {*zoom:1;padding-top:50px;max-width:1200px;margin:0 auto;}
.details-section .container:before, .details-section .container:after {content:"";display:table;}
.details-section .container:after {clear:both;}
.main {padding:0 0 77px 274px;position:relative;}
.main .main-top {*zoom:1;height:367px;border:1px solid #ebe9e9;}
.main .main-top:before, .main .main-top:after {content:"";display:table;}
.main .main-top:after {clear:both;}
.main .g-slider {position:relative;width:367px;float:left;}
.main .g-slider .btn {display:block;width:19px;height:32px;cursor:pointer;margin-top:8px;}
.main .g-slider .left-btn {float:left;*display:inline;margin-right:7px;background:url(qy-btuleft.png);}
.main .g-slider .right-btn {float:right;*display:inline;background:url(qy-bturight.png);}
.main .g-slider .show-box {position:absolute;display:none;width:367px;height:367px;overflow:hidden;left:368px;top:0px;background:#FFF;z-index:999;}
.main .g-slider .swiper-button-prev, .main .g-slider .swiper-button-next {position:absolute;width:18px;height:18px;margin-top:-28px;left:100%;top:100%;background-image:url("details-arrow.png");background-size:37px 18px;-webkit-background-size:37px 18px;z-index:5;}
.main .g-slider .swiper-button-prev {margin-left:-72px;background-position:0 0;}
.main .g-slider .swiper-button-next {margin-left:-36px;background-position:-19px 0;}
.main .slider {width:300px;float:left;*display:inline;position:relative;background:#FFF;z-index:10;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;}
.main .large-box {position:relative;margin-bottom:6px;width:367px;height:367px;overflow:hidden;background-color:#FFF;}
.main .large-box ul {*zoom:1;}
.main .large-box ul:before, .main .large-box ul:after {content:"";display:table;}
.main .large-box ul:after {clear:both;}
.main .large-box .marquee {position:absolute;width:150px;height:150px;background:#FFF;opacity:.5;}
.main .slider .small-box {width:100%;padding:10px 0;position:relative;*zoom:1;}
.main .slider .small-box:before, .main .slider .small-box:after {content:"";display:table;}
.main .slider .small-box:after {clear:both;}
.main .slider .small-box .btn {position:absolute;width:19px;height:32px;top:50%;cursor:pointer;margin-top:-16px;}
.main .slider .small-box .left-btn {left:0;background:url(/Content/C_IMG/m152/sy_arrow3.png) no-repeat top center;}
.main .slider .small-box .right-btn {right:0;background:url(/Content/C_IMG/m152/sy_arrow4.png) no-repeat top center;}
.main .slider .small-box .small-list {width:252px;margin-left:30px;height:51px;overflow:hidden;}
.main .slider .small-box .small-list li {width:51px;float:left;*display:inline;position:relative;margin-right:12px;}
.main .slider .small-box .small-list li .bun-bg {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.main .slider .small-box .small-list .on .bun-bg {display:block;}
.main .m-t-right {float:left;width:50%;height:340px;padding:25px 25px 0 25px;}
.main .main-titleone {display:block;color:#201f1a;font-size:23px;}
.main .main-titleone em {display:inline-block;line-height:32px;font-size:20px;vertical-align:middle;text-transform:uppercase;}
.main .right-details {overflow:hidden;}
.main .right-details p {padding:20px 0 0;color:#201f1a;font-size:14px;line-height:1.5;}
.main .right-details button {display:block;background:#000;color:#FFF;font-size:16px;height:42px;line-height:42px;padding:0 22px;border:0;float:left;*display:inline;margin-top:60px;}
.main .right-details .share-tools {float:right;*display:inline;margin-top:58px;}
.main .right-details .share-tools a {width:26px;height:26px;float:left;margin-left:10px;}
.main .main-bottom {padding:0 0 90px 25px;}
.main .main-title {padding:30px 0;width:86.7%;color:#201f1a;text-transform:uppercase;}
.main .main-title em {font-size:18px;line-height:28px;}
.main .details {padding-top:20px;font-size:16px;line-height:1.5;line-height:30px;border-top:1px solid #ebe9e9;}
.main .tags {font-size:16px;line-height:1.5;*zoom:1;}
.main .tags:before, .main .tags:after {content:"";display:table;}
.main .tags:after {clear:both;}
.main .tags a {*display:inline;display:inline-block;color:#8e8d89;padding:10px 14px;border:1px solid #8e8d89;margin:0 7px 7px 0;}
.main .flip {padding:6px 5% 0 25px;margin:30px 0 0 -25px;color:#868686;background:#e6e6e6;font-size:14px;line-height:36px;*zoom:1;}
.main .flip:before, .main .flip:after {content:"";display:table;}
.main .flip:after {clear:both;}
.main .flip a {color:#868686;text-decoration:underline;margin-left:8px;}
.main .flip i {display:block;}
.main .flip em {display:block;font-weight:normal;}
.main .form li {font-size:14px;line-height:36px;margin-bottom:20px;}
.main .form li em {display:inline-block;color:#201f1a;width:78px;text-align:right;font-weight:normal;margin-right:10px;vertical-align:top;}
.main .form li em i {color:#ff0f0f;}
.main .form li input {font-size:14px;line-height:36px;height:36px;width:50%;color:#201f1a;text-indent:10px;}
.main .form li textarea {height:122px;font-size:14px;line-height:28px;padding:10px;width:60%;color:#201f1a;}
.main .form .li {margin:0;}
.main .form .form-agree {font-weight:normal;color:#666;margin-left:88px;}
.main .form .form-agree input {vertical-align:middle;}
.main .form button {display:block;margin:28px 0 0 88px;background:#000;color:#FFF;font-size:16px;height:42px;line-height:42px;padding:0 22px;border:0;}
.singglepic{width:366px!important;float:left;}
.singglepic img{max-width:366px!important}
.swiper-wrapper .swiper-slide img{max-width:367px!important;max-height:367px!important;}
@media screen and (max-width:1200px) {.main .m-t-right {width:42%;}}
@media screen and (max-width:1100px) {.main .m-t-right {width:30%;}
.main .right-details p {display:none;}
.main .right-details button {margin-top:120px;}
.main .right-details .share-tools {float:left;margin-top:20px;}
.main .right-details .share-tools a {margin:0 10px 0 0;}}
@media screen and (max-width:1100px) {.main .m-t-right {width:30%;}}
@media screen and (max-width:960px) {.g-sidebar {float:none;width:100%;margin-top:5%;}
.g-sidebar .hot {padding:20px 0 0;}
.main {padding:0 0 40px;}
.main .main-top {height:auto;border:none;}
.main .m-t-right {width:45%;height:auto;padding:0 3%;}
.main .right-details p {padding:20px 0 0;display:block;word-break:break-word;}
.main .right-details button {margin-top:20px;float:none;}
.main .main-bottom {padding:0 3%;}
.main .flip {margin:30px 0 0;}
.main .flip em {float:left;*display:inline;}}
@media screen and (max-width:768px) {.main .m-t-right {width:35%;height:auto;padding:0 3%;}}
@media screen and (max-width:700px) {.main .g-slider {float:none;margin:0 auto;}
.main .g-slider .show-box {left:500px;}
.main .m-t-right {width:94%;height:auto;padding:0 3%;}
.main .m-t-right .right-details .share-tools {float:right;*display:inline;}
.main .m-t-right .right-details button {float:left;*display:inline;}}
.pshare{float:left;padding:8px 0 0 0;}
.jsshare {text-align:center;padding-top:8px;padding-left:60px;position:relative;}
.pshare li{float:left;width:48%;height:28px;line-height:28px;}
.pshare li img{vertical-align:middle;margin-right:12px;}
.jsshare span.stxt{font-size:14px;line-height:24px;padding:0 8px 0 0;position:absolute;left:8px;top:8px;}
.jsshare a,.jsshare a img{width:24px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
span.at-icon-wrapper,.at-icon-wrapper svg{width:24px!important;height:24px!important;line-height:24px!important;}
strong {text-transform:capitalize !important;}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(/images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(/images/down1_1.png)no-repeat;padding:0 0 0 16px;}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url(/images/down2_1.png)no-repeat;padding:0 12px 0 16px;}
.pdown2 #A_DownLoadProduct{background:url(/images/down2_2.png) right top no-repeat;}
.pdown3 #A_DownLoadProduct{background:url(/images/down2_3.png) right top no-repeat;}
.pdown4 #A_DownLoadProduct{background:url(/images/down2_4.png) right top no-repeat;}