@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif;color:#000;padding:0;margin:0;list-style:none;font-size:14px; }
.bmax{ width:100%; height:80px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin2{ width:100%; height:15px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bline{ width:100%; height:100px; float:left; background:url(../img/page/line.png) center center repeat-x;}	
.bline2{ width:100%; height:2px; float:left; background:#FFF;}		
.containermian{ width:100%; height:auto; float:left;}
.md{width:1200px;}
.contain{ width:100%; float:left;}
.containM{ margin:0 auto;}

/* Header*/
.header{width:100%;min-height:115px;float:left;}		
.header-m{min-height:114px;margin:0 auto;border-bottom:1px solid #e8e8e8;}	
.logo{width:300px;height:114px;float:left;overflow:hidden;}
.header-mr{width:900px;height:114px;float:left;}

/*首页--导航*/
.navboxM{width:545px;height:114px;float:left;font-size:16px;}
.navboxM ul{width:340px;height:114px;float:left; margin-left:40px;}
.navboxM ul li{width:170px;height:114px;float:left;list-style:none;text-align:center;line-height:114px;}
.navboxM ul li a{text-decoration:none;color:#000;display:block;font-size:16px;}	
.navboxM ul li a:hover{color:#ff5e3e;}	
#choose{color:#ff5e3e;}	
.searchbox{width:280px;min-height:40px;border-bottom:1px solid #eeeeee;float:left; margin-top:35px;}
.searchbox ul li{float:left;list-style:none;}
#search_input1{outline:none;height:30px; width:240px; border:0px #cfcccc solid; font-size:14px; line-height:30px;float:left;color:#000;padding:0px 5px;font-weight:bold;}
#search_input2{ float:left; width:20px; height:20px; outline:none; margin-top:5px;}

/*首页--语言*/
.cen{ width:25px; height:25px; float:right; overflow:hidden; margin-top:50px;}

/*分类导航*/
.sysortbox{ width:100%; height:85px; float:left;}
.sysortM{height:84px; border-bottom:1px solid #e8e8e8; margin:0 auto;}
.synoborder{border-bottom:0px solid #e8e8e8;}
.sysortM ul{padding:0px; margin:0px;}
.sysortM ul li{ width:auto; height:auto; float:left; list-style:none;}
.lio{height:84px; font-size:16px;}
.sysortM ul li a{ text-decoration:none; color:#000; word-spacing:5px;}
.sysortM ul li table{ height:84px;}
.choose1{width:180px; text-align:left;}
.choose2{width:210px; text-align:center;}
.choose3{width:520px; text-align:center;}
.choose4{width:120px; text-align:center;}
.choose5{width:170px; text-align:right;}
.choose1_cn{width:180px; text-align:left;}
.choose2_cn{width:280px; text-align:center;}
.choose3_cn{width:280px; text-align:center;}
.choose4_cn{width:280px; text-align:center;}
.choose5_cn{width:180px; text-align:right;}

.sysortM ul li a:hover{color:#ff5539;}

.sysortM ul li {float:left;position:relative; z-index:999; list-style:none;}   
.sysortM ul ul {opacity:0;position:absolute;top:130%;visibility:hidden;transition:all .4s ease;-webkit-transition:all .4s ease;text-decoration:none; width:1211px; height:450px; *width:1171px; *height:420px; padding:30px 20px 0px 20px; background:#CCC;}
 
#cnul{width:1211px;*width:1151px; padding:30px 30px 0px 30px; }
.sysortM ul li:hover > ul {opacity:1;top:100%;visibility:visible;}
.sysortM ul li {cursor: pointer;}
.sysortM ul ul a{text-decoration:none; display:block;}
.sysortM ul ul .syr{ margin-top:10px;}
.sysortM ul ul.cht{ margin-left:-185px; background:url(../img/page/navbgs.png) center top no-repeat;}
.sysortM ul ul.cht_cn{ margin-left:-185px; background:url(../img/page/navbgscn.png) center top no-repeat;}
.sysortM ul ul li{list-style:none; font-size:12px; color:#656565; width:20%; height:52px; overflow:hidden;}
.sysortM ul ul li table{ width:100%; height:100%; float:left;}

/* ~~ 导航loc ~~ */
.locB{ width:100%; float:left; min-height:30px;}
.locM{ min-height:30px; margin:0 auto;}
.loc{width:100%;height:30px;float:left;}
.loc ul li{padding:0px 3px;height:34px;line-height:34px;float:left;font-size:14px;list-style:none;}	
.loc ul li a{color:#666666;text-decoration:none;}	
.loc ul li a:hover{color:#ff5539;text-decoration:none;}		


/*首页--banner*/
.bannerbox{width:100%; height:auto; float:left; overflow:hidden;}

/* sybox */
.cnsize{ font-size:28px;}

.pos-re{ position:relative;}
.sybox{ width:100%; height:auto; float:left; overflow:hidden;}
.elsebg{ background:url(../img/page/bigbg.png) 0px 440px no-repeat;}
.otpicbox{ position:absolute; left:0; top:0;}

.syzzbox{ width:1200px; min-height:500px; max-height:700px; margin:0 auto;}
.syzzL{ width:550px; height:auto; float:left; margin-left:150px; cursor:pointer;}
.syzzL img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.syzzL:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.syzzR{ margin-left:50px; float:left; width:400px; height:auto;}
.syzzr-title{ width:55%; height:auto; float:left; background:url(../img/page/syzzline.png) bottom right no-repeat; color:#333743; font-size:32px; line-height:30px;}
.syzzr-info{ width:100%; height:auto; color:#9297a3; font-size:24px; float:left; line-height:30px; margin-top:20px;}

.elsebox{ margin:0 auto;}
.czbox{ width:100%; height:auto; float:left;}
.czboxL{ width:500px; height:auto; float:left; margin-left:150px; cursor:pointer;}
.czboxL img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.czboxL:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.czboxR{ width:400px; height:auto; float:left; margin-left:20px;}
.czboxR-title{ width:100%; height:auto; float:left; font-size:32px; color:#333743; height:40px;}
.czboxR-info{ width:100%; height:auto; float:left; font-size:14px; color:#9297a3; line-height:25px;}
.jts{ width:100%; height:auto; float:left;}
.czpic{ width:138px; height:auto; float:left;margin-left:20px; margin-top:-14px;cursor:pointer;}
.czpic img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;background:#FFF;	
filter:progid:DXImageTransform.Microsoft.Shadow(color=#828282,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 5px #828282;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 5px #828282;/*兼容safari或chrome*/
box-shadow:0px 1px 5px #828282;/*兼容opera或ie9*/
}
.czpic:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}

.xcbox{ width:100%; height:auto; float:left;}
.xcbox-info{ width:360px; height:auto; float:left; margin-top:245px; line-height:40px; font-size:24px; color:#393939; margin-left:20px;}
.xcbox-pic{ width:370px; height:auto; float:left; margin-top:-60px;}
.xcbox-title{ width:370px; height:auto; float:left; margin-left:20px;}
.xcbox-t-name{ width:100%; height:auto; float:left; background:url(../img/page/syzzline2.png) bottom right no-repeat; line-height:40px;
font-size:32px; color:#333743; text-align:right;}
.xcbox-t-pic{ width:150px; height:150px; float:left; margin-top:80px;}
.xcbox-t-pic img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;background:#FFF;cursor:pointer;	
filter:progid:DXImageTransform.Microsoft.Shadow(color=#828282,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 5px #828282;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 5px #828282;/*兼容safari或chrome*/
box-shadow:0px 1px 5px #828282;/*兼容opera或ie9*/
}
.xcbox-t-pic:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}

.jgbox{ width:100; height:auto; float:left;}
.jgbox-picL{ width:200px; height:auto; float:left; margin-top:110px;margin-left:50px;}
.jgbox-picL img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;background:#FFF;cursor:pointer;	
filter:progid:DXImageTransform.Microsoft.Shadow(color=#828282,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 5px #828282;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 5px #828282;/*兼容safari或chrome*/
box-shadow:0px 1px 5px #828282;/*兼容opera或ie9*/
}
.jgbox-picL:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.jgbox-info{ width:280px; height:auto; float:left; margin-left:50px; margin-top:50px;}
.jgbox-info-t{ width:100%; height:auto; float:left; line-height:33px; font-size:24px; color:#393939;}
.jgbox-info-t span{ border-bottom:2px solid #bfc0be;}
.jgbox-info-t-info{ width:100%; height:auto; font-size:14px; line-height:20px; color:#9297a3; float:left; margin-top:12px;}
.jgbox-picR{ width:510px; height:auto; float:left; margin-left:40px; margin-top:15px;}
.jgbox-picR img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;cursor:pointer;}
.jgbox-picR:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}

.pgbox{ width:100; height:auto; float:left;}
.pgbox-picL{width:510px; height:auto; float:left; margin-left:40px; margin-top:15px;}
.pgbox-picL img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;cursor:pointer;}
.pgbox-picL:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}
.pgbox-info{ width:280px; height:auto; float:left; margin-left:50px; margin-top:50px;}
.pgbox-info-t{ width:100%; height:auto; float:left; line-height:33px; font-size:24px; color:#393939;}
.pgbox-info-t span{ border-bottom:2px solid #bfc0be;}
.pgbox-info-t-info{ width:100%; height:auto; font-size:14px; line-height:20px; color:#9297a3; float:left; margin-top:12px;}
.pgbox-picR{ width:200px; height:auto; float:left; margin-top:110px;margin-left:50px;}
.pgbox-picR img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;background:#FFF;cursor:pointer;	
filter:progid:DXImageTransform.Microsoft.Shadow(color=#828282,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 5px #828282;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 5px #828282;/*兼容safari或chrome*/
box-shadow:0px 1px 5px #828282;/*兼容opera或ie9*/
}
.pgbox-picR:hover img{transform: scale(1.03);-webkit-transform: scale(1.03);-moz-transform: scale(1.03);}


/*首页产品列表*/
.syproudctsbox{ width:100%; height:auto; float:left;}
.syproM{ width:1280px; height:auto; margin:0 auto;}
.syproducst-t{ width:100%; height:auto; float:left;}
.pt1{ width:100%; height:40px; line-height:40px; float:left; text-align:center; font-size:24px; color:#333333;}
.pt1 a{ text-decoration:none; color:#333333;}
.pt1 a:hover{color:#008bf0;}
.pt-line{ width:100%; height:20px; float:left; background:url(../img/page/line2.png) center center no-repeat;}
.pt2{ width:100%; height:40px; line-height:40px; float:left; text-align:center; color:#8d8d8d; font-size:15px;}

.sort-show{width:100%; float:left; min-height:290px;}
.sy-cpbox{width:240px; height:292px; float:left; border-bottom:2px solid #969696;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.sy-cpbox a{ text-decoration:none; cursor:pointer;}
.sy-cpbox:hover{border-bottom:2px solid #FFF;}
.sycp-pic{float:left; list-style:none; text-align:center; overflow:hidden;width:240px; height:240px;}
.sycp-pic img{ text-align:center;}
.sycp-pic .pic img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.sy-cpbox:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.sy-cpbox:hover .hoverscp{ position:absolute; top:0px; left:0px; z-index:1;}
.sy-cpbox:hover .sycp-name table{background:url(../img/page/cpbgs.png);color:#FFF;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.sycp-name{ width:240px; height:50px; background:#f4f4f4; float:left;}
.sycp-name table{ width:240px; height:50px; text-align:center; color:#333333; font-size:15px; line-height:15px;}
.syf{ line-height:21px;}
.ft{ font-size:12px;}

.sycpline{ width:1200px; margin-left:40px; height:50px; float:left; background:url(../img/page/line2.png) center center repeat-x; margin-top:20px; text-align:center; line-height:50px;}
.sycpline-more{ display:inline-block; background:#FFF; padding:0px 10px;}
.sycpline-more a{ color:#999999;}
.sycpline-more a:hover{ color:#ff784b;}
.sycpline-more img{ float:left;}

/*loc*/
.locbox{ width:100%; height:auto; float:left;}
.locf a{ color:#f8c864;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.locf a:hover{ color:#5031a4;-webkit-transition: 0.6s;-moz-transition: 0.6s;transition: 0.6s;}
.locf{ height:40px; float:left; line-height:40px; width:100%;}
.locf img{ padding:0 7px;}
.loct{ width:100%; min-height:50px; line-height:50px; float:left; font-size:40px; color:#3e3e3e;}
.locnt{ font-size:36px;}

/* ~~ 关于我们 ~~ */
.fontcolor{ color:#ff5e3e;}
.innavbox{ width:100%; height:60px; float:left; text-align:center;}
.innavbox a{ display:inline-block; width:205px; height:60px; text-align:center; font-size:14px; color:#FFF; background:url(../img/page/abbg.png) center center no-repeat; margin:0px 15px; line-height:40px;text-shadow:0 1px #aeadad;}
.innavbox a:hover{ background:url(../img/page/abbgh.png) center center no-repeat;}
#innavbox{ background:url(../img/page/abbgh.png) center center no-repeat;}

.aboutbox{ width:100%; height:auto; float:left; overflow:hidden;}
.about-t{ width:100%; text-align:center; height:auto; float:left;}
.abts{font-size:26px; color:#ff9159; line-height:30px;}
.about-t span{ width:80px; height:1px; background:#e8e8e8; display:inline-block;}
.about-info{ width:60%; height:auto; float:left; font-size:16px; color:#8f8f8f; line-height:35px; margin-left:20%;}
.aboutpic{ width:100%; height:auto; float:left; text-align:center;}

/*荣誉证书*/
.honor-info{ width:90%; min-height:300px; max-height:5000px; float:left; margin-left:5%;}
.abpicbox{ width:20%; *width:18%; padding:1%; float:left; height:auto;}
.abpicbox img{ width:100%;}
.abpicname{ width:100%; float:left; line-height:30px; font-size:14px; text-align:center; color:#000;}

/*page*/
.page{ width:100%;height:auto; float:left; text-align:center;}	
.page a{ display:inline-block; width:30px; height:75px; text-decoration:none; color:#777; line-height:75px;}
.pagem{ background:url(../img/page/pagebg.png) center 20px no-repeat; display:inline-block;}
#page1{background:url(../img/page/pagel.png) center center no-repeat;}
#page2{background:url(../img/page/pageh.png) center 10px no-repeat; color:#FFF;width:45px;}
#page3{background:url(../img/page/pageR.png) center center no-repeat;}


/* ~~ 产品展示 ~~ */
.pt2{ width:100%; height:40px; line-height:40px; float:left; text-align:center; color:#8d8d8d; font-size:15px; font-style:italic;}
.pro{ width:100%; height:auto; float:left;}
.cpbox{ width:240px; height:292px; float:left; border-bottom:2px solid #969696;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.cpbox a{ text-decoration:none; cursor:pointer;}
.cpbox:hover{border-bottom:2px solid #ffd47c;}
.cpbox:hover .bors table{background:url(../img/page/cpbgs.png) center center no-repeat; color:#FFF;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.cpbox ul{ padding:0; margin:0;}
.cpbox ul li{ float:left; list-style:none; text-align:center; overflow:hidden;}
.pic img{ width:240px; height:240px;}
.pic img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.cpbox:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.borso{ width:240px; height:240px; overflow:hidden; position:relative;}
.bors{ width:240px; height:50px; background:#f4f4f4; float:left;}
.bors table{ width:240px; height:50px; text-align:center; color:#333333; font-size:15px;}

.hoverscp{ position:absolute; top:0px; left:0px; z-index:-1; width:240px;height:240px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.cpbox:hover .hoverscp{ position:absolute; top:0px; left:0px; z-index:1;}

/*产品详细页*/
.pcline{ width:100%; height:1px; background:#dbdbdb; float:left;}

.sortbox{ width:270px; *width:210px; height:auto; float:left; background:#f4f4f4; padding:28px 30px 20px 30px; }
.likeli{ width:100%; height:auto; line-height:27px; float:left;}
.likeli a{ color:#656565; display:block; font-size:14px;}
.likeli a:hover{ color:#ff5338;}
#likeli{ color:#ff5338;}

.proshow{ width:900px; height:auto; float:left; margin-left:30px;}
.promian{ width:100%; min-height:300px; float:left;}

.cpbox-s{ width:220px; height:292px; float:left; border-bottom:2px solid #969696;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; margin:1px;}
.cpbox-s a{ text-decoration:none; cursor:pointer;}
.cpbox-s:hover{border-bottom:2px solid #ffd47c;}
.cpbox-s:hover .bors-s table{background:url(../img/page/cpbgs.png) center center no-repeat; color:#FFF;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.cpbox-s ul{ padding:0; margin:0;}
.cpbox-s ul li{ float:left; list-style:none; text-align:center; overflow:hidden;}
.pic-s img{ width:220px; height:240px;}
.pic-s img{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}
.cpbox-s:hover .pic-s img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.borso-s{ width:220px; height:240px; overflow:hidden; position:relative;}
.bors-s{ width:220px; height:50px; background:#f4f4f4; float:left;}
.bors-s table{ width:220px; height:50px; text-align:center; color:#333333; font-size:15px;}

.hoverscp-s{ position:absolute; top:0px; left:0px; z-index:-1; width:220px;height:240px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.cpbox-s:hover .hoverscp-s{ position:absolute; top:0px; left:0px; z-index:1;}

/* 放大 */
.bigboxs {display:none;position:relative;z-index:999999;padding:15px;}
.cup{width:100%;text-align:center;}
.cup-name {color:#FFF;font-size:18px;width:100%;float:left;line-height:50px;background:#424242;}

/* 保养知识 */
.knowbox{ width:100%; height:80px; float:left; text-align:center;}
.knowbox span{ display:inline-block; width:205px; height:80px; margin:0px 15px;}
.know01{ background:url(../img/page/knowledge01.png) center top no-repeat;}
.know02{ background:url(../img/page/knowledge02.png) center top no-repeat;}
.know03{ background:url(../img/page/knowledge03.png) center top no-repeat;}
.knowbox span a{text-shadow:0 1px #aeadad; font-size:14px; color:#FFF;text-align:center;line-height:40px;}
.knowbox span i{ font-style:normal;}
.innavbox a:hover{ background:url(../img/page/abbgh.png) center center no-repeat;}
#innavbox{ background:url(../img/page/abbgh.png) center center no-repeat;}

.knowbox-info{ width:70%; height:auto; float:left; font-size:16px; color:#8f8f8f; line-height:35px; margin-left:15%;}
.color1{ color:#826efe;}
.color2{ color:#2e52fe;}

/* 新闻中心 */
.newsbox{ width:100%; min-height:300px; max-height:200000px; float:left;}
.newsf{  width:900px; height:auto; float:left; margin-left:150px;}
.newspic{ width:440px; height:260px; float:left; position:relative; overflow:hidden;}
.newspic span{ position:absolute; right:0; top:0;}
.newsinfo{ width:460px; height:260px; border:1px solid #e9e9e9; *width:408px; float:left; padding:0 25px;}
.news-line{ width:30px; height:2px; background:#000; margin-top:30px;}
.news-title{ width:100%; height:75px; float:left; line-height:25px; color:#333; font-size:24px; overflow:hidden;}
.news-showinfo{ width:100%; height:auto; float:left; color:#555; font-size:12px; line-height:20px;}
.news-date-more{ width:100%; height:30px; float:left; margin-top:15px;}
.news-date{ width:50%; height:auto; line-height:30px; float:left;color:#555; font-size:12px; line-height:30px;}
.news-more{width:50%; height:auto; line-height:30px; float:left;color:#555; font-size:12px; line-height:30px; text-align:right;}

.news-more a{color:#555;}
.news-more a:hover{color:#ff5338;}

.newsf .newspic img {
	transition: 0.8s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
}
.newsf:hover img {
	transform: scale(1.08);
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
}

.newsf:hover{
background:#FFF;	
filter:progid:DXImageTransform.Microsoft.Shadow(color=#fed2c5,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 20px #fed2c5;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 20px #fed2c5;/*兼容safari或chrome*/
box-shadow:0px 2px 20px #fed2c5;/*兼容opera或ie9*/	
	}

/* 新闻详细信息 */
.in-newsbox{ width:76%; margin-left:12%;}
.in-newsbox_info{width:100%; height:50px;float:left;}
.in-newsbox_info ul li{text-align:center;width:50%;font-size:14px;color:#555;height:50px; line-height:30px; float:left; list-style:none;text-align:center;}
.in-newsbox_content{ float:left;margin-bottom:20px;font-size:14px;line-height:35px; color:#555; height:auto; width:100%;}

.pageback{ width:100%; height:40px; float:left; text-align:center;}
.pageback a{ padding:5px 15px; color:#FFF; display:inline-block; background:#333;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari 和 Chrome */
border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pageback a:hover{ background:#ff5338;}

/*-- 推荐新闻 --*/
.bobsort{ width:100%; height:100px; float:left;
background:#FFF;filter:progid:DXImageTransform.Microsoft.Shadow(color=#828282,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 8x #828282;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 8px #828282;/*兼容safari或chrome*/
box-shadow:0px 2px 8px #828282;/*兼容opera或ie9*/	}

.bobsort ul li{ width:240px; height:150px; float:left; list-style:none;position:relative; overflow:hidden}
.bobsort ul li img{}
.hovers{ position:absolute; top:-100px; left:0px; z-index:-1; width:240px;height:150px;
background:url(../img/page/tjnewsbg.png) center top no-repeat; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.hovers a{ display:block; text-decoration:none; line-height:100px; text-align:center; font-size:18px; color:#FFF;}
.bobsort ul li:hover .hovers{ position:absolute; top:0px; left:0px; z-index:1;}
.bobsort ul li:hover .hovers{
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
-webkit-animation: moveUp 0.7s ease forwards;
-moz-animation: moveUp 0.7s ease forwards;
animation: moveUp 0.7s ease forwards;
}

/*招聘人才*/
.recboxMain{ width:260px; height:auto; float:left; }
.recbox{ width:205px; height:40px; float:left; background:url(../img/page/recbg.png) center center no-repeat;}
.recbox table{ width:100%; height:100%; float:left; text-align:center;}
.recbox table a{ font-style:14px; color:#FFF; display:block;}
.recbox:hover{background:url(../img/page/recbgh.png) center center no-repeat;}
#hoverh{background:url(../img/page/recbgh.png) center center no-repeat;}

.recShow{ width:940px; float:left; height:auto;}
.recShow-info{ width:100%; height:auto; max-height:5000px; float:left; font-size:16px; color:#8f8f8f; }


/* ~~ 联系我们 ~~ */
.map{ width:100%; height:500px; float:left;background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#828282,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 2px 8x #828282;/*兼容firefox*/
-webkit-box-shadow: 0px 2px 8px #828282;/*兼容safari或chrome*/
box-shadow:0px 2px 8px #828282;/*兼容opera或ie9*/}
.map iframe{ width:100%; height:498px; float:left;}
.contact{width:1000px;min-height:300px;float:left; margin-left:100px;}
.cl{ width:570px; min-height:300px; float:left;}
.cl-t{ width:100%; min-height:45px; line-height:45px; float:left; font-size:24px; color:#333333;}
.cl-p{ width:100%; min-height:40px; line-height:20px; float:left; font-size:14px; color:#787878;}
.lxO{width:600px;min-height:42px;float:left; }
#input2{height:40px; *height:40px; width:370px; border:1px solid #e0e2e5; 
line-height:40px;float:left;color:#787878; font-size:14px; padding:1px 15px; }
#input3{ border:1px solid #e0e2e5; color:#787878; float:left;resize:none;width:565px; height:200px; padding:10px 15px; font-size:14px; }
.mt{margin-top:15px;}
.cr{ width:330px; min-height:300px; float:left; margin-left:100px; line-height:35px; font-size:14px; color:#777777;}

.lxbut{ width:100%; height:105px; float:left; background:url(../img/page/btnbg.png) -10px bottom no-repeat;}
#button1{width:140px;height:40px;outline:none;float:left;margin-top:30px;outline:none;border:0px;
line-height:40px;text-align:center;color:#FFF;font-size:14px;background:url(../img/page/btn.jpg) center center no-repeat; margin-left:5px; cursor:pointer;}	

#button1{
transition: 0.5s;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
}

#button1:hover{
transform:translate(0px,-5px);
-ms-transform:translate(0px,-5px); /* IE 9 */
-moz-transform:translate(0px,-5px); /* Firefox */
-webkit-transform:translate(0px,-5px); /* Safari and Chrome */
-o-transform:translate(0px,-5px); /* Opera */
}

/* ~~ 脚注 ~~ */
.footbox{width:100%;min-height:240px;float:left;background:#28373e;}
.footup{width:100%;min-height:90px;float:left;}
.footupM{width:1200px;min-height:90px;margin:0 auto;}
.fone{ width:525px; min-height:100px; float:left;}
.fone-t{ width:100%; height:40px; line-height:40px; float:left; color:#FFF; font-size:18px;}
.fone-info{ width:100%; min-height:50px; line-height:25px; float:left; font-size:14px; color:#cccccc;}
.fone2{ width:170px; min-height:100px; float:left; text-align:center;}
.font-line{ width:100%; float:left; background:url(../img/page/linebob.png) center center no-repeat; height:15px;}
.fone2 span{ width:35px; height:30px; float:left; margin-top:5px;}
.fspan{ margin-left:17px;}
.fone3{ width:230px; min-height:100px; float:right; text-align:right;}
.footdown{width:100%;min-height:53px;float:left;}
.footM{width:1200px;min-height:53px;margin:0 auto ; border-top:1px solid #cccccc; text-align:center; line-height:53px; color:#cccccc;
font-size:13px;}
.footM a{text-decoration:none;color:#00c0ff;}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.togo{width:40px; height:40px; border:0;}