@import url(public.css);

/*head*/
#head { width:100%; height:50px; background:#d42027; position:fixed; _position:absolute; top:0px; z-index:1000;}
#head .top { width:1003px; height:50px; line-height:50px;}
.MenuIcon,.MenuIcon-pro { display:none;}
#head .menu { font-size:14px; font-weight:bold; position:relative;}
#head .menu ul {}
#head .menu li { width:125px; text-align:center; float:left; cursor:pointer;}
#head .menu li a { color:#fff; display:block; text-align:center; padding:0 0px; position:relative; z-index:101;}
#head .menu li a:hover { text-decoration:none; color:#fff; background:#f13a41;}
#head .menu .arrow { width:125px; height:50px; background:#333; position:absolute; left:0px; top:15; z-index:100;}
#head .menu .cur a { color:#fff;}
.fix-menu1 { position:fixed; _position:absolute; top:0px; margin:0;}
.fix-menu2 { margin-top:0px;}

.pro-div:hover>.pro-nav { display:block;}
.pro-nav { display:none;}
.pro-nav li { background:#da3239;}
.pro-nav>li:hover { background:#f13a41;}
.pro-nav li a { font-size:14px; line-height:34px; color:#fff;}

/*banner*/
.banner { width:100%; height:460px; background:url(../images/banner.jpg) top center no-repeat; overflow:hidden;}
.width { max-width:1100px; height:460px; margin:0 auto;}
.bigtitle { font-size:3.5em; color:#d82919; margin:98px 0 0 70px; font-weight:bold;}
.width span { font-size:0.8em; width:176px; height:20px; line-height:24px; color:#fff; text-align:center; background:#d82919; margin:98px 0 0 70px;} 
.width i { font-size:1.2em; color:#d82919; margin:34px 0 0 70px; display:block;}

/*内容*/
.content { width:100%; height:auto;}
.content1,.content2,.content3,.content4,.content5,.content6,.content7,.content8,.content9 { width:100%; height:500px; background:#fff;}
.word{ width:280px; height:auto;}
.word4 { width:420px; height:auto;}
.title { font-size:3em; color:#313131; height:126px; line-height:126px; text-align:center;}
.text { font-size:1.5em; color:#666666; line-height:32px; text-indent:36px; text-align: justify;}


/*内容1*/
.ImgDiv1 { padding:70px 0 0 140px; display:inline-block;}
.add { position:relative; width:300px;}
.img1text1,.img1text2 { color:#ff0000; font-size:24px; position:absolute; top:75px; left:190px;}
.more { position:absolute; top:171px; left:80px;}
.word1 { float:right; margin:90px 120px 0 0;}


/*内容2*/
.ImgDiv2 { padding:87px 20px 0 0; display:inline-block; float:right;}
.word2 { float:left; margin:90px 0 0 100px;}

/*内容3*/
.ImgDiv3 { padding:44px 0 0 10px; display:inline-block; float:left;}
.word3 { float:right; margin:100px 10px 0 0;}

/*内容4*/
.ImgDiv4 { padding:80px 20px 0 0; display:inline-block; float:right;}
.word4 { float:left; margin:70px 0 0 20px;}
.night { margin-top:40px;}
.night li { width:105px; float:left; color:#666; font-size:1.5em; text-align:center;}
.radio { width:18px; height:18px; border-radius:9px; margin:0 auto; margin-bottom:8px;}
.radio1 { background:#22ac38;}
.radio2 { background:#ffff00;}
.radio3 { background:#ff0000;}
.radio4 { background:#313131;}

/*内容5*/
.ImgDiv5 { padding:43px 0 0 60px; display:inline-block; float:left;}
.word5 { float:right; margin:70px 100px 0 0;}

/*内容6*/
.ImgDiv6 { padding:43px 70px; 0 0; display:inline-block; float:right;}
.word6 { float:left; margin:80px 0 0 70px;}

/*内容7*/
.ImgDiv7 { padding:43px 0 0 100px; display:inline-block; float:left;}
.word7 { float:right; margin:75px 120px 0 0;}

/*内容8*/
.ImgDiv8 { padding:43px 120px 0 0; display:inline-block; float:right;}
.word8 { float:left; margin:80px 0 0 120px;}

/*内容9*/
.case { width:100%;}
.case li { float:left; margin:0 10px 20px 10px; }
.case li:hover { -webkit-box-shadow:0 0 10px rgba(154, 154, 154, .3);  
  				 -moz-box-shadow:0 0 10px rgba(154, 154, 154, .3);  
 				 box-shadow:0 0 10px rgba(154, 154, 154, .3);}

/*底部*/
#footer { width:100%; height:40px; background:#292828; line-height:40px; color:#fff;}
#footer ul { width:1100px; height:40px; background:#292828; margin:0 auto;}
#footer a { color:#fff;}
#footer a:hover { color:#049ad9;}

.telphone { display:none;}


@media screen and (max-width: 992px) {
.fl img { width:90%;}
#footer { display:none;}
#head .top { width:90%; height:50px; line-height:50px; margin:0 auto;}
.menu { display:none;}
.MenuIcon { height:50px; float:right; position:relative; display:block;}
.wap-menu { width: cursor: pointer; height:20px;}
.wap-menu img { float:right; padding-top:12px; padding-left:20px;}
.NavMenuSmall,.NavMenuSmall-pro { position:absolute; right:-20px; top:50px; display:none;}
.NavMenuSmall li,.NavMenuSmall-pro li { width:130px; height:40px; background:#da3239;}
.NavMenuSmall li a,.NavMenuSmall-pro li a { font-size:16px; color:#fff; display:block; text-align:center; line-height:40px;}

.MenuIcon-pro { height:50px; float:right; position:relative; display:block; margin-right:10px;}
.menu-toggle-pro { width: cursor: pointer; height:20px;}
.menu-toggle-pro img { float:right; padding-top:12px; padding-left:20px;}

/*banner*/
.banner { height:200px; background:url(../images/banner.jpg) left center no-repeat; background-size:210%; background-position:40%;}
.width { max-width:90%; height:auto; margin:0 auto;} 
.bigtitle { font-size:2.5em; margin:80px 0 5px 0; text-align:center;}
.width span { display:none;} 
.width i { font-size:1em; color:#fff; margin:0; display:block; text-align:center; background:#d82919; padding:2px;}

/*内容*/
.content { width:95%;}
.content1,.content2,.content3,.content4,.content5,.content6,.content7,.content8,.content9 { height:auto; border-radius:4px; margin-bottom:20px;
				-webkit-box-shadow:0 2px 10px rgba(154, 154, 154, .3);  
  				 -moz-box-shadow:0 2px 10px rgba(154, 154, 154, .3);  
 				 box-shadow:0 2px 10px rgba(154, 154, 154, .3);}
.content1 { margin-top:10px;}
.word{ width:100%; height:auto; float:none; margin:0;}
.title { font-size:2.8em; color:#313131; height:80px; line-height:80px; text-align:center;}
.text { font-size:1.5em; color:#666666; line-height:32px; text-indent:36px; text-align:justify; padding-bottom:20px;}
.ImgDiv { padding:0; width:100%; margin-top:20px; float:none;}
.ImgDiv img { width:100%;}

/*内容1*/
.add { position:inherit; width:50%; float:left;}
.add img { width:100%;}
.img1text1,.img1text2 { color:#ff0000; font-size:1.2em; position:inherit; text-align:center;}
.more { display:none;}

/*内容4*/
.night { display:none;}

/*内容9*/
.case { width:100%; height:240px;}
.case li { float:left; margin:0; width:33.3%;}
.case li img { width:100%; display:block; height:auto;}


/*直拨电话*/
.telphone { width:100%; height:40px; position:fixed; bottom:0px; border-top:1px solid #CCC; background:url(../images/bottom.png); display:block;
				 -webkit-box-shadow:0 -1px 2px rgba(154, 154, 154, .2);  
  				 -moz-box-shadow:0 -1px 2px rgba(154, 154, 154, .2);  
 				 box-shadow:0 -1px 2px rgba(154, 154, 154, .2);}
.telphone ul { width:100%;}
.telphone ul li { width:33%; float:left;}
.linetwo { border-left:1px solid #CCC; border-right:1px solid #CCC;}
.telphone ul li a { width:100%; line-height:40px; text-align:center; color:#666; font-size:14px; margin:0 auto; display:block;}
}