body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p,blockquote, th, td {  margin: 0;  padding: 0;  }
body{font-family: "微软雅黑";width:100%; min-width:1200px;font-size: 16px;
 width:expression((documentElement.clientWidth < 1200px) ? "1200px" : "100%" ); zoom:1;
overflow-x: hidden; }
input::-ms-clear {  display: none;  }
a {  color: #37e;  text-decoration: none;  }
a:hover {  color: #F55;  text-decoration: none;  }
table{  border-collapse: collapse;  border-spacing: 0;  }
fieldset, img {  border: 0;  max-width: 100%; vertical-align: middle;}
address, caption, cite, code, dfn, em, th,
var{  font-style: normal;  font-weight: normal;  }
ol, ul ,li{  list-style: none;  }
caption, th {  text-align: left;  }
h1, h2, h3, h4, h5, h6 {  font-size: 100%;  font-weight: normal;  }
q:before, q:after {  content: '';  }
abbr, acronym {  border: 0; }
a{color: #666; text-decoration: none;}
a:hover{color: #000; text-decoration: none;}
.fl{float: left; display: inline;}
.fr{float: right; display: inline;}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

input,textarea,select{outline:none; border:0; padding: 0; margin:0; background: none;font-family: "微软雅黑";}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{color: #b0b0b0;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
.clear{clear: both; zoom:1; }

.mr0{margin-right: 0px !important;}

@font-face {font-family: 'htccp';
    src: url('fonts/htccp.eot');
    src: url('fonts/htccp.eot?#iefix') format('embedded-opentype'),
    url('fonts/htccp.woff') format('woff'),
    url('fonts/htccp.ttf') format('truetype'),
    url('fonts/htccp.svg#htccp') format('svg');
}

.contain{width: 1200px; margin:0 auto;max-width: 100%;}

.header{margin-bottom: 1px;}
.Htop{height: 102px;position: relative;*z-index: 10;}
.Htop .logo{display: block; padding: 25px 0 0;float: left;}
.Htop .rig{float: right;padding: 22px 0 0;text-align: right;}
.Htop .rig .up a{color:#868686;font-size: 12px;padding-left: 8px;}
.Htop .rig .up a img{vertical-align:-3px;margin-right: 3px;}
.Htop .rig .down{margin-top:15px;}
.Htop .rig .down .tel{margin-left: 10px;}
.Htop .rig .down .tel p{color:#333;font-size: 16px;font-weight: bold;}
.Htop .rig .down .tel p img{vertical-align:-3px;margin-right: 3px;}
.Htop .link{ position: absolute; right: 10vw; top: 50%;transform: translateY(-50%);font-size: 18px;color: #164887;cursor: pointer;}
.mainNav{height:45px;line-height: 45px;background:#164887;width: 100%;position: relative;*z-index: 9;}
.mainNav li{float: left;width: 11.11%;text-align: center;position: relative;}
.mainNav li>a{color:#fff;font-size: 15px;display: block;}
.mainNav li:hover>a,.mainNav li.cur>a{background:#3B73B9;}
.mainNav li .dl_menu{position: absolute; left: 0;min-width:140px;top: 45px;z-index: 9;*z-index: 99;
background: #fff;padding:10px 20px;text-align: left;border-bottom: 4px solid #3b73b9;
display: none;
}
.mainNav li .dl_menu dd{border-bottom: 1px solid #EBEBEB;padding:7px 0;
/*text-indent:16px;*/}
.mainNav li .dl_menu dd a{display: block;line-height:28px;font-size: 14px;color: #666;}
.mainNav li .dl_menu dd:hover a{color:#3b73b9;}
.mainNav li .dl_menu.active{
display: block;
}

.w510{width: 510px;}

.guanzhu{position: relative;}
.guanzhu .code{display: none;position: absolute; top: 20px;left: 0;z-index: 100;}
.guanzhu:hover .code{display: block;}

/*banner*/
.HomeBan{width: 100%;height:500px; position: relative;overflow: hidden;z-index: 1;}
.HomeBan .bd{position: absolute; left: 50%; margin-left: -960px; top: 0;width: 1920px;height:500px;}
.HomeBan .bd li img{width: 100%;}
.HomeBan .hd a{position: absolute;top:50%; margin-top:-11.5px; width: 100%; text-align: center;font-size: 0;
z-index: 99;display: block;width:50px;height:50px;text-align: center;}
.HomeBan .hd a:hover{background: rgba(0,0,0,0.2);}
.HomeBan .hd a img{margin:13px 0 0 0;}
.HomeBan .hd a.prev{left:20px;}
.HomeBan .hd a.next{right: 20px;}
/*首页*/

.sear_box .txt{width:120px; height: 25px;line-height: 25px;border: 1px solid #DBDBDB;
color:#a9a9a9;font-size: 12px;padding: 0 0 0 6px;border-radius:5px 0 0 5px;float: left;}
.sear_box .sm{width:32px;height: 25px;float: left;
 background:#164887 url(../images/icon5.png) no-repeat center center;}

.tit{padding:40px 0 32px;position: relative;}
.tit h5{color:#444;font-size: 22px;}
.tit h5 span{display: block;color: #969696;font-size:14px;font-family: 'htccp';}
.tit .more{color:#666;font-size: 12px;font-family: arial;position: absolute;right: 0;
top:60px;}

.index_hot{padding: 0 0 40px;}
.index_hot .bd li{width: 285px;float: left;margin-right: 20px;padding:0 0 20px;
}
.index_hot .bd li a{display: block;}
.index_hot .bd li img,.index_hot .bd li .img{width:285px;height: 160px;overflow: hidden;}
.index_hot .bd li img{transition: all 0.5s;-webkit-transition: all 0.5s;
}
.index_hot .bd li a h5{color: #666;font-size: 16px;padding:25px 0 20px;width: 100%;
position: relative;}
.index_hot .bd li a p{color:#999;font-size:14px;line-height: 26px;}
.index_hot .bd li .line{border-bottom: 1px solid #E6E6E6;padding-top: 15px;
transition: all 0.3s;-webkit-transition: all 0.3s;}
.index_hot .bd li .txt{} 
.index_hot .bd li .txt h5::after{content:''; width:14px; height: 9px;position: absolute; right: 0; top:32px;
background: url(../images/jt.png) no-repeat center;display: inline-block;
transform: translate3d(-20px,0,0);-webkit-transform: translate3d(-20px,0,0);opacity: 0;
transition: all 0.3s;-webkit-transition: all 0.3s;}
.index_hot .bd li:hover .line{transform: translateY(10px);-webkit-transform: translateY(10px);border-bottom-color:#999;}
.index_hot .bd li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.index_hot .bd li:hover img{height: 155px;}
.index_hot .bd li:hover .txt h5::after{opacity:1;transform: translate3d(0,0px,0);
-webkit-transform: translate3d(0,0px,0);} 
.index_hot .hd{width: 100%;text-align: center;font-size: 0;margin-top: 20px;}
.index_hot .hd li{display: inline-block;width: 9px;height: 9px;
border: 1px solid #CECECE;border-radius: 9px;margin: 0 3px;}
.index_hot .hd li.on{background:#164887;border-color:#164887;}

.index_case{background: #FAFAFA;padding-bottom: 35px;}
.index_case .lef{width: 768px; }
.index_case .lef li{width:240px;float: left;margin-right:20px;
transition: all 0.4s;-webkit-transition: all 0.4s;}
.index_case .lef li img{width:240px;height: 116px;}
.index_case .lef li h6{color:#333;font-size:15px;font-weight: bold;
padding: 15px 0;border-bottom: 1px solid #E1E1E1;margin-bottom:6px;}
.index_case .lef li p{color:#666;font-size:14px;line-height: 24px;}
.index_case .lef li a{color:#164887;font-size:12px;display:inline-block;
transition:all 0.5s;-webkit-transition:all 0.5s;padding: 6px 0 0;}
.index_case .lef li:hover{transform: translate3d(0,-10px,0);-webkit-transform: translate3d(0,-10px,0);}
/*.index_case .lef li:hover a{transform: translateX(90px);-webkit-transform: translateX(90px);}*/
.index_case .lef li:hover h6{color:#164887;}
.index_case .rig{width: 404px;}
.index_case .rig li{text-align: center;width: 96px;float: left;margin-right:5px;position:relative;}
.index_case .rig li img{width: 94px;height: 94px;border: 1px solid #E1E1E1;
transition: all 0.5s;-wenkit-transition: all 0.5s;}
.index_case .rig li p{color:#666;font-size:14px;padding: 10px 0;}
.index_case .rig li:hover img{border-color:#164887;transform: scale(1.05);-webkit-transform: scale(1.05);}
.index_case .rig li:hover p{color:#164887;}
/*.index_case .rig li .t,.index_case .rig li .d{width:94px;border-bottom: 1px solid #E1E1E1;
position:absolute; left: 0;}
.index_case .rig li .t{top: 0;}
.index_case .rig li .d{bottom:25px;}*/
.index_news .contain{position: relative;}
.index_news .hdtab{position: absolute; right:70px; top:49px;}
.index_news .hdtab li{width: 106px;float: left;text-align: center;
height: 36px;line-height: 36px;}
.index_news .hdtab li a{display: block;color:#656565;font-size: 14px;}
.index_news .hdtab li:hover a,.index_news .hdtab li.on a{
	background: #164887;color: #fff;
}
.bdUl .lef{/*margin-right: 24px;*/}
.bdUl .lef a img,.bdUl .lef{width: 360px;height: 248px;}
.bdUl .rig{width: 820px;}
.bdUl .rig .top,.bdUl .rig li{border-bottom: 1px dotted #D6D6D6;padding-bottom: 13px;}
.bdUl .rig .top a{color:#164887;font-size:15px;font-weight: bold;display: block;
margin-bottom:14px;}
.bdUl .rig .top p{color:#414446;font-size: 12px;line-height: 21px;}
.bdUl .rig li{float:left;width:48%;padding-top:17px;text-align: right;}
.bdUl .rig li a{color:#666;font-size: 14px;float:left;
background: url(../images/dot.png) no-repeat left center; padding-left: 15px;}
.bdUl .rig li.pd{padding-left:32px;*padding-left:30px;}
.bdUl .rig li span{color:#666;font-size: 12px;}
.bdUl .rig li:hover a{color:#164887;font-weight: bold;}

.footer{margin-top: 40px; background:#333333;width: 100%;padding: 40px 0 0;}
.foot .f_dl{float: left;margin-right:15px;/*width: 11.11%;*/width: 120px;}
.foot .f_dl dt{color: #f0f0f0;font-size: 14px;border-bottom: 1px solid #464646;
padding-bottom: 12px;width: 100%;}
.foot .f_dl dd a{color:#a9a9a9;font-size:12px;padding:10px 0 0;display: block;}
.footer .a_link{padding: 40px 0 15px;}
.footer .a_link span,.footer .a_link a{color:#f0f0f0;font-size:12px;}
.footer .a_link a{padding:0 5px;}

.bottom{border-top: 1px solid #464646;padding: 15px 0;}
.bottom .alist a,.bottom .alist em,.bottom .lef p{color:#7e7d7d;font-size: 12px;}
.bottom .lef p{padding: 5px 0 0;}
.bottom .center{padding-left:150px;}

/*内页banner*/
.SubBan{width: 100%;height: 300px;position: relative; overflow: hidden;}
.SubBan .ban{width: 1920px;height: 300px;position: absolute; left: 50%; margin-left: -960px;
top: 0;}

.MainMargin{margin-top:32px;}

.leftCon h5{width: 202px;height: 68px;color: #fff;font-family:Arial;position: relative;
background: url(../images/left_bg.jpg) no-repeat;text-indent:18px;font-weight: bold;}
.leftCon h5 b{font-family: "微软雅黑";font-size: 16px;position: absolute;
top: 20px; left:45px;}
.leftCon h5 span{font-size:56px;font-family: "微软雅黑";font-weight: bold;line-height: 68px;}
.leftCon ul{background:#FCFCFC;border:1px solid #D8D8D8;padding-bottom:20px;
border-bottom-width:3px;}
.leftCon li{padding:0 10px;text-indent:24px;}
.leftCon li>a{display: block;border-bottom: 1px dashed #E7E7E7;padding:10px 0;
color:#666;font-size: 14px;background: url(../images/icon6.png) no-repeat 5px center;}
.leftCon li:hover>a,.leftCon li.on>a{color:#164887;font-weight: bold; font-size:15px;}
.leftCon li:hover>a,.leftCon li.on>a{background-image:url(../images/icon7.png);}

.leftCon .dl_list{display: none;}
.leftCon .dl_list dd{border-bottom: 1px dashed #E7E7E7;padding:10px 0 10px 20px;text-indent:25px;
color:#666;font-size: 14px;background: url(../images/icon6.png) no-repeat 30px center;}
.leftCon .dl_list dd:hover,.leftCon .dl_list dd.cur{background-image:url(../images/icon7.png);}
.leftCon .dl_list dd:hover a,.leftCon .dl_list dd.cur a{color:#164887;}



.rightCon{width: 958px;}

.current{border-bottom: 1px solid #E1E1E1;position: relative;padding: 25px 10px 10px;
margin-bottom: 25px;}
.current h5{color:#164887;font-size: 16px;font-weight: bold;
background: url(../images/line.jpg) no-repeat left center; padding-left: 10px;}
.current .location{position: absolute;right: 0;top: 28px;}
.current .location a,.current .location span,.current .location{color:#949494;font-size: 12px;}
.current .location img{vertical-align:-3px;padding-right: 5px;}

.rightBox{border: 1px solid #E1E1E1;padding: 10px;}
.caselist li{border-bottom: 1px dashed #F2F2F2;padding: 0 0 25px;margin: 0 0 25px;}
.caselist li a{display: block;}
.caselist li .lef{float: left;display: block;float: left;}
.caselist li .lef img,.caselist li .lef{width: 240px;height: 116px;}
.caselist li .txt{width: 680px;margin-left: 15px;float: left;}
.caselist li .txt a.t{color:#666;font-size: 15px;font-weight: bold;
margin-bottom: 8px;}
.caselist li .txt p{color: #888;line-height: 24px;font-size: 13px;}
.caselist li .txt a.more{color:#164887;font-size: 12px;float: right;margin-top: 15px;}
.caselist li:hover .txt a.t{color:#164887;}

/*分页*/
.Pages{text-align: center; padding: 50px 0; font-size: 0;}
.Pages a{display: inline-block;color: #635e5e; font-size: 14px; 
border: 1px solid #ECECEC; padding:2px 8px;margin: 0 5px;}
.Pages a:hover,.Pages a.a_cur{background: #164887; color: #fff;}

.customer li .lef,.customer li .lef img{width:185px;height:62px;}
.customer li .lef{border: 1px solid #E1E1E1;margin-top:6px;}

.showlist li{width:114px;float: left; margin-right: 50px;text-align: center;
margin-bottom: 20px;}
.showlist li img{width: 113px;height: 113px;border: 1px solid #E1E1E1;}
.showlist li p{color:#666;font-size:14px;padding:5px 0;}
.showlist li:hover img{border-color:#164887;}
.showlist li:hover p{color:#164887;}

.Txt_info{padding-bottom:25px; padding-top:15px;}
.Txt_info img{display: block; margin: 0 auto 20px;}
.Txt_info p{color: #333;font-size: 14px;line-height: 26px;text-indent: 28px;
margin-bottom: 15px;}

.caselist li .zs{margin-top:8px;}
.caselist li .zs span,.txt_tit p span{color:#999;font-size: 12px;margin-right: 25px;}
.caselist li .zs span img,.txt_tit p span img{vertical-align: -2px;margin-right: 3px;}
.newslist li .lef img,.newslist li .lef{width: 160px;height: 110px;}
.newslist li .txt{width: 752px;}

.txt_tit{text-align: center;padding-bottom: 20px;}
.txt_tit h5{color: #333;font-size:20px;font-weight: bold;}
.txt_tit p{margin-top: 8px;}
.rightInfo{border: 0px;padding: 0;}
.rightInfo .Txt_info{border:1px solid #E1E1E1;padding: 25px 10px 80px;position: relative;}

.prev_next{background:#F9F9F9;width: 98%;position: absolute; bottom: 0;left: 0;
padding:0 10px;}
.prev_next .prev,.prev_next .next{color:#666;font-size: 12px;padding:6px 0;}
.prev_next .prev a:hover,.prev_next .next a:hover{
	color:#164887;
}


.showBox li{width:304px;margin-right: 12px;}
.showBox li img{width:304px; height:166px;}
.showBox .con{text-align: left;font-size:14px;}

.mainNav li .big_menu{min-width:360px;/*min-height: 180px;*/}
.mainNav li .big_menu .item{float: left;width: 150px;margin: 0 10px;}

.mainNav li .small_menu{min-width:360px;/*min-height: 180px;*/}
.mainNav li .small_menu .item{float: left;width: 150px;margin: 0 10px;}

/* 表单 */
.form-area { padding:25px 20px 30px; font-size:14px;}
.form-area .tips { padding:5px 0 15px 105px; color:#164887; font-weight:bold;  text-align:left; font-size:15px;}
.form-area li{padding:10px 0; color:#666;}
.form-area li span {float:left; width:100px; line-height:24px; text-align:right; padding-right:5px;}
.form-area li span em{color:#fa3030; padding-right:4px;}
.form-area li input{ vertical-align:middle;}
.form-area li .text { height:26px; line-height:26px; padding:1px 3px; border:1px solid #D0D0D0; background:#f2f2f2; color:#444; font-family:"微软雅黑"; font-size:14px;}
.form-area li .textarea { width:460px; height:120px; padding:1px 3px; border:1px solid #D0D0D0; background:#f2f2f2; color:#444; font-family:"微软雅黑"; font-size:14px;}
.form-area .input-btn{padding:15px 0 0 105px;}
.form-area .input-btn input {float:left; display:inline; margin-right:15px; width:80px; height:28px; border:none; background:#164887; font-family:"微软雅黑"; font-size:14px; color:#fff; border-radius:5px;}

.tools{position:fixed; width:60px; right: 10px;bottom: 10px; font-size:12px;}
.tools div{padding: 2px 0 }
.tools a{ height: 34px; position: relative; display: block; }
.tools span{ display: block; width: 60px; height: 34px; border-radius: 17px 0 0 17px; position: absolute; right: 0; top: 0;}
.tools em{color: #fff;padding-left:50px;height: 34px; line-height: 34px; display: none; white-space: nowrap;}
.tools a.cur em{ display: block; }
.tools span.bg1{ height: 34px; background: url(../images/ico/1.png) 20px center no-repeat #164887; }
.tools span.bg2{ height: 34px; background: url(../images/ico/2.png) 20px center no-repeat #164887; }
.tools span.bg3{ height: 34px; background: url(../images/ico/3.png) 20px center no-repeat #164887; }
.tools span.bg4{ height: 34px; background: url(../images/ico/4.png) 20px center no-repeat #164887; }
.tools span.bg5{ height: 34px; background: url(../images/ico/5.png) 20px center no-repeat #164887; }


/*.ani{-webkit-animation-duration:0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
/*@-webkit-keyframes fIp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fIp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20%, 0);
transform:translate3d(0, 20%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fIp {
	-webkit-animation-name:fIp;
	animation-name:fIp
}*/