@charset "utf-8";
/*======QQ 503305196======*/
/**样式重置**/
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;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;
font-weight:normal;}
ol,ul {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;}

/*全局样式*/
body{width:100%;background:#FFF; font-family:"微软雅黑","宋体"; color:#666;}
a:link,a:visited{color:#FFF; text-decoration:none;}
a{ outline:none;}
/*header*/
header{width:100%;min-width:1000px; height:70px;background:#333333; padding:40px 0;}
.nav{width:600px; height:30px; margin:0 auto; padding-left:400px; padding-top:40px; background:url(../images/logo1.jpg) no-repeat left bottom;}
.nav ul{ width:600px; height:30px;}
.nav ul li{width:100px; height:30px; float:left;position:relative; font-size:18px; text-align:center; line-height:30px; color:#FFF;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nav ul li:hover{ background:#4CBB91;}
.nav .one{ width:100px; height:120px; position:absolute; left:0;z-index:100;background:#4CBB91; display:none;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; z-index:100;}
.nav .one li:hover{background:#B9E3D3;}
.nav .two{ width:100px; height:150px; position:absolute; left:0;z-index:100;background:#4CBB91; display:none;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; z-index:100;}
.nav .two li:hover{background:#B9E3D3;}
.nav .two .three{ width:100px; height:150px;position:absolute; left:100px; top:0; background:#00CCCC; display:none; z-index:100;}
.nav .two .three a{ font-size:14px;}
.nav .two .for{ width:100px; height:60px; position:absolute;left:100px; top:0; background:#00CCCC; display:none; z-index:100;}
.nav .two .for a{ font-size:14px;}
.nav .two .five{ width:100px; height:150px; position:absolute;left:100px; top:0; background:#00CCCC; display:none; z-index:100;}
.nav .two .five a{ font-size:14px;}

/*关于我们页css样式*/
.content{ width:1200px; height:auto; padding:100px 0; overflow:hidden;}  
#page1,#page2,#page3,#page4,#page5{ width:1200px; height:auto;}
.content h1{ font-size:20px; padding-bottom:30px;color:#4CB991;}
.content p{ padding-bottom:50px; line-height:30px;}
.content a:visited,.content a:link{ color:#4CB991;}
.content img{ display:block;}

#page4 dl{ width:958px; padding:10px;margin:0 auto; margin-bottom:50px; overflow:hidden;
		-webkit-box-shadow:0 0 10px #000;
		-moz-box-shadow:0 0 10px #000;
		box-shadow:0 0 10px #000;}
#page4 dd{ float:left; width:380px; height:240px; position:relative;overflow:hidden;}

#page4 dt{ padding-left:28px; width:550px; height:240px;float:left;}
#page4 dt h2{ font-size:20px; color:#4CB991; margin-bottom:20px;}

#slid{position:absolute;left:0; width:1140px; height:240px; }
#slid ul{width:1140px;height:240px; clear:both;}
#slid ul li{width:380px; height:240px; float:left;}

.page4_box{ padding:25px; width:950px; height:250px; background:#EEE; margin-bottom:30px;}
.page4_box_left{ float:left; width:550px; height:250px;}
.page4_box_right{ float:left; width:400px; height:250px;}
.page4_box_right img{ margin:0 auto;}

/*banner*/
#banner{position:relative;width:100%; min-width:1000px; height:auto; overflow:hidden;background:#000;}
#banner img{width:100%; display:block;}
#banner ul{width:100%; height:auto;}
#banner ul li{display:none;}
#banner ul .fidin{ display:block;}
#banner ol{ position:absolute; bottom:30px;width:420px;left:50%; margin-left:-210px; height:10px; display:inline-block; text-align:center;}
#banner ol li{width:14px; height:14px; margin:0 20px;background:#666; display:inline-block;text-align:center;cursor:pointer; border-radius:7px;}
#banner ol .activ{background:#999999;}

/*tips*/
.tips{ width:90%; margin:0 auto;  min-width:1000px; padding-top:85px; height:65px; position:relative;}
.tips p{ width:300px; color:#FFCC00; font-size:24px; border-bottom:5px solid #FFCC00; text-align:center; position:absolute; left:50%; margin-left:-150px; top:52px;}
.tips span{ width:100%;display:block; border-top:2px solid #CCCCCC; text-align:center; font-size:24px; color:#000;}

/*shopModule*/
.shopModule{ width:100%;background:url(../images/comput_logo1.jpg) 40px center #F4F4F4 no-repeat;}
.shopModule .wrapbox{ width:95%; margin:0 auto; background:url(../images/comput_logo1.jpg)   right center no-repeat;}
.shopModule .wrapbox .itemList{ width:1000px; margin:0 auto; background:#FFF; overflow:hidden; zoom:1;}
.shopModule .wrapbox .itemList a{ width:246px; height:40px; float:left; text-align:center; margin-bottom:4px; font-size:20px; padding-top:110px;}
#item1{ width:504px; background:url(../images/list_bg1.jpg) #FFF center no-repeat;}
#item3{ width:496px;background:url(../images/list_bg3.png) #FFDBDB center no-repeat;color:#993333;}

#item4{width:250px;background:url(../images/list_bg4.png) #EFF8FE no-repeat center; color:#003366;}
#item5{margin:0 4px;background:url(../images/list_bg5.png) #C6EBFA no-repeat center;color:#003366;}
#item6{margin-right:4px; background:url(../images/op.png) #EFF8FE no-repeat center;color:#003366;}
#item7{background:url(../images/list_bg7.png) #C6EBFA no-repeat center;color:#003366;}

#item8{width:250px;background:url(../images/op1.png) #C6EBFA no-repeat center;color:#003366;}
#item9{margin:0 4px; background:url(../images/list_bg9.png) #EFF8FE no-repeat center;color:#003366;}
#item10{margin-right:4px;background:url(../images/list_bg10.png) #CFE8E1 no-repeat center;color:#336633;}
#item11{background:url(../images/list_bg11.png) #ECF7F6 no-repeat center;color:#336633;}

#item12{width:250px; background:url(../images/list_bg12.png) #ECF7F6 no-repeat center; margin:0;color:#336633;}
#item13{margin:0 4px; background:url(../images/list_bg13.png) #CFE8E1 no-repeat center;color:#336633;}
#item14{margin-right:4px;background:url(../images/list_bg14.png) #ECF7F6 no-repeat center;margin-bottom:0;color:#336633;}
#item15{background:url(../images/list_bg15.png) #CFE8E1 no-repeat center; margin:0;color:#336633;}

/* centerBanner */
.centerBanner{ width:100%; min-width:1000px; padding:50px 0 0 0;}
.centerBanner img{ width:100%;}
.textcenter{ width:700px; margin:0 auto 25px;text-align:center; color:#000;}
.textcenter  p{ font-size:16px; line-height:1.5em;}
.customers{ width:100%; text-align:center; min-width:1000px; padding-bottom:30px;}
.customers img{ width:70%;}
.custlist{ width:100%; min-width:1000px; padding:100px 0 30px 0; background: url(../images/bottomlogo.jpg) no-repeat center top #F5F5F5; font-size:16px; color:#000;}
.custlist p{ text-align:center; padding-bottom:15px;}
.custlist ul{ width:760px; margin:0 auto; overflow:hidden;}
.custlist ul li{ width:250px; float:left; height:150px; position:relative;}
.custlist ul li strong{color:#FF9933; font-size:35px;}
.custlist ul li span{ position:absolute; left:128px; top:58px; font-size:14px;}
#cus1{ background:#E0E0E0; padding:55px 0 0 45px; width:193px; height:95px;}
#cus3{ background:#333333; margin:0 5px;padding:55px 0 0 80px; width:158px;height:95px;}
#cus3 span{ left:102px; color:#FFF;}
#cus4{ background:#E0E0E0; text-align:center; line-height:150px; color:#FF9933;font-size:22px;}
.desige{ width:100%; min-width:1000px; text-align:center; padding-bottom:40px;}
.desige img{ width:100%;}

/*footer*/
footer{width:100%;min-width:1000px; background:#000;}
.foot_warp{width:1000px; min-width:1000px; padding-top:50px;margin-left:auto; margin-right:auto; color:#FFF; overflow:hidden;}
.foot_clom{ width:300px; height:260px;float:left;}
.foot_min{width:200px;}
.foot_cen{width:350px; padding-left:50px;}
.foot_clom h1{ font-size:26px;height:60px; padding-left:60px; line-height:60px; color:#4CB991;}
.foot_clom .ico1{ background:url(../images/lit_ico1.jpg) no-repeat left center;}
.foot_clom .ico2{ background:url(../images/lit_ico2.jpg) no-repeat left center;}
.foot_clom .ico3{ background:url(../images/lit_ico3.jpg) no-repeat left center;}
.foot_clom ul{ width:100%; height:auto;}
.foot_clom ul li{ width:100%; height:40px; line-height:40px;}

.copyright{text-align:center; padding-top:200px; padding-bottom:20px; background:url(../images/erweima1.jpg)  no-repeat center 30px;} 
.copyright span{ color:#4CB991;}
/*fixed 左侧悬浮按钮*/
.leftcheck{ width:103px; position:fixed;bottom:200px; left:0; z-index:1000; background:#FFF; overflow:hidden;}
.leftcheck a{ width:103px; display:block;  background:#999999; height:65px; padding:95px 0 0 0;margin:0 0 3px 0; text-align:center; color:#FFF; font-size:18px;}
#lefttop{ background:url(../images/lefttop1.png) #999999 center 30px no-repeat;}
#lefttottom{ background:url(../images/lefttop2.png) #999999 center 30px no-repeat; margin:0;}

/*fixed 右侧悬浮按钮*/
.search{ width:150px; height:290px; right:0px; bottom:200px;}
.fixed{ position:fixed; z-index:1000;}
.absolute{position:absolute; z-index:1000;}
.search .tishi{width:60px;height:110px; padding-left:90px;}
.search .tishi img{width:60px;}
.search ul{width:150px; height:180px;}
.search ul li{ position:relative;width:150px; height:60px; margin-bottom:3px;}
.search_left{width:90px; height:60px;float:left; position:absolute; left:-60px; display:block; background:url(../images/search_left.png) right no-repeat;filter:alpha(opacity=0);opacity:0;}
.search_left a{display:block; width:80px; height:60px; background:#4CB991; text-align:center; line-height:60px;}
.search_right{width:60px; height:60px; background:#333;float:right;}
.search_right a{display:block; width:60px; height:60px; text-indent:-999em;}

#cha{ background:url(../images/search.png) no-repeat center;}
#kefu{ background:url(../images/kefu.png) no-repeat center;}
#to_top{ background:url(../images/to_top.png) no-repeat center;}

/* 通知信息 */

#message{ width:488px; height:488px; position:absolute; top:60%; left:50%;margin:-224px 0 0 -224px; border:1px solid #000; padding:0 5px; background:#FFF; text-align:center;color:#000; background:url(../images/zhang1.jpg)  #FFF right bottom no-repeat; background-size:150px; display:none;}
#message h2{ height:25px;font-size:22px;  padding-top:5px;}
#message p{ text-align:left; line-height:1.5em;}
.messText{ text-indent:2em;}
.messText i{ font-style:normal; font-weight:bold; font-size:16px;}
.closed{ position:absolute; right:0; top:0;}
/**
.fix_box{width:600px; height:350px; background:#FF9999; top:200px; left:-880px; color:#FFF;}
.fix_box .yao_title{width:600px; height:50px; line-height:50px; text-align:center; margin-top:20px; font-size:30px;}
.fix_box .yao_cont{ padding:20px 120px; line-height:25px;}
#close{ position:absolute; top:0; right:0; width:40px; height:40px;cursor:pointer; text-align:center; line-height:35px; font-size:30px; transition:all 0.5s ease-in-out;}
#close:hover{ transform:rotate(360deg);}
*/