/* CSS Document */
body{ font-family:"ΞΆΘνΡΕΊΪ"; font-size:14px; font-weight:normal;}
*{ margin:0; padding:0;}
a,img{ border:none; text-decoration:none; outline:none;}
.mt40{ margin-top:40px!important;}
.mt24{ margin-top:24px!important;}
.mb40{ margin-bottom:40px!important;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.w1002{ width:1002px; height:auto; overflow:hidden; margin:0 auto;}
.wap{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.head{ width:1002px; height:130px; margin:0 auto;}
.logo{ width:629px; height:72px; float:left; margin-top:29px;}
.tel{ float:right; font-size:15px; color:#333; background:url(404.png) no-repeat left center; padding-left:80px; margin-top:20px;}
.tel span{ display:block; color:#E60000; font-size:24px; font-weight:bold;}
.nav{ width:100%; height:48px; line-height:48px; background:#0A80C3; margin:0 auto;}
.nav ul{}
.nav ul li{ float:left; width:100px; height:48px; text-align:center; font-size:16px;}
.nav ul li a{width:102px; height:48px; display:inline-block; color:#fff;}
/*banner*/
.banner{ width:100%; height:428px; overflow:hidden; margin:0 auto; position:relative;}
.banner .bd {position: relative; z-index: 0;}
.banner .bd ul {width: 100% !important;}
.banner .bd li { width: 100% !important; height:428px;}
.banner .bd li a {height:428px;display: block;}
.banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 30px;right:10%;height: 30px;line-height: 30px;text-align:right;}
.banner .hd ul li { cursor: pointer;display: inline-block;*display: inline; zoom: 1;width:20px; height: 20px; margin: 4px; background:#fff; border:#cc0000 1px solid; overflow: hidden;
  line-height:20px; color:#cc0000; text-align:center;}
.banner .hd ul .on{ background:#cc0000; color:#fff;}
.gtit{ width:1002px; height:auto; overflow:hidden; margin:0 auto; background:url(404.png) no-repeat center; text-align:center;}
.gtit h2{ font-size:24px; color:#cc0000;}
.gtit h2 span{ color:#515151;}
.gtit p{ font-size:16px; line-height:30px; color:#666;}
.gcon{ width:1002px; height:auto; overflow:hidden; margin:0 auto; margin-top:24px;}
.gcon ul{ width:1026px;}
/********/
.gcon ul li{ width:315px; height:auto; overflow:hidden; float:left; margin-right:27px; position: relative;transform-style: preserve-3d;perspective: 398px;-webkit-perspective: 398px;
-webkit-transform-style: preserve-3d;}
.gcon .imglink{ width:315px; height:263px; float:left; display:inline-block;pointer-events: none;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.gcon ul li img{ width:303px; height:251px; padding:5px; border:#ddd 1px solid;}
.name{ width:303px; height:251px; display:none; text-align:center; line-height:251px; background:url(404.png) repeat; position:absolute; left:6px; top:6px; z-index:10;}
.name a{ color:#fff;width:303px; height:251px; display:inline-block; font-size:18px;}
/********/
.gcon .more{ float:left; margin-top:14px; margin-left:100px; display:block; width:115px; height:30px; line-height:30px; color:#cc0000; background:url(404.png) no-repeat center; text-indent:1em;}
.products{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#F0F0F0;}
.containt{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#fff;}
.leftnav{ float:left;width:218px; height:auto; overflow:hidden;}
.navtop{ float:left; width:218px; height:101px;}
.navtit{ float:left; width:218px; height:90px; background:#0A80C3; text-align:center; line-height:90px; font-size:20px; font-weight:bold; color:#fff;}
.leftnav ul{ width:218px; height:auto; overflow:hidden; float:left;}
.leftnav ul li{ width:218px; height:52px; line-height:53px; border-bottom:#f0f0f0 1px solid; background:#fff; font-size:16px;}
.leftnav ul li a{ display:block;width:218px; height:52px; text-align:center; color:#333; background:url(404.png) no-repeat; background-position: 20px 25px;}
.leftnav ul li a:hover{background:url(404.png) no-repeat; background-position: 20px 25px; color:#cc0000;}
.rigcon{ float:right; width:765px; height:auto; overflow:hidden;}
.rigcon ul{ width:780px;}
.rigcon ul li{ float:left; margin-right:15px; margin-bottom:8px; width:245px; height:181px; overflow:hidden; border-bottom:#0A80C3 2px solid; background:#fff;}
.rigcon ul li:hover{ border-bottom:#cc0000 2px solid; font-weight:bold;}
.rigcon .imglink2{ width:245px; height:151px; float:left;}
.rigcon ul li p{ float:left; width:245px; height:30px; line-height:30px; text-align:center;}
.rigcon ul li p a{ color:#333; font-size:16px;}
.lianxi{ float:left; width:218px; height:86px; background:url(404.png) no-repeat center;}
.lianxi p{ float:left; padding-left:30px; width:150px; height:86px; text-align:center;color:#fff; line-height:28px;}
.lianxi p span{ display:block; width:100%px; background:url(404.png) no-repeat; background-position: 8px 5px; }
.lianxi p b{ font-size:20px; font-weight:bold;}
.youshi{ width:100%; height:auto; overflow:hidden; background:#fff;}
.ystit{ width:448px; height:62px; margin:0 auto;}
.yscon{ width:1002px; height:auto; overflow:hidden; margin:0 auto; margin-top:24px;}
.yscon ul{ width:1147px;}
.yscon ul li{ float:left; margin-right:65px; width:140px; height:auto; overflow:hidden; padding-right:80px; background:url(404.png) no-repeat right center;}
.yscon .sign{ width:136px; height:136px; float:left; margin-bottom:26px;}
.yscon #m1{ background:url(404.png) no-repeat center;}
.yscon #m1:hover{ background:url(404.png) no-repeat center;}
.yscon #m2{ background:url(404.png) no-repeat center;}
.yscon #m2:hover{ background:url(404.png) no-repeat center;}
.yscon #m3{ background:url(404.png) no-repeat center;}
.yscon #m3:hover{ background:url(404.png) no-repeat center;}
.yscon #m4{ background:url(404.png) no-repeat center;}
.yscon #m4:hover{ background:url(404.png) no-repeat center;}
.yscon ul li h2{ font-size:16px; color:#333; text-align:center;}
.yscon ul li p{display: block;line-height: 24px;height: 45px;overflow: hidden;font-size: 14px;color: #666; text-align:center;}
.yscon .zx{ width:97px; height:27px; float:left; margin-left:20px;}
.yxjiutai{ width:213px; height:67px; margin:0 auto;}
.yxjiutai-con{ width:1002px; height:auto; overflow:hidden; margin:0 auto; margin-top:24px;}
.yxjiutai-con ul{}
.yxjiutai-con ul li{ float:left; height:420px; text-align:center;}
.yxjiutai-con ul li a{ float:left; display:block;}
.yxjiutai-con ul li.yx1{ width:253px;}
.yxjiutai-con ul li.yx2{ width:423px;}
.yxjiutai-con ul li.yx3{ width:324px;}
.about{ width:376px; overflow:hidden; float:left;}
.about-tit{ float:left; width:100%;height: 60px;line-height: 37px; background:url(404.png) left 37px repeat-x;}
.about-tit h2{ font-size:20px;float: left;border-bottom: 4px #0A80C3 solid; color:#0A80C3;}
.about-tit h2 span{ color:#000;}
.about-tit .more{ float:right;display: inline-block;padding: 0 23px;color: #333;background: url(404.png) right 12px no-repeat;}
.about-con{ width:376px; height:auto; overflow:hidden; float:left;}
.gongsi{ display:block; float:left; width:376px; height:228px;}
.stit{ color:#333; width:100%; font-weight:bold; padding-top:20px; padding-bottom:10px; float:left; text-align:center;}
.scon{ float:left; width:376px; height:auto; overflow:hidden; position:relative; font-size:13px;}
.scon p{ float:left; line-height:22px; color:#666; text-align:justify;}
.scon .more{ color:#cc0000; position:absolute; right:0; bottom:2px;}
.news{ width:565px; height:auto; overflow:hidden; float:right;}
.news-sec1{width:565px; height:auto; overflow:hidden; float:left;}
.fln{ width:146px; height:88px; float:left;}
.news-sec1-con{ width:405px; height:auto; overflow:hidden;}
.ntit{ float:left; margin-top:5px;}
.ncon{ float:left; color:#666; height: 45px;overflow: hidden; margin-top:10px; position:relative;}
.ncon p{line-height: 22px;color: #666; float:left;}
.ncon a{ color:#cc0000; float:left; position:absolute; right:30px; bottom:3px;}
.news-sec2{width:565px; height:auto; overflow:hidden; float:left; margin-top:24px;}
.news-sec2 ul{ width:612px;}
.news-sec2 ul li{ float:left; width:262px; margin-right:44px; height:30px; line-height:30px; background:url(404.png) no-repeat left center;}
.news-sec2 ul li a{ color:#666; float:left; padding-left:20px;}
.yuanjing{ width:100%; height:430px; background:url(404.png) no-repeat center; margin:0 auto;}
.yj1{ float:left; margin-left:250px; margin-top:36px;}
.yj2{ float:left; margin-left:440px; margin-top:26px;}
.flink{ width:1002px;height: 178px;overflow: hidden;background: url(404.png) center 15px no-repeat; margin:0 auto;}
.link-tit{ width:100%; float:left; font-size:20px; font-weight:bold;line-height: 32px;height: 50px;text-align: center; color:#cc0000;}
.link-tit span{ color:#000000;}
.link-con{ width:1002px; height:70px; overflow:hidden; float:left;}
.link-con ul{ width:980px; float:left; margin-left:10px;}
.link-con ul li{ float:left; margin:0 5px;}
.link-con ul li a{ color:#666;}
.rukou{ float:left; margin-left:435px; width:144px; height:27px; background:url(404.png) no-repeat center; text-align:center; line-height:27px;}
.rukou a{ color:#fff;}
.foot{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.fnav{ width:100%; height:45px; line-height:45px; background:#333; margin:0 auto; color:#fff; font-size:16px; text-align:center;}
.fnav a{ color:#fff; padding:0 10px;}
.flogo{ float:left; margin-left:60px;width:333px; height:68px; border-right:#e1e1e1 1px solid; padding-right:15px;}
.xinxi{ float:left; width:566px; height:90px; overflow:hidden; margin-left:20px;}
.xinxi ul{}
.xinxi ul li{ width:566px; line-height:22px; color:#585858;}
.mbx{ height: 38px;background:url(404.png) left 37px repeat-x; margin-top:10px;}
.mbx h2{ width:246px; height:42px; line-height:20px; text-align:center;color:#0A80C3; font-size:18px; font-weight:bold; float:left; margin-top:2px; background:url(404.png) no-repeat left bottom;}
.mbx .weizhi{ float:right; margin-right:12px; color:#333;line-height: 38px;}
.weizhi a{ color:#333; padding:0 5px;}
.newlist{float:right; width:765px; height:auto; overflow:hidden;}
.newlist ul{}
.newlist ul li{ width:765px; height:30px; line-height:30px; overflow:hidden; float:left; background:url(404.png) no-repeat left center; border-bottom:#ddd 1px dashed;}
.newlist ul li a{ padding-left:12px; color:#333;}
.newlist ul li span{ float:right; color:#666;}
.zhengwen{ float:right; width:765px; height:auto; overflow:hidden;}
.zwtit{ float:left; width:765px; height:auto; overflow:hidden; line-height:40px; font-size:18px; font-weight:bold; text-align:center; border-bottom:#ddd 1px dashed;}
.detail{float:left; width:765px; line-height:30px; color:#666; text-align:center; text-align:center;}
.zwcon{ float:left; margin-left:10px; width:745px; line-height:28px; font-size:15px; min-height:400px;}
.zwcon p{ line-height:28px; margin-top:5px;}