body{margin:0; padding:0; border:0}
*{margin:0; padding:0; font-family:"微软雅黑"; font-size:15px}
a{outline:none; color:#ffffff; font-size:15px} /*for Firefox*/
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
img{ border:0}
li{ list-style-type:none}
.clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
      }
/*首页主体*/
#main{ width:100%;height:auto;min-width:1200px}
/*头部*/
#logo{ width:100%;height:auto;min-width:1200px;border-top:10px #0066d2 solid}
#logocon{width:1200px; height:130px; margin:0 auto}
#tel{ width:236px; height:28px; line-height:28px; font-size:13px;letter-spacing:1px;float:right; color:#9e90b1}
#logobot{ width:100%; height:auto; display:inline-block;}
#logobot img{ float:left}
#logobot-img{
      width: 80px;
    margin-left: -4px;
}
#logobot p{
      color: #0066d2;
      font-size: 33px;
      font-weight: bold;

}
#logobot a{
      display: block;
}
.header-logo{
      float: left;
      width: 340px;
      padding-top: 20px;
}

/*导航*/
#nav{    height: 64px;float:left; width:700px;    padding-top: 30px;}
#nav ul{    height: 64px; }
#nav ul li{ width: 84.5px; float:left;display:inline-block;     height: 64px; text-align:center}
#nav ul li a{ line-height:64px; color:#006def; font-size:16px;}
#nav ul li:hover{background:#0066d2;}
#nav ul li:hover a{ color:#FFF;}
/*#nav ul li a:hover{ color:#f90}*/
#nav ul li ul{ display:none;position:absolute; z-index:1000}
#nav ul li:hover ul{display:block; position:relative; height:auto; z-index:2000; width:84.5px; background:#448ad5; 
transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */}
#nav ul li ul li:hover{background:#0066d2; border:0!important}
#nav ul li ul li{ width:84.5px; height:32px;background:#1d81eb; float:left;display:block; overflow:hidden}
#nav ul li ul li a{color:#fff; height:32px; line-height:32px; width:100%; display:block; }
#nav ul li ul li a:hover{ background:#004ea0;}

#rt{ width:158px; height:130px; float:left; display:inline; background:#0066d2}
#rt img{ width:100%; height:auto}
/*产品*/
#product{ width:100%; height:auto;min-width:1200px;display:inline-block}
#productcon{ width:1200px; height:502px; margin:0 auto;text-align:center; margin-top:70px;}
#prol{width:179px; height:502px;float:left; display:inline-block;}
#prol ul{width:178px; height:407px;}
#prol ul li{width:178px; height:29px; border-bottom:#fff 1px solid; background:#0066d2}
.jt{float:right; line-height:29px; margin-right:20px; display:block}
#prol ul li a{ width:135px; height:29px;display:inline-block;line-height:29px; font-size:14px; font-weight: normal; letter-spacing:2px;text-align: left; text-indent:10px; overflow:hidden; color:#FFF}
.jt{ color:#FFF}
.xian{ background:#fff!important; color:#0066d2;}
.xian a{color:#0066d2 !important;}

#pror{width:1019px; height:502px; float:right; display:inline-block; overflow:hidden;}
.pro1{width:1016px; height:502px;float:right; display:inline-block}
.pro1 a{ display:block;}
.tap{ width:252px; height:223px; border:#EEEEEE 1px solid; float:left; display:inline}
.tap dd{width:227px; height:172px; margin:13px 13px 8px 13px  }
.tap dd img{width:227px; height:172px;}
.tap dt{width:225px; height:45px;margin:0 auto; text-align:center;}
.pp,.gg,.price{ width:225px; height:23px;line-height:23px; display:block; text-align:center; text-indent:0px; overflow:hidden}
.pp,.gg{ color:#0c0c0c}
.price{color:#f8992a}
.tap:hover{border:#f90 1px solid;}
/*新品上市*/
#xpss{ width:1200px; height:496px; margin:0 auto;overflow:hidden}
.xpsst{ width:1200px; height:122px; position: relative}
.xpsst img{ position:absolute; z-index:10}
#xpssc{ width:1198px; height:442px; margin:0 auto;overflow:hidden; position:relative}
.prev{ position:absolute; right:0;z-index:10; top:145px}
.next{ position:absolute; left:0;  z-index:10;top:145px}

.mr_frUl{ position:relative; z-index:1}
.mr_frUl ul li{ width:397px; height:294px; border:#EEEEEE 1px solid; float:left; display:inline; margin-top:25px; position:relative;}
.mr_frUl ul li img{ width:395px; height:292px;}
.mr_frUl ul li a{ width:397px; height:294px; display:block;}
.mr_frUl ul li a h2{ font-size:15px; height:39px; line-height:39px; width:395px; display:block; background:url(../images/bg_01.png); position:absolute; bottom:0px; color:#FFF; text-align:center;}

.mr_frUl ul li:hover{border:#f90 1px solid;}
/*关于我们*/
#about{width:100%;max-width:1920px; height:402px; background:url(../images/06.jpg) no-repeat center}
#aboutcon{width:1200px; height:402px; margin:0 auto;}
#aboutl{width:442px; height:331px; margin:37px 45px 0 0; float:left; display:inline;overflow:hidden}
#aboutl img{width:442px; height:331px;
transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
}
#aboutl:hover img{
transform:scale(1.14);
-moz-transform:scale(1.14);
-webkit-transform:scale(1.14);
-o-transform:scale(1.14);	
}
#aboutr{width:623px; height:236px; margin:130px 0 0 35px; float:left; display:inline;overflow:hidden}
#aboutr p{ font-size:14px; text-indent:30px;color:#ffffff; line-height:36px; letter-spacing:0.8px}
#xq a{ color:#fa8118; font-size:14px}
#xq { color:#fa8118; font-size:14px}

/*最新资讯*/
#zxzx{ width:1200px; height:551px; margin:0 auto; margin-top:20px; overflow:hidden}
#zxzxc{ width:1200px; height:393px; margin-top:30px}
#zxzxl{ width:425px; height:341px;float:left; display:inline}
#zxzxl dl{width:415px; height:78px; background:#0066d2; margin-bottom:20px}
#zxzxl dl a{color:#FFF; text-indent:8px}
#zxzxl dl dd{font-size:16px; height:40px;  line-height:55px;}
#zxzxl dl dt{font-size:16px; height:18px;}
#zxzxl ul{width:415px; height:240px;}
#zxzxl ul li{width:415px; height:58px; border-bottom:#7ecef4 1px solid }
.zxzxt{width:330px; height:58px; line-height:80px; display:inline-block; color:#171717; font-size:15px; text-indent:10px; overflow:hidden}
#zxzxl ul li:hover .zxzxt{ color:#f90}
#zxzxl ul li a{ display:block; width:415px; height:58px;}
#zxzxl ul li:hover .date{ color:#f90}
.date{width:80px; height:58px; line-height:80px; display:inline-block; color:#171717; font-size:14px;float:right}
#zxzxr{ width:770px; height:300px;float:left; display:inline}
#zxzxr dl{ width:346px; height:294px;float:left; display:inline; margin-left:36px}
#zxzxr dl dd{width:344px; height:258px; border:#CCC 1px solid; margin-bottom:25px; overflow:hidden}
#zxzxr dl dd img{width:344px; height:258px; 
transition:all 1s ease-in-out;
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
}
#zxzxr dl:hover img{
transform:scale(1.14);
-moz-transform:scale(1.14);
-webkit-transform:scale(1.14);
-o-transform:scale(1.14);	
}
#zxzxr dl:hover dd{ border:#f90 1px solid;}
#zxzxr dl dt{width:342px; height:72px;color:#040404; line-height:23px; text-indent:26px; letter-spacing:0.5px; margin-left:2px}
#zxzxr dl:hover h2{ color:#0066d2;}

/*底部导航*/
#friendship{
      width: 85px !important;
    padding-top: 15px;
}
#fnav{width:100%; height:60px; background:#eeeeee}
#fnavcon{width:1200px;height:60px; margin:0 auto}
#fnavcon ul{ width:80%; height:60px;margin:0 auto;  }
#fnavcon ul li{ width:218px; height:50px; float:left;display:inline-block; border-right:#868686 1px solid; text-align:center; margin-top:7px;    overflow: hidden;}
#fnavcon ul li a{ line-height:14px; color:#151515}
#fnavcon ul li:hover a{ color:#f90}
#fnavcon ul li img{
      width: 100%;
}

/*首页推荐*/
#tuijian{ width:100%; min-width:1200px; height:698px;}
#tuijianc{ width:961px; height:698px; margin:0 auto; text-align:center}
#tuipic{ width:961px; height:481px; }
.tp{ width:240px; height:480px;display:inline}
#tpl{ float:left}
#tpr{ float:right}
#tpc{width:480px; height:240px; float:left;display:inline}
.tpb{ width:240px; height:240px; float:left;display:inline}
.fo{ position:relative}
.fo dl{ width:100%; overflow:hidden;height:90px;position:absolute; z-index:1000; bottom:-60px;
filter:alpha(opacity=0);  
      -moz-opacity:0;  
      -khtml-opacity:0;  
      opacity:0;  
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}



.fo:hover dl{ background:#eb5405; 
filter:alpha(opacity=95);  
      -moz-opacity:0.95;  
      -khtml-opacity:0.95;  
      opacity:0.95;  
transform:translate(0,-15px);
-webkit-transform:translate(0,-15px);
-moz-transform:translate(0,-15px);
-o-transform:translate(0,-15px);
-ms-transform:translate(0,-15px);
}
.fo dl dd{width:90%;margin:0 auto;color:#FFF; font-size:14px; height:30px; line-height:30px; border-bottom:#FFF dashed 1px}
.fo dl dt{ width:90%; height:53px; margin:0 auto; background:url(../images/pt.png) no-repeat center;}




#foot{ width:100%; height:1744px; min-width:1200px; background: url(../images/bg.png) repeat-y center;}

#company{ width:1200px; height:944px;margin:0 auto; text-align:center}

#moon{ width:671px; height:667px; float:left; display:inline;background:url(../images/moon.png) no-repeat center; position:relative}
#moon dl{ float:left; display:inline;}
#moon dl dd{ font-size:20px;color:#FFF;font-weight:600}
#moon1{ width:234px; height:234px; border-radius:117px; 
background:radial-gradient(circle at 0px 1px,#0080FF,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#0080FF,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#0080FF,#fff);
background:-o-radial-gradient(circle at 10px 10px,#0080FF,#fff);
}
#moon1 dd{width:90px; height:60px; margin:0 auto; margin-top:90px;}
#moon1:hover{width:240px; height:240px; border-radius:120px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}


#moon2{width:184px; height:184px; border-radius:92px;left:110px;position: absolute;top:293px;
background:radial-gradient(circle at 10px 10px,#F84E1D,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#F84E1D,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#F84E1D,#fff);
background:-o-radial-gradient(circle at 10px 10px,#F84E1D,#fff);
}
#moon2 dd{ width:115px; height:30px; margin:0 auto;margin-top:75px;}
#moon2:hover{width:194px; height:194px; border-radius:97px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}



#moon3{width:146px; height:146px; border-radius:73px;left:290px;position: absolute;top:454px;
background:radial-gradient(circle at 10px 10px,#FF8000,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#FF8000,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#FF8000,#fff);
background:-o-radial-gradient(circle at 10px 10px,#FF8000,#fff);
}
#moon3 dd{ width:115px; height:30px; margin:0 auto;margin-top:56px;}
#moon3:hover{width:156px; height:156px; border-radius:78px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}


#moon4{width:130px; height:130px; border-radius:65px;left:487px;position:absolute;top:532px;
background:radial-gradient(circle at 0px 1px,#008000,#fff);
background:-moz-radial-gradient(circle at 10px 10px,#008000,#fff);
background:-webkit-radial-gradient(circle at 10px 10px,#008000,#fff);
background:-o-radial-gradient(circle at 10px 10px,#008000,#fff);
}
#moon4 dd{ width:115px; height:30px; margin:0 auto;margin-top:50px;}
#moon4:hover{width:136px; height:136px; border-radius:68px;
transition:0.15s;
-moz-transition:0.15s; /* Firefox 4 */
-webkit-transition:0.15s; /* Safari and Chrome */
-o-transition:0.15s; /* Opera */}

#moonpro{ width:310px; height:310px;position:absolute; left:335px; top:80px; border-radius:155px; border:#ccc 2px solid; -webkit-box-shadow: #999 0px 0px 10px;overflow:hidden; background:#FFF}
#moonpro:hover{ -webkit-box-shadow:#999 0px 0px 30px;}
#moonpro h2{ width:100%; height:52px;background:#000; color:#fff; font-size:18px; line-height:52px; letter-spacing:1.5px; position:absolute; bottom:30px; 
filter:alpha(opacity=50);       /* IE */
-moz-opacity:0.5;              /* 老版Mozilla */
-khtml-opacity:0.5;              /* 老版Safari */
opacity: 0.5;           /* 支持opacity的浏览器*/}
#moonp{ width:524px;height:560px; float:left; display:inline; text-align:left; margin-top:106px}
#moonp p{line-height:40px; color:#737171; font-size:18px;text-indent:36px}
#moonimg img{ border-top:#E5E5E5 6px solid; border-bottom:#E5E5E5 7px solid}




#comimg{ width:353px; height:272px;float:left; display:inline}
#comimg img{ float:left; display:inline; position:absolute; z-index:100}
#hong{ width:331px; height:250px; border:#DD1F1F 2px solid; float:left; display:inline; position:relative; margin-top:20px; margin-left:22px}
#comcon{ width:601px; height:272px;float:left; display:inline; margin-left:32px; overflow:hidden}
#comtent{ width:601px; height:178px; }
#comtent p{ line-height:28px; text-indent:28px; font-size:14px; color:#222222; letter-spacing:1px}

.more{ position:absolute; z-index:100;right:0; top:66px;width:50px; height:20px;text-align:center;}
.more a{ line-height:20px; color:#040404; font-size:15px}
.more a:hover{color:#F90;}


#anli{ width:1200px; height:802px;margin:0 auto; text-align:center}
#anlicon{width:100%; height:256px;text-align:left}
#anlicon img{ float:left; display:inline; margin:10px 30px 0 8px}
#anlicon p{ color:#282828; font-size:15px; line-height:36px; text-indent:30px}
#anlif{ width:100%; height:326px; background:url(../images/anlib.jpg) repeat-x; margin-top:38px}
#anli1,#anli2,#anli3{ width:398px; height:326px; float:left}
.anlit{float:right; margin-top:13px; margin-right:30px; font-weight:500}
.anlit a{ color:#999999; font-size:10px}
.anlit a:hover{ color:#f90; font-size:10px}
.anlicon{ width:365px; height:275px; margin-left:15px;display:inline-block; margin-top:20px; overflow:hidden; text-align:left}
.anlit2{margin-top:5px; margin-bottom:3px;}
.anlit2 a{ color:#fc5909; font-size:16px; font-weight:500;}
.anlit2 a:hover{ color:#06F}
.anlicon p{ color:#000208; font-size:14px;line-height:26px}
#co{ width:357px; margin-left:40px; margin-top:25px}
#co2{ width:357px; margin-left:20px;}

#anlititle{ width:100%; height:99px;}
#anlititle span{ display:block; text-align:center}
#case{ color:#7C2C50; font-size:16px; margin-top:15px; margin-bottom:5px}
#show{ color:#DB0C0C; font-size:22px; font-weight:600; }
#kouhao{color:#222C50; font-size:14px; margin-top:3px; margin-bottom:40px}
#more1{ margin:0 auto; margin-top:23px; margin-bottom:29px}
#anpro dl a{color:#131313; display:block; position:relative}
#anpro{ width:100%; height:268px; background:#FFF}
.cs1,.cs2{ width:247px; height:268px;float:left; display:inline; overflow:hidden}
.cs1 img,.cs2 img{ width:243px; height:183px;}

.case1,.case2,.case3{ display:block;}
.case1{ width:100%; height:28px; text-align:center;  font-size:16px; font-weight:600; line-height:30px}
.case2{ background:url(../images/08.jpg) no-repeat; width:100%; height:25px; text-align:center; font-size:14px; line-height:24px}
.case3{ width:100%; height:29px; background:url(../images/09.jpg) no-repeat center;}

.cs1 a li,.cs2 a li{width:245px; height:183px;list-style-type:none;position:relative; display:inline-block}

#anpro dl dd{position: absolute}
#anpro dl dt{ display:none}
#anpro dl:hover dt{ display:block; width:245px; height:183px; position:absolute; z-index:1000;background:#F00;position:absolute;
  filter:alpha(opacity=45);  
      -moz-opacity:0.45;  
      -khtml-opacity: 0.45;  
      opacity: 0.45; }
#wen{ width:243px; height:86px; display:block; position:relative;}
#anpro dl:hover #wen{background:#DA0C0C;transition:0.5s}
#anpro dl:hover .case1{ color:#FFF}
#anpro dl:hover .case2{ background:url(../images/10.jpg) no-repeat center; color:#FFF;transition:0.5s}
#anpro dl:hover .case3{ background:url(../images/11.jpg) no-repeat center;transition:0.5s}






/*底部*/
#footer{ width:100%; height:86px; background:#0066d2; min-width:1200px}
#footcon{ width:1200px;height:auto; margin:0 auto}
#footcon img{width:64px;height:64px; float:right; display:inline; margin:12px 42px 0 0 }
#footconl{ width:1200px;height:45px; text-align:center; display: block;padding-top:20px}
#footconl a{ color:#ddd; font-size:13px;}
#footconl a:hover{ text-decoration:underline; }

/*#footcon ul{ width:100%; height:38px;margin-top:45px; margin-bottom:6px;display:inline-block; text-align:center }
#footcon ul li{ display:inline-block; width:100px; height:38px; text-align:center; background:url(../images/03.jpg) no-repeat right}
#footcon ul li a{ line-height:38px; color:#fef8f7}*/
#footconl p{ text-align:center;line-height:30px;line-height:23px; color:#fff; font-size:13px; letter-spacing:1px}
/*#footcon p a{ font-size:13px; color:#fef8f7;}
#footcon p a:hover{color:#f90;}
#jsdz,#copyright{ float:left; display:inline; color:#ffffff; line-height:60px}
#jsdz{ font-size:14px; margin-left:80px}
#copyright{ font-size:12px; margin-left:14px}
*/




.content02{width:1200px; margin:20px auto 0 auto; height:auto; display:table; margin-bottom:18px;}
.blk_t2{ background:url(../images/blk_t1.jpg) left center no-repeat; padding-left:30px; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1; font-size:18px; font-weight:normal;}
.blk_t2 a{color:#000000;}
.blk_t2 span{ display:block; float:right; font-size:14px; color:#e1e1e1;}
.blk_t1{ height:50px; line-height:50px; background:#0066d2; font-weight:normal; color:#fff; /*padding-left:30px;*/ text-align:center; font-size:18px}
.left{ width:280px; float:left;}
.main-left{ background:#e1e1e1; text-align: center;}
.main-left>a{color:#0066d2;font-size: 16px;
      padding: 0.25rem 0;
    display: block;background: #cfcfcf}
.main-left li{ height:35px;}
.main-left li a{ display: block;text-align:center; line-height:35px; font-size:16px; color:#333}
.main-left li a:hover{ background:url(../images/hover1.png); color:#0066d2;}
.contact1{ background:#e1e1e1; margin-top:35px;}
.contact1 p{ font-size:14px; line-height:30px; padding:0 10px;}
.contactnr{ padding:10px 0;}
.contactnr p{ color:#333}

.right{ width:895px; float:left; margin-left:22px;}
.content1{ width:875px; height:auto; display:table; padding:15px 10px; }
.content1 img{ max-width:865px;}
.content1 p{ line-height:35px; letter-spacing:1px; font-size:15px;}

/*内页样式*/
/*以下是新闻列表页*/
.list01 li{ height:35px; border-bottom:1px dashed #ccc;}
.list01 li a{ display:block; width:572px; float:left; line-height:35px; font-size:14px}
.list01 li span{ display:block; width:100px; float:right; line-height:35px;}
.list01 li a:hover{ color:#900;}
.list01 li:hover span{ color:#900;}

/*以下是产品列表页*/
.content1 dl{ width:280px; float:left; margin-left:10px; margin-top:20px; height:260px}
.content1 dl dd img{ width:100%; height:240px}
.content1 dl dt{ text-align:center; line-height:35px;}
.content1 dl dt a:hover{ color:#c0192a;}

/*以下是产品详情页*/
.probox img{ width:394px; margin:15px auto;}
.prointr h2{ font-weight:normal; font-size:18px; border-bottom:1px solid #ccc; line-height:36px;}
.prodetails a:hover{ color:#900;}

/*以下是分页*/
.sub_dede_pages {width:94%; height:auto;padding:5% 0; margin-left:3%; display:table; }
.sub_dede_pages ul {width:200px;height:auto; display:table; /*margin:0 auto;*/ float:right; padding:0; text-align:center;/* display:inline;*/}
.sub_dede_pages ul li {width:auto; margin:0; padding:0; float:left; displaymr_frUl:inline;font-size:12px;color:#666;margin-right:1%; }
.sub_dede_pages ul li a {width:auto; padding:3px 8px; display:block; background:#0066d2; color:#FFFFFF; }

/*以下是留言板*/
.useript{ background-color: white; border-color: #CCCCCC #E2E2E2 #E2E2E2 #CCCCCC; border-style: solid; border-width: 1px;  box-shadow: 1px 2px 3px #F0F0F0 inset; overflow: hidden; padding: 10px 0 8px 8px; vertical-align: middle; height:12px;}
#guestsmt{ width:600px; padding:30px 0 30px 10px;}
.guestinfo{ width:60%; height:80px; margin-bottom:15px; margin-top:6px;}
#guestsmt p{ width:97%; margin:8px 0; padding:0;}
#guestsmt span{ font-family:"微软雅黑"; font-size:14px; float:left;}
.usertel{height:20px; width:60%; margin-right:20px;}
.userbtn{ padding:0.2em 0.8em; font-family:"微软雅黑"; font-size:20px; border:none; cursor:pointer;}
.usersbmt{ background:#256ea6; border-radius:5px; color:#fff; margin-top:15px; width:110px; height:43px; margin-left:300px;}