﻿@charset "utf-8";
body { font-family: "微软雅黑"; padding: 0; background:#fff; margin: 0;}
div,form,img,ul,ol,li,dl,dt,dd { margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}

.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_20{ height: 20px; clear:both; line-height: 0; font-size: 0;}

.cRed{color: #f00; }
.c06c,.c06c:link,.c06c:visited{ color: #0093DD;}
.c06c:hover{ color: #f30;}
.clr_25{ clear: both; height: 28px; line-height: 0; font-size: 0;}
.clr_80{ height: 80px;  clear: both; line-height: 0; font-size: 0;}
.pages{ height: 28px; line-height: 28px; clear:both; padding-top: 25px; font-family:Verdana, Geneva, sans-serif; text-align:center;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 2px; height: 23px; line-height: 23px; text-align:center; width: 25px; border: 1px solid #ccc; background: #fff;}
.pages a:hover,.pages strong{ border: 1px solid #E62129; color: #fff; background: #E62129; font-weight:normal;}


.main_area{ height:600px; position:relative; overflow:hidden;}
#con_product_slide{ width: 81px; height:600px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:15px;z-index:1; margin: 0 auto;}
#scroll_btn_list li{float:left;margin: 0 6px; width: 15px;}
#scroll_btn_list li a{display:block;position:relative;width:15px; height:15px; font-size: 0; line-height: 0; background:#fff; overflow:hidden;border-radius:15px;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:15px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#0093DD; }
#scroll_product_list{ height:600px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:600px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
#scroll_product_list li {}



.Home{ width: 1260px; margin: 0 auto;}
.Typetitle{ height: 41px; width: 600px; background:url(../images/title_line.png) repeat-x center center;font-size: 16px; margin: 40px auto 0;}
.Typetitle .bgR{ background:url(../images/title_r.png) no-repeat right 0; padding-right: 1px; margin: 0 auto; height: 43px; }
.Typetitle .bgL{ background:url(../images/title_l.png) no-repeat 0 0; padding:1px 0 0 1px;height: 43px;}
.Typetitle .t{ background: #fff; height: 39px; line-height: 39px; text-align:center; font-size: 36px; color: #006ACC; }
.Typetitle2{ text-align:center; font-size: 16px; padding: 15px 0; color: #999; font-weight:normal;}




.Homefanan{}
.Homefanan .tu{ padding: 20px 0;}
.Homefanan li{ float:left; width: 20%; overflow:hidden;}
.Homefanan li img{ max-width: 100%;}
.Homefanan li span{ position:relative; display:block; height:auto; width: 100%;}
.Homefanan li em{ background: url(../images/nav_bg.png); color: #fff; display:block; width: 180px; height: 180px; text-align:center; line-height: 180px; font-size: 16px; border-radius:180px; z-index: 10; font-style:normal; position:absolute; top: 50%; left: 50%; margin-top:-90px; margin-left: -90px; }
.Homefanan li a{ display:block;}
.Homefanan li a img{ cursor: pointer; transition: all 1s;}  
.Homefanan li a img:hover{transform: scale(1.4);}  



.Home .products { padding-bottom: 20px;}
.Home .products .epctext { position: relative; overflow: hidden; width: 1280px; margin: 25px auto 0;}
.Home .products .epctext ul li { float: left; height: 570px; width: 1280px; overflow:hidden;}
.Home .products .epctext ul li ul li{ float:left; width: 398px; height: 470px; margin-right: 26px; padding: 25px 0; color: #666; border: 1px solid #ddd;}
.Home .products .epctext ul li ul li img{ display:block; margin: 0 auto; width: 396px; height: 330px;}
.Home .products .epctext ul li ul li p{ margin: 0 25px; padding: 10px 0 0; line-height: 25px; font-size: 12px; color: #999;}
.Home .products .epctext ul li ul li p strong{ font-size: 18px; display:block; margin-bottom: 15px; background:#EFEFEF; height: 42px; line-height: 42px; text-indent: 15px;}


.Home .products .epctext ul li ul .r{ float:right; margin-right: 7px; border-right:none;}
.Home .products .epctext ul li ul a{ font-weight:bold;}
.Home .products .epctext ul li ul .more{ font-weight:normal; color: #f60;}



.Home .products .epctext .dots { position: absolute; left: 524px; bottom: 0; z-index:9999;}
.Home .products .epctext .dots li { display: inline-block; width: 55px; height: 6px; overflow:hidden; font-size: 0; line-height: 0; margin: 0 7px; cursor: pointer; background:#ccc;}
.Home .products .epctext .dots li.active { background: #006ACC;}

.Home .case { padding: 30px 0;}
.Home .case ul{ width: 994px; height: 40px; margin: 0 auto;}
.Home .case ul li{ float:left; width: 140px; height: 40px; line-height: 40px; text-align:center; background: #ddd; margin: 0 1px;}
.Home .case ul .tag{ background: #f30;}
.Home .case ul .tag a{ color: #fff;}

.Home .case ul .more{ background: #F6F6F6;}
.Home .case ul .more a{ color: #f30;}

.Home .case .text{ margin: 35px 0 0; background: #F6F6F6;}
.Home .case .text .pic{ float:left;}
.Home .case .text p{ float:right; width: 840px; padding: 60px 30px 0; color: #666; line-height: 30px;}
.Home .case .text p strong{ font-size: 28px; display:block; color: #333; padding-bottom: 20px;}
.Home .case .text p .more{ display:block; width: 130px; height: 38px; text-align:center; line-height: 38px; background: #ddd; margin-top: 20px;}



.HomeAbout{ background: #F6F6F6;}
.HomeAboutBg{ width: 1280px; margin: 0 auto; padding-top: 25px;}
.HomeAbout .title{ border-bottom: 1px solid #ddd; text-align:right; height: 44px; line-height: 44px; font-size: 14px;}
.HomeAbout .title h2{ background: #006ACC; color: #fff; font-size: 22px; text-align:center; width: 150px; height: 45px; float:left; line-height: 45px;}

.HomeAbout .about{ float:left; width: 660px;}
.HomeAbout .about p{ line-height: 28px; margin:0; padding: 25px 0 0;}
.HomeAbout .about img{ display:block;}

.HomeAbout .newsR{ float:right; width: 500px;}
.HomeAbout .newsR p{ margin: 10px 0 0; padding: 15px 0; height: 100px; border-bottom: 1px dotted #ccc;}
.HomeAbout .newsR p strong{ display:block; background:url(../images/ico_faq1.png) no-repeat 0 8px; padding-left: 35px; line-height: 38px; font-size: 16px; font-weight:normal;}
.HomeAbout .newsR p strong a{ color: #EA8C00; }
.HomeAbout .newsR p em{ display:block; background:url(../images/ico_faq2.png) no-repeat 0 8px; padding:5px 0 0 35px; line-height: 25px; font-style:normal;}
.HomeAbout .newsR .no{ border-bottom: none; }


.BannerAbout{ background:url(../images/banner_about.jpg) no-repeat center 0; height: 200px;}


.ContentBg{ background:#F4F4F4;}
.Content{ width: 1260px; margin: 0 auto; padding: 20px 0;}

/*--------------
.Content .Menu{ height: 50px;}
.Content .Menu li{ height: 38px; line-height: 38px; width:120px; margin: 0 5px; padding: 0 15px; float:left; text-align:center; font-size: 16px; border: 1px solid #ccc; border-radius:6px;}
.Content .Menu li a{ display:block; }
.Content .Menu .tag{ background: #006ACC; border: none;}
.Content .Menu .tag a{ border-bottom: none; color: #fff;}
.Content .Menu .w5{ }
.Content .aboutus{ padding: 25px 0 35px; line-height: 28px; color: #666;}
.Content .aboutus p{ margin: 0; padding: 12px 0; line-height: 28px; font-size: 16px;}
-------------*/


.ContentLeft{ float:left; width: 250px; background: #fff;}
.ContentLeft h2{ font-size: 20px;  height: 68px; line-height: 68px; text-indent: 25px; background: #006ACC; color: #fff;}
.ContentLeft .menu{ padding: 5px 20px;}
.ContentLeft .menu li{ border-top: 1px solid #E5E5E5; height: 50px; line-height: 50px;padding-left: 5px; font-size: 16px; background:url(../images/ico_5.png) no-repeat right center;}
.ContentLeft .menu li a{}
.ContentLeft .menu .tag{ }
.ContentLeft .menu .tag a,.ContentLeft .menu .tag a:visited{ color:#006ACC;}
.ContentLeft .menu .no{ border-top: none;}


.ContentRightBg{ float:right; width: 985px; background: url(../images/content_right_bg.png) no-repeat center bottom; padding-bottom: 7px; }


.ContentRight{ width: 950px; background: #fff; padding: 25px;}
.ContentRight .title{ height: 45px; line-height: 32px; text-align:right; border-bottom: 1px solid #E5E5E5; color: #999;}
.ContentRight .title h1{ float:left; font-size: 24px; color: #222; }
.ContentRight .title a{ color: #999;}



.ContentRight .pic{ padding: 30px 0 10px;}
.ContentRight .about{ line-height: 32px; font-size: 15px; color: #444; padding: 20px 0;}
.ContentRight .about p{ margin: 0; padding: 12px 0;}

.ContentRight .jiejue{}
.ContentRight .jiejue h2{ font-size: 24px; font-weight:bold; padding: 20px 0 10px;}
.ContentRight .jiejue img{ display:block; margin: 0 auto; max-width: 100%;}
.ContentRight .jiejue a{ color: #0093DD;}
.ContentRight .jiejue a:hover{ color: #f00;}


.ContentRight .downlist{}
.ContentRight .downlist li{ border-bottom: 1px solid #ddd; line-height: 50px; background:url(../images/ico_3.gif) no-repeat 0 center; padding-left: 20px;}


.ContentRight .zhengshu{}
.ContentRight .zhengshu li{ border-bottom: 1px solid #ddd; line-height: 50px; background:url(../images/ico_3.gif) no-repeat 0 center; padding-left: 20px;}
.ContentRight .zhengshu li .pdf{ float:right; background:url(../images/ico_p.png) no-repeat 0 center; padding-left: 25px; color: #0093DD;}


.ContentRight .newslist{}
.ContentRight .newslist p{ padding: 15px 0 25px; line-height: 28px; border-bottom: 1px solid #ddd;}
.ContentRight .newslist p strong{ display:block; font-size: 16px;}
.ContentRight .newslist p em{ display:block; color: #999; font-style:normal;}
.ContentRight .Newsview{ padding: 30px 0;}
.ContentRight .Newsview h2{ text-align:center; font-size: 22px;}
.ContentRight .Newsview .text{ line-height: 28px; padding: 25px 0;}
.ContentRight .Newsview .time{ text-align:center; color: #999; padding: 15px 0;}
.ContentRight .Newsview .text img{ display:block; margin: 0 auto; max-width:100%;}
.ContentRight .Newsview .next{ border-top: 1px solid #ccc; padding-top: 25px;}
.ContentRight .Newsview .next span { float:right;}
.ContentRight .Newsview .next span a{ background: #006ACC; color: #fff; display:block; width: 68px; height: 35px; line-height: 35px; text-align:center;}
.ContentRight .Newsview .next span a:hover{ background: #000;}






.ContentRight .shebei{}
.ContentRight .shebei li{ float:left; width: 300px; margin-right: 25px; padding: 15px 0;}
.ContentRight .shebei li img{ width: 300px; display:block;}
.ContentRight .shebei .r{ float:right; margin-right: 0;}


.box0{ display:block;}
.box1{ display:none;}

.ContentRight .web{ line-height: 32px;}
.ContentRight .web .tag{ margin-top: 10px;}
.ContentRight .web .tag li{ float:left; width:86px; height: 35px; margin-right: 6px;}
.ContentRight .web .tag li a{ display:block; background: #EFEFEF; border: 1px solid #D9D9D9; border-bottom: none; text-align:center; height: 34px; line-height: 34px;}
.ContentRight .web .tag .r{ float:right; margin-right: 0;}
.ContentRight .web .tag .tag_a0,.ContentRight .web .tag .tag_b0,.ContentRight .web .tag .tag_c0{ background: #006ACC; color: #fff; border: 1px solid #006ACC;}
.ContentRight .web .box0{ border: 1px solid #D9D9D9; background: #F9F9F9; clear:both; margin: 0; padding: 15px;}
.ContentRight .web .clr_10{ height: 30px;}






.Content .productslist .Typetitle .t{ background: #F4F4F4; }
.Content .productslist .Typetitle{ margin-top: 15px;}
.Content .productslist{ padding-bottom: 30px;}
.Content .productslist p{ margin: 0; padding: 12px 0; line-height: 28px;}

.Content .productslist .menu{ width: 1216px; margin: 0 auto; padding: 20px 0; height: 40px;}
.Content .productslist .menu li{ float:left; width: 200px; height: 40px; line-height: 40px; text-align:center; background:#BEDFC4; margin: 0 1px; }
.Content .productslist .menu .tag{background: #006ACC; }
.Content .productslist .menu .tag a{ color: #fff;}

.Content .productslist .list li{ float:left; width: 388px; background: #fff; height: 470px; margin: 40px 45px 0 0; padding: 25px 0; color: #666; border: 1px solid #ddd;  box-shadow: 0 2px 5px #ddd;}
.Content .productslist .list li img{ display:block; margin: 0 auto; width: 386px;}
.Content .productslist .list li p{ margin: 0 25px; padding: 10px 0 0; line-height: 25px; font-size: 12px; color: #999;}
.Content .productslist .list li p strong{ font-size: 18px; font-weight:normal; display:block; margin-bottom: 15px; background:#BEDFC4; height: 42px; line-height: 42px; text-indent: 15px;}
.Content .productslist .list .r{ float:right; margin-right: 0;}
.Content .productslist .more{ font-weight:normal; color: #f60;}

.ContentRight .caselist{ padding-bottom: 20px;}
.ContentRight .caselist li img{ width:300px; display:block; margin-top: 30px; }
.ContentRight .caselist li{ position: relative; float:left; width: 300px; margin-right: 25px;}
.ContentRight .caselist li .r{ float:right; margin-right: 0;}
.ContentRight .caselist li span{ display:block; position:absolute; bottom: 0; left: 0; height: 38px; line-height: 38px; z-index: 9; text-align:center; width: 100%; background: rgba(0,0,0,0.6);}
.ContentRight .caselist li a,.ContentRight .caselist li a:visited{ color: #fff;}
.ContentRight .caselist li a:hover{ color: #DA251D;}
.ContentRight .caselist .r{ float:right; margin-right: 0;}



.ContentRight .caseview{ padding: 30px 0;}
.ContentRight .caseview h1{ text-align:center;}
.ContentRight .caseview .pic{ text-align:center;}
.ContentRight .caseview .text{ line-height: 28px;}
.ContentRight .caseview .text p{ margin: 0; padding: 15px 0;}
.ContentRight .caseview .text img{ display:block; margin: 0 auto; max-width: 100%;}
.ContentRight .caseview .next{ border-top: 1px solid #ddd; margin-top: 50px; padding-top: 30px; line-height: 35px;}

h3{ line-height:20px;}


.ProductsViewBanner{}
.ProductsViewBanner img{ width: 100%;}
.ProductsView{ width: 1260px; margin: 0 auto; padding: 20px 0;}




.ProductsView .menu{ height: 75px;line-height: 70px; border-bottom: 1px solid #ddd;}
.ProductsView .menu h1{ float:left; font-size:28px;line-height: 70px;  font-weight:bold;}
.ProductsView .menu ul{ float:right;}
.ProductsView .menu ul li{ float:left; width: 110px; text-align:center; background:url(../images/ico_7.gif) no-repeat center 52px; font-size: 15px;}

.ProductsView table{  border-collapse:collapse; margin-top: 15px; width: 100%;}
.ProductsView table td{ border: 1px solid #BEDFC4; padding: 2px 7px;}
.ProductsView table .tr td{ background: #BEDFC4; font-weight:bold;}


.ProductsView .top { padding: 30px 0; line-height: 32px; font-size: 14px; }
.ProductsView .top h2{ font-weight:bold; font-size: 18px; padding: 35px 0 0;}
.ProductsView .top p{ line-height: 30px; padding: 10px 0; margin: 0;}
.ProductsView .top .pic{ float:right; margin-left: 50px;}
.ProductsView .top .pic img{ display:block; margin-bottom: 30px;}
.ProductsView .top .th td{ background: #BEDFC4; font-weight:bold;}





.ProductsView .body{line-height: 30px;}
.ProductsView .body h2{ font-weight:bold; font-size: 18px;}
.ProductsView .body .text{ padding: 20px 0; line-height: 30px; font-size: 16px;}
.ProductsView .body .text table{ width: 100%; border-collapse:collapse;}
.ProductsView .body .text table td{ border: 1px solid #ddd; padding: 7px;}
.ProductsView .body .th td{ background: #BEDFC4; font-weight:bold;}



.ProductsView .body .text p{ margin: 0; padding: 15px 0;}
.ProductsView .body .pic{ padding: 20px 0;}
.ProductsView .body .pic img{ display:block; margin: 0 auto; width: 700px;}
.ProductsView .body p{ line-height: 30px; padding: 10px 0; margin: 0;}
.ProductsView .body h3{ font-weight:bold; background: url(../images/ico_8.jpg) no-repeat 0 center; color:#338350; font-size: 20px; height: 40px; line-height: 40px; padding: 13px 0 0; margin: 25px 0 10px; display:block;}
.ProductsView .body h3 span{ color: #fff; display:block; margin-right: 10px; float:left; width: 45px; line-height: 20px; text-align:center;}


.ProductsView .body .divbg1{padding: 25px 30px;background:#E8E9EB; margin-top: 15px;}

.ProductsView .body .divbg2{padding: 25px 15px;border-bottom: 1px solid #ddd;}
.ProductsView .pdfdown{ background: #3EB135; color: #fff; border-radius:15px; padding: 5px 15px;}
.ProductsView .pdfdown:hover{ background: #006ACC;}

.ProductsView .body .video{ display:block; margin: 25px auto 0; text-align:center;}


#vedio_img { cursor:pointer;}
#vedio { display:none;}
















.newslist{ padding: 10px 0;}
.newslist li{ height: 45px; line-height: 45px; border-bottom: 1px dotted #ccc; background:url(../images/ico_3.gif) no-repeat 0 19px; text-align:right; color: #999;}
.newslist li a{ float:left; padding-left: 18px;}

.newsview{ padding: 15px 0 25px;}
.newsview h2{ font-size: 26px; text-align:center; height: 45px;}
.newsview .time{ text-align:center; height: 35px; line-height: 35px;}
.newsview .text{ line-height: 25px; padding: 15px 0 30px;}
.newsview .text p{ margin: 0; padding: 10px 0;}
.newsview .next{ border-top: 1px solid #ccc; line-height: 32px; padding-top: 20px;}
.newsview .next span a{ display:block; background: #0093DD; float:right; width: 70px; height: 35px; line-height: 35px; margin-top: 10px; text-align:center; color: #fff;}
.newsview .next span a:hover{ background: #000; color: #fff;}



.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.7);z-index:100;display:none;top:0;left:0}
.reveal-modal{visibility:hidden;width:330px;margin:0 auto;top:150px;margin:0 auto;left:50%;margin-left:-150px;position:absolute;z-index:101;padding:30px 40px 34px;text-align:center;color:#fff;font-weight:700}
.reveal-modal .close-reveal-modal{font-size:38px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:700;cursor:pointer}
.reveal-modal img{ width: 330px;}