﻿@charset "utf-8";

#main{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;position:relative;min-height:500px;z-index:1}

#main .side{position:absolute;width:200px;left:auto;top:0}

/*#main .content{width:990px;margin-left:210px;overflow:hidden}*/

#main .content{width:100%;/*margin-left:210px;*/overflow:hidden}

#main .content .nav{margin:0 0 20px 10px;background:#fff;overflow:hidden}

#main .content .nav ul{padding-left:10px}

#main .content .nav ul li{list-style-type:none;float:left;border-left:1px solid #f1f1f1}

#main .content .nav ul li.start{border:0}

#main .content .nav ul li a{display:block;line-height:40px;padding:0 15px}

#main .content .nav ul li a.current{color:#e60012}

/*#main .content .pro-list{margin-bottom:10px;width:320px;background:#fff;margin-left:10px;float:left;overflow:hidden;text-align:center;padding:20px 0 30px 0}*/

#main .content .pro-list{margin-bottom:10px;width:290px;background:#fff;margin-left:10px;float:left;overflow:hidden;text-align:center;padding:0px;}

@media screen and (max-width:768px){#main .side{display:none}

#main .content{width:100%;margin-left:0}

#main .content .pro-list{margin-bottom:10px;width:94%;margin:0 3% 10px 3%;background:#fff;float:left;overflow:hidden;text-align:center;padding:20px 0 30px 0}

#main .content .nav{margin:0 0 20px 0}

}

#main .content .pro-list a h3{border-top:1px solid #dfdfdf;padding:15px 0 10px 0;margin:10px 20px 0 20px;height:50px;color:#333;font-size:14px;font-weight:100;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}

#main .content .pro-list a:hover h3{color:#e60012}

#main .content .pro-list a h4{color:#666;font-size:12px;font-weight:100;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}

#main .content .pro-list a:hover h4{color:#888}

#main .content .cutpage{text-align:center;overflow:hidden;padding-bottom:30px;width:100%}

#main .content .cutpage a{position:relative;top:23px;overflow:hidden;font-size: 11px;display:inline-block;width:40px;height:40px;line-height: 40px;margin:5px;border-radius:50px;background:#fff;border:1px solid #dfdfdf;}

#main .content .cutpage span{position:relative;top:23px;overflow:hidden;font-size: 11px;display:inline-block;width:40px;height:40px;line-height: 40px;margin:5px;border-radius:50px;background:#fff;border:1px solid #dfdfdf;}


#main .content .cutpage a.current,#main .content .cutpage a.active{background:#035cac;color:#fff;border:0}

#main .content .cutpage a.end,#main .content .cutpage a.start{line-height:38px;width:80px}

#main .content-detail{width:1200px;overflow:hidden;background:#FFF}

#main .product-info{overflow:hidden;margin-bottom:30px;padding:35px;height:580px;position:relative;z-index:1}

#main .product-photo{position:relative;float:left;width:52%;padding-right:1%;height:560px}

a.big{position:absolute;z-index:2;display:block;width:450px;top:5px;left:0;height:450px;left:50%;margin-left:-225px;/*cursor:url(../other/big.cur),auto*/}

.panels{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background:#fff;border-bottom:0;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}

.active{z-index:100;filter:alpha(opacity=100);opacity:1}

.panels-content{width:100%;height:100%;position:relative;z-index:101}

.panels-content iframe{width:100%;height:100%;border:0}

.closed{position:absolute;right:30px;top:25px;width:46px;height:46px;text-indent:-999em;overflow:hidden;background:url(../images/closed.png);z-index:102}

.closed:hover{background:url(../images/closed.png) no-repeat left -50px}



.product_title{

	position: absolute;

	top: 25%;

	left: 5%;

	

}

.product_title .channel_name{

	width: auto;

	height: 60px;

    float: left;

    font-size: 35px;

    color: #fff;

    font-weight: bold;

    text-shadow: #333 2px 2px 2px;

    padding: 0 15px 0 30px;

    white-space: nowrap;

    color: #fff;

}

.product_title .breadcrumbs {

    width: auto;

    height: 26px;

    line-height: 26px;

    white-space: nowrap;

    color: #f2f2f2;

}

.product_title .breadcrumbs a:hover {

    color: #fff;

}



.product_title .breadcrumbs a {

    color: #f2f2f2;

}

#product_banner{

	background-position: center;

	background-size: cover; 

	-webkit-background-size: cover; 

	-moz-background-size: cover; 

	-o-background-size: cover;

	background-repeat: no-repeat ;

	height: 320px; 

	position: relative;

	overflow: hidden;

}



#product_hot{

    

   /* margin-bottom: 30px; */

   overflow: hidden;

   position: relative;

   bottom: 0px;

   height: 100px;

   margin: 0 auto;

   width: 1200px;

   padding-left: 10px;   

   margin-top: 220px;

}

#product_hot .hot_nav{

	width: 1190px;

    overflow: hidden;   

    position: absolute;

    text-align: center;

	/*background-color: rgba(0, 0, 0, 0.40);*/

	bottom: -7px;

    /*padding-left: 5px;*/

	/*border-radius: 10px 10px 0px 0px;*/



}

#product_hot .hot_nav ul{

    display: inline-block;

}

#product_hot .hot_nav li{

   list-style-type: none;

   margin: 0;

   padding: 0;

   float: left;   

   text-align: center;

   display: block;

   background-color: rgba(0, 0, 0, 0.5);

   /*width: 150px;*/

   overflow: hidden;

   height: 100px;

   margin-right: 4px;

   border-radius: 5px 5px 0px 0px; 

   

}

/*#product_hot .hot_nav li:first-child{

	width: 168px;

}

#product_hot .hot_nav li:last-child{

	width: 168px;

	margin-right: 0px;

}*/



#product_hot .hot_nav li a{

   display: block;

   padding-top: 73px;

   height: 100px;

   color: #fff;

   border-bottom: 0px solid #008ed6;

   -webkit-transition: all 0.2s ease-in;

   -moz-transition: all 0.2s ease-in;

   -o-transition: all 0.2s ease-in;

   -ms-transition: all 0.2s ease-in;

   transition: all 0.2s ease-in; 

   padding-left: 30px;

   padding-right: 30px;

}



.proBox { clear:both; background-color:#f2f2f2; padding-top:40px;}

.plBox { background-color:#fff; text-align:center; padding-bottom: 30px; clear:both; overflow:hidden;}

.plBox .img { display:block; width:100%; height:0; padding-bottom:100%; overflow:hidden; margin-bottom:20px; position:relative;}

.plBox .img img { width:100%; height:auto;}

.plBox .n,.plBox .text,.plBox .cate { display:block; margin:0 25px; text-align:left;}

.plBox .n { font-size:24px; font-weight:normal; height:36px; line-height:36px; text-align:center; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; margin-bottom:10px;}

.plBox .text { font-size:13px; height:20px; line-height:20px; margin-bottom:10px; text-align:center; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.plBox .cate { display:inline-block; width:auto; height:28px; line-height:28px; padding:0 15px; border:#939393 1px solid; max-width:194px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.plBox .link { padding:15px 0 25px; height:26px; line-height:26px;}

.plBox .link a { display:inline-block; width:auto; height:26px; line-height:26px; font-size:15px; color:#01a2ea; margin:0 12px;}

.plBox .link a .ci { display:inline-block; width:20px; height:20px; background:url(../images/checkbox.png) -20px 0 no-repeat; overflow:hidden; vertical-align:-4px; margin-left:3px;}

.selected .plBox .link a .ci { background-position:0 0;}

.plBox .cover,.pcover { display:none; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/black_op60.png);}

.plBox .cover i,.pcover i { display:block; width:62px; height:62px; background:url(../images/plus_ico.png) no-repeat; position:absolute; left:50%; top:50%; margin:-31px 0 0 -31px;}



.pl_hover { background-color:#3cb8ef;}

.pl_hover *,.pl_hover .link a { color:#fff;}

.pl_hover .cate { border-color:#fff;}



 

#product_hot .hot_nav li a {

      background:   no-repeat center 13px; 

   } 

  

#product_hot .hot_nav li a:hover, #product_hot .hot_nav li a.current{

   color: #000;

   border-bottom: 3px solid #ff5503;

   background-color: rgba(240,196,2,1);/*rgba(0, 142, 214, 0.47);*/

} 















#main .product-describe{overflow:hidden;padding-left:35px;padding-right:15px;}

#main .product-describe h1{padding-bottom:10px;font-size:32px;line-height:42px;max-height:92px}

#main .product-describe h3{font-size:16px;color:#999;font-style:italic;line-height:20px}

#main .product-describe .price{overflow:hidden;padding-top:50px;border-bottom:1px solid #dedede;padding-bottom:6px}

#main .product-describe .price span{color:red}

#main .product-describe .price span i{font-size:30px;font-style:normal}

#main .product-describe .trait{overflow:hidden;padding-top:15px;padding-bottom:10px;line-height:30px;font-size:16px;color:#333}

.right{float:right}

.blue1,.color_blue{color:#005aab}

.ml_15{margin-left:15px}

#main .product-describe .promo{padding:20px 20px;margin:15px 0}

#main .product-describe .promo .cost{line-height:30px;color:#999}

#main .product-describe .promo .cost span{font-size:12px}

#main .product-describe .promo .cost .yuan{font-size:24px;font-weight:400}

#main .product-describe .promo ul li{padding:5px 0;line-height:25px;color:#999}

#main .product-describe .promo ul li .privilege_name{display:inline-block;line-height:25px;color:#fff;background:#005aab;width:70px;text-align:center;margin-right:10px}

#main .product-describe .promo ul li .a_arrows_blue{margin-left:10px}

.hn_btnwhite{background:#fff;color:#666;border:1px solid #e5e5e5}

.hn_btnwhite:hover{border:1px solid #32beff}

.hn_btn30_icon{line-height:28px;font-size:12px;display:inline-block;cursor:pointer}

.hn_btn30_icon .padding{padding:0 10px 0 10px}

.ico_25{vertical-align:middle;width:25px;height:25px;background:url(../images/hn_ico25.png) no-repeat;display:inline-block;vertical-align:middle;line-height:25px}

.ico_25.i_add{background:url(../images/hn_ico25_2.png) left -300px;vertical-align:top}

.ico_25.i_del2{background:url(../images/hn_ico25_2.png) no-repeat -50px -25px;vertical-align:top}

.ico_25.i_erweima{background:url(../images/hn_ico25_2.png) left -325px;margin:0 20px}

a:hover{color:#32beff}

a:hover .ico_25.i_erweima{background:url(../images/hn_ico25_2.png) -25px -325px}

a:hover .ico_25.i_add{background:url(../images/hn_ico25_2.png) -25px -300px}

.none{display:none!important}

.hn_btn30_icon.cur{color:#fff;background:#005aab;border-color:#005aab}

#main .product-describe .price_prompt{color:#999;background:url(../images/hn_prodetailPrompt.png) 0 3px no-repeat;padding-left:20px;font-size:12px;margin-bottom:18px}

#main .product-describe .buybox .btn_buy{vertical-align:middle;position:relative;height:38px;line-height:38px;display:inline-block;width:155px;border:1px solid #e01d20;background:#e01d20}

#main .product-describe .buybox .btn_buy .text{color:#fff;font-size:14px;width:155px;text-align:center;display:inline-block}

#main .product-describe .buybox .btn_buy .ico{float:right;width:40px;border-left:1px solid #005aab;display:inline-block;text-align:center;vertical-align:middle}

#main .product-describe .buybox .btn_buy .ico .i_arrows_d_white{margin-left:-3px}

#main .product-describe .buybox .btn_buy ul{display:none;background:#fff;position:absolute;top:39px;left:-1px;width:400px;border:1px solid #e5e5e5;border-bottom:none}

#main .product-describe .buybox .btn_buy:hover ul{display:block}

#main .product-describe .buybox .btn_buy ul li{min-height:44px;position:relative;color:#333;line-height:22px;font-size:14px;border-bottom:1px solid #e5e5e5;padding:20px}

#main .product-describe .buybox .btn_buy ul li .hn_table{min-height:44px}

#main .product-describe .buybox .btn_phonebuy{cursor:default;display:inline-block;position:relative;line-height:40px}

#main .product-describe .buybox .btn_phonebuy img{position:absolute;bottom:40px;left:0;display:none}

#main .product-describe .buybox .btn_phonebuy:hover img{display:block}

a.btn_phonebuy:hover{color:#32beff}

a.btn_phonebuy:hover .ico_25.i_erweima{background:url(../images/hn_ico25_2.png) -25px -325px}

#main .product-describe .trait p{line-height:26px;font-size:14px;padding:0 0 0 12px;background:url(../images/circle.png) no-repeat left center;margin:0}

#main .product-describe .mall{padding:25px 0 15px 0;overflow:hidden}

#main .product-describe .mall a.tm{display:block;float:left;width:170px;height:40px;background:url(../images/mall-btn.png) no-repeat left top}

#main .product-describe .mall a.jd{display:block;float:right;width:170px;height:40px;background:url(../images/mall-btn.png) no-repeat right top}

#main .product-describe .mall a.buy{display:block;float:left;margin-right:12px;width:169px;height:38px;background:url(../images/buy.png) no-repeat right top}

#main .product-describe .mall a.tel{display:block;float:left;margin-right:0;width:169px;height:38px;background:url(../images/tel.png) no-repeat right top}

#main .product-describe .mall a:hover{filter:alpha(opacity=85);opacity:.85}

#main .product-describe .share{padding-top:18px;padding-left:0}

#main .product-describe .share .t{float:left;padding-top:3px}

#main .product-describe .share .bdsharebuttonbox{float:left;padding-top: 5px;}

#main .product-describe .sys{width:350px;height:130px;padding-top:15px}

#main .product-describe .sys .wx{width:169px;height:87px;margin-left:0;text-align:center;float:left;background:url(../images/wx.jpg) no-repeat}

#main .product-describe .sys .wx-windows{display:none;width:100%;height:100%;position:absolute;left:0;top:0}

#main .product-describe .sys .wx-windows{display:none;width:100%;height:100%;position:absolute;left:0;top:0}

#main .product-describe .sys .active{display:block}

@media screen and (max-width:768px){#main .product-describe{width:100%;margin-top:20px;padding:0}

#main .product-describe .sys .active{display:none}

#main .product-describe .trait{height:auto}

#main .product-describe .sys{display:none}

#main .product-describe .share{display:none}

#main .product-describe .mall{padding:25px 0 0 0}

#main .product-describe .mall a.buy{display:block;float:left;margin-right:2%;width:49%;height:38px;background:url(../images/buy.png) no-repeat right top;background-size:100%}

#main .product-describe .mall a.tel{display:block;float:left;margin-right:0;width:49%;height:38px;background:url(../images/tel.png) no-repeat right top;background-size:100%}

#main .product-describe .promo .cost .right > span {display: none;}

#main .product-describe .price_prompt{margin-bottom: 8px;}

}

#main .product-describe .sys .wx-windows img{display:block;width:305px;height:332px;position:absolute;z-index:2;top:50%;left:50%;margin:-120px 0 0 -152px;-moz-box-shadow:0 2px 5px #888;box-shadow:0 2px 5px #888}

#main .product-describe .sys .wb{width:169px;height:87px;float:right;text-align:center;background:url(../images/wb.jpg) no-repeat}

#main .product-describe .sys h1{color:#666;font-size:12px;line-height:16px;font-weight:100;padding-top:5px}

#main .product-con{position:relative}



@media screen and (max-width:768px){#main .content-detail{width:100%}

#main .product-info{margin-bottom:20px;padding:10px;height:auto}

#main .product-photo{float:none;width:100%;padding-right:0;height:auto;border-right:0}

a.big{display: none;}

#main .product-describe h1{ font-size: 22px; padding-bottom: 5px;}

#main .product-describe h3{ font-size: 14px;}

#main .product-describe .trait{ font-size: 14px;padding-top: 10px;}

#main .product-describe .promo{margin-top: 10px;}    

#main .product-describe .buybox .btn_phonebuy{display: none;}







}

#float-block{height:0;left:50%;top:100px;width:1340px;margin:0 0 0 -670px;position:fixed;z-index:1;filter:alpha(opacity=0);opacity:0;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-ms-transition:all .3s ease-in;transition:all .3s ease-in}

@media screen and (max-width:768px){#float-block{display:none}

}

#float-block ul{float:right}

#float-block ul li{list-style-type:none}

#float-block a{display:block;width:56px;height:53px;padding:0;margin:0;background:url(../images/fd.png)}

#float-block li.go_top a{background-position:0 0}

#float-block li.go_top a:hover{background-position:-60px 0}

#float-block li.tmll a{background-position:0 -54px}

#float-block li.tmll a:hover{background-position:-60px -54px}

#float-block li.jd a{background-position:0 -108px}

#float-block li.jd a:hover{background-position:-60px -108px}

#tabs{position:relative;overflow:hidden;zoom:1;padding-top:52px}

#tabs .ui-tabs-nav{margin:0;overflow:hidden;zoom:1;position:absolute;z-index:2;top:0;width:100%;background:#f6f6f6}

#tabs .ui-tabs-nav .hx{width:1200px;border-top:1px solid #ccc;position:absolute;top:58px;z-index:1}

#tabs .ui-tabs-nav li{float:left;margin:0;padding:0px 0 1px 0;position:relative;z-index:2;top:0;list-style-type:none;height:58px;line-height:58px;border-right:1px solid #e5e5e5}

#tabs .ui-tabs-nav li a{float:left;padding:0 60px;text-align:center;color:#333;height:auto;/*line-height:36px;*/font-size:14px;font-weight:400;text-decoration:none}

#tabs .ui-tabs-nav li.start a{width:410px;text-align:right}

#tabs .ui-tabs-nav li a:hover{color:#005aab}

#tabs .ui-tabs-nav li.ui-tabs-active{background:#fff;border-top:1px solid #005aab;border-bottom-color:#fff;color:#005aab}

#tabs .ui-tabs-nav li.ui-tabs-active a{color:#005aab;font-weight:700}

#tabs .ui-tabs-nav .server{float:left}

#tabs .ui-tabs-nav .server a{padding:15px 60px 0 60px;display:block;text-align:center;color:#333;line-height:36px;font-size:18px;font-weight:400;text-decoration:none}

#tabs .ui-tabs-nav .server a:hover{color:#e60012}

#tabs .ui-tabs-nav .baike{float:left}

#tabs .ui-tabs-nav .baike a{padding:15px 60px 0 60px;display:block;text-align:center;color:#333;line-height:36px;font-size:18px;font-weight:400;text-decoration:none}

#tabs .ui-tabs-nav .baike a:hover{color:#e60012}

#tabs .ui-tabs-panel{display:block;position:relative;z-index:1;margin-top:-1px;min-height:500px;padding:30px 20px;overflow:hidden;font-size: 13px;line-height: 37px;letter-spacing: 3px;}

#tabs-1{width:100%;/* text-align:center; */overflow:hidden;}

#tabs-1 img{margin:0 auto}

#jc-video{margin-top: 30px;}





#tabs .pro-parameter{overflow:hidden;margin:15px 30px}

/*#tabs .pro-parameter dt{font-weight:700;font-size:14px;border-bottom:2px solid #ccc;margin-top:20px;padding-bottom:10px}*/

#tabs .pro-parameter dt{padding-top: 25px;line-height: 50px;font-size: 16px;color: #005aab;font-weight: bold; border-bottom: 1px solid #e5e5e5;}



#tabs .pro-parameter dd.imgbox{margin: 20px auto 40px auto; text-align: center;} 



 

#tabs .pro-parameter table tr{height:50px;line-height:50px}

#tabs .pro-parameter table tr:nth-child(odd){background:#fcfcfc;}

#tabs .pro-parameter table tr:nth-child(even){background:#fff}

#tabs .pro-parameter table th{border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:left;padding-left:15px;font-size: 14px; }

#tabs .pro-parameter table td{border-bottom:1px solid #e5e5e5;text-align:left;padding-left:15px;font-size: 14px;}

#tabs .pro-description{overflow:hidden;margin:15px 30px;}

#tabs .pro-description dt{font-weight:700;font-size:14px;border-bottom:2px solid #ccc;margin-top:20px;padding-bottom:10px}

#tabs .pro-description table tr{height:40px;line-height:40px}

#tabs .pro-description table th{border-bottom:1px solid #ccc;text-align:left;padding-left:8px;background:#f1f1f1}

#tabs .pro-description table td{border-bottom:1px solid #ccc;text-align:left;padding-left:8px;background:#fff}

#tabs .pro-download{overflow:hidden;margin:15px 30px}

/*#tabs .pro-download dt{font-weight:700;font-size:14px;border-bottom:2px solid #ccc;margin-top:20px;padding-bottom:10px}*/

#tabs .pro-download dt{padding-top: 25px;line-height: 50px;font-size: 16px;color: #005aab;font-weight: bold; border-bottom: 1px solid #e5e5e5;}



#tabs .pro-download table *{font-size:14px !important;}



#tabs .pro-download table tr.t td{background: #f2f7fb;color: #333333;padding: 18px 12px;font-weight: bold;}

#tabs .pro-download table tr{height:40px;line-height:40px}

#tabs .pro-download table th{border-bottom:1px solid #ccc;text-align:left;padding-left:8px;background:#fff; font-weight: 100;}

#tabs .pro-download table td{border-bottom:1px solid #ccc;text-align:left;background:#fff;padding: 12px;}

#tabs .pro-download table td a{color: #32beff;}

#tabs .pro-download table td a.dow{height:22px;display:block;background:url(../images/dow.png) no-repeat left -22px;padding-left:20px}

#tabs .pro-download table td a.dow:hover{background:url(../images/dow.png) no-repeat left 0}

#tabs-3 #a1{display:none;width:600px;height:500px;margin:0 auto}

@media only screen and (max-width:768px){#tabs .ui-tabs-nav .hx{width:100%}

#tabs .ui-tabs-nav li{width:19%;text-align:center;padding:1% 0 1px 0}

.panels{display:none}

#tabs .ui-tabs-nav li a{padding:0;float:none;font-size: 12px;}





#tabs .ui-tabs-nav li.start a{width:100%;text-align:center}

#tabs .ui-tabs-nav .server{float:left;display:none;width:20%;padding:15px 0 1px 0}

#tabs .ui-tabs-nav .server a{padding:0}

#tabs .ui-tabs-nav .baike{float:left;display:none;width:20%;padding:15px 0 1px 0}

#tabs .ui-tabs-nav .baike a{padding:0}

#tabs .ui-tabs-panel{display:block;position:relative;z-index:1;margin-top:-1px;min-height:200px;padding:20px;overflow:hidden}

#tabs .ui-tabs-panel div#jc-video{width: 100% !important;height: 100% !important;} 

#tabs-1{width:100%;text-align:center;overflow:hidden}

#tabs-1 img{margin:0 auto;width:100%}

#tabs .pro-parameter{overflow:hidden;margin:15px 0}

}



@media only screen and (max-width:768px){#tabs .pro-download{overflow:hidden;margin:15px 0}

#tabs-3 #a1{width:100%;height:300px}

}

.box{overflow:hidden;margin:auto;padding:20px;background-color:#FFF}

.box h3{font-weight:700;font-size:16px;position:relative;overflow:hidden;display:block;margin:30px 0 10px 0}

.box p{display:block;position:relative;overflow:hidden;margin:0 0 3px 0;font-size:14px}

.box p span{width:40%;display:inline-block}

.box p i{font-style:normal;display:inline-block}

#firstpane{width:100%;overflow:hidden;margin:0 auto}

#firstpane ol{width:100%;overflow:hidden}

.box .menu_head{display:block;margin-bottom:5px;/*height:42px;*/line-height:42px;font-size:14px;color:#333;font-weight:400;cursor:pointer;position:relative;padding-left:15px;padding-right:15px;background:#f2f2f2 url(../images/pro_down.png) no-repeat right center ;font-weight: bold;}

.menu_head  span.pull-right{ font-weight: 100;width: auto;padding-right: 14px;}



.box .current{background:#f2f2f2 url(../images/pro_up.png) no-repeat right center}

.menu_body{overflow:hidden;margin:0 auto;padding: 20px;line-height: 20px; color: #999;}







.ewm{width:980px;overflow:hidden;margin:30px auto;padding:50px 0;background:#f2f2f2;border-top:1px solid #ddd}

.ewm .wx{width:35%;float:left;margin-left:15%;text-align:center}

.ewm .wb{float:left;width:35%;text-align:center}

.ewm h3{font-weight:700;font-size:14px;line-height:36px}

.ewm p{line-height:30px;font-size:14px}

.box-info{width:980px;overflow:hidden;margin:30px auto}

.box-info p{display:block;position:relative;overflow:hidden;margin:0 0 13px 0;font-size:14px}

@media screen and (max-width:768px){.box{width:100%;overflow:hidden;/*margin:30px auto*/;padding: 0px;}

.box h3{font-weight:700;font-size:14px;line-height:24px;position:relative;overflow:hidden;display:block;margin:30px 0 10px 0;border-bottom:1px solid #f1f1f1}

.box p{display:block;position:relative;overflow:hidden;line-height:20px;margin:0 0 6px 0;font-size:14px}

.box p span{width:60%;display:block;float:left}

.box p i{width:40%;display:block;float:right}

.ewm{width:98%;overflow:hidden;margin:30px auto;padding:50px 0;background:#f2f2f2;border-top:1px solid #ddd}

.ewm .wx{width:100%;float:none;margin-left:0;text-align:center}

.ewm .wb{margin-top:20px;float:none;width:100%;text-align:center}

.box-info{width:96%;overflow:hidden;margin:30px auto}

}
@media screen and (max-width:768px){#main .product-describe img{width:100%;padding:0}
}



