@charset "utf-8";
/*~~~~框架布局~~~*/
.clear{clear: both;}

/*==顶部↓==*/
.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{position: absolute;right: 0;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

.header{ position: relative;padding:5px 0 22px 0;height: 76px;}
.header .container{ }
.fixed-top{position:fixed;z-index:9999;width:100%;padding:10px 0; background:#fff;height: 60px;box-shadow: 0 0 10px #aaa;}
.fixed-top .logo{}
div.fixed-top .search .box{top:40px;}
.lang{ /*! position: absolute; */ right:0;/*! top:-27px; */text-align: right;margin-top: 10px;}
.lang a{color:#888888;font-size:14px;margin-left: 15px;height: 30px;line-height: 30px;padding: 4px 0 10px 20px;}
.lang a:hover{color:#108bd6}
.lang .tel{background: url(../images/tel.png) no-repeat left;padding-left: 50px;background-position-y: 0;}
.lang .ali{background: url(../images/alibaba.png) no-repeat left;padding-left: 50px;background-position-y: 0;}
.lang .taobao{background: url(../images/taobao.png) no-repeat left;padding-left: 50px;background-position-y: 0;}
.lang .tianmao{background: url(../images/tianmao.png) no-repeat left;padding-left: 50px;background-position-y: 0;}
.lang a.cn{background: url(../images/cn.jpg) no-repeat;background-position-y: 7px;}
.lang a.en{background: url(../images/en.jpg) no-repeat;background-position-y: 7px;}
.header .logo{}
.header .logo img{}
.header .nav{}
.header .nav li{float: left; position: relative; }
.header .nav li:nth-child(2){position: inherit;}
.header .nav li a.navAone{ display: block; color:#666; font-size:16px; padding:10px 20px;}
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#108bd6; }
/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/
.header .nav .sub img{display:block;width: 500px;height: 200px;background: #0092D8;}
.header .nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,0.9);line-height:26px;padding:30px 8%;z-index: 9999999;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .subpro{top: 70%;}
.subpro dt{float: left;width: 14.2%;height: 260px;}
.subpro dt:nth-child(1) .child-sub a{float: left;width: 45%;margin-right: 2%;}
.subpro dt:nth-child(1) .child-sub a:nth-child(2n){margin-right: 0}

.subpro dt:nth-child(2) .child-sub a{float: left;width: 45%;margin-right: 2%;}
.subpro dt:nth-child(2) .child-sub a:nth-child(2n){margin-right: 0}

.subpro .child-sub{padding-left: 10px;float: left;width: 100%;}
.subpro .child-sub a{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.subpro .child-sub a:hover{color: #0092d8;}

.header .nav .sub li{ zoom:1; }
.header .nav .sub a.navAtwo{ position:relative;float: left;display: inline-block; border-radius:0px;color: #0092d8;font-size: 14px;padding: 10px 10px 10px 15px;width: 165px;margin: 0 15px;border-bottom: 1px #D2D2D2 solid;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;background: url(../images/arrow_02.png) no-repeat left;}
.header .nav .sub a.navAtwo:hover{color:#0092d8}
.header .nav .sub a.navAtwo:before{content: "";display: block;position: absolute;bottom: -1px;left:0;width: 0;height:1px;background:#0092d8;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}
.header .nav .sub a.navAtwo:hover:before{width:100%;}
.header .nav .sub2{width: 150%;left: -28%;padding-top: 0}
.header .nav .sub2 a{float: none ! important;display: block;text-align: center;padding: 10px 10px 10px 15px;margin: 0 15px;border-bottom: 1px #D2D2D2 solid;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;background: url(../images/arrow_02.png) no-repeat left;}

.child-sub a{display: block;line-height: 30px;color: #000}


.header .tel{margin:10px 20px 0 25px;}
.header .tel em{display: block;width:20px;height:20px;background:url(../images/tel_ico.png) no-repeat center}
.header .tel span{padding:15px 20px;height:50px;width:190px; color:#0092d8;font-size:18px; border-radius:5px;text-align: center;border:1px #ddd solid;}
.header .search{ position:relative;margin: 10px 0 0 0;padding-bottom: 40px;}
.header .search em{display: block;width:20px;height:20px;background:url(../images/search_ico.png) no-repeat center}
.header .search:hover .box{ opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:56px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{ background:#000}



/*==首页产品↓==*/
.HomeProduct{margin:70px 0;}
.HomeProduct .tone{margin:10px 0 35px 0; text-align: center;}
.HomeProduct .tone li{  display: inline-block;color:#666666;font-size:20px; border:1px #ddd solid;padding:18px 60px;cursor: pointer;}

.HomeProduct .tone li.hit{color:#fff;background: #108bd6;}
.HomeProduct .picScroll-left{ position: relative}
.HomeProduct .list{}
.HomeProduct .list li{position: relative;float:left;width:400px;text-align: center;}
.HomeProduct .list li:before{ content:""; position: absolute; right:11px;top:0; width:75px;height:73px; z-index: 99;}
/*.HomeProduct .list li.p-1:before{background: url(../images/hot.png) no-repeat center;}
.HomeProduct .list li.p-2:before{background: url(../images/new.png) no-repeat center;}*/
.HomeProduct .list li img{height:300px;width:auto;max-width:100%;}
.HomeProduct .list li a{ display: block; margin:0 10px 0px 10px; border:1px #ddd solid;padding: 0 0 20px 0;}
.HomeProduct .list li h4{margin:10px 0 5px 0;color:#222222;font-size:16px;}
.HomeProduct .list li span{color:#666;font-size:12px;}
.HomeProduct .prev,.HomeProduct .next{ position: absolute; left:-55px;top:180px;width:40px;line-height:40px; border:1px #ddd solid;color:#ddd; text-align: center;font-size: 20px;cursor: pointer;}
.HomeProduct .next{ left:auto;right:-55px;}
.HomeProduct .list li:hover a{ border:1px #108bd6 solid}
.HomeProduct .list li:hover h4{color:#108bd6}
.HomeProduct .prev:hover,.HomeProduct .next:hover{color:#fff; border:1px #108bd6 solid; background: #108bd6}


/*==标题↓==*/
.titleAx{margin:10px 0; text-align:center;font-size:36px;color:#333333;font-weight: bold;}
.titleAx font{ display: block; color:#666;font-size:12px;margin-top: 5px;font-weight: 400;}
#titleAx-white,#titleAx-white font{color:#fff}

.titleBx{ margin:30px 0;color:#333333;font-size:36px;  text-align: center;}
.titleBx span{ display: block; margin-top:10px;color:#888888;font-size:14px; }


/*==优势↓==*/
.HomeAdvantage{padding:70px 0; background: #f2f5fa;}
.HomeAdvantage .list{ position: relative;z-index: 2;margin: 50px 0 0 0;}
.HomeAdvantage .list hr{ position: absolute; left:0;top:45px;display: block; border-top:1px #999 dashed; width: 100%;height: 1px;border-bottom: 0px;z-index: 0;}
.HomeAdvantage .list li{ float:left;width:300px; text-align: center;padding: 0px 40px;}
.HomeAdvantage .list li em{ position: relative; display: block;margin:auto; width:100px; height:85px; border:3px #ddd solid;background: #f2f5fa;}
.HomeAdvantage .list li em i{ display: block; position: absolute; left:30px; top:-15px; color:#fff;background: #108bd6;padding: 2px 10px;font-style: normal;font-weight: bold;}
.HomeAdvantage .list li em:before{content: ""; position: absolute; left:20px;top:20px;display: block;width:50px;height:50px;}
.HomeAdvantage .list li h3{margin:30px 0;color:#222222;font-size:20px;}
.HomeAdvantage .list li p{color:#777777;font-size:14px;}
.HomeAdvantage .list li.x1 em:before{ background: url(../images/adIco01.png) no-repeat center;}
.HomeAdvantage .list li.x2 em:before{ background: url(../images/adIco02.png) no-repeat center;}
.HomeAdvantage .list li.x3 em:before{ background: url(../images/adIco03.png) no-repeat center;}
.HomeAdvantage .list li.x4 em:before{ background: url(../images/adIco04.png) no-repeat center;}


/*==方案↓==*/
.HomeSolution{margin:70px 0;}
.list-solution{ margin-top:25px;}
.list-solution li{ float:left; width:286px; margin:7px;}
.list-solution li h4{ color:#fff;font-size:18px; padding:10px 0; text-align: center;  background: #108bd6;font-weight: bold;}


/*==首页伙伴↓==*/
.HomePartner{ padding:70px 0; background:#f2f5fa}
.HomePartner .picScroll-left{ position: relative}
.HomePartner .long{ margin-top:30px}
.HomePartner .list li{ float:left; width:240px;}
.HomePartner .list li a{ display: block; margin:0 5px;border: 1px #eee solid;}
.HomePartner .list li img{ max-width:100%;display: block;}
.HomePartner .list li:hover a{ border:1px #108bd6 solid;box-shadow: 0 0 10px #ddd}
.HomePartner .prev,.HomePartner .next{ position: absolute; left:-55px;top:50px;width:40px;line-height:40px; border:1px #bbb solid;color:#bbb; text-align: center;font-size: 20px;cursor: pointer;}
.HomePartner .next{ left:auto;right:-55px;}
.HomePartner .list li:hover h4{color:#108bd6}
.HomePartner .prev:hover,.HomePartner .next:hover{color:#fff; border:1px #108bd6 solid; background: #108bd6}


/*==首页关于↓==*/
.HomeAbout{ padding:80px 0; background: url(../images/hbBg.jpg) no-repeat center;height: 580px;}
.HomeAbout .wx{margin:40px 0 70px 0; color:#fff;font-size:14px;text-align: center;}
.HomeAbout ul{ text-align: center;}
.HomeAbout ul li{ display: inline-block; border:1px #eee solid;padding:20px 30px;margin:0 20px; text-align: center;}
.HomeAbout ul li em{ display: block; width:50px;height:50px;margin: auto;}
.HomeAbout ul li h3{ color:#fff;font-size:16px;margin-top:5px;}
.HomeAbout ul li.x1 em{ background: url(../images/hbIco01.png) no-repeat center;}
.HomeAbout ul li.x2 em{ background: url(../images/hbIco02.png) no-repeat center;}
.HomeAbout ul li.x3 em{ background: url(../images/hbIco03.png) no-repeat center;}
.HomeAbout ul li.x4 em{ background: url(../images/hbIco04.png) no-repeat center;}
.HomeAbout ul li.x5 em{ background: url(../images/hbIco05.png) no-repeat center;}
.HomeAbout ul li:hover{ background: #108bd6;}


/*==特点↓==*/
.digital{padding:45px 0 30px 0; background: #108bd6;overflow: hidden;float: left;width: 100%;}
.digital ul{/*! float: left; */}
.digital ul li{ float:left; width:300px; text-align: center;color: #fff;}
.digital ul li i{ padding-left:20px; display:  ruby-text-container;/*! float: right; */}
.digital ul li span{color:#fff;font-size:50px;margin-right: 5px;}
.digital ul li h3{color:#fff;font-size:16px; margin-top:10px;}


/*==首页新闻↓==*/
.HomeArticle{margin:80px 0 70px 0}
.HomeArticle .list{margin-top: 30px;}
.HomeArticle .list li{ position: relative;float: left;width: 380px;margin: 0 10px; overflow: hidden;height: 500px;}
.HomeArticle .list li .box1{padding:25px; background: #f9f9f9;}
.HomeArticle .list li .box1 h4{color:#222222;font-size:18px;}
.HomeArticle .list li .box1 p{margin-top:0px;color:#888888;font-size:12px}
.HomeArticle .list li .box2{ opacity: 0; position: absolute; left:0;top:100px; padding:30px;background: #108bd6;width: 100%;height: 100%;transition: all .4s ease-in-out;}
.HomeArticle .list li .box2 span{ display: block;padding:20px 10px 10px 10px;color:#fff;font-size:26px; background: #0d6fab;float: left;margin-top: -30px;margin-bottom: 30px;}
.HomeArticle .list li .box2 span font{ display: block;font-size:14px}
.HomeArticle .list li .box2 span hr{ display: block;width:20px;height:1px; background: #fff;border: none;margin-bottom: 7px;}
.HomeArticle .list li .box2 h4{ font-size:18px;color:#fff;clear: both;margin: 20px 0 20px 0;}
.HomeArticle .list li .box2 p{ color:#fff;font-size:14px;}
.HomeArticle .list li .box2 b{ display: block;width:106px;height:33px; margin:30px auto 0; background: url(../images/line07.png) no-repeat center;}
.HomeArticle .list li:hover .box2{top:0; opacity: 1}
.HomeArticle .more{color:#2c90d0;font-size:14px; border:1px #2c90d0 solid;padding:8px 70px;margin:40px auto 0; display: table;overflow: hidden;}
.HomeArticle .more:hover{ color:#fff; background: #2c90d0}


/*==新闻列表↓==*/
.NewsListBox2{}
.NewsListBox2 .list{}
.NewsListBox2 .list li{ float:left;width:370px; margin:15px;height: 500px;} 
.NewsListBox2 .list li .box{padding:20px; background: #f9f9f9;}
.NewsListBox2 .list li h4{color:#222222;font-size:18px;}
.NewsListBox2 .list li p{margin:10px 0;color:#888888;font-size:14px;}
.NewsListBox2 .list li b{color:#108bd6;font-size:12px;}
.NewsListBox2 .list li b font{float:right;color:#888888;font-size:12px;}
/*.NewsListBox2 .list li:hover .box{ background: #108bd6;}*/
.NewsListBox2 .list li:hover h4{color:#108bd6}


/*==关于↓==*/
.AboutBox{}
.AboutBox .introduction{margin: 20px 0 50px 0;}
.AboutBox .introduction .pic{ display: block;}
.AboutBox .introduction .wx{ margin:30px 0;color:#666666;font-size:14px;}
.AboutBox .introduction .wx .title{ float:left;width:200px;margin-right:50px;color:#108bd6;font-size:50px; line-height: initial}
.AboutBox .introduction .wx .title font{ display: block; font-size:23px;}
.AboutBox .culture{ padding:50px 0 70px 0; background: #f5f5f5;}
.AboutBox .culture ul{}
.AboutBox .culture ul li{float:left; width:270px; margin:0 15px; padding:70px 0;text-align: center; background: #fff;transition: all .7s ease-in-out;}
.AboutBox .culture ul li .box{ position: relative;height: 90px;}
.AboutBox .culture ul li em{ display: block;width:70px;height:70px;margin:0 auto 20px;background:url(../images/icoB.png) no-repeat 0 0;transition: all .6s ease-in-out;}
.AboutBox .culture ul li h2{ position:absolute;top:0;color:#222222;font-size:24px;margin-bottom: 15px;transition: all .4s ease-in-out;width: 100%;}
.AboutBox .culture ul li hr{ position:absolute;top:40px;left:30%;display: block; width:100px;height:1px;background: #999;margin: 0 auto 10px;border: 0px;transition: all .4s ease-in-out;}
.AboutBox .culture ul li span{position:absolute;top:50px;color:#666666;font-size:12px;transform:translateY(0px);width: 100%;left: 0;transition: all .4s ease-in-out;}
.AboutBox .culture ul li p{position:absolute;top:0px;opacity:0;padding:0 30px;color:#fff;font-size:16px;height: 0px;transition: all .4s ease-in-out;}
.AboutBox .culture ul li.x1 em{ background-position: 0 0;}
.AboutBox .culture ul li.x2 em{ background-position: -76px 0;}
.AboutBox .culture ul li.x3 em{ background-position:-155px 0;}
.AboutBox .culture ul li.x4 em{ background-position:-235px 0;}
.AboutBox .culture ul li:hover h2{ opacity: 0;top:20px;}
.AboutBox .culture ul li:hover hr{top:0px; background: #fff}
.AboutBox .culture ul li:hover span{top:0px;opacity: 0}
.AboutBox .culture ul li:hover p{top:20px;opacity: 1}
.AboutBox .culture ul li:hover{ background:#108bd6}
.AboutBox .culture ul li.x1:hover em{ background-position: 0 -66px;}
.AboutBox .culture ul li.x2:hover em{ background-position: -76px -68px;}
.AboutBox .culture ul li.x3:hover em{ background-position:-155px -70px;}
.AboutBox .culture ul li.x4:hover em{ background-position:-235px -70px;}
.aboutBox4{padding:50px 0 10px 0;overflow:hidden;/*! background:#f5f5f5; */float: left;width: 100%;}
.aboutSetting{width:1200px;position:relative;overflow:hidden;}
.aboutSetting li{float:left;width:290px;height:225px;overflow:hidden;margin-bottom:10px;}
.aboutSetting li img{width:298px;height:225px;transition:all 0.5s;}
.aboutSetting li:nth-child(2n){float:right;margin-left:400px;}
.aboutSetting li.s1{position:absolute;left:300px;top:0;}
.aboutSetting li.s1,.aboutSetting li.s1 img{width:600px;height:460px;}
.aboutSetting li span{background: rgba(0,0,0,0.7);height:45px;line-height:40px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;text-align:center;transition:all 0.3s;display:block;}
.aboutSetting li:hover span{margin-top:-45px;}
.aboutSetting li:hover img{transform:scale(1.1,1.1);}


/*==菜单↓==*/
.menu2{ }
.menu2 li{float:left;width:190px; position: relative;border:1px #ddd solid; margin:0 10px 10px 0;}
.menu2 a.one{ text-align:center;color:#666666;    font-size: 14px;padding: 15px 4px;display: block;}
.menu2 a.one:hover,.menu2 .active .one{color:#fff; background: #108bd6;}
.menu2 .sub{ display: none; position: absolute;left:0;top:100%;width:100%; border:1px #ddd solid;background: #f5f5f5;z-index: 99;}
.menu2 .sub a{ display: block; border;1px #ddd solid;padding: 10px 10px;border-bottom: 1px #ddd dotted;}
.menu2 .sub a:hover{color:#fff; background: #108bd6}
.menu2 li:hover .sub{ display: block}


/*==产品↓==*/
.ProductListBox{margin: 15px 0 0 0;position: relative;}
.ProductListBox .list-product{overflow: hidden;float: left;width: 100%;margin: 30px 0 0 0;}
.ProductListBox .list-product li{ position:relative;float:left;width:370px; margin:0 15px 20px 15px; border:1px #ddd solid}
.ProductListBox .list-product li:before{ content:""; position: absolute; right:0px;top:0; width:75px;height:73px; z-index: 99;}
/*.ProductListBox .list-product li.p-1:before{background: url(../images/hot.png) no-repeat center;}
.ProductListBox .list-product li.p-2:before{background: url(../images/new.png) no-repeat center;}*/
.ProductListBox .list-product li .box{padding:15px 20px; background: #eeeeee;overflow: hidden;display: flex;justify-content: space-between;}
.ProductListBox .list-product li img{height:320px;}
.ProductListBox .list-product li h4{float:left;color:#222222;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;width: 77%;
  margin-right: auto;}
.ProductListBox .list-product li h4 font{ display:block;color:#666666;font-size:12px;}
.ProductListBox .list-product li b a{ position:relative;float:right; background: #108bd6;margin: -20px;height: 85px;width: 90px;padding:30px 0 0 0px; text-align: center;color:#fff;font-size:0px;transition: all .5s ease-in-out;}
.ProductListBox .list-product li b a:before{ content: ""; position: absolute; top:40px;right:20px;display: block; width:50px;height:5px; background: url(../images/line08.png) no-repeat center;transition: all .4s ease-in-out;}
/*.ProductListBox .list-product li b a{ opacity: 0; color:#fff;font-size:14px;padding:30px 0 0 20px; width:100%;height:100%;display: block;font-style: normal;transition: all .6s ease-in-out;}*/
/*.ProductListBox .list-product li:hover{ border: 1px #108bd6 solid;}*/
.ProductListBox .list-product li:hover b a:before{ right:0; opacity: 0}
.ProductListBox .list-product li:hover b a{ font-size:14px;transition: all .35s ease-in-out;}
.ProductListBox .list-product li:hover b a{ background: #f60}
.ProductListBox .list-product li .EIMS_C_40019_20_afterList{ background: #f60}
.ProductListBox .list-product li .EIMS_C_40019_20_afterList:before{ opacity: 0}
.ProductListBox .list-product li .EIMS_C_40019_20_afterList{ font-size:14px;}
.ProductListBox .list-product li .EIMS_C_40019_20_AddList{font-size:0px;background: #108bd6;}
.ProductListBox .list-product li .EIMS_C_40019_20_AddList:before{ opacity: 1}


/*==产品对比==*/
.ProductCbox{ left:50px;top:0; position: absolute;}
.ProductCbox .bigBox{ display:none;width:200px;border:1px #ddd solid; background: #fff;}
.ProductCbox .bigBox::before{ display: none;}
.ProductCbox h1.title{color:#fff;font-size:15px;background: #108bd6;padding: 10px;}
.ProductCbox h1.title em{ color:#fff;font-size:16px;float: right;cursor: pointer;}
.ProductCbox .list{padding: 15px 20px 10px 20px;border-bottom: 1px #ddd solid;}
.ProductCbox .list li{ position: relative;width:100%;border-bottom:1px #ddd solid;border-top:1px #fff solid;border-left:1px #fff solid;border-right:1px #fff solid;padding-bottom:10px;margin-bottom:10px;}
.ProductCbox .list li:last-child{ border:1px #fff solid}
.ProductCbox .list li:hover{  border:1px #108bd6 dashed}
.ProductCbox .list li .EIMS_C_40019_20_C{ position: absolute;right:0;top:0; color:#fff;font-size:15px; width:20px;line-height:20px; text-align: center; background: #108bd6;cursor: pointer;display: none;transition: all .4s ease-in-out;}
.ProductCbox .list li img{width:100%;}
.ProductCbox .list li .EIMS_C_40019_20_name{ font-size:12px;color:#666; text-align: center;display: block;}
.ProductCbox .see{ cursor: pointer; display: table;margin:20px auto 20px; text-align: center; /*! border-top:1px #ddd solid; */ color:#fff;font-size:12px;width:110px;line-height:30px;background: #108bd6;}
.ProductCbox .see:hover{background: #f60}
.ProductListBox #fixedBoxA{width:300px}
.ProductListBox .fixedBoxA1{display: none;}
.ProductListBox .fixedBoxA2{position:fixed;_position:absolute;top:50px; z-index:250;display: block;}
.ProductListBox .absolute{position:absolute; z-index:250; bottom:0px;}


/**/
.titlePE{color:#666;font-size:25px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #666 solid;margin-top: 20px;}
.product-table{/*! border: 1px #ddd solid; */margin: 30px 0 20px 0;}
.product-table tr{}
.product-table tr th{padding:10px;color:#999;font-size:13px;width: 360px;border: 1px #ddd solid;vertical-align: middle;font-weight: 400;}
.product-table tr.top{}
.product-table tr.top th{ height:200px;}
.product-table tr.top th img{ height:100%;}
.product-table .title{ color:#333;font-size:16px;font-weight:bold; text-align: center;width: 120px;}


/*==产品详情↓==*/
.ProductShow{min-height:1600px;margin: 30px 0 0 0;}
.ProductShow .sTop{float:left;width:100%;}
.ProductShow .sTop .slidePic{position:relative;width:600px;border:1px #ddd solid;/*! overflow: hidden; */height: 500px;}
.ProductShow .sTop .slidePic li{ width:100%;/*! float: left; */}
.ProductShow .sTop .slidePic li img{width:80%;margin: 0 auto;display: block;}
.ProductShow .sTop .slidePic .prev,.ProductShow .sTop .slidePic .next{position:absolute;left:20px;top:45%;font-size:100px;color:#666;/* margin-top:-25px; */display:block;width:50px;height: 95px;/*! padding: 5px 7px; */background: url(../images/ctrl.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity: 0.3;}
.ProductShow .sTop .slidePic .next{left:auto;right:20px;background-position: -40px 0px;}
.ProductShow .sTop .slidePic .prev:hover,.ProductShow .sTop .slidePic .next:hover{filter:alpha(opacity=100);opacity:1;}

.ProductShow .sTop .right{margin:50px 0 0 0; width:555px;}
.ProductShow .sTop .right h1{ color:#333;font-size:25px; padding:0 0 35px 0;border-bottom: 1px #bbb dashed;}
.ProductShow .sTop .right span{ display: block; margin:35px 0;}
.ProductShow .sTop .right span font{ display: table; color:#fff;background:#108bd6;/*! float: left; */clear: both;padding: 5px 30px;margin-top: 10px;}
.ProductShow .sTop .right p{ border-top:1px #ddd dashed;padding-top:40px;}
.ProductShow .sDown{margin-top:50px;}
.ProductShow .sDown .left{width:290px;}
.ProductShow .sDown .left .box{margin-bottom:20px; border:1px #ddd solid}
.ProductShow .sDown .left h3.title{ color:#fff;font-size:20;padding: 15px 20px; background:#666;text-align: center;}
.ProductShow .sDown .left .picMarquee-top{width:100%;padding: 30px 20px;overflow: hidden;height:405px;}
.ProductShow .sDown .left .picMarquee-top .tempWrap{height:370px;}
.ProductShow .sDown .left .picMarquee-top .list{}
.ProductShow .sDown .left .picMarquee-top .list a{ display: block;clear: both;margin: 0 0 15px 0;/*! float: left; *//*! width: 100%; */overflow: hidden;height: 100px;}
.ProductShow .sDown .left .picMarquee-top .list .pic{width:120px;border: 1px #ddd solid;margin-right: 10px;}
.ProductShow .sDown .left .picMarquee-top .list h4{color:#666;font-size:14px;margin:10px 0 5px 0;}
.ProductShow .sDown .left .picMarquee-top .list span{ color:#999;font-size:12px;}
.ProductShow .sDown .left .picMarquee-top .list a:hover .pic{border:1px #108bd6 solid}
.ProductShow .sDown .left .picMarquee-top .list a:hover h4{color:#108bd6}
.ProductShow .sDown .left .contact-box .wx{padding:30px 20px}
.ProductShow .sDown .left .contact-box span{ display: block;color:#888;font-size:14px;margin:0 0 5px 0;}
.ProductShow .sDown .left .contact-box span:before{ margin-right:5px;}
.ProductShow .sDown .right{width:870px;}
.ProductShow .sDown .right .tab-menu{width:100%; background: #ddd;overflow: hidden;}
.ProductShow .sDown .right .tab-menu li{ padding:15px 50px; float: left;cursor: pointer;font-size: 15px;}
.ProductShow .sDown .right .tab-menu li.hit{ background: #108bd6;color: #fff;}
.ProductShow .sDown .right .tab-box{margin-top:20px;padding:20px 0;}
.ProductShow .sDown .right .tab-box img{max-width: 100%}
.ProductShow .sDown .right .box .download{ display: block; padding:10px 20px; color:#666;font-size:14px; }
.ProductShow .sDown .right .box .download:nth-child(even) {background:#f1f1f1}
.ProductShow .sDown .right .box .download span{float:right;font-size:14px;color:#777;}
.ProductShow .sDown .right .box .download:hover,.ProductShow .sDown .right .box .download:hover span{ color:#c31117}
.ProductShow .sDown #fixedBoxA{width:290px}
.ProductShow .sDown .fixedBoxA1{}
.ProductShow .sDown .fixedBoxA2{top:30px; z-index:250;}
.ProductShow .sDown .absolute{position:absolute; z-index:290; bottom:0px;}


/*==弹出表单==*/
.cd-popup{position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container{position: relative; width:400px; margin:250px auto; height:250px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.cd-popup-close{position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container{-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.cd-popup1{position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup1.is-visible1{opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container1{position: relative; width:400px; margin:250px auto; height:250px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transform: translateY(-60px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.cd-popup-close{position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible1 .cd-popup-container1{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

.cd-popup2{position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:9999;}
.cd-popup2.is-visible2{opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container2{position: relative; width:400px; margin:250px auto; height:250px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transform: translateY(60px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s;}
.cd-popup-close{position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible2 .cd-popup-container2{-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}

/*====*/
.txtBoxInput{width: 500px;height: 550px;padding: 35px;}
.tBI2{height:580px;}
.txtBoxInput h1{color:#666;font-size:20px;margin: 0 0 30px 0;}
.txtBoxInput .cd-popup-close{ color:#fff;/*! padding:10px; */ background:#666;width: 25px;/*! line-height: 3px; */display: block;text-align: center;height: 25px;}
.txtBoxInput .cd-popup-close:hover{ background: #000}
.txtBoxInput .frame{width:100%;overflow: hidden;clear: both;margin: 10px 0 10px 0;} 
.txtBoxInput .frame b{float:left;width:100px;text-align: right;padding-right: 15px;}
.txtBoxInput .frame .i1,.txtBoxInput .frame .i2{float:left; border:1px #ddd solid;padding:5px;line-height:25px;width: 300px;}
.txtBoxInput .frame .i2{height:100px}
.txtBoxInput .frame .i3{}
.txtBoxInput .frame .ro{float: left;margin-right: 5px;font-size: 12px;color: #999;}
.txtBoxInput .submit{ display: table;margin:20px auto 0; color:#fff;font-size:15px; padding:10px 50px; background: #999;cursor: pointer;}
.txtBoxInput .submit:hover{ background: #f60;}


/*==底部===*/
.footer{padding: 0px 0 0 0;background: #2e2e2e;}
.footer .nav h3,.footer .middle h3{color:#fff;font-size:16px;margin-bottom:10px;}
.footer .nav{width: 800px;display: table;padding: 80px 0 50px 0;}
.footer .nav li{display: table-cell;padding-right: 25px;}
.footer .nav li a{ display: block;color:#999; line-height:20px;font-size:14px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .middle{padding:80px 0 50px 80px;line-height: 22px;/*! margin: 10px 10px; */border-left:1px #545454 solid;/*! padding:10px 10px; */color:#a4a4a4;font-size:12px;width: 400px;/*height: 460px;*/}
.footer .middle span{ display:block;color:#a4a4a4;font-size:14px;margin:0 0 10px 0;padding-left:25px;}
.footer .middle span.address{ background: url(../images/address_ico.png) no-repeat left top;}
.footer .middle span.mail{ background: url(../images/mail_ico.png) no-repeat left top;}
.footer .middle span.tel{ background: url(../images/tel2_ico.png) no-repeat left top;}
.footer .middle a:hover{ color:#fff}
.footer .down{color:#a4a4a4;font-size:12px; border-top:1px #545454 solid;padding:15px 0}
.footer .down a{color:#a4a4a4;font-size:12px;}
.footer .down a:hover{color:#fff}
.footer .link{margin-top: 10px;padding:20px 0;border-top: 1px #333 solid;}
.footer .link h3{float: left;color:#fff;font-size:14px}
.footer .link h3 font{color:#999; font-size:11px; margin-left:5px}
.footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dashed;}
.footer .link a:hover{color:#fff}
.footer .link a:last-child{border:none;}

/* 相关产品样式 */
.related-product {overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;margin-bottom: 20px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#108bd6;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.related-product ul{ width:1200px; margin-top:20px;margin: auto;}
.related-product li{float:left;width:273px;margin-bottom:20px;margin-right:27px;border:1px solid #ddd;background:#eee;text-align:center;}
.related-product li a{display:block;width:280px;}
.related-product li img{width:280px;height:180px;padding:5px;background:#fff;}
.related-product li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.related-product li:hover{border:1px solid #108bd6;}
.related-product li a:hover{background:#108bd6;color:#fff;}


/*首页新闻中心*/
.i_news_nav{ overflow:hidden; text-align:center; line-height:50px; margin-bottom:50px;}
.i_news_nav li { display:inline;}
.i_news_nav li a{ border:1px solid #666; padding:10px 25px; margin:10px;}
.i_news_nav .active a{ font-weight:bold;}