@charset "utf-8";
/* CSS Document */
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix{ *zoom:1;}
.clearfix:after{ display:block; clear:both; content:"";}


.toolbar{border-top: 1px solid #FFFFFF;}

.all_container{ width:100%; height:100%; font-family:"Microsoft YaHei"}
.pop{ position:fixed; left:0; top:0; z-index:50000; width:100%; height:100%;}
.pop .pic{ margin-top:10px;}

.loading{ width:100%; height:100%; background:#A5CB0B; text-align:center; position: fixed; top: 0; left: 0;}
.loading img{ margin-top:30%;}
.loading span{ font-size:36px; color:#FFF; display:block;}
/*.index .container{width:100%; height:100%;}*/
.page-content{ background: #FFFFFF;}

.navbar{ background:#111111; height:89px; border:none; z-index:5200;}
.navbar-inner{ padding-left:24px; padding-right:28px;top:-5px;}
.navbar-inner .center{ margin-left:60px}
.foot{ height:133px; border:none;}
.foot .toolbar-inner{ height:133px; padding:0;}
.foot .bottom_menu a{ width:25%;  padding-top:17px; padding-bottom:20px; background:#424242; border-top:#FFF 3px solid; border-left:#FFF 2px solid;}

.foot .bottom_menu a:first-child{border-left:none;}
.foot .bottom_menu .active {background:#a8c471;}
.foot span.tabbar-label{font-size:20px; color:#FFF;}

.foot .copyright{ position:absolute; top:139px; left:auto; width:100%; text-align:center; line-height:70px; color:#a7a7a7;}

/*.left_menu{ top:78px;}*/
/*.panel.panel-left.panel-cover{ z-index:5100; border:none;}*/
/*body.with-panel-left-cover .panel-left{transform: translate3d(475px, 0px, 0px);}*/
/*.panel-overlay{z-index:5090}*/

/*.white_bg{ width:0; height:100%; position:absolute; top:0; left:296px; background:#FFF; /*display:none;*/ z-index:5099;}*/
.content-block { width: 100%;}
.content-block li{ width: 100%; margin-bottom: 3px;}
.content-block .frist_m{ background: #a8c471; display: block; width: 100%; height: 88px; font-size: 24px; color: #FFFFFF; line-height: 88px; text-align: right;}
.content-block .frist_m span{ margin-right: 30px;}
.content-block .frist_m img{vertical-align: middle;}
.all_container .second_menu a{ font-size: 24px; color: #FFFFFF; display: block; height: 88px; line-height: 88px; text-align:right; padding-right: 60px;} 


.index_page{margin-top:80px;}
.index_page .swiper-container {height: 100%; overflow:hidden;}
.index_page .swiper-slide { position:relative; top:0; left:0;overflow:hidden;}
.index_page .swiper-slide .p_bg{ position:absolute; bottom:0; left:0; z-index:-1;}
.index_page .swiper-slide .title{ text-align:center;}
.index_page .swiper-slide a{ width:100%; height:100%; display:block;}
.index_page .swiper-slide .arrow{position:absolute; bottom:5px; left:0; width:100%; text-align:center;}


.four_functions{ width:100%; height:100%; font-family:"Microsoft YaHei"}
.four_functions .section{margin-top:80px; overflow:scroll;}
.four_functions .section .top_btn{ height:188px; background:#008955; padding-left:6px;}
.four_functions .section .top_btn a{ margin-top:33px; display:inline-block; width:293px; height:52px; border:#9cc008 2px solid; border-radius:50px; margin-left:10px; line-height:52px; text-align:center; background:#008955; font-size:30px; color:#f8f400;}
.four_functions .section .top_btn .on{background:#9cc008; color:#fff; font-weight:Bold;}

.four_functions .section .top_btn span{ display:block; width:100%; margin-top:35px; text-align:center;}

.four_functions .return_top{position: fixed;right:0;bottom:207px;width:20%; display:none;}
.four_functions .return_top img{width:100%;}

.four_functions .arrow{position: fixed; left:0; bottom:207px; width:100%; text-align:center;}


.modal-inner{ height: 80px; line-height:80px; width:300px;}
.modal-buttons{width:330px; height:80px; line-height:80px;}
.modal{width:330px; margin-left:-160px;}
.modal-title{font-size:26px;}
.modal-button{height: 80px; line-height: 80px; font-size:26px;}


#browse_hint ,#browse_game_enter{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99999;
}

.product_category_p{ margin-top: 88px; padding-bottom: 220px;}
.product_category_p .accordion-item,.product_category_p .item{ border-top: #FFFFFF 3px solid;}

.product_category_p .accordion-item-toggle,.product_category_p .toggle{ width: 100%; height:90px; background: #5d5d5d; color: #FFFFFF;  font-size: 30px; line-height: 90px;}
.product_category_p .content{ overflow: hidden; display:none;}

.product_category_p .accordion-item-content,.product_category_p .content a{ width: 100%; height: 90px; border-top: #eaeaea 3px solid; display: block; background: #FFFFFF url(../images/product_category_arrow.png) no-repeat 95%; color: #707070;  font-size: 30px; line-height: 90px; text-indent: 70px;}
.product_category_p .accordion-item-content,.product_category_p .content a:hover{background-color: #eaeaea;}
.content-block{ margin: auto; padding:initial;}
.product_category_p .accordion-item-toggle,.product_category_p .toggle i{ margin-left: 32px; width: 15px; margin-right: 15px; font-size: 30px; text-align: center; }
.product_category_p .accordion-item-toggle,.product_category_p .toggle i.icon{vertical-align:unset;}
.product_category_p .accordion-item-toggle .icon-plus,.product_category_p .toggle .icon-plus{ display: inline-block;}
.product_category_p .accordion-item-toggle .icon-minus,.product_category_p .toggle .icon-minus{ display: none;}
.product_category_p .on .toggle .icon-plus { display:none;}
.product_category_p .on .toggle .icon-minus {display:inline-block;}
.product_category_p .on .content{display: block;}



.product_list_p{ margin-top: 88px; margin-bottom: 88px;}
.crumbs{ height: 70px; width: 100%; }
.crumbs a{ display:block; float: left;}
.crumbs .arrow{ height: 100%; width:10%; background: #7c7c7c url(../images/product_list_arrow.gif) no-repeat center;}
.crumbs .title{ color: #313131;  font-size: 24px; text-decoration: none; background: #b6b6b6; text-align: center; width: 90%; height: 100%; line-height:70px;}
.product_list_p .product-preview {height: 300px; position: relative;}
.product_list_p .product-preview .image{ position: absolute; left: 50px; top:29px; height: 270px;}
.product_list_p .product-preview .product-info{ position: absolute; left: 275px; top: 29px;}
.product_list_p .product-preview .product-info .name{ color: #313131; font-size: 24px;}
.product_list_p .product-preview .product-info .price{ background: #777777; height: 40px; margin-top: 16px; width: 360px; text-align: center; font-size:25px; color: #FFFFFF;}
.product_list_p .product-preview .product-info .btn_details{position: absolute; left:165px; top:145px; font-size: 20px; color: #71c690; width: 69px; text-align: center;}
.product_list_p .product-preview .product-info .btn_buy{position: absolute; left:253px; top:145px; font-size: 20px; color: #2499cc; width: 69px; text-align: center;} 

.product_list_p .container-products { overflow: hidden; position: relative; top: 0; left: 0;}
.product_list_p .container-products .product-list{position: relative; top: 0; left: 0;}
.product_list_p .container-products li{ width: 100%; height: 93px; line-height: 93px; font-size: 30px; border-top:#eaeaea 2px solid; ;}
.product_list_p .container-products .active{ background-color: #eaeaea;}

.product_list_p .container-products li a{ color: #707070;}
.product_list_p .container-products li a:hover{color: #707070;}
.product_list_p .container-products li a:visited{color: #707070;}
.product_list_p .container-products li a img{ margin-left: 80px; vertical-align: middle; height: 64px; margin-right: 32px;}



.product_p{ margin-top: 88px; padding-bottom: 220px;}
.product_p .product{ margin:37px 20px ; border: 1px #c8d9e2 solid; width: 598px; height: 500px; text-align: center; line-height: 500px;}
.product_p .product img{ height: 456px; vertical-align: middle;}
.product_p .title_con{ font-size: 30px; color: #313131;  line-height: 40px; margin-left:30px; margin-right:30px; padding-bottom: 23px; background: url(../images/product_dotted_line.gif) repeat-x left bottom; position: relative; top: 0; left: 0;}
.product_p .title_con .english_name{ font-size: 24px; color: #707070;}
.product_p .title_con .buy{ position: absolute; right: 0px; top: 7px;}
.product_p .characteristic_con{ margin-top: 34px; margin-left: 30px; margin-right:30px; background: url(../images/product_dotted_line.gif) repeat-x left bottom; }
.product_p .characteristic_con .title{ color: #3d3d3d; font-size: 30px;} 
.product_p .characteristic_con .title span{ display: inline-block; border: 1px #71c690 solid; border-radius: 120px; width: 88px; height: 88px; background: #71C690; line-height: 88px; text-align:center; font-size: 30px; color: #ffffff ; margin-right: 23px;}
.product_p .characteristic_con .con{ margin-left: 19px; margin-top: 17px; /*background: url(../images/product_point_b.gif) no-repeat 0% 17px;*/ color: #707070; font-size: 24px; line-height: 44px; padding-left: 0px; padding-bottom: 67px; width: 545px;}
.product_p .characteristic_con .con span.oc{font-weight:bold; color:#9fd224;}
.product_p .characteristic_con .con span.hy{font-weight:bold; color:#81cdc9;}
.product_p .characteristic_con .con span.hye{font-weight:bold; color:#f6ab00;}
.product_p .characteristic_con .con span.po{font-weight:bold; color:#d83926;}
.product_p .characteristic_con .title_question{color: #3d3d3d; font-size: 30px;}
.product_p .characteristic_con .title_question span{display: inline-block; border: 1px #828282 solid; border-radius: 120px; width: 88px; height: 88px; background: #828282; line-height: 88px; text-align:center; font-size: 30px; color: #ffffff ; margin-right: 23px;}
.product_p .characteristic_con .title_question span img{ vertical-align: middle;}
.product_p .match { width: 100%;overflow:hidden; margin-top: 57px; }
.product_p .match .title{ color: #3d3d3d; font-size: 30px; margin-bottom: 34px; margin-left: 40px;}
.product_p .match .product_recommend{ width:555px ; margin:0 0 80px 40px;}


.product_p .product_recommend{position:relative; top:0; left:0; width:640px; height: 321px;}
.product_p .product_container {height: 258px; overflow:hidden; width:640px; position:absolute; left:0; top:0;}
.product_p .product_container .swiper-wrapper{width:640px; height: 258px; overflow:hidden;}
.product_p .swiper-slide { text-align: center; float:left; height: 258px; /*background: url(../images/product_a.gif) 255px center no-repeat;*/}
.product_p .swiper-slide img{ vertical-align: middle;}
.product_p .swiper-slide a{ width: 238px; height: 255px;float:left;display: inline-block; border: 1px #272727 solid; background: url(../images/product_recommend.gif) no-repeat top right; font-size: 20px;}
.product_p .swiper-slide a img{ height: 164px; margin-top: 30px; margin-bottom: 14px;}
.product_p .swiper-slide a span{ display: inline-block; width: 100%; }
/*.product_p .swiper-slide .plus{ margin-left: 14px; margin-right: 14px;}*/
.product_p li a:nth-child(1){margin-left:12px;}
.product_p li a:nth-child(2){ margin-left:50px;}
/*.product_p .swiper-slide a{ width:100%; height:100%; display:block;}*/

.product_p .product_recommend .product_button{ width:100%; height:10px; cursor:pointer; z-index:999; text-align:center;  position:absolute; right:0; bottom:10px; } 
.product_p .product_recommend .product_button .swiper-pagination-switch{ background:url(../images/product_point1.gif) bottom center no-repeat scroll; width:90px; height:10px; display:inline-block; margin-right:7px; line-height:10px;}
.product_p .product_recommend .product_button .swiper-active-switch{ background:url(../images/product_point0.gif) top center no-repeat scroll; line-height:10px;}

 
.index_p{ margin-top: 88px; background: #000000;}
.index_p .index_pic{ width:100%; height: 470px;}
.index_p .index_pic .index_pic_container{height: 450px; overflow:hidden; width:100%;}
.index_p .index_pic .index_pic_container .swiper-wrapper{width:100%; height: 673px; overflow:hidden;}
.index_p .index_pic .index_pic_container .swiper-slide { float:left; position: relative;}
.index_p .swiper-slide  a{ display:inline-block; }
.index_p .swiper-slide .btn0{position:absolute; left: 41px; top: 350px;}


.index_p .index_pic .index_big_button{ width:100%; height:10px; cursor:pointer; z-index:999; text-align:center; margin-top: 19px; display:none;} 
.index_p .index_pic .index_big_button .swiper-pagination-switch{ background:url(../images/product_point1.gif) bottom center no-repeat scroll; width:90px; height:10px; display:inline-block; margin-right:7px; line-height:10px;}
.index_p .index_pic .index_big_button .swiper-active-switch{ background:url(../images/product_point0.gif) top center no-repeat scroll; line-height:10px;}

.index_p .little_pic{ text-align: center; width:640px;}
.index_p .little_pic a{display: inline-block;}
.index_p .little_pic .left_btn{ margin-right: 6px; float:left;}
.index_p .little_pic .right_btn{ margin-bottom:9px;}
.index_p .little_pic .bot_btn{ margin-right: 2px;margin-bottom:9px; vertical-align:bottom; }
.index_p .little_pic .bot_sbtn{ vertical-align:bottom; margin-bottom:9px;}
.index_p .little_pic .index_tips{ height:30px; width:2px; display: inline-block; background-color:#999; margin-bottom:30px;}
.index_p .little_pic .leftcon{float:left; width:320px;}
.index_p .little_pic .index_smallpic_container{width:315px; height:330px; float:left; overflow:hidden;}
.index_p .little_pic .botcon{clear:both; padding:10px 0 0 0;}
.index_p .little_pic .index_smallpic_container .swiper-wrapper{width:100%; height: 673px; overflow:hidden;}
.index_p .little_pic .index_smallpic_container .swiper-slide { float:left; position: relative;}

.footer .browser{width:100%; height:108px; line-height:108px; text-align: center; background: #181919;}
.footer .browser tr{padding:22px; height:70px;}
.footer .browser tr td{height:70px; line-height:70px;}
.footer .browser tr td a{color:#8c8c8c;font-size:20px;}
.footer .browser tr .line{height:70px;width:1px;background: #6a6a6a;display: inline-block;}
.footer .browser tr td a img{margin-right:15px;vertical-align: middle;}
.footer .copyright{text-align: center; line-height:75px; background: #5d5d5d; border:0; height:75px;color:#8c8c8c; font-size:18px; padding-bottom: 80px;}







/*.swiper-slide span {text-align:center; display:block; margin:20px; font-size:21px;}*/