@charset "utf-8";
/* CSS Document */
html.index {overflow:hidden;}
body,ol,ul,li,dl,dt,dd,p,input,textarea,img,h1,h2 {margin:0; padding:0; font-family:"微软雅黑"; font-size:16px; color:#000; line-height:1.5;}
ol,ul {list-style-type:none;}
a {text-decoration:none;}
.clearfix:after{clear:both; content:""; display:block; height:0; overflow:hidden;}
body{ background:#ffffff;font-size:12px;}
.body{ max-width:1600px; margin:0 auto;}

/*public*/
.index_titile{width:1600px; height:60px; line-height:60px; text-align:center; font-size:56px; color:#0d589b; display:block; font-weight:bold; text-transform:uppercase;}
a:link{ color:#333333}
a:visited{color:#333333} 
a:hover{ color:#0d589b}
a:active{ color:#333333}


/*top*/
.index_top{width:1600px; height:30px; background:#dedede; margin:auto; display:block;}
.index_top ul{width:auto; height:auto;}
.index_top ul li{width:auto; height:30px; line-height:30px; font-size:12px; float:right; padding-left: 10px; padding-right: 10px;}
.index_top ul li .tophome{background:url(../images/index2_06.png) no-repeat left; padding-left:40px;}
.index_top ul li .toptel{background:url(../images/index2_03.jpg) no-repeat left; padding-left:25px;}
.index_top ul a:hover li {width:auto; height:30px; background:#0d589b; color:#ffffff; display:block;}

/*logo*/
.index_logo{width:1600px; height:auto; padding-top:40px; padding-bottom:40px; margin:auto; overflow:hidden;}
.index_logo h1{width:auto; height:auto; float:left; display:block;}
.index_logo ul{width:900px; float:right; display:block; padding-top:25px;}
.index_logo ul li{width:auto; height:50px; line-height:50px; float:right; padding-left:20px; padding-right:20px; display:block;}
.index_logo ul a:hover li {width:auto; height:50px; background:#0d589b; color:#ffffff; display:block; font-weight:bold;}

/*slide*/
.index_slide{width:1600px; height:650px; margin:auto;}

/* pic_head */
.pic_head{width:1600px; height:650px; margin:0px auto; }
.ct-focusbox{position:relative;overflow:hidden;}
.ct-focusimg{overflow:hidden;}
.ct-fimglist{position:relative;}
.ct-fimglist img{display:block;cursor:pointer;}
.ct-fimglist li{width:100%; height:650px;float:left;}
.ct-banner01{background:url(../js/pic_head/images/pic1.jpg);}
.ct-banner02{background:url(../js/pic_head/images/pic2.jpg)}
.ct-banner03{background:url(../js/pic_head/images/pic3.jpg)}
.ct-banner04{background:url(../js/pic_head/images/pic4.jpg)}
.ct-focustool{overflow:hidden;position:absolute;width:100%;bottom:0px;height:97px;background:url(../js/pic_head/images/bg_touming.png) repeat-x;}
.ct-ftoollist{position:relative;margin-left:220px;}
.ct-ftoollist li{width:121px;height:54px;float:left;cursor:pointer; margin-left:10px;margin-top:21px;}
.ct-ftoollist .on a{width:121px;height:54px;display:block;margin-right:-4px;z-index:100;top:-5px;border:2px solid #FFF;}

/*introduction*/
.index_introduction{width: 1500px; height:auto; margin:auto; background:#dedede; overflow:hidden; padding:50px;}
.index_introduction dl{width:550px; height:auto; display:block; float:left; padding-top: 50px;}
.index_introduction dl h1{width:550px; height:50px; line-height:50px; font-size:36px; color:#0d589b;display:block;}
.index_introduction dl h2{width:550px; height:30px; line-height:30px; font-size:20px; color:#0d589b;display:block;}
.index_introduction dl p{width:550px; line-height:24px; font-size:14px;display:block; padding-top:20px; padding-bottom:20px;}
.index_introduction ul{width:860px; height:627px; display:block; float:right;}

/*project*/
.index_project{width:1600px; height:auto; margin:auto; overflow:hidden; padding-top:50px; padding-bottom:60px;}
.index_project_title{width:1600px; height:60px; line-height:60px; text-align:center; font-size:56px; color:#0d589b; display:block; font-weight:bold;}
.index_project ul{width:1600px; height:auto; overflow:hidden; padding-top:30px; }
.index_project ul li{width:auto; height:350px; float:left; display:block;}
.index_project ul li img{width:380px; height:300px;}
.index_project ul li p{width:380px; height:50px; line-height:50px; font-size:12px; text-align:center;}
.index_project .propic{width:380px;}
.index_project .prokong{width:26px;}

.proj_swiper .proj_title{position:absolute;left:0; bottom:0; color:#fff;}
.proj_swiper .proj_title:before{ content:''; display:block; position:absolute;left:0; bottom:0; z-index:0; width: 0; height: 0; opacity:0.65;
border-top: 100px solid transparent;
border-bottom: 100px solid #000;
border-left: 165px solid #000; border-right: 165px solid transparent; }
.proj_swiper .proj_title span{ position:relative;z-index:1; display:block; font-size:14px; padding:0 0 20px 20px; line-height:2;}
.proj_swiper .swiper-pagination{ text-align:right; padding-right:10px;box-sizing:border-box;}
.proj_swiper .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1;}
.proj_swiper  .swiper-pagination-bullet-active:before{ content:''; display:block;width:8px;height:8px; background:#007aff; border-radius:100%; margin-left:2px; margin-top:2px;}
/*private*/
.index_private{width:1560px; height:auto; padding:20px; margin:auto; background:url(../images/home_18.png) no-repeat right bottom #dedede; overflow:hidden;}
.index_private ul{width:1100px; height:600px; float:left;}
.index_private h2{width:450px; height:40px; line-height:40px; float:right; font-size:18px; display:block; text-align:right; padding-top:100px;}
.index_private h1{width:450px; line-height:48px; text-align:right; float:right; font-size:48px; color:#0d589b; display:block; text-transform:uppercase;}

/*real*/
.index_real{width:1560px; height:auto; padding:20px; margin:auto; background:url(../images/home_22.png) no-repeat left bottom; overflow:hidden;}
.index_real ul{width:1100px; height:600px; float:right;}
.index_real h2{width:450px; height:40px; line-height:40px; float:left; font-size:18px; display:block; text-align:left; padding-top:100px;}
.index_real h1{width:450px; line-height:48px; text-align:left; float:left; font-size:48px; color:#0d589b; display:block; text-transform:uppercase;}

/*Commercial*/
.index_commercial{width:1560px; height:auto; padding:20px; margin:auto; background:url(../images/home_26.png) no-repeat right bottom #dedede; overflow:hidden;}
.index_commercial ul{width:1100px; height:600px; float:left;}
.index_commercial h2{width:450px; height:40px; line-height:40px; float:right; font-size:18px; display:block; text-align:right; padding-top:100px;}
.index_commercial h1{width:450px; line-height:48px; text-align:right; float:right; font-size:48px; color:#0d589b; display:block; text-transform:uppercase;}

/*our design*/
.index_design{width:1600px; height:auto; margin:auto; overflow:hidden; padding-top:50px; padding-bottom:60px;}
.index_design_titile{width:1600px; height:60px; line-height:60px; text-align:center; font-size:56px; color:#0d589b; display:block; font-weight:bold; text-transform:uppercase;}
.index_design ul{width:1600px; height: 600px; margin-top:30px;}

/*say hello*/
.index_hello{width:1600px; height:auto; margin:auto; overflow:hidden; padding-top:50px; padding-bottom:60px; background:#dedede;}
.index_hello ul{width:650px; height:auto; overflow:hidden; margin:auto; display:block; margin-top: 30px;}
.index_hello ul li{padding-top:10px; float:left;}
.index_hello li .say_email{width:300px; height:40px; line-height:40px; background:#ffffff; border:none; padding:0px 10px;}
.index_hello li .say_message{width:650px; height:120px; line-height:40px; background:#ffffff; border:none; padding:10px;}
.index_hello li .say_send{width:650px; height:40px; line-height:40px; background:#333333; border:none; color:#ffffff;}

/*index_bottom*/
.index_bottom{width:1600px; height:auto; margin:auto; overflow:hidden; padding-top:30px; padding-bottom:30px; background:#dedede; border-top:2px solid #333333; text-align:center;}