@charset "utf-8";
/* CSS Document */


/*首页服务项目*/
.service_box{ width:100%; padding-bottom:60px;}
.service_center{ width:1200px; margin-left:auto; margin-right:auto;}
.item1{ float:left; width:510px; height:140px; background-color:#f4f6f8; padding:30px; transition:all 0.8s ease-in-out;}
.item1:hover{ background-color:#e12551; color:#fff; }
.item1:hover h1,.item1:hover h2{color:#fff;}
.item_left{ float:left;overflow:hidden}
.item_left img{ border:5px solid #fff;/*transform:scale(1);*/}
/*.item1:hover .item_left img{transform:scale(1.2);transition:all 0.5s ease;}*/
.item_right{ float:left; width:328px; padding-left:20px;}
.item_right h1{ font-size:16px; line-height:26px; margin-bottom:10px; color:#323232; transition:all 0.8s ease-in-out;}
.item_right h2{ font-size:13px; line-height:22px; text-indent:2em; transition:all 0.8s ease-in-out;}
.item2{ float:right; width:510px; height:140px; background-color:#f4f6f8; padding:30px; transition:all 0.8s ease-in-out; }
.item2:hover{ background-color:#e12551; color:#fff; }
.item2:hover h1,.item2:hover h2{color:#fff;}
.service_con2{ margin-top:40px;}
/*首页广告位*/
.banner_ser{ width:100%; height:260px;background:url(../images/banner.jpg) no-repeat center;}
/*首页客户案例*/
.custom_box{ width:100%; padding-bottom:100px; background-color:#f5f5f5;}
.custom_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.cus_nav{ width:401px; margin-left:auto; margin-right:auto;}
.cus_nav h3{ float:left; width:120px; line-height:40px; background-color:#fff; text-align:center; margin:0 5px; transition:all 0.6s ease-in-out; cursor:pointer; border-radius:3px;}
.cus_nav .cus_first{ background-color:#e12551; color:#fff;}
.cus_nav .cus_first a{ color:#fff;}
.cus_nav h3:hover{ background-color:#e12551; color:#fff; }
.cus_nav h3:hover{color:#fff;}
.cus_nav h3:hover a{color:#fff;}
.cus_con_box{ margin-top:40px;}
.pro>a>img{ transform:scale(1);  transition:all 1s ease-in-out; width:100%;}
.pro:hover>a>img{transform:scale(1.2);}
.pro{ float:left; position:relative; width:300px; height:225px; overflow:hidden;}
.shadow{ position:absolute; top:0px; left:0;  width:300px; height:225px; background-color:rgba(0,0,0,0.4);}
.shadow img{ margin-left:125px; margin-top:86px;}
/*首页关于我们*/
.about_box{ background:url(../images/about_bg.jpg) no-repeat center 0; height:494px;}
.about_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.about_con h4 p span strong{color:#fff !important;}
.about_con h4 p span{ color:#fff !important; text-indent:2em; line-height:26px; padding-bottom:7px;}
.about_con h5{ color:#e12551; line-height:40px; width:150px; border:1px solid #fff; background-color:#fff; text-align:center; border-radius:5px; margin-left:524px; margin-top:20px;transition:all 0.6s ease-in-out;}
.about_con h5:hover{ background-color:#e12551; color:#fff; border:1px solid #ff527b;}
/*首页热门项目*/
.hot_box{ padding-bottom:100px;}
.hot_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.index-chj-bot{ width:1335px; float:left;}
/* 本例子css */
.picScroll-left{ width:100%;  overflow:hidden; position:relative;    }
.picScroll-left .hd{ overflow:hidden;  height:42px; padding:0 10px; }
.picScroll-left .hd .prev{ display:block;  width:42px; height:42px; float:right; margin-right:10px; overflow:hidden;cursor:pointer; background:url(../images/ctrl_left.png) no-repeat; background-color:#f2f2f2; transition:all 0.6s ease-in-out;}
.picScroll-left .hd .prev:hover{background-color:#e12551;}
.picScroll-left .hd .next{ display:block;  width:42px; height:42px; float:right;    overflow:hidden;cursor:pointer; background:url(../images/ctrl_right.png) no-repeat; background-color:#f2f2f2; margin-right:125px; transition:all 0.6s ease-in-out;}
.picScroll-left .hd .next:hover{background-color:#e12551;}
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;display:none; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../img/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding-top:20px   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; display:inline; overflow:hidden; text-align:center; padding:10px; background-color:#f5f5f5; margin-right:45px; transition:all 0.6s ease-in-out;}
.picScroll-left .bd ul li:hover{ background-color:#e12551;}
.picScroll-left .bd ul li:hover .hot_text p{color:#fff; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:350px; height:262px; display:block;  }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .hot_text{ margin-top:15px ; margin-bottom:7px;}
.picScroll-left .bd ul li .hot_text p{  line-height:24px; color:#646464;font-size:16px;transition:all 0.6s ease-in-out;}
/*首页新闻资讯*/
.news_box{ width:100%; padding-bottom:60px; background-color:#f5f5f5; border-bottom:1px solid #dcdcdc;}
.news_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.news_con{ float:left; width:330px; height:96px; border-radius:3px; overflow:hidden; background-color:#fff; padding:20px; margin-bottom:40px;}
.news_con2{ float:left; width:330px; height:96px; border-radius:3px; overflow:hidden; background-color:#fff; padding:20px; margin-left:45px; margin-right:45px;margin-bottom:40px;}
.news_icon1{ float:left; width:95px; height:95px; background:url(../images/news_01.png) no-repeat center; border-radius:50%; overflow:hidden;}
.news_icon2{ float:left; width:95px; height:95px; background:url(../images/news_02.png) no-repeat center; border-radius:50%; overflow:hidden;}
.news_icon3{ float:left; width:95px; height:95px; background:url(../images/news_03.png) no-repeat center; border-radius:50%; overflow:hidden;}
.news_icon4{ float:left; width:95px; height:95px; background:url(../images/news_04.png) no-repeat center; border-radius:50%; overflow:hidden;}
.news_icon5{ float:left; width:95px; height:95px; background:url(../images/news_05.png) no-repeat center; border-radius:50%; overflow:hidden;}
.news_icon6{ float:left; width:95px; height:95px; background:url(../images/news_06.png) no-repeat center; border-radius:50%; overflow:hidden;}
.news_text{ float:left; margin-left:20px; width:215px;}
.news_text h2{ color:#323232; line-height:26px; padding-bottom:6px; padding-top:1px; transition:all 0.4s ease-out;width:215px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_text h3{ color:#646464; line-height:20px; font-size:12px; transition:all 0.4s ease-out; text-indent:2em;}
.news_text h2:hover{color:#e12551;}
.news_text h3:hover{color:#e12551;}