@charset "utf-8";
/* CSS Document */

/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ background:#fff; color:#202020; font:normal 14px/22px Arial, Helvetica, sans-serif, "微软雅黑", "华文细黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#202020;  }
a:hover{ color:#0ea1bc; }
.main{ width:1152px; margin:0 auto;}
.clear{ clear:both;}
.hei{ height:100px;}
.cont{ min-height:200px;}

/*top*/
.top{ width:100%; min-width:1152px; height:38px; font-size:13px; color:#ccc; background:#434343; position:absolute; top:0; left:0; z-index:1001;}
.top .welcome{ float:left; line-height:38px;}
.top .welcome a{color:#ccc;}
.top .welcome a:hover{color:#e2e2e2;}
.top .right{ float:right;}


/*search*/
.top .searchbox{ width:108px; height:20px; margin-top:9px; border-radius:10px; background:#434343; overflow:hidden; float:right;}
.top .searchbox input{ width:80px; height:20px; padding-left:8px; border:none; line-height:20px; font-size:12px; color:#ddd; background:#5a5a5a; float:left;}
.top .searchbox button{ width:28px; height:20px; float:right; padding:0; border:none; cursor:pointer;}

/*language & telephone*/
.top .lan{ margin:0 24px; line-height:38px; float:right;}
.top .lan a{color:#ccc;}
.top .lan a:hover{color:#e2e2e2;}
.top .tel{ line-height:38px; float:right;}

/*header*/
.header{ width:100%; min-width:1152px; height:125px; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.75); position:absolute; top:38px; left:0; z-index:1000;}
.header .logo{ display:block; float:left;}

/*navigation*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:649px; height:60px; margin-left:38px; float:right;  position:relative; z-index:1;  }
.nav a{ color:#555;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 20px; margin-top:47px; font-weight:normal; line-height:76px; font-size:17px;}
.nav .sub{ display:none; width:190px; left:0; top:125px;  position:absolute; background:url("navsubbg.png"); box-shadow:1px 1px 3px rgba(0,0,0,0.75); line-height:26px; font-size:15px; padding:12px 15px 18px;  }
.nav .sub li{ zoom:1; width:190px; min-height:36px; border-bottom:1px dashed #ccc; line-height:36px; }
.nav .sub a{ display:block;line-height:22px; padding:7px 10px; }
.nav .sub a:hover{ color:#0ea1bc; }
.nav .on h3 a{ border-bottom:2px solid #3dc0d8; }




/*foot*/
.foot{ width:100%; min-width:1152px; background:url("index2_44.jpg"); }
.foot_top{ min-height:185px; padding-top:20px; padding-bottom:24px;}
.foot_top .left li{ float:left; margin-right:68px; margin-top:2px;}
.foot_top .left li dt a{ line-height:56px; font-size:18px; }
.foot_top .left li dd{ line-height:30px; font-size:13px;}
.foot_top .left li dd img{ padding-right:8px;}
.foot_top .left li dd.weichat{ position:relative; cursor:pointer;}
.foot_top .left li dd.weichat em{ display:none; width:204px; height:185px; padding:3px 10px 26px 4px; text-align:center; left:80px; bottom:20px;}
.foot_top .left li dd.weichat em img{ display:block; width:169px; height:169px;  margin-top:8px; margin-left:17px;}
.foot_top .left li dd.weichat:hover em{ display:block;}

.foot_top .right{ width:250px; padding-left:50px; margin-top:7px; float:right;}
.foot_top .right .tit{ line-height:46px; font-size:18px;}
.foot_top .right .txt{ width:250px; height:24px; padding:3px 6px; margin:3px 0; border:1px solid #ddd; line-height:24px; font-size:13px; }
.foot_top .right .txt2{ height:48px;font-family:"微软雅黑";}

.foot_top .right .button{ width:100px; height:32px; border:none; border-radius:3px; color:#fff; background:#0ea1bc; cursor:pointer;}
.foot_top .right .button:hover{ background:#13aeca;}



.foot_bottom{ width:100%; min-width:1152px; line-height:56px; text-align:center; color:#eee; background:#424242;}



/*index banner*/
.slideBox{ width:100%; min-width:1152px; height:380px; overflow:hidden; position:relative; }
.slideBox .hd{ width:100%; min-width:1152px; height:36px; overflow:hidden; position:absolute; left:0; top:350px; background:#3dc0d8; z-index:10; }
.slideBox .hd ul{ width:130px; height:100%; margin:0 auto; zoom:1; }
.slideBox .hd ul li{ margin:10px 7px 0; width:10px; height:10px; border:1px solid #fff; border-radius:7px; background:#fff; float:left; cursor:pointer; }
.slideBox .hd ul li.on{ background:none; }
.slideBox .bd{ position:relative; height:350px; z-index:0;}
.slideBox .bd li{ zoom:1; width:100%; min-width:1152px; height:350px; vertical-align:middle; text-align:center; overflow:hidden; position:relative;}
.slideBox .bd img{ width:1440px; height:350px; display:block; position:absolute; left:50%; margin-left:-960px; }



/*index products*/
.index_products{ width:100%; min-width:1152px; background:#fff; padding-top:60px; padding-bottom:10px;}
.index_tit{ display:block; width:100%; height:60px; line-height:40px; font-size:30px; font-weight:normal; text-align:center; background:url("index2_12.png") no-repeat;}
.index_tit a{ color:#0ea1bc; line-height:60px; letter-spacing:1px; transition:all 0.1s;}
.index_tit a em{ color:#bbb;}
.index_tit a:hover{ color:#14c8e9; text-shadow:2px 3px 1px #cfcfcf;}

.picScroll-left{ width:1152px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ width:100%; height:1px; padding:0 10px; position:relative; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:26px; height:45px; overflow:hidden; cursor:pointer; background:url("index_prod_arrow_left.png") no-repeat; position:absolute; left:1%; top:130px; z-index:100; filter:alpha(opacity=65); opacity:0.65; }
.picScroll-left .hd .next{ background:url("index_prod_arrow_right.png") no-repeat; left:auto; right:2.2%; }
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{filter:alpha(opacity=100); opacity:1;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ width:1092px; margin:0 auto; padding:10px; }
.picScroll-left .bd ul{overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ width:300px; height:320px; margin:0px 32px 30px;float:left; _display:inline; text-align:center; }
.picScroll-left .bd ul li .pic{ width:300px; height:224px; margin:16px 0 22px; text-align:center; }
.picScroll-left .bd ul li .pic img{ width:300px; height:224px; transition:transform 0.65s; }
.picScroll-left .bd ul li .pic a:hover img{ transform:scale(1.2,1.2); }
.picScroll-left .bd ul li .title{ display:block; padding:6px 0; font-size:16px; }


/*index about*/
.index_about{ width:100%; min-width:1152px; padding:50px 0; background:#f2f2f2; }
.index_about .index_tit{ margin-bottom:25px; background:url("index2_122.png") no-repeat;}
.index_about_cont{ width:1190px;}
.index_about_cont li{ width:1152px; height:347px; padding-bottom:9px; margin:0 18px; background:url("index_case_03.png") center bottom no-repeat; float:left;}
.index_about_cont li dl{ height:348px; border:1px solid #e5e5e5; background:#fff;}
.index_about_cont li dl dd{ padding:0 12px;}
.index_about_cont li dl .pic{ width:358px; height:233px; padding:0; overflow:hidden;}
.index_about_cont li dl .pic img{ width:100%;  transition:transform 0.65s;}
.index_about_cont li dl .pic:hover img{ transform:scale(1.1,1.1);}
.index_about_cont li dl .tit { padding-top:8px; font-size:18px; font-weight:normal; line-height:42px;}
.index_about_cont li dl .tit h2 a{ font-size:18px; font-weight:normal; line-height:42px;}
.index_about_cont li dl .info{ font-size:13px; line-height:22px; color:#767676;}


/* index_news */
.index_news{ padding:50px 0;}
.index_news .index_tit{ font-size:24px; text-align:right; background:url("index2_1223.png") left 6px no-repeat;}
.index_news .right .index_tit{ background:url("index2_1224.png") left 6px no-repeat;}
.index_news .left{ width:545px; float:left; margin-right:60px;}
.index_news .right{ width:470px; float:right;}

.index_news .left li{ margin-top:10px; padding:10px 0; border-bottom:1px dashed #ddd; }
.index_news .left .tit a{ font-size:15px;}
.index_news .left .info{ font-size:12px; line-height:22px; color:#767676;}



.picScroll-video{ width:468px;  overflow:hidden; position:relative; }
.picScroll-video .hd{ width:100%; height:1px; padding:0 10px; position:relative; }
.picScroll-video .hd .prev,.picScroll-video .hd .next{ display:block;  width:26px; height:45px; overflow:hidden; cursor:pointer; background:url("index_prod_arrow_left.png") no-repeat; position:absolute; left:1%; top:130px; z-index:100; filter:alpha(opacity=65); opacity:0.65; }
.picScroll-video .hd .next{ background:url("index_prod_arrow_right.png") no-repeat; left:auto; right:3.5%; }
.picScroll-video .hd .prev:hover,.picScroll-video .hd .next:hover{filter:alpha(opacity=100); opacity:1;}
.picScroll-video .hd .prevStop{ background-position:-60px 0; }
.picScroll-video .hd .nextStop{ background-position:-60px -50px; }
.picScroll-video .hd ul li.on{ background-position:0 0; }
.picScroll-video .bd{ width:396px; margin:0 auto;}
.picScroll-video .bd ul{overflow:hidden; zoom:1;}
.picScroll-video .bd ul li{ float:left; _display:inline; text-align:center; position:relative; }
.picScroll-video .bd ul li .pic{ width:396px; height:257px; margin:16px 0 12px; text-align:center; overflow:hidden; }
.picScroll-video .bd ul li .pic img{ width:100%; }
.picScroll-video .bd ul li .title a{font-size:14px; text-align:center;}





/*index partner*/
.index_partner{ padding:50px 0 1px; position:relative;}
.index_partner .index_tit{ width:360px; height:60px; background-image:none; background:#fff; position:absolute; left:50%; top:16px; margin-left:-180px; z-index:100;}

		.picMarquee-left{ width:1152px; margin-top:30px;  overflow:hidden; position:relative; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 20px; float:left; _display:inline; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; height:150px;}
		.picMarquee-left .bd ul li .pic img{  max-width:100%; max-height:150px; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;  }


.about_cont{ width:1024px; margin:0 auto;}
.about_cont .about_nav{ padding:0 8px; margin:30px 0 30px; font-size:16px; border-bottom:1px solid #ddd; position:relative; }
.about_cont .about_nav li{ float:left; margin-right:15px;}
.about_cont .about_nav li a{ display:block; padding:0 26px; border-top-left-radius:5px; border-top-right-radius:5px; line-height:36px; }
.about_cont .about_nav li a:hover,.about_cont .about_nav li a.on{ color:#fff; background:#0ea1bc;}
.about_cont .about_nav li dl{ width:1008px; padding:2px 8px; border:1px solid #e5e5e5; border-top:1px solid #fff; background:#f8f8f8; position:absolute; left:0; top:37px;}
.about_cont .about_nav li dl a{ display:table;  width:116px; height:72px; padding:0; border-radius:0; border-left:1px solid #fff; border-right:1px solid #e2e2e2; text-align:center;  font-size:15px; line-height:20px; color:#888; float:left;}
.about_cont .about_nav li dl a dd{ display:table-cell; vertical-align:middle; padding:0 8px;}
.about_cont .about_nav li dl a:hover, .about_cont .about_nav li dl a.on{ background:#e7fbff url("technology_03.png") right bottom no-repeat; color:#0ea1bc;}

.about_cont .cont{ margin-bottom:50px;}

.support_cont{ margin-top:112px; margin-bottom:50px;}



.video_box{ padding-bottom:50px;}
.video_box li{ width:420px; margin:6px 25px; padding:30px 20px; text-align:center; float:left; transition:all 0.25s;}
.video_box li:hover{ box-shadow:2px 2px 6px rgba(0,0,0,0.35);}
.video_box li img{ width:420px; height:273px;}
.video_box li p{ font-size:16px; padding:12px 0;}

.partner{padding-bottom:50px;}
.partner img{height:56px;}
.partner .pic{ width:480px; height:56px; margin:25px 0; float:left; text-align:center; }



.products_banner{ width:100%; min-width:1152px; height:350px; text-align:center; background:red; overflow:hidden; position:relative;}
.products_banner img{ width:1920px; display:block; position:absolute; top:0; left:50%; margin-left:-960px; z-index:1;  }
.products_banner .menu{ width:1152px; position:absolute; left:50%; bottom:10px; margin-left:-549px; z-index:1000;}
.products_banner .menu li{ width:213px; height:46px; font-size:18px; color:#fff; text-align:center; line-height:46px; margin:4px 3px; background:#000; filter:alpha(opacity=45); opacity:0.45; float:left;}
.products_banner .menu li.on, .products_banner .menu li:hover{ background:#fff; color:#000; filter:alpha(opacity=55); opacity:0.55;}
.products_banner .menu li:hover{ background:#fff; color:#000; filter:alpha(opacity=45); opacity:0.45;}

.products_cont{ padding:50px 0;}
.products_cont .cont li{ width:382px; height:398px; float:left; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; position:relative; }
.products_cont .cont li .pic{ display:block; width:368px; height:276px; margin:12px auto; overflow:hidden;}
.products_cont .cont li .pic img{ width:100%;}

.products_cont .cont li .layer{ display:block; width:362px; height:100px; padding:0 10px; text-align:center; position:absolute; left:0; bottom:0; transition:all 0.35s;}
.products_cont .cont li .layer .tit{ font-size:18px; font-weight:normal; padding:3px;}
.products_cont .cont li .layer .info{ color:#767676; padding-top:8px;}
.products_cont .cont li .layer .btn{ display:none; width:160px; border-radius:5px; color:#fff; text-align:center; line-height:36px;  background:#0ea1bc; position:absolute; left:111px; bottom:80px; }

.products_cont .cont li:hover .layer{ height:278px; padding-top:120px; background:url("blackbg.png");}
.products_cont .cont li:hover .layer .tit{ font-size:21px; font-weight:bold; color:#fff; letter-spacing:1px; text-shadow:1px 1px 9px #000;}
.products_cont .cont li:hover .layer .tit:hover{ color:#aff3ff;}
.products_cont .cont li:hover .layer .info{ padding:16px; color:#fff; text-shadow:0px 1px 1px #000;}
.products_cont .cont li:hover .layer .btn{ display:block;}
.products_cont .cont li:hover .layer .btn:hover{ background:#13aeca;}



.product_a_pic{ display:block; width:600px; height:450px; float:left; border:1px solid #ddd;}
.product_a_introduction{ width:512px; float:right;}
.product_a_introduction .tit{ padding:12px 0 8px; line-height:36px; font-weight:normal; color:#0d9fba;}
.product_a_introduction .advantage{ display:block; margin-bottom:30px; color:#888;}
.product_a_introduction .txt{ display:block; width:480px; padding:12px 15px; border:1px solid #ddd; border-top:3px solid #ddd; border-bottom:4px double #ddd;}
.product_a_introduction .btn{ display:block; width:110px; height:32px; margin-top:30px; padding-left:35px; padding-top:4px; text-align:center; line-height:32px; background:url("product-a_btn_03.jpg"); border:1px solid #ddd; border-radius:3px; }
.product_a_introduction .btn:hover{ background:url("product-a_btn2_03.jpg");}


.slideTxtBox{ width:100%; margin-top:50px; }
.slideTxtBox .hd{ height:42px; line-height:30px; background:url("product-a_08.jpg") repeat-x; position:relative; }
.slideTxtBox .hd ul{ width:278px; margin:0 auto;}
.slideTxtBox .hd ul li{ width:275px; height:40px; border:1px solid #ddd; border-top-left-radius:3px;border-bottom-left-radius:3px; background:url("product-a_03.jpg") repeat-x; font-size:18px; text-align:center; line-height:40px; color:#888; float:left; cursor:pointer; }
.slideTxtBox .hd ul li.menu2{ border-right:1px solid #ddd; border-radius:0; border-top-right-radius:3px; border-bottom-right-radius:3px;}
.slideTxtBox .hd ul li.on{ color:#0d9fba; border-color:#91b9c0; background:url("product-a_05.jpg") repeat-x; }
.slideTxtBox .bd div{ padding:20px 0 50px;  }



.case_banner{ height:500px; }
.case_cont{ width:1222px; margin:40px auto;}
.case_cont li{ width:336px; height:300px; padding:20px; margin:0 15px; float:left; transition:all 0.35s;}
.case_cont li:hover{ box-shadow:2px 2px 5px rgba(0,0,0,0.35);}
.case_cont li .pic { display:block; height:218px; overflow:hidden;}
.case_cont li .pic img{ width:100%; transition:all 0.35s;}
.case_cont li .pic:hover img{ transform:scale(1.2,1.2);}
.case_cont li .tit{ padding:14px 0 6px; font-size:16px; font-weight:normal;}
.case_cont li .info{ font-size:12px; line-height:20px; color:#888;}



/*page*/
.page{ text-align:center; margin-top:30px;}
.page a{ border:1px solid #e2e2e2; padding:8px 20px; margin:0; margin-left:-5px; color:#565656;}
.page a.hover{ color:#202020; font-weight:bold;}
.page a:hover{ color:#3dc0d8;}

/*path*/
.path{ line-height:60px; color:#888; }
.path a{ color:#888;}
.path a:hover{color:#0ea1bc;}

.topadcs{width:100%; margin-bottom:0px;overflow:hidden; text-align:center;background-color:#EBEBEB;height:350px;}
.topadcs a{display:block;margin:0 auto;height:350px;}