@import url("font-awesome.min.css");
/*全局样式*/
* {font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,cite,code,dd,del,details,dfn,dialog,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tt,textarea,time,u,ul,var,video { font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block}
ol,ul { list-style: none}
blockquote,q { quotes: none}
:focus { outline: 0}
table { border-collapse: collapse; border-spacing: 0}
* { font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;}
b { font-weight: bold}
a { text-decoration: none; color: #666; transition: all .3s ease;}
a:hover { color: #0A87DB;}
.fl { float: left}
.fr { float: right}
.cl_fix:after { clear: both; content: " "; display: block; height: 0;}
.transition{transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.warp{width: 1200px; margin: auto;}
.warp:after { clear: both; content: " "; display: block; height: 0;}
.rela{ position:relative;}
.abso{ position:absolute;}

.m_top{ margin-top: 137px;}
.m_bottom_top70{ margin-bottom: 70px; margin-top: 70px;}
.m_bottom70_top30{ margin-bottom: 70px; margin-top: 30px;}
.m_bottom70{ margin-bottom: 70px;}

/*改变浏览器滚动条*/
::-webkit-scrollbar {width: 8px;height: 6px;}
div::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: #bcbcbc;/*rgba(0,0,0,0.2)*/;}
::-webkit-scrollbar-thumb:window-inactive {background: #a8a8a8;/*rgba(0,0,0,0.1)*/;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #a8a8a8;/*rgba(0,0,0,0.3)*/;}
::-webkit-scrollbar-thumb:vertical:active{background-color: #a8a8a8;/*rgba(0,0,0,0.7)*/;}
::-webkit-input-placeholder{font-family:"Microsoft YaHei";/*color:rgba(255,255,255,.8);*/}
::selection{background: #0A87DB; color: #fff;}  
::-moz-selection{background: #0A87DB; color: #fff;}
:focus{outline:0}



/*分页*/
.espcms_page_botton{ width: 1200px; margin: auto;}
.espcms_page_botton .pagination{ text-align: center;}

.espcms_page_botton .pagination a{background: #fff; color: #999; display: inline-block; width:44px; height: 44px; line-height: 44px; text-align: center;margin:0 5px; border-radius: 4px; border: 1px solid #e1e1e1; font-size: 18px; transition: all .3s ease;}
.espcms_page_botton .pagination span:first-child,.pagination a:first-child{font-family: 宋体; }
.espcms_page_botton .pagination span.fy_jt img{ vertical-align: middle;}
.espcms_page_botton .pagination span,.espcms_page_botton .pagination a:hover{color: #fff; display: inline-block; width:44px; height: 44px; line-height: 44px; text-align: center;margin:0 5px; background: #0A87DB; border-radius: 4px; border: 1px solid #e1e1e1; font-size: 18px;}
.pagination a:last-child,.espcms_page_botton .pagination span:last-child{font-family: 宋体;}

#pagelist{ color: #666; display: none;}


/*触发图片放大*/
.m_min_img img { max-width: 100%; transition: all .2s linear 100ms; -moz-transition: all .2s linear 100ms; -webkit-transition: all .2s linear 100ms; -o-transition: all .2s linear 100ms;}
.m_min_img:hover img { transform: rotate(0) scale(1.1); -moz-transform: rotate(0) scale(1.1); -webkit-transform: rotate(0) scale(1.1); -o-transform: rotate(0) scale(1.1)}



/*------------------------------------------------web-----------------------------------------------*/

/*头部*/
.web_head{width:100%; z-index: 999999;}

.top_bq{ width: 100%;  height: 32px; line-height: 32px; background: #f2f2f2; }
.top_bq .dq_qh{ float: left;height: 32px; line-height: 32px; font-size: 12px; color: #666666; }
.top_bq .dq_qh i{ margin-right: 12px; font-size:18px; color: #666666; line-height:32px;}

.top_bq .top_txt{ width: auto; text-align: right;float: right; font-size: 12px;  color: #666666;}
.top_bq .top_txt .right{  float:right; text-align:right;}
.top_bq .top_txt .right span{ font-size:14px;}
.top_bq .top_txt A{color:#555;  float:left; line-height:32px;}
.top_bq .top_txt A i{ margin-left:12px; margin-right:12px; font-size:18px; line-height:32px;color: #666666;}
.top_bq .top_txt A.fd{ position:relative; height:32px; cursor:pointer; }
.top_bq .top_txt A.fd .pic{ position:absolute; left:0px; top:-32px; height:0px; overflow:hidden; filter: Alpha(Opacity=0);
-moz-opacity:0; 		opacity:0;transition:all 0.3s ease-in-out 0s; z-index:1000}
.top_bq .top_txt A.fd .pic img{ width:100px; height:100px;}
.top_bq .top_txt A:hover{color:#0A87DB;}
.top_bq .top_txt A.fd:hover .pic{ top:32px; filter: Alpha(Opacity=100);-moz-opacity:1; 		opacity:1; height:auto;}
.top_neibox{ width: 100%; height: 90px; background: rgba(0,0,0,0.9); position: relative; padding:0px; }
.top_neibox .logo{ float: left; height:90px; overflow:hidden; margin-right:70px;}
.top_neibox .logo div{vertical-align:middle; height:90px;display:table-cell;}
.top_neibox .logo img{ height:71px; max-width:220px;}

/*导航*/

.has-pulldown{cursor:pointer;position:relative;*z-index:10000}
.pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}
.pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent #F6F6F9 transparent;_filter:chroma(color=tomato);_border-color:tomato tomato #F6F6F9 tomato;position:relative;display:block;left:20px;z-index:2}
.pulldown .content{color:#333;text-align:left;position: relative;z-index:1}
.has-pulldown-special:hover .pulldown-nav{
	background-image: url(top_nav_jtd.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.pulldown .content .xl_con{ text-align:center;}
.pulldown .content .xl_con a{ display: inline-block; padding-left:10px; padding-right:10px;  font-size: 14px; color:#333; height: 24px; line-height: 24px; margin:6px; font-weight: normal;}
.pulldown .content .xl_con a span{ display: inline-block;position: relative; }
.pulldown .content .xl_con a span:after{ display: block; content: ""; width: 0px; height: 1px; background: #0A87DB; position: absolute; left: 0; bottom: 0; transition: all .3s ease;}
.pulldown .content .xl_con a:hover span{ color: #0A87DB;}
.pulldown .content .xl_con a:hover span:after{width: 100%;}
.pulldown .content .xl_con a:hover{ background:none; color: #0A87DB; }
.pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}


.navs{height:90px;float:left;  padding-top:0px; margin-top:-2px;}
.navs a,.info a, .navs a:visited, .info a:visited, .navs a:active, .info a:active{color:#fff; line-height:90px;}
.navs a:hover, .navs a:active{text-decoration:none;background-color:#0A87DB}
.navs .def-nav{display:block;float:left;height:90px; font-weight:bold;font-size: 14px; color:#fff;text-align:center;width:102px;  margin-right: 22px; line-height:90px}
.navs .def-nav .app-url{left: 0; width: 100%; top: 90px; }
.navs .app-url .content{width: 1200px; margin: auto; background: rgba(255,255,255,0.98);padding-top: 20px; padding-bottom: 20px; }

.navs .def-nav .app-url .arrow{left:40px}



.navs .current, .navs .current .pulldown-nav{color:#FFF;display:inline-block;background-color:#0A87DB;text-align:center;}
.navs .current:hover{color:#fff}
.navs .has-pulldown-special .hover{background-color:#0A87DB;color:#fff;}



.top_neibox .top_tel{ float: right;   margin-top: 15px;}
.top_neibox .top_tel p{ width:100%; font-size: 24px; color: #ffffff; margin-top: 5px;}
/*分享*/
	.bdsharebuttonbox a {
				width: 22px!important;
				height: 22px!important;
				margin: 0 auto!important;
				float: none!important;
				padding: 0!important;
				display: block;
			}
			
			.bdsharebuttonbox a img {
				width: 34px;
				height: 34px;
			}
			
			.bdsharebuttonbox .bds_tsina {
				background: url(images/wb.png) no-repeat center center/22px;
			}
			
/*
			.bdsharebuttonbox .bds_qzone {
				background: url(images/kj.png) no-repeat center center/42px;
			}
*/
			
			.bdsharebuttonbox .bds_sqq {
				background: url(qq.png) no-repeat center center/22px;
			}
			
			.bdsharebuttonbox .bds_weixin {
				background: url(wx.png) no-repeat center center/22px;
			}

/*联系我们*/
.index_lx_bg{  width:100%; height: 595px; padding: 80px 0; background:url(index_lx_bg.jpg) no-repeat center; margin-bottom: 2px;}
.index_lx_box{ width:1200px; margin: auto; position: relative; height: 340px;}
.index_lx_box ul.index_lx{ width:645px; height: 227px; position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.8); border-radius: 8px; padding: 10px 50px 0 50px; }

.index_lx_box ul.index_lx li{ width:100%; height: 52px; line-height: 52px; margin-bottom: 20px; border-bottom: 1px solid #dedee0; font-size: 22px; color: #333; padding-left: 60px;}
.index_lx_box ul.index_lx li:last-child{margin-bottom:0; }
.index_lx_box ul.index_lx li i{ margin-right: 34px; font-size:30px; height: 52px; line-height: 55px; display: inline-block; float: left;}
/*/*底部*/
.index_bottom_dabox{ width:100%; float:left; padding: 60px 0 30px 0; background: #333333; border-bottom: 3px solid #28282e;}
.index_bottom_box{ width:1200px; margin: auto; }
.index_bottom_box .index_bottom{ width:100%;}
.index_bottom_box .index_bottom ul.index_bottom_l{ float: left;}
.index_bottom_box .index_bottom ul.index_bottom_l li{  margin-right: 80px; float: left;}
.index_bottom_box .index_bottom ul.index_bottom_l li:last-child{ margin-right: 0; }
.index_bottom_box .index_bottom ul.index_bottom_l li dl dt{ font-size: 16px; color: #b8b8b8; margin-bottom: 14px; }
.index_bottom_box .index_bottom ul.index_bottom_l li dl dt a{ color: #b8b8b8; }
.index_bottom_box .index_bottom ul.index_bottom_l li dl dd{ font-size: 12px; line-height: 26px;font-size:13px;}
.index_bottom_box .index_bottom ul.index_bottom_l li dl dd a{ display: block;  color: #eee;}
.index_bottom_box .index_bottom ul.index_bottom_l li dl dd a:hover{ display: block;  color: #fff;}
.index_bottom_box .index_bottom ul.index_bottom_l li dl dd p{ color:#fff; font-size:13px; width:250px;}
.index_bottom_box .index_bottom .index_bottom_r{ float: right;}
.index_bottom_box .index_bottom .index_bottom_r img{ width:120px; margin-left:auto; margin-right:auto;}
.index_bottom_box .index_bottom .index_bottom_r p{ font-size: 16px; color: #b8b8b8; margin-bottom: 20px;}

.bottom_webmap{ margin-top: 20px; width: 100%; float:left;}
.bottom_webmap a{ display: block; border-radius: 5px; color: #fff; background: #1798EB; width: 142px; height: 32px; line-height: 32px; text-align: center; font-size: 14px;}

.bottom_logo{ text-align: center; margin-top: 26px;float:left;width: 100%;}
.bottom_logo img{ height:58px;}

.bottom_ba{ width:100%; background: #28282e; color: #aaa; text-align: center; padding-top:10px; padding-bottom:10px; line-height: 30px; border-top: 2px solid #323234; font-size: 14px;}
.bottom_ba a{ color:#fff;}

/*返回top*/
.gotop{ width: 71px; height: 71px; font-size: 0; right:10px;}

#link{ width:1196px; border:#444 solid 1px; padding:1px; float:left;  margin-top:25px;}
#link_1{ width:100px; height:50px; background-color:#0A87DB;float:left; line-height:25px; font-size:16px; text-align:center; color:#FFFFFF;}
#link_1 span{
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#link_2{ width:1070px; padding-right:13px; float:right; font-size:14px; line-height:25px;}
#link_2 A{ margin-left:8px; margin-right:8px; color:#ddd;}



/*--------------------------------------------------------------------内页----------------------------------------------------*/
/*面包线*/
.ny_mbx_box{ width:100%; height: 58px; line-height: 58px; background: #fff; font-size: 14px; color: #666; float:left;}
.ny_mbx_box i{ width:16px; height:58px; float:left;
	margin-right: 6px;
	background-image: url(home.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.ny_mbx_box  a:last-child{COLOR:#0A87DB}
.ny_mbx_box span{ color: #0A87DB;}
.izl-rmenu {
	position: fixed;
	right: 0;
	bottom: 30%;
	z-index: 999; background-color:#fff;width: 62px;
}
.izl-rmenu .btn {
	width: 60px;
	height: 60px;
	cursor: pointer;
	position: relative; border:#0B7ECF solid 1px; margin-top:-1px; text-align:center;color:#fff; background-color:#0A87DB; line-height:60px;
}
.izl-rmenu .btn:hover{ color:#fff; border:#ff9900 solid 1px;}
.izl-rmenu .btn i{ font-size:22px; line-height:60px;}
.izl-rmenu .btn-qq {
}
.izl-rmenu .btn-qq:hover {
background-color: #EC410F;
}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {

}
.izl-rmenu .btn-wx {

}
.izl-rmenu .btn-wx:hover {
	background-color: #EC410F;
}
.izl-rmenu .btn-wx .pic {
	position: absolute;
	left: -120px;
	top: -1px;
	display: none;
	width: 120px;
	height: 120px;
}
.izl-rmenu .btn-phone {

}
.izl-rmenu .btn-phone:hover {
	background-color: #EC410F;
}
.izl-rmenu .btn-phone .phone {
background-color:#EC410F;
	position: absolute;
	width: 180px;
	left: -180px;
	top: -1px;
	line-height: 30px; min-height:60px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
}
.izl-rmenu .btn-qq .qq {
background-color:#EC410F;
	position: absolute;
	width: 100px;
	left: -100px;
	top: -1px;
	line-height: 30px; min-height:60px;
	color: #FFF;
	font-size: 14px;
	text-align:left;
	display: none;
}
.izl-rmenu .btn-qq .qq p{  color:#fff;	text-align:left; width:100%; float:left;}
.izl-rmenu .btn-qq .qq p img{ float:left; margin-left:10px; margin-right:10px; margin-top:5px;}
.izl-rmenu .btn-top {
	display: none;
}
.izl-rmenu .btn-top:hover {
	background-color:#EC410F; color:#fff;
}