@charset "utf-8";
/* Style Reset */
.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑; background:#FFFFFF; color:#484848; }
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#484848;}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.content .center img{ width:80%; border:1px solid #AEE4F5;}
.wrap{margin:0 auto; width:100%; max-width:640px; }

 /* header------------------------------------------------------------------------------------------------- */
.header{ float:left;width:100%; height:65px; padding-top:10px;border-top:10px solid #06ACE1;border-bottom:10px solid #D34132;}
.logo{ float:left; padding-left:5.6875%;}

.menu_but{ float:left; display:block;height:21px}
.nav{ z-index:100;position:absolute;top:85px; left:0;display:none; background:#244b73; opacity:0.8; width:140px;}
.nav li{ border-bottom:1px solid #134169;border-top:1px solid #336897}
.nav a{line-height:47px; color:#fff; font-size:24px; padding-left:20px; font-weight:normal }

.contact_bar{float:right; right:0;position:relative; top:-61px;  z-index:100;width:60px;}
.contacti{ position:absolute;background:#06ACE1;float:left; width:60px; height:254px;}
.contact_t{ margin:-22px 0 0 -22px;}
.contact_bar ul{ margin-top:-10px;}
.contact_bar ul li{float:left; width:100%; height:60px; padding-top:3px; border-bottom:1px solid #fff;border-top:1px solid #06ACE1; }
.contact_bar a{ color:#FFFFFF; float:left; width:100%; text-align:center;}



/* banner --------------------------------------------------------------------*/
.big-pic{width:100%; float:left;}
.big-pic img{ float:left;}
.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,.big-pic a p{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;width:100%;bottom:10px;height:9px;padding:2px 0;}
.slidemain{ width:100px; margin:0 auto;}
.slide-dot span{display:inline-block;width:14px;height:14px;margin:0 5px;background:url(../images/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; }

.search{ float:left; width:93.75%; padding:0 3.125%; background:#AEE4F5; height:55px;}
.search_but{float:left; position:relative; top:-10px;}
.search_but input{ position:absolute; border:0 ; width:64px; height:64px;background:url(../images/search.png) no-repeat 0 0;}
.search_txt{ float:left; width:80%; border:0; padding-left:15px; margin-left:45px; background:#fff; margin-top:11px; height:35px; line-height:35px; color:#06ACE1}
/*首页*/
.content{ float:left; width:100%; ma/rgin-bottom:100px;}
.content img{ width:100%; }
.boxpadding{ float:left; width:93.75%; padding:0 3.125%; }
.padding20{ float:left; width:93.75%; padding:15px 3.125%; font-size:14px; line-height:180%; color:#06ACE1; }

.main_l{float:left; width:47.15625%; margin-top:22px; }
.main_r{float:right; width:51.666%; margin-top:22px; }
.casei_t{float:left; width:100%; margin-bottom:2px; }

.case_t{ float:left; position:relative; width:46.52777%; padding-bottom:10px;}
.case_t img{ float:left;}
.case_t p{ position:absolute; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; bottom:0; text-align:center; color:#fff; background:#000; opacity:0.3; bottom:0;}

.case_a{ float:right; position:relative; width:50.694%; padding-bottom:10px;}
.case_a img{ float:left;}
.case_a p{ position:absolute; width:100%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; bottom:0; text-align:center; color:#fff; background:#000; opacity:0.3; bottom:0;}

.case_d{  float:left;position:relative;width:100%; margin-bottom:4px;}
.case_d img{ float:left;}
.case_d p{ position:absolute;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:center; color:#fff; background:#000; opacity:0.3; bottom:0;}

.course{float:left; font-family:微软雅黑;width:95%; margin-bottom:7px; padding:10px 0 10px 5%;background:#AEE4F5; }
.course a{ font-size:12px; line-height:24px; float:left; margin-right:8px; margin-bottom:3%;color:#06ACE1; background:#FFFFFF; padding:0 1%; border:1px solid #06ACE1}
.course a:focus,.course a:active{background:#06ACE1; color:#fff; }
.course .coursemore{ font-size:12px; background:#06ACE1; color:#fff; line-height:19px; padding:0 5px; border:0; border-radius:0;}

/* footer */
.footer{width:100%;font-size:14px;font-family:微软雅黑;height:52px;background:#FFFFFF url(../images/foot.png) repeat-x bottom; text-align:left; ; height:85px;}

.footer ul{ width:100%; float:left;height:85px;  border-bottom:5px solid #06ACE1;}
.footer ul li{float:left;width:19.2%; border-right:1px solid #FFFFFF; }
.footer ul li a{ width:100%;height:73px;padding-top:12px; color:#06ACE1; font-size:14px; text-align:center; float:left; display:block;}

/*list*/
.title{ float:left; width:96.875%; background:#06ACE1; height:40px; line-height:40px; padding-left:3.125%}
.title_word{ color:#FFFFFF;background:url(../images/title.png) no-repeat 6px center; padding-left:40px; font-size:18px;}
.viewpage{float:left;width:100%; padding-top:10px;margin-top:10px; border-top:1px solid #06ACE1;}
.viewpage a{ color:#06ACE1;float:left;width:98.8%;padding:0 0.6%; height:30px; line-height:30px; margin-bottom:0px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.viewback{ margin:0 auto; width:35.666%; margin-top:15px;}
.viewback a{ background:#06ACE1;color: #ffffff;float:left;height:38px; font-size:18px;line-height:38px;width:100%; text-align:center;}



.newslist{ float:left; width:100%; padding-top:10px;}
.newslist li{ float:left; width:90%; padding:0 5%; height:30px; line-height:30px;}
.newslist li a{ float:left; width:97%; padding-left:8%;color:#06ACE1;background:url(../images/newsico.png) no-repeat left center;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pages{width:98%;margin:0 auto;margin-top:30px;}
.page_change{ width:44px; text-align:center; line-height:40px; height:40px; display:block;margin:0 auto;}
.left{width:32px;height:32px;float:left; border-radius:4px; }
.right{width:32px;height:32px;float:right;border-radius:4px;}
.left,.right{font-size:16px; color:#fff;text-align:center; line-height:32px; background:#06ACE1; }
.left img,.right img{ width:13px;}

/*product*/
.proul{width:100%; min-height:200px;}
.proul ul{width:100%; padding:4px 0 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:4px; float:left; }
.proul li div{ width:100%;float:left; margin-top:13px;}
.proul li img{width:100%; float:left;border:1px solid #AEE4F5;}
.proul li p{width:94%; padding:0 1% 0 15%;height:36px;float:left; margin-top:8px;line-height:36px;font:300 14px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:url(../images/productico.gif) no-repeat left center; }
.proul .ui-block-a{ margin-right:3.3%}

.view_menu{ float:left; width:100%;}
.view_menu span{ float:left; cursor:pointer; text-align:center;padding:0 2%;margin-bottom:1px; margin-top:10px; font-size:18px;border:1px solid #06ACE1; background:#FFFFFF; line-height:34px;}
.view_menu img{ width:12px; vertical-align:middle;}
.view_menumain{float:left; width:100%; display:none}
.view_menumain a:focus{ background:#06ACE1; color:#fff;}
.view_menumain a{ color:#06ACE1;float:left; border:1px solid #06ACE1; background:#FFFFFF; padding:0 2%;margin:4px 4px 4px 0; height:32px; line-height:32px; font-size:16px;}
.view_title{ float:left; width:100%; text-align:center; font-size:18px; padding:10px 0 10px 0; border-bottom:1px solid #06ACE1; margin-bottom:10px;}