@charset "utf-8";
/*
ibw.cn Reset Stylesheet
v2.4
Author: Carter
Last Updated: 2016-02-15
*/
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#555;}
a{color:#555;text-decoration:none;/*transition:color 0.2s linear 0s*/}
a:hover{color:#254390;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1050px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.set { float:right; height:21px; margin-top:40px; margin-right:20px; line-height:21px; }
.set a { float:left; width:31px; height:21px; margin-left:6px; color:#fff; text-indent:-99px; }
.set .set-1 { background:url(o_ico_99.jpg) no-repeat; }
.set .set-2 { background:url(o_ico_98.jpg) no-repeat; }

.sForm { float:right; width:166px; height:24px; margin-top:38px; background:url(sForm.jpg) no-repeat; }
.sForm div, .sForm input { float:left; }
.sForm .sInputBox { position:relative; width:142px; height:24px; background:none; overflow:hidden; }
.sForm .sInputBox input { width:137px; height:16px; padding:4px 0 4px 5px; border:none; background:none; color:#666; font-family:arial; line-height:16px; }
.sForm .sBtn { width:24px; height:24px; overflow:hidden; }
.sForm .sBtn input { width:24px; height:24px; border:none; background:none; color:#fff; font-size:0; line-height:999px; overflow:hidden; cursor:pointer; }

.u-user { position:absolute; top:18px; right:15px; line-height:30px; }
.u-user a { margin:0 5px; color:#254390; }
.u-user a:hover { color:#f60; }

.u-user .m-la-3 { display:inline-block; height:30px; position:relative; width:30px; background:url(o_ico_01.jpg) no-repeat; background-size:contain; text-indent:-999em; opacity:0.6; }
.u-user .m-la-3 i { position:absolute; top:30px; left:-75px; width:200px; height:200px; text-indent:0; display:none; z-index:9; }
.u-user .m-la-3:hover i { display:block; }

.u-user .m-la-10 { display:inline-block; height:30px; width:30px; background:url(o_ico_10.jpg) no-repeat; background-size:contain; text-indent:-999em; opacity:0.6; }
.u-user .m-la-7 { display:inline-block; height:30px;  width:30px; background:url(tb.jpg) no-repeat; background-size:contain; text-indent:-999em; opacity:0.6; }

.u-user .m-la-3:hover { opacity:1; }
.u-user .m-la-7:hover { opacity:1; }
.u-user .m-la-10:hover { opacity:1; }

.kefu-fudong{position:fixed;top:30%;right:5px;z-index:1000;}
.home-product{
	width:1000px;
	margin:80px auto;
}

.home-product li{list-style:none;float:left;margin-right:40px;border:1px solid #CCCCCC;width:130px;border-radius:8px;text-align:center;}
.home-product li:last-child{margin-right:0px;}
.home-product li span{display:block;height:28px;line-height:28px;font-size:15px;font-weight:bold;color:#FFFFFF;background-color:#71B7F3;border-radius:0 0 8px 8px;}
.home-product li img{border-radius:8px;width:115px;}

.home-newpro-news{
	width:1000px;
	margin:10px auto;
	
}
.home-content-pro-news{
	width:1000px;
	margin:50px auto;	
	padding-bottom: 50px;
}

.home-m-news{
	float: left;width:560px;
}
.home-m-news li{list-style:none;float:left;background-color: #F5F5F5;height: 83px;width: 100%;margin-bottom:20px;}
.n-left-date,.n-right-cont,.n-left-date,.n-right-cont{float: left;}
.n-left-date{background: url(/tpl/cn/images/datebg.png) no-repeat;width: 83px;height: 83px;text-align: center;}
.n-left-date span{line-height: 28px;color: #FFFFFF;}
.n-left-date h3{line-height:50px;color: #CCCCCC;font-size: 24px;font-weight: normal;}
.n-right-cont{width:420px;margin-left: 20px;margin-top: 20px;}
.n-right-cont a{display: block;}
.news-title{color: #000000;font-size: 14px;}
.news-content{display: block; color:#999999;width:400px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


.header { position:relative; z-index:4; }
.topArea { position:relative; width:1050px; height:120px; margin:0 auto; z-index:4; }
.logo { float:left; background:url(/tpl/cn/images/logo.jpg) no-repeat; overflow:hidden; z-index:1;background-position: 0px 9px;}
.logo a { display:block; width:750px; height:120px; line-height:9999px;}
	/* 导航 */
.nav { height:52px; background:#e7e7e7 url(/tpl/cn/images/dh_menu_bg.jpg) repeat-x; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; z-index:2; }
.nav ul { width:1050px; height:52px; margin:0 auto; }
.nav li { position:relative; float:left; height:52px; padding:0 12px; background:url(/tpl/cn/images/nline.gif) no-repeat left center; font-size:14px; line-height:52px; text-align:center; }
.nav li a { display:block; padding:0 36px; color:#4e4e4e; white-space:nowrap; }
.nav li a:hover,.nav li .current,.nav .on a { background:url(/tpl/cn/images/menu_bg_on.jpg) repeat-x; color:#333; }

.navs .subNav { position:absolute; top:52px; left:0; width:152px; margin-left:0; border-radius:5px; box-shadow:0 1px 1px #888; border:1px solid #ccc; background:#fcfcfc; overflow:hidden; z-index:1; display:none; }
.navs .subNav .fl { width:225px; min-height:150px; padding:0 0 30px; border-right:0px solid #ccc; }
.navs .subNav dl { float:left; width:145px; min-height:135px; _height:135px; padding:20px 0 0 50px; text-align:left; overflow:hidden; }
.navs .subNav dt { padding:5px 0 8px; font-size:14px; line-height:24px; }
.navs .subNav dt a { display:inline; float:none; width:auto; height:auto; padding:0; background:none; color:#333; }
.navs .subNav dt a:hover { color:#254390; }
.navs .subNav dd { font-size:12px; line-height:24px; }
.navs .subNav dd a { display:inline; float:none; width:auto; height:auto; padding:0; background:none; color:#888; }
.navs .subNav dd a:hover { color:#254390; }
.navs .subNav .fr { width:218px; min-height:148px; padding:46px 38px 46px 0; line-height:normal; }
.navs .subNav .fr img { padding:3px; border-radius:3px; border:1px solid #dadada; }

.navs .subNav-full { left:50%; width:580px; margin-left:-250px; }
.navs .subNav-full .fl { width:550px; }
.navs .subNav-full dl { width:125px; }

.n3 .fr p { display:none; }
.n3 .fr img { display:none; }


.g-network { padding:50px 0 0; background:#eee; }
.m-network { padding-bottom:24px; }
.m-ex { float:left; width:110px; min-height:150px; _height:150px; padding:0 10px; text-align:center; }
.m-ex dt { margin-bottom:10px; font-size:14px; line-height:30px; }
.m-ex dd { line-height:27px; }
.m-ex dd a { color:#959595; }
.m-ex dd a:hover { color:#333; }

.m-ex-5 { display:block; }

.footer { background:#eee; }
.footer .g-in { padding:20px 0; border-top:1px solid #e2e2e2; color:#9e9e9e; line-height:24px; }
.footer .m-la { padding-top:50px; }

.m-la a,.m-la span { display:inline-block; height:40px; margin-right:10px; background:#f6f6f8; font-size:14px; line-height:40px; text-align:center; }
.m-la .m-la-1 { width:132px; background:#f6f6f8; }
.m-la .m-la-2 { width:132px; background:#ffb400; color:#fff; }
.m-la .m-la-3 { position:relative; width:40px; background:url(o_ico_01.jpg) no-repeat; text-indent:-999em; opacity:0.6; }
.m-la .m-la-3 i { position:absolute; bottom:40px; left:-75px; width:200px; height:200px; text-indent:0; display:none; z-index:9; }
.m-la .m-la-3:hover i { display:block; }

.m-la .m-la-10 { width:40px; background:url(o_ico_10.jpg) no-repeat; text-indent:-999em; opacity:0.6; }
.m-la .m-la-7 { width:40px; background:url(tb.jpg) no-repeat; text-indent:-999em; opacity:0.6; }
.m-la .m-la-4,.m-la .m-la-5 { height:38px; padding-left:52px; border:1px solid #e5e5e5; line-height:38px; text-align:left; }
.m-la .m-la-4 { width:80px; background:url(o_ico_03.jpg) no-repeat 17px center; }
.m-la .m-la-5 { width:90px; background:url(o_ico_02.jpg) no-repeat 17px center; }
.m-la .m-la-6 { float:right; background:none; font-size:12px; }
.m-la .m-la-6 strong { color:#1a68e4; font-size:16px; vertical-align:top; }

.m-la .m-la-3:hover { opacity:1; }
.m-la .m-la-7:hover { opacity:1; }
.m-la .m-la-10:hover { opacity:1; }


.u-sss { position:absolute; bottom:11px; right:50%; margin-right:-780px; color:#474747; line-height:38px; text-align:center; }
.u-sss img { display:block; }

/*.ftNav { float:left; display:none; }*/
.ftNav a { margin:0 8px; }
.copy { text-align:center; }
.footer a { color:#9e9e9e; }
.footer a:hover { color:#333; }

.back-to { position:fixed; bottom:110px; right:50%; margin-right:-620px; display:none; z-index:999; }
.back-to .back-top { display:block; width:60px; height:60px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }
.banner img { vertical-align:top; }

/* 在线客服 */
.service_title { width:99px; height:20px; padding-top:10px; font-size:12px; text-align:center; background:url(top_bg.gif) no-repeat #fff; }
.service_footer { width:99px; height:28px; text-align:center; background:url(foot_pl.gif) no-repeat; }
.qq { width:97px; background:#fff; }
.qq li { padding:4px 5px; line-height:19px; clear:both; }
.qq li a { padding-left:2px; color:#333; }
.qq .ico { float:left; width:15px; _width:12px; height:19px; margin:0; background:url(qq.gif) no-repeat 0 2px; }

.msn { width:97px; background:#fff; min-height:0px; _height:0px; }
.msn li { padding:4px 5px; line-height:19px; clear:both; }
.msn li a { padding-left:2px; color:#333; }
.msn .ico { float:left; width:15px; _width:12px; height:19px; margin:0; background:url(msn.gif) no-repeat 0 2px; }
.qq-title { width:97px; height:19px; background:url(navbg.gif) no-repeat center #fff; text-align:center; }
.msn-title { width:97px; height:19px; background:url(navbg.gif) no-repeat center #fff; text-align:center; }


/* 在线QQ模块 */
#m-woo-panel { position:absolute; right:0; top:5%; width:152px; padding:5px; z-index:99 }
#m-woo-panel .g-hd { position:relative; }
#m-woo-panel .g-hd h2 { font-size:18px; font-weight:normal; padding-top:8px; text-align:center; }
#m-woo-panel .g-bd { padding:5px 0; }
#m-woo-panel .g-bd h3 { color:#eea120; font-size:14px; font-weight:normal; line-height:40px; text-align:center; }

	/* 客服咨询 */
.m-im { padding:0 8px 2px; }
.m-im li { margin:0 0 6px; border-radius:4px; line-height:20px; text-align:left; }
.m-im li a { display:block; padding:3px 0 3px 45px; }

.m-im-o { padding:0 8px 2px; }
.m-im-o li { margin:0 0 6px; border-radius:4px; background:#f2f2f2; line-height:20px; text-align:center; }
.m-im-o li a { display:block; color:#9f9f9f; padding:3px 0; }

	/* 关闭按钮 */
.u-close { position:absolute; top:-15px; right:-5px; display:block; width:24px; height:24px; line-height:999px; overflow:hidden; }
	/* 控制按钮 */
.m-console { position:absolute; top:-1px; left:-35px; width:35px; height:208px; cursor:pointer; }
.m-console a { display:block; width:35px; height:104px; }
.m-console span { display:block; width:35px; height:104px; }
	/* 电话 */
.g-tel { padding:0 10px 15px; font-size:14px; text-align:center; }
.g-tel a { display:block; background:url(k_15.png) no-repeat 18px center; font-size:12px; line-height:20px; }
	/* 二维码 */
.g-rqcode { line-height:30px; text-align:center; }

/****************
	皮肤
*****************/

/* 白色 */
.u-woo-white { border:1px solid #ddd; background:#fff; color:#333; }
	/* 客服咨询 */
.u-woo-white .m-im li { border:1px solid #ddd; background:url(k_14.jpg) no-repeat 20px center #fff; }
.u-woo-white .m-im li a { }
	/* 控制按钮 */
.u-woo-white .m-console { background:url(mod-qq-console.png) no-repeat; }
	/* 关闭按钮 */
.u-woo-white .u-close { background:url(mod-qq-close.png) no-repeat; }

#m-woo-panel img { vertical-align:top; }