/* CSS Document */
*{ margin:0; padding:0;}
body{  margin:0 auto; font-family:Arial, Helvetica, sans-serif, "ËÎÌå"; font-size:12px; max-width:640px; }
a { font-style:normal;  text-decoration: none;}
a, a:link, a:visited, a:active { font-style:normal; }
a img{ border:none}
ul,li{ list-style:none;}
em{ font-style:normal;}
i{ font-style:normal;}
.main { width:100%; overflow:hidden; margin:0 auto; position:relative;}
.top{ max-height:122px; max-width:640px; width:100%; overflow:hidden;}
.topbg{ background: url(topbg.jpg) no-repeat center bottom; max-height:122px; overflow:hidden;}
.topbg .logo{ float:left;margin:5% 0 5% 0%;}
.topbg .logo img{ width:100%; max-height:50px;}


/** focus **/
.pic_focus { width:100%; position:relative; z-index:9;  margin:0 auto; overflow:hidden;}
.focus { width:100%; position:relative; left:0; top:0; overflow:hidden; transition:0.3s;}
.focus div { width:100%; display:block; position:relative; float:left; top:0;  -webkit-transition: -webkit-transform .4s ease-in-out;}
.focus img { width:100%;}
.title_focus { 
	height:30px; color:#fff; line-height:30px;font-size:1.5em; width:100%; position:absolute; z-index:2; bottom:0; left:0;
	background: url(banner003.png) no-repeat center bottom;
	/*background: -moz-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -webkit-gradient(linear,left,from(rgba(0, 0, 0, 1)),to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));*/ /* ½¥±äЧ¹û*/
}
.title_focus a { color:#dedfca; display:none; font-family:"΢ÈíÑźÚ"; font-size:20px;}
.title_focus a.on { display:block;}
.select_focus { position:absolute; right:15px; bottom:0; z-index: 3; height:30px; width:100%; text-align: center;}
.select_focus span { width:12px; height:12px; display:inline-block; margin:7px 3px 7px 0; border-radius: 10px;/*Ô²ÐÎ*/ background:#fff;}
.select_focus span.on { background:#27abff;}

/*syabout*/
.sybanner{width:100%;}
.syabout , .syproduct , .syprolist{ clear:both; width:100%; background:#FFF; padding-top:0em;}
.syabout .div_about , .syproduct .div_product , .syprolist .div_prolist{ border-top:1.30em #e6e4e3 solid; border-bottom:1px solid #cacbcb; border-left:1px solid #cacbcb; border-right:1px solid #cacbcb;}
.syabout .div_about h3, .syprolist .div_prolist h3{ border-top:1px solid #cacbcb;}
.syabout .div_about h3 , .syproduct .div_product h3 , .syprolist .div_prolist h3{ height:37px; border-bottom:1px solid #ccc; line-height:39px; position:relative; font-weight:normal; font-size:12px; padding-top:5px; color:#999;}

.syabout .div_about h3 .tubiao , .syproduct .div_product h3 .tubiao , .syprolist .div_prolist h3 .tubiao{ position:absolute; top:13px; left:8px;}
.syabout .div_about h3 em , .syproduct .div_product h3 em , .syprolist .div_prolist h3 em{ float:right; padding-right:5px; font-size:16px;}
.syabout .div_about h3 em a , .syproduct .div_product h3 em a , .syprolist .div_prolist h3 em a{color:#9fa0a0;}
.syabout .div_about h3 em a:hover , .syproduct .div_product h3 em a:hover , .syprolist .div_prolist h3 em a:hover{ text-decoration:underline;}
.syabout .div_about h3 i , .syproduct .div_product h3 i , .syprolist .div_prolist h3 i{ padding-left:66px; font-size:16px; color:#221815; font-family:"΢ÈíÑźÚ";}
.syabout .div_about .div_aboutbox{ padding-left:66px; padding-right:10px; padding-bottom:10px; line-height:26px; font-size:15px; padding-top:20px; color:#333; font-family:"΢ÈíÑźÚ"; }
.syabout .div_about .div_aboutbox h1{line-height:26px; font-size:15px; padding-bottom:20px;  color:#333; font-family:"΢ÈíÑźÚ";}



/*sypro*/
.syprolist .div_prolist .div_prolistbox{ padding-left:66px; padding-top:10px; padding-bottom:15px;}
.syprolist .div_prolist .div_prolistbox ul{ padding-bottom:20px;}
.syprolist .div_prolist .div_prolistbox ul li{ width:81.25%; overflow:hidden; background: url(index-hot0001.png) left center no-repeat; height:54px; line-height:54px; font-size:15px; padding-left:45px; margin-right:10px; border-bottom:1px solid #eee; padding-right:10px;}
.syprolist .div_prolist .div_prolistbox ul li em{ float:right; line-height:30px; padding-top:10px;}
.syprolist .div_prolist .div_prolistbox ul li a{ color:#606060;}
.syprolist .div_prolist .div_prolistbox ul li a:hover{ color:#606060;}

.bottom{ width:100%; overflow:hidden; background:#2d1db7; margin-bottom:112px; }
.bott{ max-height:80px; max-width:640px; width:100%; overflow:hidden;}
.bottxt{text-align:center; font-family:"΢ÈíÑźÚ"; font-size:12px; max-width:640px; max-height:80px; line-height:20px; color:#FFF; margin:0 4% 0 4%; }
.bottxt span{ float:right; }

.m_nav{ width:100%; position:fixed; bottom:-3px; max-width:640px; z-index:9999;}
.navb{ max-width:640px; width:100%; position:relative;}
.navb ul{}
.navb ul li{ width:20%; float:left; max-width:128px;}
.navb ul li img{ width:100%; max-height:112px;}

.navmain{ position:absolute; left:0; bottom:0; width:40%; max-width:256px;}
.navmain img{ width:100%; max-height:161px;}
.navTxt{ position:absolute; left:0; bottom:45px; width:40%; max-width:256px; z-index:1; margin:0 auto;}
.navTxt ul{}
.navTxt ul li{ width:100%; max-height:161px; text-align:center; color:#606060; font-family:"΢ÈíÑźÚ"; font-size:18px; line-height:24px;  display:inline-table; vertical-align: middle; margin-left:18px; margin-right:18px; border-bottom:1px solid #c9cacb;}
.navTxt ul li a{color:#606060; font-family:"΢ÈíÑźÚ"; font-size:18px; line-height:24px;}
#navTxtbg{ border-bottom:none;}

/*ÄÚÒ³¿ªÊ¼*/

.nybanner{ max-width:640px; display: block; padding:0; margin:0;}
.nybanner img{ width:100%; max-height:210px; display:block;}

.ab-box{ width:100%; overflow:hidden; max-width:640px; min-height:400px; margin-bottom:6.5%;}
.ab-font{ width:94%; max-width:566px; margin:6% 0 0 3.4%;}
.ab-font p{ font-family:"΢ÈíÑźÚ"; font-size:18px; line-height:30px; color:#000; margin-top:2.5%;}

.ab-pic{ width:100%; max-width:640px; margin:0 auto; overflow:hidden; border-top:1px solid #d1d1d1; padding-top:8.5%;}
.ab-picbox{ width:76%; margin:0 auto; overflow:hidden; display:block;}
.ab-txt{ color:#c5c5c5; font-family:"΢ÈíÑźÚ"; line-height:18px; font-size:15px; text-align: center; margin-bottom:3%;}

#atitle-focus-ban{ background:none;}
.atitle_focus a {display:none;font-family:"΢ÈíÑźÚ"; font-size:14px; line-height:14px; color:#404040; text-align:center;}
.atitle_focus a.on { display:block;}
.aselect_focus { position:absolute; right:15px; bottom:0; z-index: 3; height:30px; width:100%; text-align: center;}
.aselect_focus span { width:12px; height:12px; display:inline-block; margin:7px 3px 7px 0; border-radius: 10px;/*Ô²ÐÎ*/ background: none;}
.aselect_focus span.on { background: none;}


.int-box{ width:100%; overflow:hidden; max-width:640px; min-height:400px;}
.coubox{ width:100%; max-width:640px; overflow:hidden;}
.coulistbox{ width:100%; max-width:640px; overflow:hidden;}
.coulistbg{ width:100%; max-width:640px;  border-top:1px solid #e0e0e0;  overflow:hidden;}
.coulistxt{ width:90%; max-width:550px;  margin:0 auto; overflow:hidden; background: url(con001.png) no-repeat center left; height:50px;}
.coulistxt p{ color:#000; font-family:"΢ÈíÑźÚ"; line-height:18px; line-height:50px; font-size:18px; margin-left:5%;}
#coubg0{ background:#f0f0f0;}
.coulistpic{ width:78.90625%; margin:0 auto; overflow:hidden; margin-top:5%; margin-bottom:5%; border:1px solid #e0e0e0;}
.coulistpic img{ width:100%; max-height:346px; }


.newsbox{ width:100%; overflow:hidden; margin:0 auto; max-width:640px; padding-top:6%;}
.newsbg{ width:100%; max-width:640px; border-top:1px solid #d6d6d6;  padding:3% 0 3% 0;}
.newslist{ width:100%; max-width:640px; overflow:hidden;}]
.newslist dl{}
.newslist dl dt{ width:26.5625%; background:url(new001.jpg) no-repeat; float:left;}
.newslist dl dt img{ width:96.8%; max-height:128px;}
.newslist dl dd{ width:60%; float: right;}
.newslist dl dd h1{ color:#000; font-family:"΢ÈíÑźÚ"; font-size:18px; line-height:24px; text-align:left;}
.newslist dl dd p{ color:#585858; font-family:"΢ÈíÑźÚ"; font-size:16px; line-height:20px; text-align:left; margin-top:5px;}
.newslist dl dd span{ color:#959595; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; text-align:left;}
.newbtnbox{ width:100%; max-width:640px; overflow:hidden; border-top:1px solid #d6d6d6; padding-top:2.5%; padding-bottom:2.5%;}
.newbtn{ width:23.4375%; max-width:148px; margin:0 auto;}
.newleft{ width:40%; max-width:60px; float:left; }
.newleft img { width:100%; max-height:58px;}
.newright{ width:40%; max-width:60px; float: right; }
.newright img { width:100%; max-height:58px;}

.newl-box{ width:100%; overflow:hidden; max-width:640px;}
.newl-font{ width:94%; max-width:601px; margin:6% 0 0 3.4%;}
.newl-font h1{ font-family:"΢ÈíÑźÚ"; font-size:20px; line-height:30px; color:#000; margin-top:2.5%; text-align:center;}
.newl-font em{ display:block; color:#606060; font-family:"΢ÈíÑźÚ"; font-size:12px; line-height:18px; margin-top:2%; text-align:center;}
.newl-font0{ width:83.28125%; max-width:533px; margin:0 auto; margin-top:2%;}
.newl-font0 img{ width:100%; max-height:321px;}
.newl-font p{ font-family:"΢ÈíÑźÚ"; font-size:15px; line-height:30px; color:#000; margin-top:2.5%; margin-bottom:2.5%;}
.newl-back{ width:30.8%; overflow:hidden; margin:8% 5% 0 0; float:right;}

.contbox{ width:100%; max-width:640px; margin:10% 0 10% 4%;}
.cont-title{ color:#848383; font-family:"΢ÈíÑźÚ"; font-size:20px; line-height:100%; font-weight:bold; margin-bottom:8%;}
.cont-pic{ margin-top:0;}
.cont-pic ul{ height:100%; padding:1% 0 1% 0; overflow:hidden;}
.cont-pic ul div{ float:left; margin-left:0.4%; margin-top:1.4%; max-width:22px; width:4.4%;}
.cont-pic ul li{  float:left; width:80%; color:#848383; font-family: "΢ÈíÑźÚ"; line-height:18px; font-size:15px; margin-left:8%; padding-top:2%;}
.cont-mp{ width:80%; max-width:512px; margin-left:6%; height:244px; margin-top:4%;}

.massbox{ width:100%; max-width:640px; overflow:hidden;}
.massmain{ width:95%; margin:2.5% auto; background:#e4ebf5; padding:2.5% 0 2.5% 0;}
.massmain-1{ width:88.28125%; background:#FFF; margin:0 auto; padding:2.5% 0 2.5% 0; margin-bottom:2.5%;}
.masstxt{ width:93%; margin:0 auto;}
.mass-form{ width:93%; margin:0 auto;}
.mass-tit{ color:#727171; font-family:"΢ÈíÑźÚ"; font-size:20px; line-height:30px; margin:3% 0 3% 0;}
.mass-btn{ width:88.28125%; margin:0 auto; }
.mass-btn-1{ width:105px; background:#FFF; margin-left:80%;}
.mass-btn-1 p{ padding:2.5% 0 2.5% 0; line-height:34px; font-size:24px; font-family:"΢ÈíÑźÚ"; text-align:center; color:#727171;}
.mass-btn-1 p a{ display:block; width:105px; line-height:34px; font-size:24px; font-family:"΢ÈíÑźÚ"; text-align:center; color:#727171; }

.probox{ width:100%; max-width:640px;}
.promain{ width:100%; max-width:640px;}
.porpic{  margin:2% 0; position:relative;}
.porpiclist{ width:95%;  max-width:608px; margin:0 auto;}
.porpiclist img{ width:100%; max-height:60px;}
.portxtbox{ position:absolute; width:85%; max-width:608px; line-height:60px; top:0; left:5%;  font-family:"΢ÈíÑźÚ"; font-size:15px; color:#404040;}
.portxtbox a{ display:block; width:85%; max-width:608px; font-family:"΢ÈíÑźÚ"; font-size:15px; color:#404040;}

.prolismain{ width:100%; max-width:640px; background:url(probg.jpg) repeat-x center top;}
.prolistit{ width:90%; margin:0 auto;}
.prolistit p{ font-family:"΢ÈíÑźÚ"; font-size:18px; line-height:28px; color:#404040; padding:6% 0 2% 0; border-bottom:1px solid #404040;}
.prolis-ts{ width:90%; margin:0 auto;}
.prolis-ts p{ font-family:"΢ÈíÑźÚ"; font-size:18px; line-height:28px; color:#c5c5c5; text-align:right; padding:2% 0 0 0; }
.prolis-picmain{ width:90%; margin:0 auto; margin-bottom:6%;}

#title-focus-ban{ bottom:30px; background:none;}

.ptitle_focus a {display:none;font-family:"΢ÈíÑźÚ"; font-size:14px; line-height:14px; color:#404040; text-align:center;}
.ptitle_focus a.on { display:block;}

.pselect_focus { position:absolute; right:15px; bottom:0; z-index: 3; height:30px; width:100%; text-align: center;}
.pselect_focus span { width:12px; height:12px; display:inline-block; margin:10px 3px 7px 0; border-radius: 10px;/*Ô²ÐÎ*/ background:#dfdfdf;}
.pselect_focus span.on { background:#414141;}

.pronum{ width:90%; max-width:576px; margin:0 auto; margin-top:4%;}
.pronum img{ width:100%;}
.protxt{
	font-size:14px;
}