/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif;font-size:13px; line-height:26px; padding:0px; margin:0px; color:#686667; background:url(index_r1_c8.jpg) repeat-x; background-color:#fff;  word-break:break-all;}
*{margin:0px; padding:0px;}
img{ border:0px;}
ul{ list-style:none;}
a{ text-decoration:none; color:#686667; }
.qc{ clear:both; height:0px; margin:0px; padding:0px;}
br{ line-height:0px; height:0px;}
.float_l{float:left;}




.top2 { width:1200px;margin:6px auto;}
.logo { background:url(index_r1_c2.jpg) no-repeat left center; width:312px; height:117px; float:left;}
.logo span { display:none;}
.logo a{ width:312px; height:72px; display:block;}
#Language {  width:853px; line-height:31px; color:#FFFFFF; float:right;}
#Language ul{background:url(index_r2_c7.jpg) no-repeat right top; width:184px; float:right; line-height:31px;}
#Language ul li{ text-align:center;}
#Language ul li ul{background:none; padding:0px; display:none; margin-top:0px; position:absolute; background-color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; padding-bottom:20px;}
#Language ul li ul li{  border-bottom:none; margin:0px auto; line-height:35px; width:80%; border-bottom:1px dashed #404040; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand; background:none; background:none; }
#Language ul li ul li a{color: #898989; margin-left:0px; background:none; }
#Language ul li ul li a:hover{background:none; color: #656565;}
#Language ul li:hover ul { display:block;}
#Language ul li.sfhover ul { display:block;}


/*pc nav*/
#navmenu{ height:60px; width:805px; float:right; margin-top:10px;}
#navmenu ul{ padding:0px; width:805px; margin:0px auto; height:50px;}
#navmenu ul li{ float:left; line-height:60px; font-size:14px; margin-left:51px;}
#navmenu ul li span{ margin-left:8px; font-size:12px;}
#navmenu ul li a{ text-decoration:none;  text-align:center; display:block;}
#navmenu ul li a:hover{ display:block; border-bottom:2px solid #f29200;}
.navon a{ display:block; border-bottom:2px solid #f29200; font-weight:600;}

.wrapper{ display:none;}
.appbooter{ padding-bottom:60px;}

.banner_n2{ display: none;}

@media only all and (min-width: 0px) and (max-width: 999px){
.banner_n{ display:none;}
.banner_n2{ display: block;}
.banner_n2 img{ max-width:100%;}
#slider{ display:block; padding-bottom:0px; }
#banner{ display:none;}
.top2 { display:none;}
body{ background:none;}
.footer1{ display:none;}
.appbooter{ padding-bottom:20px;}

.phlogo{ width:70%; background:url(index_r1_c2.jpg) no-repeat left top; height:65px; background-size:180px 51px; float:left;}
.phlogo span{ display:none;}


.wrapper { 
display:block;
    margin-top:40px;
    padding: 1em;
    background-color: transparent;
	
	
}
.main-header {
    text-align: center;
    font-weight:300;
    font-size: 90%;
}
.toolbar {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    background-color:#fff;
    line-height: 68px;
	padding-top:9px;
	z-index:99;
}
.menu-button {
  position: relative;
  margin:10px 5px 5px 5px ;
  height: 16px;
  width: 36px;
  cursor: pointer;
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  border-bottom: 13px double #ff8a00;
  border-top: 4px solid #ff8a00;
  width: 30px;
  height: 5px;
}
.menu-left {
  float: right;
  margin-right: 1.5em;
}
.sidebar {
    margin: 0;
    padding-top: 1em;
    color: white;
    background-color:#3f3f3f;
}
.sidebar h6{ line-height:40px; font-weight:normal; background-color:#01a7a7; font-size:16px; padding-left:12px; font-family:Arial, Helvetica, sans-serif; margin-top:30px;}
.sidebar li {
    margin: 0.5em 0;
    padding: 0 1em;
    line-height: 36px;
	border-bottom:1px solid #666666;
}
.sidebar li a{ color:#fff; display:block; width:100%; height:36px;}
.sidebar li:hover {
    background-color: #00baba;
}
.sidebar hr {
    margin: 2em auto;
    border: 0;
    padding: 0;
    width: 80%;
    height: 1px;
    background-color: white;}
	

}


/*pc banner*/
#banner{ height:649px; width:100%; clear:both;}
#banner_point {position:absolute; height:19px; margin-top:430px;  z-index:9999; width:100%}
#banner_list img {border:0px; width:100%; height:457px}
#banner_bg { position:absolute; bottom:0; height:156px; z-index:1000; cursor:pointer; width:100%; margin-top:-30px;}
#banner ul {position:absolute; left:49%; list-style-type:none; z-index:1002; margin:0 auto;	padding:0; width:103px;}
#banner ul li { display:block; width:17px; height:15px; line-height:15px; text-align:center; color:#fff; background:url(ifpoff.png) no-repeat;  cursor:pointer; float:left; margin-right:5px; display:inline; position:relative;}
#banner ul li.on { background:url(ifpon.png) no-repeat; color:#fff;}
#banner_list a { position:absolute; display:block; width:100%; height:649px}

.banner_list11{ background:url(1.jpg) no-repeat center top}
.banner_list22{ background:url(2.jpg) no-repeat center top}
.banner_list33{ background:url(3.jpg) no-repeat center top}
.banner_list44{ background:url(4.jpg) no-repeat center top}

/*pc prod*/
.in_prod{ width:1220px; margin:50px auto 50px auto;}
.in_prod h2{ background:url(index_r5_c1.jpg) no-repeat center center; text-align:center; font-size:28px; line-height:30px; color:#444444; font-weight:normal;}
.in_prod h2 a{ color:#444444;}

.in_prod_prod1{ width:50%; float:left; margin-top:35px;}
.in_prod_prod1 img{ display:block;}
.in_prod_prod1_img{ text-align:center; width:350px; margin:0px auto;}
.in_prod_prod1_name{ text-align:left; line-height:34px; width:350px; margin:0px auto;}
.in_prod_prod1_name a{ font-size:16px; font-weight:bold;}
.in_prod_prod1_name p{ line-height:22px; font-size:13px;}

@media only all and (min-width: 450px) and (max-width: 999px){
.in_prod{ width:100%; margin:15px auto 0px auto;}
.in_prod_prod1{ width:33.3%; float:left; margin-top:10px;}
.in_prod_prod1 img{ display:block; width:100%;}
.in_prod_prod1_img{ text-align:center; width:90%; margin:0px auto;}
.in_prod_prod1_name{ text-align:left; line-height:24px; width:100%; margin:0px auto; font-size:14px; font-weight:normal;}
.in_prod_prod1_name a{  font-size:14px; font-weight:normal;}
.in_prod_prod1_name p{ display:none;}
}

@media only all and (min-width: 0px) and (max-width: 449px){
.in_prod{ width:100%; margin:15px auto 0px auto;}
.in_prod_prod1{ width:100%; float:left; margin-top:10px;}
.in_prod_prod1 img{ display:block; width:100%;}
.in_prod_prod1_img{ text-align:center; width:90%; margin:0px auto;}
.in_prod_prod1_name{ text-align:left; line-height:24px; width:100%; margin:0px auto; font-size:16px; font-weight:normal;}
.in_prod_prod1_name a{  font-size:16px; font-weight:bold; padding-top:5px;}
.in_prod_prod1_name p{ }
.in_prod_prod1_name p br{ display:none}
}


/*pc footer*/
.footer1{ background:url(footer-bg.jpg); width:100%; margin:0px auto; color:#fff; padding-bottom:40px;}
.footer1_n { width:1200px; margin:0px auto;}
.footer1 dl{ float:left; margin-top:30px; line-height:24px; padding-right:96px;}
.footer1 dl a{ color:#ffffff;}
.footer1 dt{ line-height:32px; font-size:14px; padding-bottom:10px;}

.footer2{ width:100%; line-height:24px; background-color:#191e25; text-align:center; padding:20px 0px;}

.banner_n{ width:100%; height:649px;}
.main_n{ width:1200px; margin:0px auto;}
.title1{ width:1150px; position:relative; z-index:999; line-height:40px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; background-color:#FFFFFF; color:#000000; font-size:20px; clear:both; height:40px;}
.title1 span{ float:right; font-size:13px;}
.title1 span a{ color:#000;}

#side{ width:210px; float:left; margin-top:30px;}
#side h3{ height:105px; margin-top:8px;}
#side ul{padding:0px 0px; margin-top:5px; border-bottom:4px solid #EAEAEA;}
#side li{ line-height:40px; width:210px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;course:hand; border-bottom:1px dashed #CCCCCC; background:url(23.jpg) no-repeat left top;}
#side li a{ padding-left:30px; display:block; font-size:13px; width:180px; height:40px;  overflow:hidden;text-overflow: ellipsis;white-space: nowrap;course:hand;}
#side li a:hover{ background:url(24.jpg) no-repeat center top; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;course:hand; color:#fff;}
.navon1{ background:url(24.jpg) no-repeat left top; width:210px;}
.navon1 a{display:block; background:url(24.jpg) no-repeat left top; color:#FFFFFF; width:180px;}

#side ul li ul{background:none; padding:0px; display:none; margin-top:0px;}
#side ul li ul li{  border-bottom:none; margin:0px auto;width:209px; line-height:40px; border-top:1px dashed #D4D4D4; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;course:hand; background:none; padding:0px 1px; background:none; }
#side ul li ul li a{color: #898989; margin-left:0px; background:none; padding-left:5px;}
#side ul li ul li a:hover{background:none; color: #656565;}
#side ul li:hover ul { display:block;}
#side ul li.sfhover ul { display:block;}


.con{ width:950px; float:right; margin-top:30px; padding-bottom:40px;}

.next{ line-height:25px;  margin-top:40px; padding-bottom:30px; border-top:1px solid #c1c1c1; padding-top:10px; text-align:right;}
.next b{ color:#FF9900; }
.next a{ margin:0px 8px;}
.next .fl{ display:none;}

.Applications_n{ width:33%; float:left; }
.app_n_img{ width:92%; border:1px solid #c1c1c1;}
.app_n_img img{ width:100%;}
.app_n_name{ line-height:28px; padding-top:5px; padding-bottom:8px; font-size:16px;}
.app_n_name p{ color:#999999; line-height:24px; font-size:14px;}

.con_news{ width:100%; clear:both;}
.con_news img{ width:240px; height:150px; border:1px solid #c1c1c1;}
.con_news p{ width:690px; float:right; font-size:14px; line-height:23px;}
.con_news p a{ font-size:18px; line-height:30px; color:#333333;}
.con_news p span{ line-height:18px; color:#BFBFBF; font-size:12px; display:block; padding-bottom:5px;}

.con_news_n{ width:95%;}
.con_news_n h2{ text-align:center; font-size:24px; line-height:40px; font-weight:normal;}
.con_news_n h3{ width:100%; line-height:30px; font-size:13px; color:#c1c1c1; text-align:center; font-weight:normal; border-bottom:1px solid #d1d1d1;}
.con_news_p{ line-height:24px; font-size:14px; padding-top:10px;}
.con_news_p22{ line-height:24px; margin-top:30px; padding-top:20px; padding-bottom:30px; border-top:1px solid #c1c1c1;}

@media only all and (min-width: 0px) and (max-width:999px){
.main_n{ width:98%; padding:0px;}
.title1{ display:none;}
#side{ width:100%; margin-top:0px; background:none;border-bottom:none;}
#side h3{ display:none;}
#side ul{ width:100%;  margin-top:0px; margin-top:0px; background:none; height:auto;}
#side li{ border:0px; border-radius:5px; width:170px; height:36px; line-height:36px; font-size:14px; margin-top:10px; margin-left:8px; margin-top:10px; margin-right:0px; padding:0px; float:left; text-align:center; border:2px solid #fb9438; background-image:none;}
#side li a{border-bottom:0px; border-top:0px; display:block;  border-right:0px; line-height:36px; background:none; color:#333333; width:100%; height:36px; margin-left:0px; padding-left:0px;}
#side li a:hover{border-bottom:0px; background: none; color:#527406; width:170px; padding-left:0px;}
}


.pc_con{ width:950px; float:right; margin-top:30px; padding-bottom:40px;}
.con_sj{ display:none;}
@media only all and (min-width: 0px) and (max-width:999px){
.pc_con{ display:none;}
.con_sj{ display: block; width:95%; margin:15px auto auto auto; line-height:23px; padding-bottom:15px; clear:both;}
.con{ width:100%;}

}

@media only all and (min-width: 0px) and (max-width:499px){
.Applications_n{ width:50%;}
}