@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;}
.ztbj{ background-color:#fff;}



.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.footer , .container{margin-left:auto; margin-right:auto; width:1200px;}

/*footer*/
.footer { overflow:hidden; width:100%; padding:30px 0; background-color:#515151; position:relative; z-index:1;}
.footer .list{  border-right:1px solid #585858; float:left; position:relative; margin-left: 70px; width:200px;}
.footer .last{ border:none; padding-right:0; margin-right:0; float: left; margin-left:100px;}
.footer h3{ font-size:15px; color:#fff; margin-bottom:10px; font-weight:normal; width: 200px;}
.footer h3 a{ color:#fff}
.footer ul{ overflow:hidden;float:left;}
.footer li,.footer p{ font-size:13px; line-height:32px; color:#bfbfbf}
.footer p a{ color:#bfbfbf}
.footer li a{ color:#bfbfbf}
.footer li a:hover{ color:#fff;}

.footer .fs	{ border-bottom: 1px solid #595d6f; margin: auto; width: 1200px; margin-bottom: 20px; padding-bottom: 10px;}
.footer .fs h4{color:#fff;}
.footer .fs .limg1{	display: inline-block; height: 50px; text-align: left; width: 250px; position: relative;}
.footer .fs .limg1 .fi1{ height: 50px; width: 50px; position: relative; overflow: hidden;}
.footer .fs .limg1 .ftx{ width: 120px; position: relative; margin-left:70px; margin-top:-45px;}
.footer .fs .limg2{ display: inline-block; padding-left: 60px; height: 50px; text-align: left; width: 200px; position: relative;}
.footer .fs .limg2 .fi2{ height: 50px; width: 50px; position: relative; overflow: hidden;}
.footer .fs .limg2 .ftx{ width: 120px; position: relative; margin-left:70px; margin-top:-45px; }
.footer .fs .limg3{ display: inline-block; padding-left: 115px; height: 50px; text-align: left; width: 130px; position: relative;}
.footer .fs .limg3 .fi3{ height: 50px; width: 50px; position: relative; overflow: hidden;}
.footer .fs .limg3 .ftx{ width: 120px; position: relative; margin-left:70px; margin-top:-45px; }
.footer .fs .limg4{ display: inline-block; padding-left: 160px; height: 50px; text-align: left; width: 100px; position: relative;}
.footer .fs .limg4 .fi4{ height: 50px; width: 50px; position: relative; overflow: hidden;}
.footer .fs .limg4 .ftx{ width: 120px; position: relative; margin-left:70px; margin-top:-45px; }
.footer .fv{ border-top: 1px solid #595d6f; text-align:center; width:1200px; height:6px; margin:auto; margin-top:30px;}

/*right fixed*/
.r_f{ position:fixed; top:60%; right:5px; z-index:999;}
.r_f2{ width:40px; height:40px; padding:10px; background:#004c91; margin-bottom:5px; position:relative; transition:0.2s; margin-left:0; cursor:pointer;}
.r_f .r_f2:hover{ background:#004c91;}
.r_f2 p{ position:absolute; width:200px; background:#004c91; color:#fff; top:0; left:65px; line-height:60px; font-size:15px; text-align:center;}
.r_f2 p a{ color:#fff;}
.r_f2:hover{ margin-left:-200px;}
.erweima{ width:100%;}

/*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 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:#004c91; line-height:60px; letter-spacing:1px; transition:all 0.1s;}
.index_tit a em{ color:#bbb;}
.index_tit a:hover{ color:#004c91; 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 0px; 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:0px 0; font-size:18px; }

.picScroll-left .bd em {font-size: 18px;line-height: 50px;display: block;overflow: hidden;background-color: #004c91;color: #fff;}
.picScroll-left .bd a {margin: 0 5%;text-align: center;display: block;overflow: hidden;}
.picScroll-left .bd a:hover em {background-color: #333436;}


/*index about*/
.index_about{ width:100%; min-width:1152px; padding:50px 0; background:#d6eefd;}
.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:207px; padding-bottom:9px; margin:0 18px; background:url("index_case_03.png") center bottom no-repeat; float:left;}
.index_about_cont li dl{ height:208px; border:1px solid #e5e5e5; background:#fff;}
.index_about_cont li dl dd{ padding:0 12px;}
.index_about_cont li dl .pic{ width:358px; height:103px; 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;margin: 0 auto; text-align: center;}
.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:#d4eeff; 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:352px; 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:287px; height:308px; float:left; border:1px solid #ddd; margin-left:-1px; margin-top:-1px; position:relative; }
.products_cont .cont li .pic{ display:block; width:275px; height:200px; margin:12px auto; overflow:hidden;}
.products_cont .cont li .pic img{ width:100%;}

.products_cont .cont li .layer{ display:block; width:267px; height:70px; 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:bold; padding:3px;}
.products_cont .cont li .layer .info{ color:#767676; padding-top:8px;}
.products_cont .cont li .layer .btn{ display:none; width:80px; border-radius:5px; color:#fff; text-align:center; line-height:36px;  background:#004c91; position:absolute; left:104px; bottom:40px; }

.products_cont .cont li:hover .layer{ height:188px; padding-top:120px; background:url("blackbg.png");}
.products_cont .cont li:hover .layer .tit{ font-size:20px; 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:#0ea1bc;}



.product_a_pic{ display:block; width:500px; height:340px; float:left; border:1px solid #ddd;}
.product_a_introduction{ width:612px; float:right;}
.product_a_introduction .tit{ padding:12px 0 8px; line-height:36px; font-weight:normal; color:#004c91;}
.product_a_introduction .advantage{ display:block; margin-bottom:30px; color:#888;}
.product_a_introduction .txt{ display:block; width:580px; 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:#004c91; border-color:#004c91; 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:#004c91;}

.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;}