@charset "utf-8";



::-webkit-scrollbar              { /* 1 */  width:9px; background-color:rgba(0,0,0,0);}

::-webkit-scrollbar-button       { /* 2 */ }

::-webkit-scrollbar-track        { /* 3 */ }

::-webkit-scrollbar-track-piece  { /* 4 */ }

::-webkit-scrollbar-thumb        { /* 5 */ border:0; width:5px; border-radius:4px; background-color:rgba(0,0,0,0.2);}

::-webkit-scrollbar-corner       { /* 6 */ background-color:#f8f8f8;}

::-webkit-resizer                { /* 7 */ }

::-webkit-scrollbar:horizontal   { height:9px;}

/*通用样式*/

html {-ms-overflow-style:-ms-autohiding-scrollbar;}

html,body {-webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); min-height:100%; width:100%; overflow-x:scroll; overflow-x:hidden; }

strong {font-weight: bold;}

a:hover{text-decoration:none; }

ol, ul {

	list-style: none

}

/*body{padding:45px 0 60px 0; }*/

/*首页*/



/*component navbar*/

.navbar-title{ color:#FFF; font-size:18px; font-family:"微软雅黑"; line-height:40px;}

.navbar-title01{ line-height:74px; color:#FFF; font-size:18px; font-family:"微软雅黑";}

/*banner*/

.m-component-banner{position:relative; width:100%; min-height:160px; overflow:hidden;}

.m-component-banner .frame {width:100%; height:100%; padding: 0; }

.m-component-banner .frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }

.m-component-banner .frame .slidee>li {float:left; margin:0 1px 0 0; padding: 0; width:100%; height: 100%; }

.m-component-banner .frame .slidee>li>a>img{width:100%;}

.m-component-banner .slidebtn{position:absolute; width:200px; height:10px; bottom:0; left:50%; padding-left:0; margin-left:-100px; text-align:center; z-index:10;}

.m-component-banner .slidebtn>li{float:none; display:inline-block; list-style:none; width:6px; height:6px; border:1px solid #fff; border-radius:50%!important; margin:0 3px; background:#fff; cursor:pointer;}

.m-component-banner .slidebtn>li.active{background:rgba(255,255,255,0);}

/*section*/

.phone{ height:76px; background:#FFF; border-bottom:#e4e4e4 solid 1px; margin-bottom:1px; padding-top:10px;}

.phone .col-xs-3{ border-right:#3e66b8 dashed 1px;}

.phone .none{  border-right:none;}

.phone .n-01{color:#4e4e4e; text-align:center; line-height:30px;}

.phone .n-01 a{ display:block;  color:#4e4e4e;}

.phone .n-01 a:hover{color:#FFF; background:url(../images/hover.jpg) no-repeat; text-decoration:none; }

/*component m-component-user*/

.m-component-user { background: #f2f2f0; padding-bottom: 0;}

.icon-01{ background-color:#FFF; border-bottom:#d9d9d8 solid 1px; width:100%;}

.icon-01 .col-xs-4{position: relative; min-height: 1px;padding-right: 10px; padding-left: 10px;}

.icon-01 .col-sm-4{position: relative; min-height: 1px;padding-right: 10px; padding-left: 10px;}

.icon-01 .row{ margin:30px 0px; font-family:"微软雅黑";}

.activity{ background:#FFF; border-bottom:#d9d9d8 solid 1px; border-top:#d9d9d8 solid 1px; margin:10px 0; width:100%;}

.activity .col-sm-6 { width:50%;background: #f2f2f2;}

.activity .col-xs-6 {width:50%;background: #f2f2f2; margin-bottom: 10px;}

.activity-title{ font-size:26px; color:#4e4e4e; text-align:center;  font-family:"微软雅黑"; border-bottom:#c3c3c3 solid 1px; line-height:55px;}

.activity .row{ margin:10px 0;}

.activity .row .first{ font-family:"微软雅黑";}

  .first .n-01{ font-size:1.0em; color:#3f3f3f;  text-align:center;   height: 24px; line-height:24px; word-break: break-word; overflow: hidden;}

  .first .n-02{ font-size:0.8em; color:#989898; }

.protact{ border-top:#d9d9d8 solid 1px; background:#FFF; height:243px;}

.protact-01{ margin:10px 0;}

.right01{ margin-top:6px; margin-left:10px;}

.right01 ul li{ list-style:none; line-height:30px; color:#545454;  font-family:"微软雅黑"; font-size:14px;}

.bottom{ height:96px; background:url(../images/base.png) repeat-x;}

.bottom p{color:#FFF; font-size:1em; font-family:"微软雅黑"; text-align:center; line-height:88px;}

.protact-02{ padding-right:10px;}

.tt li{ margin:16px 0;}

.dh_02{ z-index:10;filter:alpha(opacity=0);  -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }

.dh01{

	opacity: 1;

	animation:dh01 1.5s 1;

	-moz-animation:dh01 1.5s 1;

	-webkit-animation:dh01 1.5s 1;

	-o-animation:dh01 1.5s 1;}

@keyframes dh01

	{

	0%		{transform: rotateX(0deg);}

	100%	{transform: rotateX(1080deg);}

	}



@-webkit-keyframes dh01

	{

	0%		{-webkit-transform: rotateY(0deg);}

	100%	{-webkit-transform: rotateY(1080deg);}

	}



@-moz-keyframes dh01

	{

	0%		{-moz-transform: rotateY(0deg);}

	100%	{-moz-transform: rotateY(1080deg);}

	}



@-o-keyframes dh01

	{

	0%		{transform: rotateY(0deg);}

	100%	{transform: rotateY(1080deg);}

	}

/*component footnav*/

.m-component-foot{ background:#333333; font-family:'microsoft yahei'; min-height:40px; z-index:1200; color:#fff;}

.m-component-foot .container{padding:0 10px;}

.m-component-foot .navbar-text{color:#ff8000; font-size:1.2em; margin:10px 0 0;}

.m-component-foot .navbar-text>p{margin-bottom:0; font-size:.8em; color:#a7a7a7;}

.m-component-foot .navbar-text.m-cart-disbursement{margin-top:5px; font-size:14px;}

.m-component-foot a{ color: #fff;}

.m-component-foot a>span{ margin-top: 6px; font-size: 20px;}

.m-component-foot a>p{ margin-bottom:4px;}

.m-component-foot a>p:hover{text-decoration: none;}

.navbar-btn{ margin:6px 0 6px 10px;}





/*关于我们*/

/*component topnav*/

.m-component-nav{ margin-bottom:0; min-height:42px; padding-top:0px;}

.m-component-nav .navbar-header{float:none; position:relative;}



.navbar-func,

.navbar-func:focus,

.navbar-func:hover{display:block; padding:10px; height:44px; font:1em/24px 'microsoft yahei'; color:rgba(255,255,255,0.9); text-decoration:none;}

.navbar-func .jboicon{ height:24px; line-height:inherit; color:inherit;}

.navbar-func .navbar-login,

.navbar-func .navbar-cart{width:18px; height:24px; color:rgba(255,255,255, 0.9); margin-left:10px; position:relative;}

.navbar-title02{position:absolute; left:50%; margin-left:-100px; width:200px; height:44px; font:1.25em/44px 'microsoft yahei'; color:#fff; overflow:hidden;}

.navbar-func .btn-xs, 

.navbar-func .btn-group-xs>.btn{font-size:14px; padding:1px 10px;}



/*user_page tab*/

  .m-userorder-tab{padding:50px 10px;}

     /*tab关于我们*/

    .m-userorder-tab .nav-tabs{margin:0; border:1px solid #e0e0e0; font-family:'microsoft yahei'; background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8fa),to(#ecedf0)); border-radius:5px; }

    .m-userorder-tab .nav-tabs>li{float:left; height:100%; width:33.3333333%; margin:0; text-align:center; overflow:hidden;}

    .m-userorder-tab .nav-tabs>li>a{display:block; border-radius:0; height:32px; margin:0; padding:0; border-right:1px solid #e0e0e0; line-height:32px; color:#646464;}

    .m-userorder-tab .nav-tabs>li:last-child>a{border-right:0;}

    .m-userorder-tab .nav-tabs>li.active{background:#fff;}

    .m-userorder-tab .nav-tabs>li.active>a, 

    .m-userorder-tab .nav-tabs>li.active>a:hover, 

    .m-userorder-tab .nav-tabs>li.active>a:focus{border-radius:0; border-top:0; border-right:1px solid #e0e0e0; border-left:0; border-bottom:0; color:#323232;}

    .m-userorder-tab .nav-tabs>li.active:first-child,

    .m-userorder-tab .nav-tabs>li.active:first-child>a{border-top-left-radius:5px; border-bottom-left-radius:5px;}

    .m-userorder-tab .nav-tabs>li.active:last-child,

    .m-userorder-tab .nav-tabs>li.active:last-child>a{border-right:0; border-radius:0 5px 5px 0;}

	  .m-user-order .fdayicon{ background:#FFF; margin:10px 0 20px;; border:#d9d9d7 solid 1px;}

	  .fdayicon dd.Acontent { margin: 0 auto; color: #777;font-size: 14px;line-height: 28px;}

	  .fdayicon dd.Acontent ul{ margin:0 15px; color:#333333;}

	  .fdayicon dd.Acontent p{ padding:0 15px;}

	  .fdayicon .col-sm-6>img{ width:100%;}

	/*tab新闻中心*/

	.new{ background: #f2f2f0; padding-bottom: 0;}

	.m-news-tab{padding:50px 10px;}

	.m-news-tab .nav-tabs{margin:0; border:1px solid #e0e0e0; font-family:'microsoft yahei'; background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8fa),to(#ecedf0)); border-radius:5px; }

    .m-news-tab .nav-tabs>li{float:left; height:100%; width:25%; margin:0; text-align:center; overflow:hidden;}

    .m-news-tab .nav-tabs>li>a{display:block; border-radius:0; height:32px; margin:0; padding:0; border-right:1px solid #e0e0e0; line-height:32px; color:#646464;}

	.m-news-tab .nav-tabs>li:last-child>a{border-right:0;}

    .m-news-tab .nav-tabs>li.active{background:#fff;}

    .m-news-tab .nav-tabs>li.active>a, 

    .m-news-tab .nav-tabs>li.active>a:hover, 

    .m-news-tab .nav-tabs>li.active>a:focus{border-radius:0; border-top:0; border-right:1px solid #e0e0e0; border-left:0; border-bottom:0; color:#323232;}

    .m-news-tab .nav-tabs>li.active:first-child,

    .m-news-tab .nav-tabs>li.active:first-child>a{border-top-left-radius:5px; border-bottom-left-radius:5px;}

    .m-news-tab .nav-tabs>li.active:last-child,

    .m-news-tab .nav-tabs>li.active:last-child>a{border-right:0; border-radius:0 5px 5px 0;}

/*新闻中心*/

    .m-news-order .text{background: #FFF; margin: 10px 0 20px;border: #d9d9d7 solid 1px;}

	  .m-news-order .text ul li{ border-bottom:#c8c8c8 dashed 1px; padding:10px;}

	  .m-news-order .text ul li .wb a{ color:#333333;}

      .m-news-order .text .wz{ line-height:31px; color:#959393;} 

    .title-1{font-size: 24px;text-align: center;padding:10px 15px 6px 15px;}

    .title-2{ color:#999898; font-size:14px; text-align:center;}

    .content-1{ border-top:#c8c8c8 dashed 1px; padding:10px 0;}

	.content-1 p{ color:#616161; padding:0 20px; line-height:30px;}

    .m-news-order .text .f{ list-style:none;border-top:#c8c8c8 dashed 1px; color:#959393; padding:0 20px;}

    .m-news-order .text .f li{ line-height:30px;} 

	.n-ul{ line-height:30px; padding:0 15px;}

	.n-ul li {float: left;padding-left: 18px;list-style-type:none;}

	.n-ul li.n-1 { background:url(../images/on.jpg) no-repeat left;}

	.n-ul li.n-2 { background:url(../images/on.jpg) no-repeat left;}



/*人才招聘*/

    .job{ background: #f2f2f0; padding-bottom: 0;}

	.m-job-text{padding:50px 10px;}

	.m-job-text .job-01{ background:#FFF; border:#d9d9d7 solid 1px; padding:15px;}

	.p-01 .col-sm-2 {width: 10%;}

    .m-job-text .j-1{ border:#d3d3d3 solid 1px;line-height:40px; margin:5px 8px;   height: 40px;}

    .m-job-text .j-1 a{ display:block; color:#4b4a4a;  height: 40px; overflow:hidden; word-break:break-word;}

	.m-job-text .j-1 a:hover{ color:#FFF; border:#1b92d5 solid 1px; background:#1b92d5; text-decoration:none; overflow:hidden; word-break:break-word;}

	.m-job-text .job-02{ border-bottom:#dfdfdf solid 1px; line-height:50px;}

	.m-job-text .job-02 .col-sm-3{ padding-left:0px; padding-right:0px;}

	/*人才招聘内页*/

	.jobsshow .liimg.li1 {background-position: 0px 0px;}

	.jobsshow .liimg { width: 92px; height: 40px; float: left;background-color: #FFFFCC;color: #999999; background:url(../images/3.gif) no-repeat;padding-left: 38px; font-size:10px;}

	.jobsshow .liimg.li2 {background-position: 0px -50px;}

    .jobsshow .liimg.li3 { background-position: 0px -100px;}

	.jobsshow .tip { color: #009900;}

	.floatli{color: #3d3d3d;}

	.share {text-align: center;padding: 10px; height:66px;}

	span.bds_more, .bds_tools a {display: block;font-family: '宋体',Arial;height:27px !important;float: left;cursor: pointer; padding-top: 6px;padding-bottom: 3px;padding-left: 22px; color:#333;}

	.remind { background-color: #FFFDE8;border: 1px #FF9900 solid;color: #FF0000; padding: 8px 15px;}

	

/*付款方式*/

   .fid{ background: #f2f2f0; padding-bottom: 0;}

	 .m-fid-text{padding:50px 10px;}

     .m-fid-text .fid-01{ background:#FFF; border:#d9d9d7 solid 1px; padding:15px;}

     .m-fid-text .fid-01 .col-sm-6{ line-height:30px; border:#d3d3d3 solid 1px; color:#777777; margin-right:8px; margin-bottom:10px;}

	 .m-fid-text .fid-01 .col-sm-6>span>p{ padding-left:10px;}

/*联系我们*/

  .contact{ background: #f2f2f0; padding-bottom: 0;}

	.m-contact-text{padding:50px 10px;}

    .m-contact-text .c-01{  background:#FFF; border:#d9d9d7 solid 1px; padding:15px;}

     .m-contact-text .contact-top{ padding:20px 0; border-bottom:#c8c8c8 dashed 1px;}

	 .m-contact-text .contact-fotter{ margin:10px 0;}

/*产品中心*/

  .m-userproduct-tab{padding:50px 10px;}

     /*tab关于我们*/

    .m-userproduct-tab .nav-tabs{margin:0; border:1px solid #e0e0e0; font-family:'microsoft yahei'; background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8fa),to(#ecedf0)); border-radius:5px; }

    .m-userproduct-tab .nav-tabs>li{float:left; height:100%; width:25%; margin:0; text-align:center; overflow:hidden;}

    .m-userproduct-tab .nav-tabs>li>a{display:block; border-radius:0; height:32px; margin:0; padding:0; border-right:1px solid #e0e0e0; line-height:32px; color:#646464;}

    .m-userproduct-tab .nav-tabs>li:last-child>a{border-right:0;}

    .m-userproduct-tab .nav-tabs>li.active{background:#fff;}

    .m-userproduct-tab .nav-tabs>li.active>a, 

    .m-userproduct-tab .nav-tabs>li.active>a:hover, 

    .m-userproduct-tab .nav-tabs>li.active>a:focus{border-radius:0; border-top:0; border-right:1px solid #e0e0e0; border-left:0; border-bottom:0; color:#323232;}

    .m-userproduct-tab .nav-tabs>li.active:first-child,

    .m-userproduct-tab .nav-tabs>li.active:first-child>a{border-top-left-radius:5px; border-bottom-left-radius:5px;}

    .m-userproduct-tab .nav-tabs>li.active:last-child,

    .m-userproduct-tab .nav-tabs>li.active:last-child>a{border-right:0; border-radius:0 5px 5px 0;}

	  .m-user-order .fdayicon{ background:#FFF; margin:10px 0 20px;; border:#d9d9d7 solid 1px;}

.content-1 p>img{ width:100%; height:auto;}

.content-1 p>span>img{ width:100%;}

.pay img{ width:100%; height:auto;}

























/******************animate*****************/

/*  Effects */

@-webkit-keyframes loadingeffect{

	from {transform: rotate(0deg);;}

	to {transform: rotate(360deg);}

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

  }

  100% {

    opacity: 1;

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes anibgc {

	from { opacity:0; -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0);}

	to {  opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

}

@-webkit-keyframes bounceInDown {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }

  0% {

    /*opacity: 0;*/

    -webkit-transform: translate3d(0, -800px, 0);

            transform: translate3d(0, -800px, 0);

  }

  60% {

    /*opacity: 1;*/

    -webkit-transform: translate3d(0, 25px, 0);

            transform: translate3d(0, 25px, 0);

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

            transform: translate3d(0, 5px, 0);

  }

  100% {

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes bounceInDown {

  0%, 60%, 75%, 90%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }

  0% {

    /*opacity: 0;*/

    -webkit-transform: translate3d(0, -800px, 0);

            transform: translate3d(0, -800px, 0);

  }

  60% {

    /*opacity: 1;*/

    -webkit-transform: translate3d(0, 25px, 0);

            transform: translate3d(0, 25px, 0);

  }

  75% {

    -webkit-transform: translate3d(0, -10px, 0);

            transform: translate3d(0, -10px, 0);

  }

  90% {

    -webkit-transform: translate3d(0, 5px, 0);

            transform: translate3d(0, 5px, 0);

  }

  100% {

    -webkit-transform: none;

            transform: none;

  }

}

@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

            transform: translate3d(0, 10px, 0);

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

            transform: translate3d(0, -20px, 0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 800px, 0);

            transform: translate3d(0, 800px, 0);

  }

}

@-webkit-keyframes bounceOutDown {

  20% {

    -webkit-transform: translate3d(0, 10px, 0);

            transform: translate3d(0, 10px, 0);

  }

  40%, 45% {

    opacity: 1;

    -webkit-transform: translate3d(0, -20px, 0);

            transform: translate3d(0, -20px, 0);

  }

  100% {

    opacity: 0;

    -webkit-transform: translate3d(0, 800px, 0);

            transform: translate3d(0, 800px, 0);

  }

}

/* css pad */

@-webkit-keyframes arow {

  0% { opacity:0}

  50% { opacity:1}

  100% { opacity:0}

}

@-webkit-keyframes arow {

  0% { opacity:0}

  50% { opacity:1}

  100% { opacity:0}

}

@-moz-keyframes arow {

  0% { opacity:0}

  50% { opacity:1}

  100% { opacity:0}

}

@-webkit-keyframes padroate {

  0%{ opacity:0;transform:rotate(0deg);}

  10%{ opacity:1;transform:rotate(0deg);}

  20%, 80% { opacity:1; transform:rotate(90deg);}

  100% {opacity:0;transform:rotate(90deg);}

}

@-webkit-keyframes padroate {

  0%{ opacity:0;-webkit-transform:rotate(0deg);}

  10%{ opacity:1;-webkit-transform:rotate(0deg);}

  20%, 80% { opacity:1; -webkit-transform:rotate(90deg);}

  100% {opacity:0;-webkit-transform:rotate(90deg);}

}

@-moz-keyframes padroate {

  0%{ opacity:0;-moz-transform:rotate(0deg);}

  10%{ opacity:1;-moz-transform:rotate(0deg);}

  20%, 80%{ opacity:1; -moz-transform:rotate(90deg);}

  100% {opacity:0;-moz-transform:rotate(90deg);}

}

@-ms-keyframes padroate {

  0%{ opacity:0;-ms-transform:rotate(0deg);}

  10%{ opacity:1;-ms-transform:rotate(0deg);}

  20%, 80% { opacity:1; -ms-transform:rotate(90deg);}

  100% {opacity:0;-ms-transform:rotate(90deg);}

}

#shade{ position:fixed; width:100%; height:100%; left:0; top:0; }

.trasfrm { position:fixed; width:100%; height:100%; z-index:999; background:#f3f3f3; left:0; top:0; display:none;}

.padArow {

  top:50%;

  left:50%;

  position: absolute;

  width:50px;

  height:50px;

  border-left:solid 6px #000;

  border-radius:0 0 0 49px;

  margin:-15px 0 0 -90px;

  -webkit-animation:arow 2s linear infinite;

  -webkit-animation:arow 2s linear infinite;

}

.padArow:after {

  position:relative;

  bottom:12px;

  right:15px;

  display:block;

  content:"";

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width:0 12px 12px 12px;

  border-color: transparent transparent #000 transparent ;  

}

.iconPad_1 {

  position:absolute;

  left:50%;

  top:38%;

  margin:-40px 0 0 -60px;

  opacity:0.4;  

  width:120px;

  height:80px;

  background:#fff;

  border: solid 2px #000;

  border-radius:8px;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

  padding:3px;

}

.iconpad_2 {

  border-radius:5px;

  width:100%;

  height:100%;

  -moz-box-sizing:border-box;

  box-sizing:border-box;

  border:8px solid #000;

  background-image: -moz-linear-gradient( -90deg, rgb(29,29,29) 0%, rgb(153,153,153) 100%);

  background-image: -webkit-linear-gradient( -90deg, rgb(29,29,29) 0%, rgb(153,153,153) 100%);

  background-image: -ms-linear-gradient( -90deg, rgb(29,29,29) 0%, rgb(153,153,153) 100%);

}

.iconpad_2:before {

  display:block;

  content:"";

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 84px 64px 0 0;

  border-color: rgba(255,255,255,0.1) transparent transparent transparent;  

}

.trmoct {opacity:1;}

.trapf {

  text-align:center;

  width:100%;

  height:20px;

  line-height:20px;

  font-size:18px;

  color:#333;

  position:fixed;

  bottom:15%;

}

/* animate */

.trmoct {

  transform-origin: center 60px;

  -webkit-animation:padroate 3s ease-in infinite 0.3s;

  -webkit-animation:padroate 3s ease-in infinite 0.3s;

  -webkit-transform-origin: center 60px;

}

.innerCircle {display:none;}





/*横屏提示*/

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 1024px) and (orientation : landscape) {

.ds768 { display:block}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) and (orientation : portrait) {

.ds768 { display:none}

}





/* 超小屏幕（手机，小于 768px） */

/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */

.title01 img{ width:60%}

@media (min-width:320px) and (max-width:768px) {

.q-01{ height:100px; text-align: center; overflow: hidden;}

.q-01 img{ border-radius:10px; padding-top:10px;}

.first .n-02{ height: 53px; overflow: hidden;word-break: break-word; display: block;}

.q-02{ height:auto;}

.q-02>img{ width:100%; height:90px; padding:0 8px;}

.q-03{overflow: hidden; word-break: break-word;   height: 23px; display: block;}

.Acontent p>img{ width:100%; height:auto;}}

/* 小屏幕（平板，大于等于 768px） */

@media (min-width:768px) and (max-width:991px) {

.title01 img{ width:auto}

.q-01{ height: 200px; text-align: center; overflow: hidden; }

.q-01 img{ border-radius:10px; padding-top:10px;}

.first .n-02{ height:80px;overflow: hidden;}

.q-02{ height:200px; overflow:hidden;}

.q-02 img{ width:100%; height:auto; padding:0 8px;}

.q-03{overflow: hidden; word-break: break-word; height:20px;}

.Acontent p>img{ width:100%; height:auto;}}

/* 中等屏幕（桌面显示器，大于等于 992px） */

@media (min-width: @screen-md-min) { ... }



/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media (min-width: @screen-lg-min) { ... }







/* ---------------------------------------------------------- */

/*                                                            */

/* A media query that captures:                               */

/*                                                            */

/* - Retina iOS devices                                       */

/* - Retina Macs running Safari                               */

/* - High DPI Windows PCs running IE 8 and above              */

/* - Low DPI Windows PCs running IE, zoomed in                */

/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */

/* - Android hdpi devices and above                           */

/* - Android tvdpi devices, including Google Nexus 7          */

/* - Chrome running on high DPI Macs and PCs                  */

/* - Opera running on high DPI Macs, PCs and mobile devices   */

/*                                                            */

/* Please note that that this code assumes you'll swap a      */

/* 2× version of your images. If you'd like to supply         */

/* finer increments, other thresholds might be appropriate.   */

/*                                                            */

/* A test for CSS pixel densites can be found here:           */

/* http://bjango.com/articles/min-device-pixel-ratio/         */

/*                                                            */

/*                                  @marcedwards from @bjango */

/*                                                            */

/* ---------------------------------------------------------- */



@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),

	only screen and (-o-min-device-pixel-ratio: 13/10),

	only screen and (min-resolution: 120dpi) {

		/* Your code to swap higher DPI images */

        .login .btn{ font-size: 12px;}

        .col-sm-3 {

          min-height: 1px;

          padding-right: 10px;

          padding-left: 10px;

        }

}