@charset "utf-8";
/* CSS Document */
/*清零*/
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:#999999;}
.header_right{ float:right; }
.header_right h2{line-height:40px; color:#999999; background:url(../images/num_icon.png) no-repeat 0; padding-left:20px; padding-right:10px;}
/*导航*/
.nav_box{ position:relative; width:100%; top:-1px; background:#579EFF}
.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 ul li{ float:left; position:relative; color:#fff !important; font-size:16px; line-height:50px; width:129px; border-left:1px #FFFFFF solid; text-align:center; transition: all 0.4s ease-in-out;}
.main_box_center ul li:hover{border-top:1px solid #e12551; color:#e12551;}
.main_box_center ul li a{ color:#FFF}
.main_box_center ul li:nth-child(1){ border-left:none !important}

.main_box_center ul ul{ position:absolute; display:none; z-index:99999; top:50px;}
.main_box_center ul ul li{ display:block; border-left:none; background:#579EFF; border-top:1px #FFFFFF solid}

.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:500px !important; width:1920px; overflow:hidden; position:relative; left:50%;  top:0; margin-left:-960px; }
.prolists{ position:absolute;}
.prolists img{ float:left; width:1920px; height:500px !important;}
.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;}
/*关于我们*/
.contant_box{ background-color:#f5f5f5; border-bottom:1px solid #dcdcdc;}
.contant_center{ width:1200px; margin-left:auto; margin-right:auto; overflow:hidden; padding-top:29px;}
.contant_left{ float:left; width:290px;}
/*项目列表*/
.title h1{ float:left; font-size:18px; color:#323232; line-height:38px; border-bottom:2px solid #e12551; transition:all 0.4s ease-in-out;}
.title h2{ float:right; color:#646464; line-height:38px; font-family:Arial; transition:all 0.4s ease-in-out;}
.title h1:hover{ color:#e12551;}
.title h2:hover{ color:#e12551;}
.ser_list{ padding-top:12px;}
.ser_list h3{ background:url(../images/left_list_icon.png) no-repeat 0 center; line-height:39px; padding-left:19px; transition:all 0.4s ease-in-out; border-bottom:1px solid #e1e1e1;}
.ser_list h4{ background:url(../images/left_list_icon.png) no-repeat 0 center; line-height:39px; padding-left:19px; transition:all 0.4s ease-in-out;}
.ser_list h3:hover{ color:#e12551; padding-left:29px; background:url(../images/left_list_icon2.png) no-repeat 10px center;}
.ser_list h4:hover{ color:#e12551; padding-left:29px; background:url(../images/left_list_icon2.png) no-repeat 10px center;}
/*热门项目*/
.hot_box{ padding-top:15px; padding-bottom:15px;}
.hot_item{ width:90px; overflow:hidden;}
.item_img{ overflow:hidden;}
.item_img a img{ transform:scale(1); transition:all 1s ease-in-out;}
.hot_list{ padding-top:26px;}
.hot_item{ float:left;}
.hot_item h3{ font-size:12px; text-align:center; line-height:40px; transition:all 0.4s ease-in-out;}
.hot_item h3:hover{ color:#e12551;}
.hot_item:hover .item_img a img{ transform:scale(1.2);}
.hot_item2{ float:left; margin-left:10px; margin-right:10px;}
.hot_item2 h3{ font-size:12px; text-align:center; line-height:40px; transition:all 0.4s ease-in-out;}
.hot_item2:hover .item_img a img{ transform:scale(1.2);}
.hot_item2 h3:hover{ color:#e12551;}
/*推荐新闻*/
.news_list{ padding-top:6px;  padding-bottom:17px;}
.news_text{ border-bottom:1px solid #e1e1e1;  padding-top:15px;}
.news_text h3{ font-size:12px; line-height:20px; padding-bottom:3px;}
.news_text h4{ line-height:20px; padding-bottom:9px; transition:all 0.4s ease-in-out;width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_text h4:hover{ color:#e12551; padding-left:10px;}
.news_text2{padding-top:15px;}
.news_text2 h3{ font-size:12px; line-height:20px; padding-bottom:3px;}
.news_text2 h4{ line-height:20px; padding-bottom:9px; transition:all 0.4s ease-in-out;}
.news_text2 h4:hover{ color:#e12551; padding-left:10px;}
/*左侧联系我们*/
.contact_left{ padding-bottom:53px;}
.contact_list h3{ font-weight:bold; color:#595959; line-height:26px; padding-top:19px; padding-bottom:4px;}
.contact_list h4{ line-height:26px; }
/*右侧联系我们*/
.contant_right{ float:right; width:870px;}
.right_title h1{ float:left; font-size:18px; color:#323232; line-height:38px; border-bottom:2px solid #e12551; transition:all 0.4s ease-in-out;}
.right_title h1:hover{ color:#e12551;}
.right_title_right{ float:right; }
.right_title_right h2{ float:left; color:#646464; line-height:38px; transition:all 0.4s ease-in-out;}
.right_title_right h3{ float:left; color:#646464; line-height:38px; transition:all 0.4s ease-in-out;}
.right_title_right h4{ float:left; color:#646464; line-height:38px; padding:0 5px;}
.right_title_right h3:hover{ color:#e12551;}
.right_text{ background-color:#fff; padding:33px 40px 98px 40px;}
.right_text p{ line-height:26px; padding-bottom:10px; text-indent:2em;}
 
/*底部优势*/
.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:#579EFF; position:relative;padding-bottom:50px;}
.footer_box a{ color:#FFF}
.footer_center{ width:1200px; margin-left:auto; margin-right:auto;}
.friend_link{ margin-left:80px; 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:752px; padding-left:80px;}
.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; line-height:30px;}
.footer_info p{ color:#FFF}
.footer_info h6{ color:#FFF; line-height:26px;}
.footer_share{ float:right; margin-right:0px; margin-top:0px;}
.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);}