@charset "utf-8";
/* Style Reset */
.ui-page{background:#FFF;/*网站背景色*/ }
body{ background:#FFF;/*网站背景色*/  color:#163259;/*网站深蓝色*/ font-size:12px;}
body,p ,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;color:#163259}/*网站字体与图片边框颜色：深蓝*/
.clear { clear:both; }
.center{ text-align:center; width:100%;}
.center img{ width:60%;}
.fr{ float:right}
.fl{ float:left}
.right{ text-align:right}
.center{ text-align:center;}
.content{ float:left; width:100%; padding-bottom:50px;}
.ui-bar-f{
	background:#02ABEE;
backg/round:#02ABEE; /*深蓝色*/
 }
 
.ui-bar-g{
background-image:-moz-linear-gradient(center top , #02ABEE,/*蓝色*/ #12408B /*深蓝色*/);
background-image: -moz-linear-gradient(top, #02ABEE, #12408B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#02ABEE), to(#12408B));
background-image: -webkit-linear-gradient(top, #02ABEE, #12408B);
background-image: -o-linear-gradient(top, #02ABEE, #12408B);
background-image: linear-gradient(top, #02ABEE, #12408B);
backg/round:#12408B; /*深蓝色*/
 }
 
/* top -----------------------------------------------------------------------*/
.top{ padding:0 3%;width:95%; height:96px; border-bottom:1px solid #02ABEE;/*Banner上划线颜色*/}
.logo{float:left; margin:30px 10px 12px 1.875%; width:90%; max-width:355px;}
.topright{width:50%; height:36px; margin:0px 0 18px 0px; float:right;}
.search{width:100%; height:28px; margin-top:30px; background:#F3FBFE;/*搜索框背景颜色*/border-radius:4px;border:1px solid #02ABEE;/*搜索栏框边颜色*/}
.textinput{width:60%; height:28px;box-shadow:0; border:0; float:left; line-height:28px; text-indent:10px; color:#666; background:none;}
.buttoninput{background:url(../images3/m3/search_but.png) no-repeat right center ; width:23px; height:19px;display:block; float:right; margin-top:4px;}
/* nav------------------------------------------------------------------------ */
.nav{width:100%; height:42px; background:#02ABEE;/*一级导航栏背景色：蓝色*/ border-top:4px solid #FFFFFF;/*Banner下划线颜色*/border-bottom:1px solid #02ABEE;/*以及导航栏下划线颜色*/}
.landr{width:100%;text-align:center; height:38px; overflow:hidden; border-top:3px solid #E7EFFA;/*一级导航栏上部横线：白蓝色*/border-bottom:1px solid #7F9AC5;/*一级导航栏下部横线：蓝色*/
background:#02abee;
}	
.landr li{height:38px; float:left; border-left:1px solid #CBDBF2;/*一级导航栏中间切换：浅蓝色*/border-right:1px solid #fff; text-align:center; font:500 14px/40px 微软雅黑;}
.landr li a{color:#12408B;/*一级导航栏字体颜色深蓝色*/}



/* nav------------------------------------------------------------------------ */
.nav3{width:100%; height:42px; background:#02ABEE;/*一级导航栏背景色：蓝色*/ border-top:4px solid #FFFFFF;/*Banner下划线颜色*/border-bottom:1px solid #02ABEE;/*以及导航栏下划线颜色*/}
.landr{width:100%;text-align:center; height:38px; overflow:hidden; border-top:3px solid #E7EFFA;/*一级导航栏上部横线：白蓝色*/border-bottom:1px solid #7F9AC5;/*一级导航栏下部横线：蓝色*/
background-image:-moz-linear-gradient(center top , #FDFFFE,/*白色*/ #D6E5FA/*浅蓝色*/);
background-image: -moz-linear-gradient(top, #FDFFFE, #D6E5FA);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFFFE), to(#D6E5FA));
background-image: -webkit-linear-gradient(top, #FDFFFE, #D6E5FA);
background-image: -o-linear-gradient(top, #FDFFFE, #D6E5FA);
background-image: linear-gradient(top, #FDFFFE, #D6E5FA);
}	
.landr3 li3{height:38px; float:left; border-left:1px solid #CBDBF2;/*一级导航栏中间切换：浅蓝色*/border-right:1px solid #fff; text-align:center; font:500 14px/40px 微软雅黑;}
.landr3 li3 a3{color:#FFF;/*一级导航栏字体颜色深蓝色*/}


/* banner --------------------------------------------------------------------*/
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;left:8px;bottom:10px;height:9px;padding:2px 0; float:left;}
.slide-dot span{display:inline-block;width:11px;height:11px;margin:0 5px;background:url(../images3/m3/slide-dot.png) no-repeat -20px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
/* case---------------------------------------------------------------------- */
.title{width:94%;height:44px; line-height:44px; padding:0 3%;font-family:微软雅黑; font-size:14px; margin-bottom:18px; }
.title .ui-block-a{ color:#fff;}
.more_i a{background:url(../images3/m3/i_more.png) no-repeat center right; width:20px; height:44px; display:block; float:right}
.backbut a{background:url(../images3/m3/back.png) no-repeat center right; margin-top:3%; width:28px; height:32px; display:block; float:right}
.case{width:100%;}
.case_con{width:96%;padding:0 2%;}
.case_con li{ padding:0 4.6% 7px; line-height:21px;}
.case_con li img{ width:100%}
/* product */
.product{width:100%;}
.product_con{width:96%;padding:0 2%;}
.product_con li{background:#fff; display:block; padding:15px 10px; border:1pt solid #DAE8F5; margin-bottom:14px; }
.product_con li a{background:#fff; display:block; }
.product_con .ui-block-b{ width:75%; padding-left:2%; line-height:21px;}
/* news---------------------------------------------------------------------- */
.news{width:100%;}
.newsul{width:96%;padding:0 2%;}
.newsul li{width:97%; height:40px; padding:0 1% 0 2%;background:url(../images3/m3/listico.gif) no-repeat 4px center #fff; border:1pt solid #DAE8F5; margin-bottom:7px;}
.newsul li a{display:block;line-height:46px; height:46px;font-size:10pt;}
.newsul li a .fl{ width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
/* footer */
.footer{width:100%; font-size:14px; background:#02ABEE;/*一级导航栏背景色：蓝色*/ font-family:微软雅黑;height:43px; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;border-top:1px solid #6592E3;}/*Foot上划线颜色*/
.footer ul{width:100%; height:42px; border-top:1px solid #fff;}/*Foot上划线颜色*/
.footer ul li{float:left; height:42px;border-right:1px solid #fff;} /*Foot中间切换颜色*/
.footer ul li p{text-align:right; margin:0 auto; height:100%; line-height:43px;}
.foottel P{background:url(../images3/m3/foottel.png) no-repeat left center; width:60px; }
.footmail P{background:url(../images3/m3/footmail.png) no-repeat left center; width:66px;}
.footmap P{background:url(../images3/m3/footicons1.png) no-repeat left center; width:60px;}
.footer a{color:#fff;}/*Foot字体颜色*/

/* subpages */
.subpages{width:100%; padding-bottom:40px; height:auto; float:left;}
.subpages p{width:95%; margin:20px 2.5%; font:10pt/30px 宋体; color:#173059;}/*深蓝色*/
h3{ width:100%; text-align:center;}
.subpages p.date{width:90%; margin:0 5%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:right; font-size:8pt; color:#999;}/*灰色*/
#backbut{ -moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em; margin:0 auto; display:block; width:60px; text-align:center; font-size:14px; color:#fff;height:30px; line-height:30px;}
.botnav{ margin:20px 0;}

.pages{height: 30px; margin: 20px auto; width: 200px;}
.pages span{ color: #333333; display: block; float: left; font: 500 16px/30px 宋体; height: 30px;text-align: center; float: left; padding:0 5px}
.left{ height:25px;width:80px; color:#fff;display:inline-block; vertical-align:middle;;display: block; float: left; font: 100 14px/28px 宋体; height: 28px; text-align: center;
-moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em;
}
.right{height:25px; width:80px;color:#fff; display:inline-block; vertical-align:middle;display: block; float: left; font: 100 14px/28px 宋体; height: 28px; text-align: center;
-moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em;
 }