@import url(http://fonts.googleapis.com/css?family=Metrophobic);
html{background:#08080a;}
body{margin:0px; padding:0px;font-family:'Metrophobic',Arial,sans-serif; font-size:14px; color:#afafaf; background:url(img/bg.jpg); min-width:1000px;_width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 1000? '1000px' : 'auto');}
input,select,textarea{font-family:'Metrophobic',Arial,sans-serif;font-size:12px;}
h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
dl,dt,dd{ padding:0px; margin:0px; list-style:none;}
table {border-collapse:collapse;}
table td{padding:5px;}
p{ margin:0px; padding:0px;}
hr{height:1px; overflow:hidden; border:0px; border-bottom:1px solid #201f1f}
img{border:none; vertical-align:middle; max-width:100%}
a{color:#afafaf;text-decoration:none; font-family:'Metrophobic',Arial,sans-serif; font-size:14px}
a:hover{color:#fb2e4b; text-decoration:underline;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.clear{height:0; line-height:0; font-size:0; clear:both;}
.mainDiv{width:930px; margin:0 auto; clear:both;}
/*top*/
.topDiv{clear:both; background:url(img/topBg.jpg) top repeat-x}
.topMain{height:215px; background:url(img/topMain.jpg) top center no-repeat}
.top{height:34px; color:#afafaf}
.top a{color:#afafaf;}
.top1{float:left; padding:7px 0 0 0}
.top2{float:right; padding:2px 0 0 0}
.logo{height:80px; padding:12px 0 0 0}
.search{position:absolute; right:0px; top:15px; width:136px; height:28px; background:url(img/search.jpg) no-repeat}
.search button{width:40px; height:30px; overflow:hidden; text-indent:-5000px; cursor:pointer; border:0px; display:none; float:left}
.search input{background:none; width:106px; height:28px; outline:none; line-height:28px; padding:0px 5px 0 25px; border:0; color:#ff8477}
.menu{ position:relative;}
.menu ul{padding:0px; margin:0 auto;list-style:none;}
.menu ul li.menuLi{float:left; position:relative; z-index:9999;}
.menu ul li.menuLine{ display:none}
.menu ul li a.menuA{font-size:14px;color:#79797e; display:block; padding:20px 35px; height:25px;float:left}
.menu ul li a.menuAon{font-size:14px;color:#fff4f2; display:block; padding:20px 35px; height:25px;float:left; background:url(img/on.png) center center no-repeat; background-size:cover; text-decoration:none}
.menu ul li a.menuA:hover,.menu ul li a.menuAon:hover{font-size:14px;color:#FFF; display:block; padding:20px 35px; height:25px;float:left;background:url(img/on.png) center center no-repeat; background-size:cover; text-decoration:none}
.DownMenu_1{position:absolute; left:-1px; top:45px; width:220px;  list-style:none; display:none; border:1px solid #131313; border-bottom:0px; background:url(img/dbg.png); color:#333; z-index:9999}
.DownMenu_1 li{ position:relative; clear:both;}
.DownMenu_1 li a{ display:block; height:30px; background:url(img/li1.gif) 8px 11px no-repeat; line-height:30px;padding-left:18px;font-size:14px; color:#333; border-bottom:1px solid #CCC;}
.DownMenu_1 li a:hover{color:#FFF; background:url(img/li2.gif) 8px 11px no-repeat #fb2e4b; text-decoration:none}
.DownMenu_2{position:absolute; left:220px; top:0px; width:220px;  list-style:none; display:none; border:1px solid #CCC; border-bottom:0px; background:url(img/dbg.png); color:#333;  z-index:9999}
.DownMenu_2 li{ position:relative; clear:both;}
.DownMenu_2 li a{ display:block; height:30px;background:url(img/li1.gif) 8px 11px no-repeat; line-height:30px;padding-left:18px;font-size:12px; color:#333; border-bottom:1px solid #CCC;}
.DownMenu_2 li a:hover{color:#FFF; background:url(img/li2.gif) 8px 11px no-repeat #fb2e4b; text-decoration:none}
/*top end*/
/*首页广告图*/
.swiper-gg{position:relative;}
.swiper-gg .swiper-container {width: 100%;}
.swiper-gg .swiper-slide {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-gg .swiper-slide .swiperImg{ width:100%}
.swiper-gg .swiper-slide div{float:right; width:580px; padding:0 0 0 20px; display:none}
.swiper-gg .swiper-slide div h2,.swiper-gg .swiper-slide div h2 a{font-size:32px; color:#fb2e4b}
.swiper-gg .swiper-slide p{line-height:180%;}
.swiper-gg .swiper-slide i{display:block;height:0; line-height:0; font-size:0; clear:both;}
.main{background:url(img/cBg.jpg); clear:both; position:relative; margin:0 auto; border:1px solid #010101;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.c1{position:absolute; left:0; top:0; background:url(img/c1.png) no-repeat; width:50px; height:19px;}
.c2{position:absolute; right:0; top:0; background:url(img/c2.png) no-repeat; width:50px; height:19px;}
.c3{position:absolute; left:0; bottom:0; background:url(img/c3.png) no-repeat; width:50px; height:19px;}
.c4{position:absolute; right:0; bottom:0; background:url(img/c4.png) no-repeat; width:50px; height:19px;}
.mainBox{padding:10px 24px; line-height:180%;}
/*copy*/
.copy{background:url(img/footerBg.jpg) top repeat-x #08080a; clear:both; margin:30px 0 0 0 }
.copyDiv{background:url(img/footerMain.jpg) top center no-repeat;padding:25px 0 15px 0; min-height:53px;}
.copyDiv a{color:#999}
/*---------*/
/*postion*/
.postion{ border-bottom:1px solid #4a4949; padding:0px 0px 8px 0px;color:#d6d6d6;font-size:14px; display:none}
.postion a{color:#d6d6d6;font-size:14px}
.postion a.home{background:url(img/home.gif) 0px 2px no-repeat; padding-left:20px; }
.aboutContent{ padding:15px 0px; line-height:200%; font-size:14px}
.aboutContent a{color:#fb2e4b; font-size:14px;}
.Hprolist{margin:0px;padding:18px 0px 0px 0px;list-style:none; clear:both;}
.Hprolist li{width:190px; float:left; margin-right:38px; overflow:hidden;}
.Hprolist li div{text-align:center;overflow:hidden; background:#FFF;border:5px solid #393838;width:180px;height:180px; position:relative}
.Hprolist li div dd{width:36px; height:36px; overflow:hidden; background:url(img/v.png) no-repeat; position:absolute; left:72px; top:72px;}
.Hprolist li p{text-align:center;padding-top:8px;line-height:120%}
.Hprolist li p a{color:#afafaf;}
.Hprolist li p a:hover{color:#fb2e4b;}
.Hprolist li.HprolistLast{margin-right:0px;}
.Hprolist li.HprolistLine{clear:both; height:25px; width:850px; margin:0px; padding:0px; clear:both;}
.summary{color:#d6d6d6; padding:15px 0px; line-height:180%; clear:both}
/*prolist*/
.prolist{margin:0px;padding:18px 0px 0px 0px;list-style:none; clear:both; color:#FFF}
.prolist li{width:170px; float:left; margin-right:40px; overflow:hidden;}
.prolist li div{text-align:center;overflow:hidden; background:#FFF;border:5px solid #393838;width:160px;height:160px;}
.prolist li p{text-align:center;padding-top:8px; line-height:120%}
.prolist li a{color:#afafaf;}
.prolist li a:hover{color:#fb2e4b;}
.prolist li.prolistLast{margin-right:0px;}
.prolist li.prolistLine{clear:both; height:35px; width:550px; margin:0px; padding:0px; clear:both;}
/*newslist*/
.newslist{clear:both; padding:0px; margin:0px; list-style:none}
.newslist li{padding:20px 0px; clear:both; background:url(img/line.jpg) bottom repeat-x;}
.newsTime{background:url(img/newsTime.jpg) no-repeat; width:57px; height:72px; padding-top:5px; float:left; text-align:center; font-size:24px; color:#FFF}
.newsTime p{font-size:12px}
.newsWord{width:680px; float:right;}
.newsWord h3{ line-height:150%;}
.newsWord h3 a{font-size:16px; color:#1c6ba6; font-weight:normal; text-decoration:underline}
.newsWord h3 a:hover{color:#f0363b;}
.newsWord p{line-height:160%; color:#666; clear:both; padding:5px 0px}
.newsWord .newsA{display:block; padding-left:16px; padding-right:30px; height:27px; line-height:27px; background:url(img/newsA.jpg) right center no-repeat #bababa; font-size:14px; color:#FFF; float:left;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.newsWord .newsA:hover{background:url(img/newsOn.jpg) right center no-repeat #f0373c; text-decoration:none}
.newsUL{clear:both; padding:10px 0px; margin:0px; list-style:none}
.newsUL li{padding:5px 0px; border-bottom:1px dotted #ccc; background:url(img/li1.gif) 4px 10px no-repeat; padding-left:15px}
.newsTitle{color:#1c6ba6; font-size:24px; padding:15px 0px; font-weight:normal; line-height:120%}
.newsPostTime{clear:both; color:#999;}
/*backtop*/
#back-top{position: fixed; _position:absolute;bottom: 20px;right: 10px;	width:36px; height:36px; display:none; overflow:hidden}
#back-top a{display:block;width:36px; height:36px; background:url(img/top.png) no-repeat; text-indent:-5000px;}
#back-top a:hover{background:url(img/top.png) 0 -50px no-repeat;}
.aboutTitle{font-size:32px;padding:20px 0px 0px 0px;color:#fb2e4b;font-family:'Metrophobic';line-height:150%; display:none}
/*product*/
.pro_detail{ clear:both; padding-top:15px; }
.indexTitle{ padding:0px 20px 0 0; height:45px; line-height:45px; font-size:36px; text-align:left; color:#fb2e4b; font-family:'Metrophobic'; font-weight:normal; clear:both; border-bottom:1px solid #333; font-weight:bold }
.proLeft{float:left;width:364px;}
.proImg{width:360px; overflow:hidden;text-align:center; height:360px; border:1px solid #c9c7c7;  margin-bottom:10px;}
.proImgview{clear:both;}
.proImgview img{margin-right:11px; margin-bottom:11px; height:78px; width:78px; border:2px solid #c9c7c7}
.proRight{float:right;width:490px;}
.proTitle{font-size:28px;padding:15px 0px;color:#fb2e4b;font-family:'Metrophobic';border-bottom:1px dotted #4a4949; line-height:120%}
.prostate{line-height:200%; padding-top:10px; min-height:220px; color:#aaa; position:relative}
.proShare{clear:both; height:60px; padding:30px 0px 6px 75px; border-bottom:1px solid #3d3b3b;border-top:1px solid #3d3b3b; background:url(img/share.jpg) 15px center no-repeat #313131; position:relative}
.ca{ position:absolute; display:block; width:179px; height:35px; color:#FFF;  right:10px; top:30px; background:url(img/contact.jpg) no-repeat; cursor:pointer; text-indent:-50000px; overflow:hidden}
.ca:hover{color:#FFF; text-decoration:none;}
.proPrevNext{clear:both;}
.proPrevNext span{font-size:16px;color:#666;}
.proPrevNext a{font-size:14px;color:#FFF; text-decoration:underline}
.proPrevNext a:hover{color:#FFF;}
.proPrev{ clear:both; padding:10px 0px;}
.proNext{clear:both; padding:10px 0px;}
.proLine{clear:both; height:40px; background:url(img/proLine.jpg) center center repeat-x;}
.proDesTitle{clear:both; height:40px; border-bottom:1px solid #dbd6d6; position:relative}
.proDesTitle span{display:block; float:left; color:#666; font-size:16px; padding:0 45px; margin-right:2px; line-height:39px; border:1px solid #dbd6d6; border-bottom:1px solid #FFF; position:absolute; bottom:-1px; left:0px;}
.proDes{clear:both;line-height:180%; color:#e1e1e1; padding:15px 0px; }
.proDes img{_width: expression(this.width > 730 ? '730px': true);max-width:730px;}
/*livechat*/
#cleft_box{ position:fixed;_position:absolute;right:0px;top:200px;padding:0px;margin:0px;overflow:hidden;width:25px; z-index:99; }
.chatdiv{padding-left:25px;background:url(img/chatbtn.gif) left 26px no-repeat;}
.chatinfo{width:76px; padding:40px 10px 10px 10px; line-height:180%; background:url(img/livechat.jpg) top center no-repeat #FFF; min-height:200px;border:2px solid #fb2e4b;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*CSS badoo style pagination*/
DIV.black2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; COLOR: #252525; PADDING-TOP: 30px;   TEXT-ALIGN: center; clear:both
}
DIV.black2 A {
	BORDER-RIGHT: #252525 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #252525 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #252525 2px solid; COLOR: #FFF; PADDING-TOP: 2px; BORDER-BOTTOM: #252525 2px solid; TEXT-DECORATION: none; background:#252525; font-size:14px; 
}
DIV.black2 A:hover {
	BORDER-RIGHT: #252525 2px solid; BORDER-TOP: #252525 2px solid; BORDER-LEFT: #252525 2px solid; COLOR: #FFF; BORDER-BOTTOM: #252525 2px solid
}
DIV.black2 A:active {
	BORDER-RIGHT: #fb2e4b 2px solid; BORDER-TOP: #fb2e4b 2px solid; BORDER-LEFT: #fb2e4b 2px solid; COLOR: #FFF; BORDER-BOTTOM: #fb2e4b 2px solid;font-size:14px; 
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #fb2e4b 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fb2e4b 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #fb2e4b 2px solid; COLOR: #FFF; PADDING-TOP: 2px; BORDER-BOTTOM: #fb2e4b 2px solid; TEXT-DECORATION: none; background:#fb2e4b
}
DIV.black2 SPAN.disabled {
	DISPLAY: none
}

.left{width:220px; float:left; padding-bottom:15px}
.leftTitle{font-size:16px; font-weight:bold; padding:25px 10px 5px 10px; margin:0 10px; color:#b21816; border-bottom:1px solid #333}
.leftUL{ margin:0px; padding:10px 10px 20px 10px; list-style:none;}
.leftUL li{line-height:180%; padding:5px 0px; clear:both}
.leftUL .li_1{ background:url(img/mBg.gif) ; color:#333;padding-left:12px;}
.leftUL .li_1 a{color:#333;font-size:12px; font-weight:bold}
.leftUL .li_1On{background:url(img/mBgOn.gif) ;padding-left:12px;}
.leftUL .li_1On a{color:#FFF;font-size:12px; font-weight:bold }
.leftUL .li_2{background:url(img/li2.gif) 10px 15px no-repeat; padding-left:22px; display:none}
.leftUL .li_2 a{color:#e1e1e1;font-size:12px;}
.leftUL .li_2On{background:url(img/li2.gif) 10px 15px no-repeat; padding-left:22px;}
.leftUL .li_2On a{color:#bf2822;font-size:14px;font-weight:bold}
.right{width:690px; float:right;}