@charset "utf-8";
/* CSS Document */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
body{margin:0; padding:0; border:0}*{margin:0; padding:0; font-family:'黑体'; font-size:12px}
a{outline:none; color:#333; font-size:14px} /*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}
#main{ width:100%;height:auto;min-width:1200px}
#logo{ width:100%; height:81px;background:#FFFCFD url(../images/logo.png) no-repeat center; margin:0 auto; min-width:1200px}
#nav{ width:100%; height:57px; background:#0080ff; min-width:1200px;}
#nav ul{ width:1216px; height:57px; margin:0 auto;}
#nav ul li{ width:152px; float:left;display:inline-block; height:57px; text-align:center;}
#nav ul li a{ line-height:57px; color:#fafdff; font-size:16px}
#nav ul li:hover{ background:#3ea53e;transition:0.2s;-moz-transition:0.2s; /* Firefox 4 */-webkit-transition:0.2s; /* Safari and Chrome */-o-transition:0.2s; /* Opera */}/*#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; width:152px; height:auto; z-index:2000;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:#3ea53e!important; }
#nav ul li ul li{ width:152px; height:40px;background:#0080ff!important; float:left;display:block; overflow:hidden}
#nav ul li ul li a{color:#fff; height:40px; line-height:40px; }
#nav1{ width:100%; height:58px; background:#222C50; min-width:1329px;}
#nav1 ul{ width:991px; height:58px; margin:0 auto;overflow:hidden}
#nav1 ul li{ width:165px; float:left; display:inline; height:58px; text-align:center;}
#nav1 ul li a{ line-height:58px; color:#696969; font-size:17px; color:#FFF}
#product{ width:100%; height:530px;min-width:1200px; background:#EEEEEE; display:inline-block}
#product2{ width:1200px;height:355px;min-width:1200px;}
#uu{ width:100%; height:33px; border:#CCC 1px solid}
#uu ul li{ float:left; display:inline; height:33px;padding-left:40px; padding-right:40px; border-right:#C2C6C9 2.5px solid}
#uu ul li a{ color:#040309; font-size:14px; line-height:33px}
#uu ul li a:hover{ color:#f90;}
.yScrollList{width:1198px;height:303px;border:1px solid #dcdcdc;margin:25px auto 0;}
.yScrollListTitle{width:100%;height:auto;border-bottom:1px solid #dcdcdc;}
.yScrollListTitle h1{cursor:pointer;font-size:14px;background:#fff;color:#666666;height:33px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;float:left;position:relative;left:-1px;text-align:center; padding-left:40px; padding-right:40px}
.yScrollListTitle h1.ytitleh12{left:-2px;}
.yScrollListTitle h1.yth1click{height:33px;border-top:2px solid #e9630a;top:-3px;}
.yScrollListIn{width:100%;height:224px;position:relative; margin-top:20px;}
.yScrollListInList{display:none;width:1138px;height:224px;position:absolute;padding:0 30px;left:0;top:0;overflow:hidden;}
.yScrollListInList .yScrollListbtn{cursor:pointer;position:absolute;width:13px;height:19px;top:90px;background:url(../images/btnys.png) no-repeat 0 0;}
.yScrollListInList .yScrollListbtnr{background-position:-14px 0;right:5px;}
.yScrollListInList .yScrollListbtnl{left:5px;}
.yScrollListInList ul{height:224px;position:absolute;top:0;left:30px;overflow:hidden;}
.yScrollListInList ul li{width:200px;height:224px;float:left;margin-left:33px;}
.yScrollListInList ul li img{width:200px;height:180px;display:block;margin-top:12px;}
.yScrollListInList ul li p{text-align:center;font-size:12px;color:#666666;line-height:18px;padding:7px 10px 0;width:200px;height:36px;overflow:hidden;}
.yScrollListInList ul li p:hover{color:#e9630a;text-decoration:underline;}
.yScrollListInList ul li span{color:#e9630a;font-size:12px;text-align:center;display:block;line-height:24px;}
.mr_frBtnR { float: right; margin-top: 85px; cursor: pointer; }
.mr_frUl ul li { float: left; height: 225px; width: 265px; margin-right:10px; overflow: hidden;}
.mr_frUl ul li img {width: 263px;height: 183px;border:1px #e5e5e5 solid}
.mr_frUl ul li h4{height:50px;line-height:50px;text-align: center;}
.tempWrap{ height:auto}
#foot{ width:100%; height:1830px; min-width:1200px; background: url(../images/bg.png) repeat-y center;}
#company{ width:1200px; height:944px;margin:0 auto; text-align:center}
#productcon{ width:1200px; height:auto; margin:0 auto;text-align:center;}
#productcon dl{ width:221px; height:165px; float:left; display:inline; margin-right:33px; transition:0.8s;}
#productcon dl dd{ position: relative; z-index:100}
#productcon dl #hong{ display:none}
#productcon dl:hover{transform:translateY(-20px)}
#productcon dl:hover dt{ background:#DA0C0C}
#productcon dl:hover #hong{ display:block;width:208px; height:153px; border:#F00 1px solid; position: absolute; z-index:1000; top:-15px; left:-16px}
#productcon dl dt{ height:32px; line-height:32px; color:#FFF; background:#222C50}
#productcon dl dd img{ width:221px;height:165px;}
#productcon span{ display:block}
#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{ margin-top:30px; 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{ width:105px; height:40px; background:#222C50; text-align:center}
.more a{ line-height:36px; color:#FFF; font-size:14px}
.more a:hover{color:#F90;}
#anli{ width:1200px; height:802px;margin:0 auto; text-align:center; margin-top:90px;}
#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:68%; display:inline-block; float:left; height:326px; background:url(../images/anlib.jpg) ; margin-top:38px}
#anli1,#anli2,#anli3{ width:398px; height:326px; float:left}
.anlit{ 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:49px}
#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:207px; background:#256ea6; min-width:1200px; background-image:url(../images/w.jpg);}
#footcon{ width:1200px;height:auto; margin:0 auto;}
#footcon ul{ width:100%; height:38px;margin-top:20px; 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}
#footcon p{ text-align:center; height:28px; line-height:28px; color:#fef8f7; font-size:16px; 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 span{ display:block; float:right; font-size:14px; color:#e1e1e1e;}
.blk_t1{ height:50px; line-height:50px; background:#256ea6; font-weight:normal; color:#fff; font-family:'宋体'; font-weight: bolder;/*padding-left:30px;*/ text-align:center; font-size:18px}
.left{ width:280px; float:left;}
.main-left{ background:#e1e1e1; padding:15px 0;}
.main-left li{ height:35px;}
.main-left li a{ display: block;text-align:center; line-height:35px; font-size:16px; color:#333; font-family:'黑体';}
.main-left li a:hover{ background:url(../images/hover1.png); color:#3ea53e;}
.contact1{ background:#e1e1e1; margin-top:16px;}
.contact1 p{ font-size:16px; line-height:30px; padding:0 10px; font-family:'黑体';}
.contactnr{ padding:10px 0;}
.contactnr p{ color:#333}
.right{ width:890px; float:left; margin-left:22px;}
.content1{ width:890px; height:auto; display:table; padding:15px 10px;}
.content1 p{ text-indent:24px; line-height:35px; letter-spacing:1px; font-size:14px;}/*内页样式*//*以下是新闻列表页*/
.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:205px; float:left; margin-left:20px; margin-top:20px; height:184px}
.content1 dl dd img{ width:100%; height:148px}
.content1 dl dt{ text-align:center; line-height:35px;}
.content1 dl dt a:hover{ color:#c0192a;}/*以下是产品详情页*/
.probox img{ width:394px; height: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; display:inline;font-size:12px;color:#666;margin-right:1%; }
.sub_dede_pages ul li a {width:auto; padding:3px 8px; display:block; background:#256ea6; 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;}
.banner{ width:100%; height:auto}
.slideBox{ width:100%; height:auto;overflow:hidden; position:relative;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:46.3%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#cdcdcd; opacity:0.4;filter:alpha(opacity=40); float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:red !important;}
.slideBox .bd{ width: 100%; height:auto; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height:auto;position: relative; line-height:0;  }
.slideBox .bd ul li img{width: 100%; height:auto;}
.slideBox .bd li a{display:block; width:100%; height:auto; margin:0 auto; position: relative;}/*第四屏*//* ����ͼ�� �Ѽ����� www.lanrentuku.com */*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;}
#playBox{ width:1000px; height:240px;position:relative;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle { margin-left:47.2%;height:10px; position:absolute; bottom:3px; z-index:10}
#playBox .smalltitle ul{ width:120px; margin:0 auto;display:flex; text-align:center}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}


#anlicon ul li{ width:15%; padding:1%; height:auto; display:inline-block; float:left; overflow:hidden; border:1px solid #9b9b9b; margin:0 3.5%;} 
#anlicon ul li a{ display:block; width:100%; height:100%; line-height:0; }
#anlicon ul li a img{ width:100%; height:190px; overflow:hidden; transition:all 0.4s ease-in-out 0s}
#anlicon ul li a p{ font-size:14px; line-height:14px; margin-top:14px; text-align:center;}
#anlicon ul li a img:hover{ transform:scale(1.1)}
#anli3{ background:url(../images/anlib.jpg) no-repeat; display:inline-block; width:32%; float:right; margin-top:38px; float:none}
#anli2 a{ margin-right:-270px;}
#anli2 h3{ margin-top:15px;}
.yScrollListTitle ul li{ width: 199px;padding:1em 1.56em; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;display:inline-block; float:left; font-weight:bold; background:#3ea53e}
.yScrollListTitle ul li a{ color:#ffffff;}
.yScrollListTitle ul li:last-child{ border-right:none; padding:1em 1.655em;}
.yScrollListTitle ul li:hover{ background:#0080ff;}
.yScrollListTitle ul li:hover a{ color:#fff;}
.zxzx_list01:hover a{ color:#f90}
.zxzx_list01:hover span{ color:#f90}
.yScrollListInList ul li:nth-child(1){ margin-left:0}