@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
a{color:#000; text-decoration: none;}
a:hover, a:focus {color:#000; text-decoration: underline; }
body,html{font-size:12px; color:#000; font-family: Arial, Helvetica, sans-serif;background:url(../images/bg.gif) left top repeat-x;   }
table, div{color:#555; border-collapse:none; }
select, textarea{border:1px solid #B7B6B6;font-size:12px;vertical-align:middle;}
form, ul, ol, dl, table, div, h1, h2, h3 ,h4,h5 {margin:0;padding:0;}
address{padding:0; margin:0;}
img, fieldset {border:0;}
select, input, li img {vertical-align:middle;}
ul, li, ol {list-style-type : none;}
legend, hr, caption {display:none;}
.accessibilityHide{display: none;}
.positon_relative{position:relative;z-index:2;}
.pr{position:relative}
.bg_none{background-image:none!important}
.dis_no{display:none; }
.fl{float:left;}
/*index content*/
.da-thumbs{list-style:none;height:321px;position:relative;margin:0 0 25px 0;padding:0}
.da-thumbs li{float:left;margin-right:12px;background:#fff;position:relative; width:272px;}
.da-thumbs li a,.da-thumbs li a img{display:block;position:relative}
.da-thumbs li a{color:#fff;overflow:hidden}
.da-thumbs li a div{position:absolute;background:#333;background:rgba(255,146,0,0.9);*background:#ff9200;background:#ff9200\0;filter:alpha(Opacity=90);width:100%;height:100%}
.da-thumbs li a em{display:block;width:250px;height:8px;background:rgba(255,255,255,0.3);*background:#fff;background:#fff\0;filter:alpha(Opacity=30);margin:0 10px}
.da-thumbs li a h2{ font-size:20px;margin:6px 8px;font-weight:normal;text-align:center; color:#fff;font-family:微软雅黑; }
.da-thumbs li a p{margin:8px 13px; font-size:13px;color:#fff;font-family:微软雅黑;}
.da-thumbs li.subscribe{border:none;width:76px;height:321px;margin-right:0;background:#0d9572;padding:8px}
.da-thumbs li.subscribe h2{font-size:33px;line-height:36px;margin:0;text-align:center; }
.da-thumbs li.subscribe h2 span{font-size:16px; float:right; margin-right:5px; line-height:30px}
.da-thumbs li.subscribe img{clear:right;float:right;margin:7px 5px 0 0px}


.case-item{float:left;margin:0 33px;}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:210px;height:210px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:220px;height:220px;border:10px solid #ff9200;border-right-color:#ff9200;border-bottom-color:#0d439d;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}




#photos{ padding-top:25px; overflow:hidden;}
#photos ul{ padding-left:35px; }
#photos ul li{ float:left; width:226px; }
#photos ul li span{ display:block; float:left;text-align:center; width:200px; height:30px; line-height:30px;}
#photos ul li img{ border:1px #D9D9D9 solid;}
/*======新闻中心==========*/
#photosss{ padding-top:40px; overflow:hidden;}
#photosss ul{ padding-left:20px; }
#photosss ul li{ float:left; width:280px; }
#photosss ul li span{ display:block; float:left;text-align:center; width:240px; padding:14px 0 14px 0;}
#photosss ul li img{ border:1px #D9D9D9 solid; background:#fff; padding:4px;}
/*======新闻中心==========*/
#news{ padding:35px 0 25px 25px; width:830px;}
#news li a{ background:url(../images/a.gif) left 11px no-repeat; padding-left:26px; line-height:30px; display:block; border-bottom:1px #CCC dashed;}
#news li span{ display:block; float:right; margin-top:-20px;}

/*-----------content pages-----------*/
.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px;padding-bottom:35px; width: 100%; color: #036cb4; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #00959c; font-weight: normal;}
.contentPage a:visited {color: #036cb4; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #00959c; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#0d499f; font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #f00; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important; padding:4px 7px; border: 1px solid #00959c;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}
