@charset "utf-8";
img, object, embed {
	max-width: 100%;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #189aec;
}

#firstpane{
	margin-bottom:20px;}
.menu_head{
	width:100%;
	font-size:15px;
	padding-top:8px;
	padding-bottom:8px;
	color:#000;
	text-indent:15px;
	cursor:pointer;
	position:relative;
	border-bottom:1px solid #fff;
	background:#dcdddd url(../images/pro_left.png) center right no-repeat;
	_font-size:16px;
	border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

	}
.menu_head a { text-decoration:none; color:#000;}
.menu_head a:hover { text-decoration:none; color:#189AEC;}
.menu_list .current{
	background:#dcdddd url(../images/pro_down.png) center right no-repeat;}
.menu_body{
	width:100%;
	height:auto;
	overflow:hidden;}
.menu_body a{
	display:block;
	width:100%;
	text-indent:15px;
	padding:10px 0;
	background:#fff;
	color:#000;
	border-bottom:1px solid #dcdddd;}
.menu_body a:hover{ color:#189aec;}	

/*profile spec*/
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left; width:50%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{ width:80px; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{ width:75%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right; width:50%;padding:20px 0 0 0;}
.profile-spec .about-l{ width:57%; height: 60px; margin:20px 0;font-size:16px; color:#fff; padding:20px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{ width:30%; height: 60px; margin:20px 0;font-size:16px;float:left; margin-left:30px; color:#fff; padding:20px;background:#ca2727; line-height:30px;}
@media screen and (min-width:640px) and (max-width:1100px){
/*profile spec*/
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left;width: 100%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{width: 20%; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{width: 70%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right;width: 100%;padding:20px 0 0 0;}
.profile-spec .about-l{width: 98%; height: 60px;margin: 20px 0;font-size:16px; color:#fff;padding: 15px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{width: 98%; height: 60px; margin:20px 0; font-size:16px;float:left;/* margin-left:30px; */ color:#fff;padding: 10px;background:#ca2727;line-height:30px;}
#header{ height:85px;}
.app-bar {
	display: block;
    position: initial;
	height: 52px;
	box-sizing: border-box;
	background-color: transparent;
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-transition: none;
	transition: none;}
.app-bar .logo {
	width:200px;
	height:85px;
	text-align:center;
/*	padding-top:15px;
	background:#c1241b;  */
	position:absolute;
	top:0;
	left:10px;}
.app-bar .logo img{
	width: 75%;}
.navdrawer-container ul li {
	text-align: center;
	font-size:16px;}
.module_con{
	width:80%;
	font-size:14px;
	padding: 0 10%;
	margin-top:-16%;}
.module_con h1{
	padding:12px 0;}
.talk_left{
	width:8%;}
.talk_right{
	width:9%;}
.talk_left img,.talk_right img{
	width:25%;}
.talk_middle{
	width:80%;}
.lx_news{
	width:48%;}
}
@media screen and (min-width:960px) and (max-width:1100px){
.app-bar-actions {
	width:30%;
	float: right;}	
.pro_li h3 a{
	font-size:18px;}
#leftsidebar .list-title{
	font-size:24px;
	padding:14px 0;}
.cases li a{padding:0 7px;}
}
@media screen and (min-width:769px) and (max-width:961px){
.app-bar-actions {
	width:35%;
	float: right;}	
.navdrawer-container {
	width: 100%;
	font-size:16px;
	margin-left:0;}
.navdrawer-container ul li {
	text-align: center;}
.module_title01{
	font-size:28px;}
.pro_li{	 
	width:30%;
	margin:10px 1.5% 15px;}
.pro_li h3 a{
	font-size:18px;}
.lx_company h2, .lx_news h2{
	font-size: 26px;
	padding:15px 0 20px;
}
.lx_news_left{
	width:20%;
	float:left;
	text-align:center;
	background: #fe9002;}
.lx_news_left .month{
	font-size: 13px;
}
.rec_li h3 a{
	background:#cccccc;}
.rec_li h3 a:hover{
	background:#bcbcbc;}
.bottom dt {
	font-size:18px;
}
#leftsidebar .list-title{
	text-indent:10px;
	font-size:24px;
	padding:12px 0;}
.list a{
	padding:8px 10px;
	display:block;}
input.sub_btn{
	width:45%;}
}
@media screen and (max-width:900px){
#gallery{
	width:95%;}
.gallery_right{
	width:98%;
	margin: 0 1%}
.gallery_right h1.tit{
	padding-top: 15px;
}
.maodian li{
	text-align:center;
	width:30%;
	float:left;
	margin-right:0.5%;}
	
}
/* 平板电脑布局: 横向*/	
@media screen and (max-width:768px){
.app-bar .logo {
	width:160px;
	height:85px;
	text-align:center;
/*	padding-top:15px;
	background:#c1241b; */
	position:absolute;
	top:0;
	left:10px;}
.app-bar-actions {
	width:35%;
	float: right;}	
.navdrawer-container {
	width:78%;
}
.navdrawer-container ul li {
	text-align: center;}
.module_left{
	background:#b61d17;}
.module_title01{
	font-size:28px;}
.pro_li{	 
	width:46%;
	margin:10px 2% 15px;}
.lx_company h2, .lx_news h2{
	font-size: 26px;
	padding:15px 0 20px;}
.lx_company{
	width:98%;
	margin-left:1%;
	margin-right:1%;}
.lx_news{
	width:98%;
	margin-left:1%;
	margin-right:1%;}
.lx_news a{
	font-size: 15px;}
.talk_top img{
	width:40%;
	margin-top:-60px;}
.talk_left{
	width:8%;}
.talk_right{
	width:8%;}
.talk_left img,.talk_right img{
	width:25%;}
.talk_middle{
	width:85%;}
.rec_li{	 
	width:46%;}
.bottom dt {
	font-size:18px;}
.bottom dl.width01{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
	width:48%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar{
	width: 22.5%;
	font-size: 12px;
	padding-left: 0;}
#leftsidebar .list-title{
	text-indent:10px;
	font-size:20px;
	padding:12px 0;}
.cases{
	width:100%; 
	height:73px;}
.cases li{
	width:33%;}
.menu_head{
	width:97%;
	padding-left:1%;
	text-indent:0;
	padding-right:2%}
.menu_body a{
	text-indent:5px;
}
.listyle01{
	width:47%;
	margin:0 1.5% 10px;
}
.listyle03{
	width: 47%;
	margin: 15px 1.5%;}
}

@media screen and (max-width:640px){
#BDBridgeWrap {display:none!important;}
#qiao-icon-wrap{display:none!important;}
#qiao-wrap{display:none!important;}
.bdshare-slide-button-box{display:none!important;}
.profile-spec{ width:100%; overflow:hidden;}
.profile-spec ul.profile-left{ float:left;width: 100%; padding:20px 0 0 0;}
.profile-spec ul.profile-left li,.profile-spec ul.profile-right li{float:left; width:100%; margin-bottom:20px;}
.profile-spec ul.profile-left li span,.profile-spec ul.profile-right li span{width: 20%; height:80px; line-height:80px;text-align:center;float:left;background:#ca2727; color:#fff; font-size:32px; font-weight:bolder;}
.profile-spec ul.profile-left li dl,.profile-spec ul.profile-right li dl{width: 70%; padding:0 0 0 20px;float:left;}
.profile-spec ul.profile-left li dl dt,.profile-spec ul.profile-right li dl dt{color:#000; font-size:16px; font-weight:bold;}
.profile-spec ul.profile-right{ float:right;width: 100%;padding:20px 0 0 0;}
.profile-spec .about-l{width: 98%; height: 60px;margin: 20px 0;font-size:16px; color:#fff;padding: 15px;background:#ca2727;line-height:30px; float:left;}
.profile-spec .about-l b,.profile-spec .about-r b{ font-size:20px;}
.profile-spec .about-r{width: 98%; height: 60px; margin:20px 0; font-size:16px;float:left;/* margin-left:30px; */ color:#fff;padding: 10px;background:#ca2727;line-height:30px;}
.new_jb{
	position: absolute;
	width: 26px;
    _height: 16px;
    top: 7.2em;
    left: 10.5em;}
.top_right{ display: none;}
.navdrawer-container {
    position: fixed;       
    width: 250px;
    height: 100%;       
    background-color: #2b2b2b;    
    color: #fefefe;
    -webkit-transform: translate(-250px,0);
    transform: translate(-250px,0);
    z-index: 2;}
.navdrawer-container.open {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
	z-index:1000;}
.navdrawer-container ul {
	display:block;
}
.navdrawer-container ul li {
	width:100%;
	padding:0;
	border: none;}
	
		
.navdrawer-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: black;
    /** Unfortunately this is the best way
    to get no paints in Chrome **/
    opacity: 0.0000001;
    z-index: 1;
    pointer-events: none;}
.navdrawer-bg.open {
    opacity: 0.5;}
.app-bar, .navdrawer-container {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;}
.navdrawer-bg {
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;}
.navdrawer-container ul li a {
    display: block;       
    height: 50px;       
    padding: 0 20px;       
    line-height: 50px;      
    text-decoration: none;
    color: white;}
.navdrawer-container ul li a:hover {
    background-color: rgba(255, 255, 255, 0.2);}
.navdrawer-container ul li a:focus {
    background-color: rgba(255, 255, 255, 0.3);
    outline: 0;}
.navdrawer-container ul li a:active {
    background-color: rgba(255, 255, 255, 0.4);}
#header{
	width:100%;
	height:60px;}
.app-bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;       
    width: 100%;
    height: 60px;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: fixed;
    top: 0;
    left: 0;
    z-index:600;
	_background:url(../images/bg_head.jpg) 0 bottom repeat-x;}
.app-bar.open {
    -webkit-transform: translate(250px,0);
    transform: translate(250px,0);}
.app-bar .logo {
/*	width:120px;  */
	height:54px;
	text-align:center;
	padding-top:5px;
	_background:#101A24;
	position:absolute;
	top:0;
	left:75px;}
.app-bar .logo img{
	width: 100%;}
.app-bar .logo a {
    text-decoration: none;
    color: inherit;
    font-weight: normal;}
.app-bar-actions  {
	width:auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;        
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: absolute;
    right: 10px;
    top: 0px;}
.top_social{
	margin-top:10px;}
.top_social a{
	display:block;
	width:38px;
	height:38px;
	line-height:37px;
	background:#24303c;}
.app-bar button, .bottom-bar button {
    width: 44px;
    height: 44px; 
	display:block;
    background-image: none;
    background-color: #1a1a1a;       
    border-style: solid;
    border-radius: 100%;
    border-color: #1a1a1a;
    padding: 8px;
    margin: 8px;
	float:left;
    -webkit-transition: border 300ms ease-in,background 300ms ease-in;
    transition: border 300ms ease-in,background 300ms ease-in;
    -webkit-tap-highlight-color: transparent;}
.app-bar button img {
    width: 28px;
    height: 28px;}
.app-bar button.menu {
    position: relative;}
.app-bar button.menu img {
    position: absolute;
    top: 7px;
    left: 7px;}
.app-bar button.menu .menu-icon {
    opacity: 1.0;}
.app-bar button.menu .close-icon {
    opacity: 0.0;}
.app-bar.open button.menu .menu-icon {
    opacity: 0.0;}
.app-bar.open button.menu .close-icon {
    opacity: 1.0;}
.app-bar button:hover, .bottom-bar button:hover {
    border-color: transparent;
    background-color: rgba(50, 0, 10, 0.4);}
.app-bar button:focus, .bottom-bar button:focus {
    border-color: transparent;
    outline: 0;
    background-color: rgba(50, 0, 10, 0.4);}
.app-bar button:active, .bottom-bar button:active {
    border-color: transparent;
    background-color: rgba(50, 0, 10, 0.6);}
.search {      
    width: 40%;      
    padding: 16px 0;
    margin: 0;      
    box-sizing: border-box;       
    border: none;
    position: absolute;
    right: 5px;}
.display{
	display: none;
}
.bottom-bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;       
    width: 100%;
    height: 60px;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);}		  
 .promote-layer {
        /*
        This may promote the layer to a composited
        layer.
        Replace with will-change when available
        #perfmatters
        */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	background-color:#fff;
}
.middle{
	margin-top:0%;}
.module_left{
	width:98%;
	padding:10px 1%;
	font-size:16px;}
.module_con{
	width:90%;
	float:none;
	font-size:15px;
	padding:0 5%;
	margin-top:-17%;}
.module_con h1{
	padding:6px 0 10px;}
.pro_li h3 a{
	font-size:16px;}
.head_social img{
	width:70%;}
.lx_company{
	width:98%;
	margin-right: 1%;}
.vide{
	width: 98%;
	float: left;
}
.company{
	width: 98%;
	float: right;
	line-height:20px;
}	
.lx_news{
	width:98%;
	margin-left: 1%;
	margin-right:1%;}
.lx_company h2,.lx_news h2{
	font-size:24px;
	padding:15px 0 15px;}
.service h3{
	font-size:16px;}
.module_title01{
	font-size:24px;}
.bottom dl.width01{
    display:none;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width02{
    display:none;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
.bottom dl.width03{
    display:none;
	width:98%;
	padding-left:1%;
	padding-right:1%;}
#leftsidebar{
	display: none;}
#rightsidebar{
	width:98%;
	float:right;
	padding:0 1% 20px 1%;}
.content{
	padding:0 2%}
#menu { width:100%; 
	margin:0 auto 10px; 
	display:block;
	position:relative;
	z-index:100;}
#menu h1 { 
	color: #fff;
  	width:98%;
  	height:50px;
  	line-height:50px;
  	padding:0 1%;
  	cursor: pointer;
  	background:#c1241b url(../images/menu.png) 96% center no-repeat;
  	border:none;
	font-weight:normal;
	text-indent:10px;
	font-size:20px;
  	margin:0 auto;}
#menu h2{
	color:#000;
	padding:14px 0;
	display:block;
	font-size: 14px;
	text-indent:15px;
	border-bottom:1px solid #F2F2F2;
	background:#e5e1cd url(../images/more0.gif) center right no-repeat;}
#menu ul {  
	border-top:none;
	overflow:auto;}
#menu ul li {
	padding:10px 0;
	text-indent:15px;
	background:#f7f5eb;}
.no { display:none;}
.md_con form {
	width: 100%;}
.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px; background: url(../images/btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#1a1a1a;}
.foot_fixed li{
	width:19%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed img{width: auto;}
.foot_fixed li.spcial{width: 24%;}
.foot_fixed li.spcial img{ margin-top: -10px; margin-bottom:5px;}
.foot_fixed a{
	width:100%;
	height:35px;
	color: #fff;
	font-size: 0.75em;
	padding:10px 0 5px 0;
	display:block;}
.foot_fixed a:hover{ background:#2f2f2f;}
}
     



.mbanner{
	width:100%;
	margin:0;
	text-align:center;
	padding-bottom:25px;}
.subbanner{
	width:100%;
	margin:0;
	text-align:center;}
#leftsidebar{
	width:210px;
	float:left;
	padding-top:10px;
	padding-left:1.5%;
	margin-bottom:20px;}
#leftsidebar .list-title{
	width:100%;
	color: #fff;
	text-indent:15px;
	font-size:26px;
	padding:16px 0;
	background:#189aec;}
#firstpane{
	margin-bottom:20px;}

.menu_list .current{
	background:#dcdddd url(../images/pro_down.png) center right no-repeat;
	border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;

	}
.menu_body{
	width:100%;
	height:auto;
	overflow:hidden;}
.menu_body a{
	display:block;
	width:100%;
	text-indent:15px;
	padding:10px 0;
	background:#9BB9C1;
	color:#333;
	border-bottom:1px solid #dcdddd;}
.menu_body a:hover{ color:#c1241b;}