@charset "gb2312";


/*--banner--*/
.banner{ width:100%; height:320px; background:url(http://360hc.cn/template/default/img/2.png) no-repeat center;}

.product{ width:100%; height:auto; overflow:hidden;}
.product_con{ width:1200px; margin:0 auto; padding-top:5px; box-sizing:border-box;}
.product_con .bt{ width:1200px; height:80px;}
.product_con .bt span{ font-size:17px; color:#666; text-align:center; display:block;}
.product_con .bt p{ width:1200px; height:32px; background:url(http://360hc.cn/template/default/img/cp_bt.jpg) no-repeat center; margin-top:10px;}
.fxui-tab { width:1200px; margin-top:55px;}
.fxui-tab-hand {height:35px;}
.fxui-tab-tit { width:164px; height:35px; border:1px solid #c3c3c3; border-radius:25px; margin-left:58px; cursor: pointer; display:block; font-size:16px; float:left; text-align:center; line-height:35px;}
.fxui-tab-hand .curr {background:#05317a; color:#fff; border:1px solid #05317a;}
.fxui-tab-nav { margin-top:45px; height:auto; overflow:hidden;}
.fxui-tab-nav li{ width:380px; height:305px; float:left; margin-right:30px; margin-bottom:29px;}
.fxui-tab-nav li:nth-child(3n){ margin-right:0px;}
.fxui-tab-nav li div{ width:380px; height:258px; overflow:hidden;}
.fxui-tab-nav li img{ width:380px; height:258px; transition:all 0.5s;}
.fxui-tab-nav li:hover img{ transform:scale(1.1);}
.fxui-tab-nav li dl{ height:50px; background:#f3f3f3; transition:all 0.5s; padding:0 25px; box-sizing:border-box;}
.fxui-tab-nav li dl p{ font-size:15px; color:#666; line-height:48px; float:left;}
.fxui-tab-nav li dl .more{ width:60px; height:48px; float:right; font-size:16px; color:#666; margin-top:15px; transition:all 0.5s;}
.fxui-tab-nav li:hover dl{ background:#05317a;}
.fxui-tab-nav li:hover dl p{ color:#fff;}
.fxui-tab-nav li:hover dl .more{ color:#fff;}
.cp_nr{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.c_path1{ width:1200px; height:auto; margin:0 auto; margin-top:30px; margin-bottom:15px; overflow:hidden;}
.mod18{ width:434px;padding:6px; position:relative; border:1px solid #f1f1f1; background:#fff; box-shadow:0px 1px 5px #CCCCCC;  }
.mod18 .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;;background:url(http://360hc.cn/template/default/img/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:163px;width:39px;height:50px;}
.mod18 #prevTop{background:url(http://360hc.cn/template/default/img/pic_left.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(http://360hc.cn/template/default/img/pic_right.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(http://360hc.cn/template/default/img/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:434px;height:363px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:327px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:327px;position:absolute;}
.mod18 .picBox li{width:434px;height:327px; position:relative;}
.mod18 .picBox li img{width:434px;height:327px;}
.mod18 .picBox li span{ width:434px; height:34px; background-color:rgba(0,0,0,0.3); padding:0; font-size:16px; color:#fff; text-align:center; line-height:34px; display:block; position:absolute; bottom:0px; left:0px;}
.mod18 .listBox{ width:434px; height:90px; margin-top:11px; margin-left:-4px; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:86px;position:absolute;}
.mod18 .listBox li{width:135px;height:86px; cursor:pointer;position:relative; text-align:center;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:122px;height:86px;}
.mod18 .listBox li img{width:122px;height:86px; margin:0 auto;  border:1px solid #ccc;}
.mod18 .listBox .on img{width:122px;height:86px;border:1px solid #cf221b;}
.mod18 .listBox .on i{display:block;}
.tu_left{ width:450px; float:left; height:400px; }

.c_path1_right{ width:440px; height:auto; float:right;}
.c_path1_right .bt{ height:50px; width:400px; border-bottom:1px solid #e6e6e6;}
.c_path1_right h3{height:55px; float:left; overflow:hidden; font-size:25px; font-weight:normal; color:#333; line-height:55px;} 
.c_path1_right span{ cursor:pointer; display:inline-block; margin-top:22px; margin-left:20px; width:136px; height:33px; background:url(http://360hc.cn/template/default/images/er.jpg) no-repeat;}
.gaishu{ width:400px; margin:20px 0;}
.gaishu i{ font-style:normal; color:#ff7a03; display:block; float:left; height:25px; line-height:25px; margin-right:8px;}
.gaishu p{ line-height:25px; color:#666;  }
.c_xiang{ width:600px; height:67px; background:#f6f6f6; border-top:1px solid #e4e4e4;}
.c_xiang a{ width:119px; height:30px; border:1px solid #bdbdbd; text-align:center; line-height:30px; display:block; color:#666; border-radius:25px; margin-left:75px; margin-top:16px;}
.zxz{ width:600px; height:35px; margin-top:20px;}
.zxz a{ width:160px; height:39px; background:#ff7a03; border-radius:5px; text-align:center; line-height:39px; color:#fff; display:block; float:left;}
.zxz .dianhua{ width:276px; height:40px; float:left; margin-left:35px; background:url(http://360hc.cn/template/default/img/ddhh.gif) no-repeat; padding-left:45px; box-sizing:border-box;}
.zxz .dianhua dl{color:#333; font-size:16px; line-height:40px;} 

.c_path2{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding-top:45px;}
.c_path2_con{ width:1200px; height:auto; margin:0 auto; position:relative; padding-bottom:40px; overflow:hidden;}
.c_path2_con_left{ width:920px; float:left; position:relative;}


.section-content{ border-bottom: 5px solid #0000FF; min-height: 500px; width: 920px; margin: auto; line-height: 500px; text-align: center; }
.nav-height{ position:relative; height:58px;}
.nav-wrap { width:1200px;height:58px;background:#f0f0f0;}
.nav-wrap.navFix{position: fixed;top: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 1200px; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { width:150px; display: inline-block; text-align: left;height: 58px; line-height: 58px; float: left; padding-left:40px; font-size:18px;}
.nav-wrap li a {display: block; width:122px; height:58px; line-height:58px; font-size:16px; text-align:center; color: #333; text-decoration: none; box-sizing:border-box;}
.nav-wrap li a:hover{color: #4680d1;}
.nav-wrap li a.active {border-top:3px solid #ff7a03;color: #333; background:#fff; line-height:53px;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}

#section1{ width:1200px; height:auto; padding:20px; box-sizing:border-box; background:#fff;}
#section1 .bt{ height:50px;}
#section1 .bt h3{ font-size:20px; color:#333; font-weight:normal; margin-top:15px; float:left;}
#section1 .bt i{ width:70px; height:1px; background:#333; display:block; margin-left:15px; float:left; margin-top:28px; }
#section1 img{  height:auto; margin:0 auto; margin-top:30px;}
#section1 dl{ width:100%; height:120px; background:#f3f3f3; padding:0 20px; box-sizing:border-box; overflow:hidden;}
#section1 dl h3{ font-weight:normal; font-size:18px; color:#333; line-height:35px; margin-top:15px;}
#section1 dl  p{ line-height:25px; color:#999; height:50px; overflow:hidden;}
#section2{ width:920px; height:auto; background:#fff; overflow:hidden; margin-top:20px; padding:25px; box-sizing:border-box;}
#section2 .bt{ height:50px;}
#section2 .bt h3{ font-size:20px; color:#333; font-weight:normal; margin-top:15px; float:left;}
#section2 .bt i{ width:70px; height:1px; background:#333; display:block; margin-left:15px; float:left; margin-top:28px; }
#section2 p{ color:#666; line-height:25px; margin:20px 0;}
#section2 img{ max-width:100%; height:auto; margin:0 auto;}
#section2 span{ text-align:center; line-height:50px; color:#333; display:block; text-align:center;}

#section3{ width:920px; height:auto; padding:20px; box-sizing:border-box; background:#fff; margin-top:20px;}
#section3 .bt{ height:50px; width:100%; border-bottom:1px solid #ebebeb;}
#section3 .bt h3{ font-size:20px; color:#333; font-weight:normal; margin-top:15px; float:left;}
#section3 .bt a{ float:right; margin-top:18px; }




.fxui-tab-nav3 { margin-top:45px; height:auto; overflow:hidden;}
.fxui-tab-nav3 li{ width:262px; height:200px; float:left; margin-right:30px; margin-bottom:29px;}
.fxui-tab-nav3 li:nth-child(3n){ margin-right:0px;}
.fxui-tab-nav3 li div{ width:262px; height:178px; overflow:hidden;}
.fxui-tab-nav3 li img{ width:262px; height:178px; transition:all 0.5s;}
.fxui-tab-nav3 li:hover img{ transform:scale(1.1);}

.fxui-tab-nav3 li dl p{ font-size:14px; color:#666; line-height:30px; text-align:center;}
.fxui-tab-nav3 li:hover dl{ background:#05317a;}
.fxui-tab-nav3 li:hover dl p{ color:#fff;}


#section4{ width:1200px; height:auto; padding:20px; box-sizing:border-box; background:#fff; margin-top:20px;}
#section4 .bt{ height:50px; width:100%; border-bottom:1px solid #ebebeb;}
#section4 .bt h3{ font-size:20px; color:#333; font-weight:normal; margin-top:15px; float:left;}
#section4 .bt a{ float:right; margin-top:18px; }




.fxui-tab-nav4 { margin-top:45px; height:auto; overflow:hidden;}
.fxui-tab-nav4 li{ width:265px; height:268px; float:left; margin-right:20px; margin-bottom:20px; border:1px solid #ccc; line-height:150%;}

.fxui-tab-nav4 li div{ width:262px; height:181px; overflow:hidden;}
.fxui-tab-nav4 li img{ width:262px; height:181px; }
.frontspan{width:100%; height:181px; overflow:hidden;}
.backspan{ text-align:center; color:#333; padding-right:5px; overflow:hidden; width:100%; float:left;}

.fxui-tab-nav4 li dl p{ font-size:14px; color:#666; line-height:30px; text-align:center;}
.fxui-tab-nav4 li:hover dl{ background:#05317a;}
.fxui-tab-nav4 li:hover dl p{ color:#fff;}

#section5{ width:920px; height:450px; padding:35px; box-sizing:border-box; background:#fff; margin-top:20px;}
#section5 .bt{ height:50px; width:100%;}
#section5 .bt h3{ font-size:20px; color:#333; font-weight:normal; margin-top:15px;}
#section5 .bt p{ color:#666; margin-top:10px;}
.input1{ width:295px; height:40px; float:left; margin-top:35px;}
.input1 span{ float:left; width:55px; height:40px; line-height:40px; color:#666}
.input1 input{ width:230px; height:40px; background:#f4f4f4; border:none; border-radius:3px; padding:0 15px; box-sizing:border-box; color:#999;}
.input2{ width:800px; height:135px; float:left; margin-top:25px;}
.input2 span{ float:left; width:55px; height:40px; line-height:40px; color:#666}
.input2 textarea{ width:580px; height:150px; background:#f4f4f4; border:none; border-radius:3px; padding:15px; box-sizing:border-box; color:#999;}
.input3{ width:200px; height:40px; margin-top:45px; margin-left:55px;}
.input3 input{ width:160px; height:40px; background:#ff7a03; border:none; float:left; border-radius:5px; color:#fff; text-align:center; line-height:40px; cursor:pointer;}

.c_path2_con_right{ width:236px; height:712px; float:right; background:#fff; overflow:hidden; padding:20px; box-sizing:border-box;}
.c_path2_con_right .nr img{ width:196px; height:133px;}
.c_path2_con_right .nr span{ line-height:30px; color:#666; text-align:center; display:block;}
.c_path2_con_right h3{ font-weight:normal; margin-bottom:15px;}
.c_path2_con_right .nr{ margin-bottom:15px;}
.c_path2_con_right .more{ width:196px; height:38px; background:#ff7a03; border-radius:5px; color:#fff; text-align:center; line-height:38px;}

.fixed{ position:fixed; top:0; margin-left:964px;}
.kefu{ width:100%; height:510px; background:url(http://360hc.cn/template/default/img/case.jpg) no-repeat center; overflow:hidden; margin-top:60px;}
.kefu_con{ width:1200px; height:368px; margin:78px auto; padding:55px; box-sizing:border-box;}
.kefu_con h3{ font-size:30px; color:#333; font-weight:normal;}
.kefu_con i{ width:65px; height:3px; background:#ff7a03; display:block; margin-top:15px;}
.kefu_con p{ line-height:28px; color:#666; width:690px; margin-top:40px;}
.kefu_con a{ width:190px; height:48px; border:1px solid #ddd; border-radius:3px; text-align:center; line-height:48px; display:block; margin-top:40px;}
.kefu_con a:hover{ background:#ff7a03; color:#fff; border:1px solid #ff7a03; }
.act{     border-top: 3px solid #ff7a03;
    color: #333;
    background: #fff;
    line-height: 53px;}
	
	.protext p{     color: #666;
    line-height: 25px;
    margin: 20px 0;}
	
	.para{ color: #666;
    line-height: 25px;
    margin: 20px 0;}
	
	.pro_left {
    width: 280px;
   
    float: left;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
	margin-right:10px;
	height:350px;
}	
	.pro_left h3 {
    font-size: 17px;
    color:#FFF;
	font-weight:bold;
    font-weight: normal;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px;
    background:#2d62ae;
	text-align:center;
    box-sizing: border-box;
}
	.news_left {
    width: 240px;
   
    float: left;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.news_left h3 {
    font-size: 17px;
    color:#FFF;
	font-weight:bold;
    font-weight: normal;
    width: 180px;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 50px;
    background: url(http://360hc.cn/template/default/img/news.gif) repeat 20px 14px;
    padding-left: 45px;
    box-sizing: border-box;
}

.cp {
    width: 160px;
    margin: 0 auto;
    padding-top: 20px;
}

.cp li {
    width: 160px;
    height: 35px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: all 0.5s;
}

.cp li a {
    font-size: 15px;
    color: #333;
    width: 160px;
    height: 35px;
    display: block;
    padding-left: 40px;
    box-sizing: border-box;
    line-height: 39px;
}


news_left li{ list-style:none;}

.wz li{ width: auto; height:30px;line-height: 30px; font-size:14px; overflow:hidden; padding-left:10px; border-bottom:1px dashed #ccc;}
/*
     FILE ARCHIVED ON 00:36:58 Dec 03, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:12:47 Sep 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.615
  exclusion.robots: 0.036
  exclusion.robots.policy: 0.023
  esindex: 0.015
  cdx.remote: 12.825
  LoadShardBlock: 81.511 (3)
  PetaboxLoader3.datanode: 141.822 (4)
  load_resource: 184.29
  PetaboxLoader3.resolve: 103.332
*/