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; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; }

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;outline: none;}
body{color: #333;font-size: 14px;line-height: 1;font-family: "Microsoft Yahei";}
img{max-width: 100%;}
input,textarea,select,button{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
input[type='submit'],input[type='reset'],input[type='button'],select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}
a,a img,.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s; 
}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
table,table th,table td { border: 1px solid #e5e5e5; padding: 8px; }
a{color: #444;}
a:hover{color: #0482be;}
.wp{width: 1405px;margin: 0 auto;}

.mobile-nav{position: fixed;top: 0;left: 0;width: 100%;height: 50px;line-height: 50px;color: #fff;z-index: 99;display: none;background: #fff;padding: 0 20px;}
.mobile-nav img{display: inline-block;vertical-align: middle;height: 30px;}
#btn-menu {float: right;position: relative;width: 30px;height: 23px;top: 13px;cursor: pointer;background: url(../images/btn-menu.png) no-repeat;background-size:cover; }
.menu-box{position: fixed;top: 0px;left: 0px;width: 0px;height: 0px;overflow: hidden;z-index: 100;}
.menu-box .btn-mask {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #0b0d19;filter: alpha(opacity=0);opacity: 0;z-index: 101;}
.menu-box .btn-close {position: absolute;width: 10%;left: 0px;top: 2.5%;z-index: 100;text-align: center;filter: alpha(opacity=0);opacity: 0;z-index: 101;}
.menu-box .menu-list-wraper {position: absolute;top: 0px;right: -100%;width: 90%;height: 100%;background: #0b0d19;z-index: 102;}
.menu-box .menu-list-wraper ul li {border-bottom: 1px solid #232530;}
.menu-box .menu-list-wraper ul {padding-left: 5%;padding-right: 5%;}
.menu-box .menu-list-wraper ul li a {display: block;padding-left: 5%;height: 45px;line-height: 45px;color: #fff;font-size: 16px;}
.menu-box .menu-list-wraper ul li .link {background: url(../images/+.png) 95% center no-repeat;-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s;}
.menu-box .menu-list-wraper ul li .submenu a {height: 40px;line-height: 40px;font-size: 14px;}
.menu-box .menu-list-wraper ul li .submenu {display: none;}
.menu-box .menu-list-wraper ul li.open .link {background: url(../images/-.jpg) 95% center no-repeat;}


/*head*/
#hd {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 145px;
	z-index: 9;
	background-color: #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,.3)
}
#hd .logo {line-height: 145px;}
#hd .logo img {vertical-align: middle;}
#hd .nav li {height:145px;float: left;margin:0 10px;position: relative;}
#hd .nav li.on>a {color: #0482be;border-bottom: 2px solid #0482be;}
#hd .nav li a {display: block;padding: 20px 15px 0;line-height: 90px;font-size: 16px;}
#hd .nav dl {display: none;position: absolute;left: 50%;top:145px;margin-left: -50px;width: 200px;text-align: center;
    box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
    border-top: 2px solid #0070ce;
    background-color: #0070ce;
    opacity: .8;
    filter: alpha(opacity=80);
}
#hd .nav dl a {line-height: 36px;color: #fff;padding: 0;font-size: 14px;}
#hd .nav dl a:hover {
    background-color: #F9F9F9;
    padding-left: 18px;
    color: #0070ce;
/*	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
    background: #fff;
    color: #0482be;*/
}
#hd .nav li:hover dl {display: block;}
.m-tel {display: none;display: block;
    padding: 15px 0 0;
    text-align: center;}
.m-tel span {font-size: 22px;padding-left: 30px;background: url(../images/ico-tel.png) no-repeat center left;}
.m-tel a {color: #fff;}

#ft .top {overflow: hidden;background: #1d7093;padding: 50px 0;}
#ft .address {margin-left: 100px;color: #ccc;font-size: 14px;line-height: 2;}
#ft .wechat {text-align: center;}
#ft .r img {
	display: block;
	margin: 0 15px;
	margin-bottom: 15px;
}
#ft .r  span {color: #fff;}
#ft .bottom {background: #103c50;height: 50px;line-height: 50px;color: #fff;}
#ft .bottom  a {color: #fff;}
.i-tit {text-align: center;margin-bottom: 65px;}
.i-tit h2 {font-size: 26px;font-weight: bold;line-height: 2;}



.side {
	float: left;
	position: relative;
	z-index: 8;
	margin-top: -50px;
	width: 300px;
}
.side h3 {
	height: 130px;
    background: #0082bd;
    text-align: center;
    line-height: 130px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.side li.on b {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
    display: block;
    overflow: hidden;
    background-color: #ed6d00;
}
.side li a {
	display: block;
	padding-left: 15px;
    overflow: hidden;
    height: 100%;
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #cdcdcd;
	font-size: 16px;
}

#bd .content {
	min-height: 500px;
	margin-left: 350px;
}
#bd .main {padding: 25px 0;}
#bd .m-tit {
	margin-bottom: 25px;
}

.m-tit {min-height: 35px}
.m-tit h3 {
	font-size: 22px;
    color: #0082bd;
    font-weight: bold;
    line-height:30px;
}
.m-con {line-height: 2;}
.news-list li {
	border-bottom: 1px solid #ebebeb;
    line-height: 24px;
    padding: 15px 0px;
}
.news-list li span {float: right;overflow: hidden;margin-left: 10px;}
.news-list li a {display: block;overflow: hidden;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;}


.pagination { margin:30px 0 10px; text-align: center;line-height: 30px;}
.pagination .current,
.pagination a { 
	margin-bottom: 5px;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #ccc;
    background: #fff;
    margin-left: 5px;
    margin-right: 5px;
    color: #666;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.pagination a:hover,
.pagination .current {
    background: #f08519;
    color: #fff;
    border: 1px solid #f08519;
}
.pagination a {
    border: 1px solid #CCCCCC;
}

.arc-tit {
	border-bottom: 1px solid #f0f0f0;
    text-align: center;
    color: #444;
    font-size: 24px;
    line-height: 2;
    padding-bottom:15px;
}
.arc-info {
	text-align: center;
	padding: 10px 0;
}
.arc-info span {margin: 0 15px;}
.arc-info span.sp1 {
    background: url(../images/news_01.jpg) left center no-repeat;
    background-size: 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #ed6d00;
}
.arc-info span.sp2 {
	background: url(../images/news_02.jpg) left center no-repeat;
    background-size: 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #999;
}


.pic-list {
    overflow: hidden;
    margin: 0 -22px;
    
}
.pic-list li{
    margin-bottom: 50px;
    float: left;
    width: 33.333%;

}
.pic-list .box{
    text-align: center;
    margin: 0 22px;
    
}
/*.pic-list .box a{
    display: block;
}*/
.pic-list .img{
    padding-top: 70%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
}
.pic-list .img img{
    position: absolute;left:0;top:0;right: 0;bottom: 0;max-width: 90%;max-height: 90%;margin: auto;
}
.pic-list .img:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform: scale(1.1);
    transform-origin: 50% 50%;
}
.pic-list h5{
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 60px;
    font-size: 15px;
    color: #484848;
    padding: 0 5px;
}
.pic-list em{
    font-size: 14px;
    color: #aaa;
}
.pic-list span{
    font-size: 14px;
    color: #aaa;
    margin-left: 24px;
    padding-left: 26px;
    background: url(../images/ico-j1.png) no-repeat left center;

}
.pic-list .txt{
    border:1px solid #e4e4e3;
    padding-bottom: 33px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.pic-list li:hover .txt{
    background-color: #005b8b;
}
.pic-list li:hover h5 a,.pic-list li:hover em,.pic-list li:hover span{
    color: #fff;
}

.down li {background: url(../images/ico-down.png) no-repeat center right;}

.pro-list li {float: left;width: 33.33%;margin-bottom: 25px;overflow: hidden;}
.pro-list ul {margin: 0 -35px;}
.pro-list li a {display: block;margin:0 35px;}
.pro-list li .img {padding-top: 65%;position: relative;}
.pro-list li img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 100%;max-height: 100%;margin: auto;}
.pro-list li .img:hover img {-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);}
.pro-list .con {width: 60%;margin: 0 auto;}
.pro-list .txt {background-color: #5caed5;text-align: center;color: #fff;line-height: 2;}


.izl-rmenu{position:fixed; right:0; margin-right:20px; top:50%; padding-bottom:20px; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; display:block; border-radius:0px;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-161px; top:-1px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:161px; left:-160px; top:-1px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


.div_rg{ position:fixed; top:50%; margin-top:-215px; right:0px; z-index:1000;}
.div_rg .a1{ background:#ffb700; position:relative; display:block; margin-bottom:2px; width:80px; height:70px; right:-145px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_rg .a1:hover{ right:-135px;}
.div_rg .a2{ background:#ffb700; position:relative; display:block; width:215px; right:-145px;  -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_rg .a1 img{ width: 70px; height: 70px;}
.div_rg .a2 .rg{ width:130px; padding-left:0px; padding-right:0; color:#fff; line-height:70px; font-weight:bold; font-size:18px;}
.div_rg .a2:hover{ right:0px;}

.m-con img {height: auto !important;}