@charset "utf-8";
/* CSS Document */
.clearfix{ clear:both;}
.zhongying{ float:right; padding-left:50px;} 
.zhongying a{ float:left; color:#323232; padding:0 5px; line-height:40px; transition: all 0.4s ease-in-out;}
.zhongying a:hover{ color:#e12551;}

/*清零*/
body{ margin:0; padding:0; background-color:#fff;}
@media screen and (min-width:1020px){
body{
	
	width:100% ;
	}
}
@media screen and (max-width:1019px){
body{
	
	width:150%;
	}
}
a{ text-decoration:none; margin:0; padding:0;}
*{ font-family:"微软雅黑"; font-size:14px; color:#646464;}
h1,h2,p,h4,h5,h3,h6{ margin:0; padding:0; font-weight:normal;}
img{ display:block; border:none;}
.clearfix{clear: both;}
ul,li{ list-style:none; margin:0; padding:0;}
input,select{ border:none; outline:none;}
/*页眉*/
.top_header{ background-color:#e3e3e3; border-bottom:1px solid #cdcdcd;}
.top_header_center{ width:1200px; margin-left:auto; margin-right:auto;}
.top_header_center h1{ float:left; line-height:40px; margin-left:10px; color:#e12551;}
.header_right{ float:right; }
.header_right h2{line-height:40px; color:#e12551; background:url(../images/num_icon.png) no-repeat 0; padding-left:20px; padding-right:10px;}
/*导航*/
.nav_box{ position:relative; width:100%; top:-1px;}
.main_box_center,.logo_center{width:1200px; margin-left:auto; margin-right:auto;}
.logo_center{width:1200px; position:relative; }
.search_box{ position:absolute; right:35px; top:27px;}
.search{ width:204px; height:26px; border:1px solid #e3e3e3; border-radius:13px; font-size:12px; color:#646464; padding-left:10px; }
.btn{ background:url(../images/sec.png) no-repeat; width:30px; height:30px; position:absolute;  top:0px; z-index:2; right:0; cursor:pointer;}
.sec{font-size:12px; float: left;
    position: absolute;
    padding: 0 0 0 0px;
	margin-right:10px;
    background: none;
	border:none;
	list-style:none;
    width: 56px;
    height: 30px;
    line-height:30px;
    color: #7a7a7a; right:30px; top:0px; outline:none;}
.logo_box{border-bottom:1px solid #f3f3f3; }	
.main_box_center a{ float:left; width:133px;}
.main_box_center h2{ color:#323232; border-top:1px solid #f3f3f3; font-size:16px; line-height:58px;  text-align:center; transition: all 0.4s ease-in-out;}
.main_box_center h2:hover{border-top:1px solid #e12551; color:#e12551;}
.main_box_center .xiahuaxian{ border-top:1px solid #e12551; color:#e12551;}
/*.header img{ float:left; padding-top:10px; padding-right:80px;}
.navBar{ float:left;position:relative; z-index:1; height:72px; line-height:72px; background:url(../../images/line.gif) repeat-x 0 bottom #fff; color:#231815;   }
.nav{ position:relative; width:944px; margin:0 auto;  font-family:"微软雅黑"; font-size:22px; }
.nav a{ color:#231815;  font-family:"微软雅黑";}
.nav h3{ font-weight:normal; font-family:"微软雅黑"; }
.nav .m{ float:left;  position:relative; z-index:1; }
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav h3 a{ display:block; width:157px; text-align:center;   font-weight:bold;  font-size:22px; font-family:"微软雅黑"; font-weight:normal;}
.nav .sub{ display:none;  position:absolute; left:-3px; top:60px; z-index:1; width:157px; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0; margin-bottom:-1px;   }
.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:8px 0; height:28px; line-height:28px; color:#666;  font-family:"微软雅黑"; width:157px; text-align:center; font-weight:normal; font-size:14px;}
.nav .sub li a:hover{ color:#fff; background-color:#e6002d;}
.nav .block{ height:3px; width:157px; background:#e6002d; position:absolute; left:0; top:57px; overflow:hidden;  }*/

/*banner*/
.banner_box{ width:100%; overflow:hidden;}
.banner{ clear:both; width:100%; height:600px; width:1920px; overflow:hidden; position:relative; left:50%;  top:0; margin-left:-960px; }
.prolists{ position:absolute;}
.prolists img{ float:left; width:1920px; height:600px;}
.banner .ctrl{ position:absolute; width:96px; left:50%; bottom:30px; margin-left:-48px; }
.ctrl span{width:10px; height:10px; border-radius:50%; background-color:rgba(0,0,0,0,); border:2px solid #fff; margin-left:5px; margin-right:5px; float:left; cursor:pointer;}
.banner .red{width:10px; height:10px; border-radius:50%; background-color:#e12551; border:2px solid #fff;}

/*首页服务项目*/
.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:780px; 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 h3:hover{ background-color:#e12551; color:#fff; }
.cus_nav h3:hover{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{ color:#fff; 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;}
/*底部优势*/
.advan_box{ width:100%; padding-bottom:43px; padding-top:40px;}
.advan_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden;}
.advan{ float:left; width:240px;}
.advan_icon01{ width:68px; height:68px; background:url(../images/advan_icon01.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon02{ width:68px; height:68px; background:url(../images/advan_icon02.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon03{ width:68px; height:68px; background:url(../images/advan_icon03.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon04{ width:68px; height:68px; background:url(../images/advan_icon04.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon05{ width:68px; height:68px; background:url(../images/advan_icon05.png) no-repeat center; transition: all 0.5s ease-in-out; margin-left:86px;}
.advan_icon01:hover{ background:url(../images/advan_icon06.png) no-repeat center;}
.advan_icon02:hover{ background:url(../images/advan_icon07.png) no-repeat center;}
.advan_icon03:hover{ background:url(../images/advan_icon08.png) no-repeat center;}
.advan_icon04:hover{ background:url(../images/advan_icon09.png) no-repeat center;}
.advan_icon05:hover{ background:url(../images/advan_icon10.png) no-repeat center;}
.advan_text h2{ font-size:16px; text-align:center; line-height:20px; padding-top:7px; padding-bottom:4px;}
.advan_text h3{ font-size:14px; text-align:center; line-height:20px;}
/*footer*/
.footer_box{ background-color:#646464; position:relative;padding-bottom:50px;}
.footer_center{ width:1200px; margin-left:auto; margin-right:auto;}
.friend_link{padding-top:14px;}
.friend_link h1{ float:left; color:#fff; font-size:12px; line-height:52px; }
.friend_link h2{ float:left; color:#fff; font-size:12px; line-height:52px; transition: all 0.4s ease-in-out;}
.friend_link h2:hover{ color:#e12551;}
.friend_link h3:hover{ color:#e12551;}
.friend_link h4{ float:left; color:#FFF; font-size:11px; padding:0 5px; line-height:52px}
.friend_link h3{ float:left; color:#fff; font-size:12px; line-height:52px;transition: all 0.4s ease-in-out;}
.footer_text{ float:left; width:830px;}
.footer_nav{ padding-top:14px;}
.footer_nav h4{float:left; color:#FFF; font-size:11px; padding:0 14px; line-height:20px;}
.footer_nav h5{float:left; color:#FFF; line-height:20px; transition: all 0.4s ease-in-out;} 
.footer_nav h5:hover{ color:#e12551;}
.footer_info{ padding-top:9px;}
.footer_info p{ color:#FFF}
.footer_info h6{ color:#FFF; line-height:26px;}
.footer_share{ float:right; margin-right:80px; margin-top:-26px;}
.footer_share img{ float:left; padding-right:33px;}
.footer_share h3{ float:left; color:#fff; line-height:22px; padding-top:52px;}
<!--返回顶部-->
#fanhui{ width:60px; height:60px; left:50%; top:80%; } 
#fanhui h3{ position:fixed;  left:100%; margin-left:-60px; top:80%; background-image:url(../images/top_01.png); width:60px; height:60px; background-repeat:no-repeat; z-index:999;}
#fanhui h3:hover{ background-image:url(../images/top_02.png);}