﻿

html,body	{ margin:0px; padding:0px; font-family:微软雅黑; text-align:left; }

body		{font-size:62.5%;}
form		{ margin:0px; padding:0px;}
a	        { outline: none; cursor:pointer; text-decoration: none;}
a:focus	    { outline: none;}
a			{ font-weight:normal}


div,ul,li,span,h1,h2,h3,h4,input,img,p,form{ margin:0; padding:0; font-weight:normal}
/* ul								{ list-style:none;}
li								{ display:inline;}*/
img,img a:link,img a:visited	{border:none;}



.ClearFloat	{ clear:both; height:0px; overflow:hidden;}
.FloatLeft	{ float:left;}
.FloatRight	{ float:right;}

.AlignLeft	{ text-align:left;}
.AlignCenter{ text-align:center;}
.AlignRight	{ text-align:right;}



/* =================================================================================================================================================================================================== */

.icon			{ display:inline-block; width:52px; height:52px; background-image:url(page/dxzs.png); background-repeat:no-repeat;}

.icon_0			{ display:inline-block; width:80px; height:78px; background-image:url(page/dxzs.png); background-repeat:no-repeat;}

.icon_1			{ display:inline-block; width:38px; height:38px; background-image:url(page/dxzs.png); background-repeat:no-repeat;}

.icon_3			{ display:inline-block; width:52px; height:55px; background-image:url(page/dfzx2.png); background-repeat:no-repeat;}

.icon_4			{ display:inline-block; width:52px; height:47px; background-image:url(page/dfzx2.png); background-repeat:no-repeat;}

.i_50			{ background-position:-11px -10px;}    /* 铅笔 */
.i_51			{ background-position:-69px -8px;}    /* 铅笔 */
.i_52			{ background-position:-11px -65px;}    /* 铅笔 */
.i_53			{ background-position:-63px -70px;}    /* 铅笔 */
.i_54			{ background-position:-14px -127px;}    /* 铅笔 */
.i_55			{ background-position:-66px -132px;}    /* 铅笔 */
.i_56			{ background-position:-19px -196px;}    /* 铅笔 */
.i_57			{ background-position:-85px -209px;}    /* 铅笔 */

.i_58			{ background-position:-14px -260px;}    /* 铅笔 */
.i_59			{ background-position:-70px -266px;}    /* 铅笔 */
.i_60			{ background-position:-15px -308px;}    /* 铅笔 */
.i_61			{ background-position:-73px -315px;}    /* 铅笔 */
.i_62			{ background-position:-15px -362px;}    /* 铅笔 */
.i_63			{ background-position:-73px -362px;}    /* 铅笔 */
.i_64			{ background-position:-18px -414px;}    /* 铅笔 */
.i_65			{ background-position:-73px -414px;}    /* 铅笔 */

.i_0			{ background-position:-99px -297px;}    /* 铅笔 */
.i_1			{ background-position:-104px -365px;}    /* 放大镜 */
.i_2			{ background-position:-99px -251px;}    /* 新建 */
.i_3			{ background-position:-55px -366px;}    /* 电脑 */
.i_4			{ background-position:-3px -364px;}    /* 走势图 */
.i_5			{ background-position:-103px -415px;}    /* 数据库 */
.i_6			{ background-position:-6px -463px;}    /* 文件夹 */
.i_7			{ background-position:-7px -507px;}    /* 照片 */
.i_8			{ background-position:-55px -297px;}    /* 磁铁 */
.i_9			{ background-position:-56px -507px;}    /* 笑脸 */
.i_10			{ background-position:-4px -603px;}    /* 笑脸加号 */
.i_11			{ background-position:-98px -553px;}    /* 保险箱 */
.i_12			{ background-position:-55px -552px;}    /* 宫殿 */
.i_13			{ background-position:-101px -462px;}    /* 一个人 */
.i_14			{ background-position:-55px -602px;}    /* 一个人加号 */
.i_15			{ background-position:-100px -603px;}    /* 两个人 */
.i_16			{ background-position:-4px -414px;}    /* 提包 */
.i_17			{ background-position:-55px -414px;}    /* 关系树 */
.i_18			{ background-position:-56px -462px;}    /* 房子 */
.i_19			{ background-position:-5px -552px;}    /* 齿轮 */

.i_20			{ background-position:0 -31px;}    /* 换肤 */
.i_21			{ background-position:-55px -31px;}    /* 地球 */
.i_22			{ background-position:-109px -31px;}    /*四个方块 */

.i_23			{ background-position:-84px -169px;}    /*多个方块 */
.i_24			{ background-position:-56px -254px;}    /*向右箭头 */
.i_25			{ background-position:-4px -716px;}    /*向上箭头 */


.i_26			{ background-position:-58px -833px;}    /*大 钟表 */
.i_27			{ background-position:-1px -834px;}    /*大 电脑 */
.i_28			{ background-position:-104px -711px;}    /*大 走势图 */
.i_29			{ background-position:-1px -776px;}    /*大 关系图 */
.i_30			{ background-position:-57px -777px;}    /*大 文件夹 */


.i_31			{ background-position:-7px -1065px;}    /*灯泡 */
.i_32			{ background-position:-55px -1065px;}    /*地球 */
.i_33			{ background-position:-103px -1064px;}    /*信封 */
.i_34			{ background-position:-7px -1118px;}    /*向下箭头 */





.it_01			{ background-position:0 -85px;}	/*电话信封 */
.it_02			{ background-position:-82px -85px;}	/*扳手 */
.it_03			{ background-position:-1px -167px;}	/*大头针 */
.it_04			{ background-position:-1px -647px;}	/*笔、纸 */
.it_05			{ background-position:-66px -650px;}	/* 小铅笔 */
.it_06			{ background-position:-114px -642px;}	/* 小放块 */
.it_07			{ background-position:0 -896px;}	/* 亚洲地图 */
.it_08			{ background-position:-140px -660px;}	/* 小圆圈 */
.it_09			{ background-position:-1px -976px;}	/* 程序 */
.it_10			{ background-position:-82px -897px;}	/* 圆圈箭头 */


.it_11			{ background-position:-53px -1119px;}	/*小电话信封 */
.it_12			{ background-position:-116px -1118px;}	/*小扳手 */
.it_13			{ background-position:0 -1186px;}	/*小大头针 */
.it_14			{ background-position:-62px -1188px;}	/* 小亚洲地图 */
.it_15			{ background-position:0 -1250px;}	/* 小圆圈箭头 */
.it_16			{ background-position:-63px -1251px;}	/* 程序 */






.ul_banner		{ width:100%; height:250px; position:relative; list-style-type:none;}
.ul_banner li	{ width:100%; height:250px; position:absolute;}
.ul_banner li .banner	{ width:901px; height:250px; margin:0px auto; position:relative;}
.ul_banner li .banner_bg_0	{ background:url(page/banner0.jpg) no-repeat left center}
.ul_banner li .banner_bg_1	{ background:url(page/banner1.jpg) no-repeat left center}
.ul_banner li .banner_bg_2	{ background:url(page/banner2.jpg) no-repeat left center}
.ul_banner li .banner_bg_3	{ background:url(page/banner3.jpg) no-repeat left center}

.ul_banner li.li_bg_0	{ background:url(page/li_bg0.jpg) repeat-x}
.ul_banner li.li_bg_1	{ background:url(page/li_bg1.jpg) repeat-x}
.ul_banner li.li_bg_2	{ background:url(page/li_bg2.jpg) repeat-x}
.ul_banner li.li_bg_3	{ background:url(page/li_bg3.jpg) repeat-x}





.head_container { height:70px; width:901px; margin:0px auto; _overflow:hidden;}
.head_container .logo { width:100px; height:30px; margin-top:20px; background:url(page/dxzs.png) no-repeat 0px 0px; float:left;}
.head_container .title	{ width:350px; height:70px; float:left; padding-left:10px; padding-top:15px;}
.head_container .title a{ color:#666666;  text-decoration:none; }
.head_container .title_first	{ height:30px; color:#666666; font-size:2.8em; line-height:30px;}
.head_container .title_second	{ height:18px; color:#666666; font-size:1em; line-height:18px;}
.head_container .navi_content	{ height:18px; padding-top:45px; color:#666666; font-size:1.4em; line-height:18px; float:right;width:300px;}
.head_container .navi_content a	{ color:#666666; line-height:18px; text-decoration:none; margin:0px 8px;}
.head_container .navi_content a:hover	{ text-decoration:underline;}


.foot_container	{ background:#EFEFEF; height:40px; padding-top:20px; border-top:solid 1px #DDDDDD; line-height:18px; color:#666666; text-align:center; font-size:1.2em;}


.body_container	{ width:901px; margin:0px auto;}

.more_container	{ height:30px; width:901px; margin:5px auto;}
.more_container a	{ display:inline-block; height:30px; width:260px; background:#9F9F9F; text-decoration:none; color:#ffffff; font-size:1.6em; font-weight:bold; float:right; line-height:30px; text-align:center;}






.sec_body_container	{ width:901px; margin:10px auto; height:auto; clear:both; overflow:hidden; _height:20px; _overflow:visible;}
.sec_body_left_container	{ width:180px; padding-left:10px; float:left;}
.sec_body_right_container	{ width:700px; float:left;}







.title_container	{ height:80px; position:relative;}
.title_container .title_icon	{ height:80px; width:80px; background-image:url(page/dxzs.png); background-repeat:no-repeat; float:left;}
.title_container .title_content	{ height:70px; float:left; color:#717171; font-size:4em; line-height:70px; padding-left:20px; letter-spacing:2px;}
.title_container .title_line	{ height:0px; overflow:hidden; float:left; width:800px; margin-left:20px; border-bottom:solid 1px #DDDDDD}
.title_container .inner	{ height:10px; width:100px; background:#E9A020; position:absolute; right:0px; bottom:12px; overflow:hidden;}	

.text_container		{ padding:50px 100px; color:#888888; position:relative; _height:20px;}
.text_container	.inner	{ width:50px; height:10px; background:#A4BC34; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.text_container	.juanye	{ width:45px; height:108px; background-image:url(page/dxzs.png); background-repeat:no-repeat; background-position:0 -249px; position:absolute; right:0px; bottom:0px; overflow:hidden;}
.text_container .text_content	{ height:auto; clear:both; overflow:hidden; _height:20px; _overflow:visible; font-size:1.4em; line-height:26px;}




.title_container_1	{ height:60px; position:relative; width:690px;}
.title_container_1 .title_icon	{ height:60px; width:60px; background-image:url(page/dxzs.png); background-repeat:no-repeat; float:left;}
.title_container_1 .title_content	{ height:50px; float:left; color:#717171; font-size:3em; line-height:50px; padding-left:10px; letter-spacing:2px;}
.title_container_1 .title_content span	{ font-size:.7em;}
.title_container_1 .title_line	{ height:0px; overflow:hidden; float:left; width:620px; margin-left:10px; border-bottom:solid 1px #DDDDDD}
.title_container_1 .inner	{ height:10px; width:100px; background:#E9A020; position:absolute; right:0px; bottom:12px; overflow:hidden;}	

.text_container_1		{ padding:20px 30px; color:#888888; position:relative; min-height:500px; _height:500px;}
.text_container_1 .inner	{ width:50px; height:10px; background:#A4BC34; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.text_container_1 .juanye	{ width:45px; height:108px; background-image:url(page/dxzs.png); background-repeat:no-repeat; background-position:0 -249px; position:absolute; right:0px; bottom:0px; overflow:hidden;}
.text_container_1 .text_content	{ height:auto; clear:both; overflow:hidden; _height:20px; _overflow:visible; font-size:1.4em; line-height:26px;}
.text_container_1 .text_content .sec_title_content	{ height:40px; margin-bottom:10px;}
.text_container_1 .text_content .sec_title_content .title_icon	{height:40px; width:40px; background-image:url(page/dxzs.png); background-repeat:no-repeat; float:right;}
.text_container_1 .text_content .sec_title_content .title_icon_1	{height:24px; width:8px; background-image:url(page/dxzs.png); background-repeat:no-repeat; float:left;}
.text_container_1 .text_content .sec_title_content .title_content	{ line-height:40px; letter-spacing:1px; font-size:1.5em; color:#A4BC34; margin-left:20px;}
.text_container_1 .text_content .sec_text_content	{ margin-bottom:15px; background:#F5F5F5; padding:0px 5px;}


/*buchong*/
.text_container_1 .text_content ul li{line-height:36px; background:url(page/wticon.png) no-repeat 0px 8px; padding-left:30px;}
.text_container_1 .text_content ul li.chang{ background:url(page/wticon.png) no-repeat 0px 8px; }
.text_container_1 .text_content h3{color: #e66626;font-size: 1.4em;}
.text_container_1 .text_content .chengse{color: #e66626;font-size: 1.4em;line-height: 38px;text-indent:0em;}
.text_container_1 .text_content p{text-indent:2em;}
.text_container_1 .text_content .kuai{width:280px; margin: 10px 15px;padding:10px 5px; display: inline-block; float: left;}
.text_container_1 .text_content .kuai .kuai_content{width:280px; height:170px;background: #eaeff5; border-radius:5px;}
.text_container_1 .text_content .kuai .kuai_content .kicon{background:url(page/jj1.png) no-repeat center center;width:118px; height:115px; display: block; padding:15px 75px 0px 75px;}
.text_container_1 .text_content .kuai .kuai_content .kicon2{background:url(page/jj2.png) no-repeat center center;width:158px; height:115px; display: block; padding:15px 65px 0px 65px;}
.text_container_1 .text_content .kuai .kuai_content .kicon3{background:url(page/jj3.png) no-repeat center center;width:116px; height:115px; display: block; padding:15px 75px 0px 75px;}
.text_container_1 .text_content .kuai .kuai_content .kicon4{background:url(page/jj4.png) no-repeat center center;width:119px; height:115px; display: block; padding:15px 75px 0px 75px;}
.text_container_1 .text_content .kuai li{line-height:36px; background:url(page/wticon.png) no-repeat 0px 8px; padding-left:30px; list-style-type: none;}
.text_container_1 .text_content .kuai .kuai_content .ktitle{color: #312c2e; font-size: 1.4em; text-align:center; display:block;}
.text_container_1 .text_content  .kuaizhong{width:610px;height: 300px; display: inline-block;  padding-top: 20px; padding-bottom: 20px;}

.text_container_1 .text_content .kuaileft{float: left; }
.text_container_1 .text_content  .kuaileft .kuaileftul{width: 170px;}
.text_container_1 .text_content  .kuaileft .kuaileftul li{line-height:36px; background:url(page/wticon.png) no-repeat 0px 8px; padding-left:30px; width: 120px;}
.text_container_1 .text_content .kuairight{float:right;width: 410px;}

.text_container_1 .text_content .kuai2{width:280px; margin: 10px 15px;padding:10px 5px; display: inline-block; float: left; height: 140px;}
.text_container_1 .text_content .kuai2 .kicon2{background:url(page/jj1.png) no-repeat center center;width:78px; height:72px; float: left; padding-right: 15px;}
.text_container_1 .text_content .kuai2 .ktitle2{width: 175px; height: auto;}
.text_container_1 .text_content .kuai2 .kicon3{background:url(page/jj2.png) no-repeat center center;width:78px; height:62px; float: left; padding-right: 15px;}
.text_container_1 .text_content .kuai2 .kicon4{background:url(page/jj3.png) no-repeat center center;width:78px; height:59px; float: left; padding-right: 15px;}
.text_container_1 .text_content .kuai3 .kicon5{background:url(page/jj4.png) no-repeat center center;width:74px; height:72px; float: left; padding-right: 15px;}
.text_container_1 .text_content .kuai2 .kicon6{background:url(page/jj5.png) no-repeat center center;width:78px; height:61px; float: left; padding-right: 15px;}
.text_container_1 .text_content .kuai3{width:580px; margin: 10px 15px;padding:10px 5px; display: inline-block; float: left; height: 130px;}


.sec_title_content_1{ height:30px; margin-bottom:8px;}
.sec_title_content_1 .title_icon_1	{height:24px; width:8px; background-image:url(page/dxzs.png); background-repeat:no-repeat; float:left;}
.sec_title_content_1 .title_content	{ line-height:40px; letter-spacing:1px; font-size:1.2em; color:#A4BC34; margin-left:16px; overflow:hidden;}
.sec_text_content_1	{ margin-bottom:10px; background:#F5F5F5; padding:0px 5px;}



.sec_title_content_2{ height:30px; margin-bottom:8px;}
.sec_title_content_2 .title_icon_1	{height:24px; width:8px; background-image:url(page/dxzs.png); background-repeat:no-repeat; float:left;}
.sec_title_content_2 .title_content	{ line-height:40px; letter-spacing:1px; font-size:1.2em; color:#E9A020; margin-left:16px; overflow:hidden;}
.sec_text_content_2	{ margin-bottom:10px; background:#F5F5F5; padding:0px 5px;}






ul#items_content	{ height:auto; clear:both; overflow:hidden; _height:20px; _overflow:visible; list-style-type:none;}
ul#items_content li { display:inline-block; float:left; width:430px; height:130px; padding:10px 10px 60px; _overflow:hidden;}
ul#items_content li .color_module	{ width:130px; height:130px;}
ul#items_content li .color_module .pic		{ height:66px; width:104px; padding:25px 13px 0px; text-align:center; float:left;}
ul#items_content li .color_module .title	{ height:25px; width:124px; padding:0px 3px 13px; color:#FFFFFF; font-weight:bold; text-align:center; font-size:1.6em; overflow:hidden; float:left;}
ul#items_content li .big_title		{ width:279px; padding:0px 10px; color:#666666; font-size:2em; line-height:30px;}
ul#items_content li .details	{ width:279px; height:76px; padding:0px 10px; line-height:14px; font-size:1.4em; line-height:18px; color:#888888; overflow:hidden; }
ul#items_content li .more		{ width:279px; height:20px; padding:0px 10px; text-align:left;}
ul#items_content li .more a		{ font-size:1.3em; color:#888888; text-decoration:none;}
ul#items_content li .more a:hover	{ text-decoration:underline;}


ul#function_items_content	{ height:auto; clear:both; overflow:hidden; _height:20px; _overflow:visible; list-style-type:none; width:170px;}
ul#function_items_content li	{ float:left; margin-right:5px; margin-bottom:5px;}

ul#function_items_content li.first	{ width:165px; height:165px; overflow:hidden;}
ul#function_items_content li.first .color_module	{ width:165px; height:165px;}
ul#function_items_content li.first .color_module .pic	{ width:70px; height:90px; padding:30px 46px 0px; float:left;}
ul#function_items_content li.first .color_module .title	{ width:165px; height:40px;color:#FFFFFF; text-align:center; font-size:1.4em; font-weight:bold; overflow:hidden; float:left;}

ul#function_items_content li.second	{ width:165px; height:80px; overflow:hidden;}
ul#function_items_content li.second .color_module	{ width:165px; height:80px;}
ul#function_items_content li.second .color_module .pic	{ width:38px; height:38px; padding:15px 63px 0px; float:left;}
ul#function_items_content li.second .color_module .title	{ width:165px; height:20px;color:#FFFFFF; text-align:center; font-size:1.6em; overflow:hidden; float:left;}



ul#function_items_content li.third	{ width:80px; height:80px; overflow:hidden;}
ul#function_items_content li.third .color_module	{ width:80px; height:80px; display:inline-block; text-decoration:none; cursor:pointer;}
ul#function_items_content li.third .color_module .pic	{ width:38px; height:45px; padding:15px 23px 0px; float:left;}
ul#function_items_content li.third .color_module .title	{ width:80px; height:20px;color:#FFFFFF; text-align:center; font-size:1.2em; overflow:hidden; float:left;}




.style0 .color_module	{ background-color:#338FC2;}
.style1 .color_module	{ background-color:#E0B64D;}
.style2 .color_module	{ background-color:#8FC742;}
.style3 .color_module	{ background-color:#6452A4;}









/* =============== 联系我们================*/

.connectus_content		{ width:600px;}
.connectus_content td	{ height:50px; font-size:1.6em;}



/* =============== 配置需求================*/
.configuration_content		{ width:600px; border-top:solid 1px #DFDFDF; border-left:solid 1px #DFDFDF; border-collapse:collapse;}
.configuration_content td,.configuration_content th	{ padding:10px 5px; font-size:1.4em; border-bottom:solid 1px #DFDFDF; border-right:solid 1px #DFDFDF}
.configuration_content th	{ background:#eeeeee; font-size:1.6em; color:#787878; text-align:center; padding:8px 5px}



/* =============== 回到顶端 ================*/

.back_top		{ width:56px; height:56px; position:absolute; right:20px; z-index:100; background:#9f9f9f; cursor:pointer;}
.back_top .pic	{ height:26px; padding:6px 15px; width:26px; float:left; }
.back_top .pic span	{ width:26px; height:26px; background-image:url(page/dxzs.png); background-repeat:no-repeat; display:inline-block;}
.back_top .title	{ width:56px; height:20px; line-height:14px; font-size:1.2em; font-family:宋体; text-align:center; text-align:center; color:#FFFFFF; float:left;}





.hp_link_down {display:block; height:32px; background-color:#338FC2; text-decoration:none; line-height:32px; color:#FFFFFF; font-size:1.5em; width:376px; float:right; padding:0px 10px; margin:5px;}
.hp_link_down_small {display:block; height:32px; background-color:#338FC2; text-decoration:none; line-height:32px; color:#FFFFFF; font-size:1.5em; float:right; padding:0px 10px; margin:5px;}

.hp_link_down_0	{ background-color:#338FC2;}
.hp_link_down_1	{ background-color:#E0B64D;}
.hp_link_down_2	{ background-color:#8FC742;}
.hp_link_down_3	{ background-color:#6452A4;}








