@charset "utf-8";
body{ background: #F7F7F7}
.container{ padding:0px}
.bgbs{ background:#FFFFFF;border-bottom:1px solid #E5E5E5;}

.lrcss{margin:20px auto ; padding:0px}
.lrcss h1{ font-size:24px; padding:40px 0px 20px; margin:0px; font-weight:bold; text-align: center}
.lrcss h2{ font-size:18px; font-weight:bold; color:#F36D00; margin:20px;border-bottom:1px solid #E5E5E5; padding-bottom:20px}
.lrcss h2 a{color: #F36D00}

.lrcss .left{ float:left; width:75%; color:#000000; height: auto; background:#FFFFFF;  border:1px solid #E5E5E5; }
.lrcss .left .lr{ padding:30px; line-height:30px; color:#333333; font-size:16px}
.lrcss .left .lr img{ margin:0px auto; display:table; max-width: 100%!important;height: auto!important;}
.lrcss .left .lr .copy{clear: both;background-color: #f2f2f2;font-size: 12px;line-height: 1.8;color: #999;padding: 6px 15px 5px;border-radius: 2px;text-align: center;}
.xgtj{ padding-bottom:30px; overflow:hidden}
.xgtj ul{ padding:0px ; margin:0px;}
.xgtj ul li{width:50%; float:left ;list-style:none;margin: 0px;  padding: 0px 20px;line-height:36px; color:#FFFFFF;
    font-size:16px; height:36px;overflow: hidden;white-space: normal;text-overflow: ellipsis}
.xgtj ul li a{ color:#666666}
.lrcss .right{ float:right; width:23%; overflow:hidden}
.lrcss .right .faq,.lrcss .right .bd{border:1px solid #E5E5E5; margin:15px auto; background:#FFFFFF; padding:0px 20px 10px}
.lrcss .right h3{ text-align:center; font-size:16px; background:#415BFD; line-height:40px; color:#FFFFFF}
.lrcss .right h3:hover{cursor: pointer}
.lrcss .right h4{ text-align:center; font-size:16px; line-height:40px; color:#415BFD;border:1px solid #415BFD;}
.lrcss .right  .bd{ overflow:hidden}
.lrcss .right  .bdxx ul{ padding:0px ; margin:0px; overflow:hidden}
.lrcss .right  .bdxx ul li{width:80%; float:left ;list-style:none; line-height:50px}
.lrcss .right  .bdxx ul .liz{width:20%;}
.lrcss .right  .bdxx input{ line-height:24px; font-size:16px; border:1px solid #E5E5E5; width:80%}
.lrcss .right  h5{text-align:left; font-size:16px; line-height:50px;}
.lrcss .right span{ color:#F36D00}

.footel{}
.footel a{display: inline-block;width: 100px;line-height: 30px;}


/*手机超小屏幕下的单独样式 xs < 768px 
*/


@media (min-width: 300px) and (max-width: 766px){
.dqwzbg{ font-size:12px; padding-left:10px}
.lrcss{ margin:10px 1% ; }
.lrcss h1{ font-size:18px; padding:40px 0px 0px; }
.lrcss .left,.lrcss .right{ float:none; width:100%;  }
.lrcss .left .lr{font-size:14px; line-height:24px}
.bgbs{ padding-bottom:5px}
.xgtj ul li{width:100%; float:none}
.lrcss .right{margin-top: 15px}
.lrcss .right img{max-width: 100%;display: block;margin: 0 auto;}
}



/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 767px) and (max-width: 1023px){
.dqwzbg{line-height:40px;margin:10px 0px}
.bgbs{ padding-bottom:10px}
.xgtj ul li{width:100%; float:none}
.lrcss .left,.lrcss .right{ float:none; width:100%;  }
.lrcss .right img{ display:none}

}


/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 1024px) and (max-width: 1299px){
.xgtj ul li{width:100%; float:none}
.lrcss .left,.lrcss .right{ float:none; width:100%;  }
.lrcss .right img{ display:none}

}