*{ padding:0; margin:0;}
img{ border:0;}
ul,li{ list-style-type:none;}
a{ text-decoration:none; color:#666666}
a:hover{ color:#ff9e1f}
h1,h2,h3,h4{font-weight:normal;font-size:15px}
body{ color:#767676; font-size:12px; font-family:"微软雅黑"; background-color:#f7f7f7;}

/* 以下头部*/
.header{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/top_bg.jpg) repeat-x; height:72px;}
.top{ width:980px; height:72px; margin:0 auto; overflow:hidden;}
.logo{ float:left;}
.nav{ float:right; width:665px; height:72px; overflow:hidden;}
.nav li{ float:left; height:24px; line-height:24px; padding-left:35px; padding-top:30px;}
.nav li a{ color:#FFF; font-size:14px;}
.nav li a:hover{ color:#ff9e1f}
#Discolor a{ color:#ff9e1f}
.nav .off a{ color:#ff9e1f}

/* 以下banner*/
.banner{height:460px;}

/* 服务的四大块代码*/
.Service{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/Service_bg.png) repeat-x; height:283px;}
.Service_cn{ width:980px; height:260px; margin:0 auto; overflow:hidden;}
.Service_cn ul li{ width:160px; padding:25px 85px 10px 15px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/jiantuou.png) right 90px no-repeat; float:left; overflow:hidden;}
.Service_cn ul li .bg{ width:155px; height:150px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/banenr/tup.png) no-repeat 10px 0; display:block;}
.Service_cn ul li .bg:hover{ background-position:10px -150px}
.Service_cn ul li h2{ font-size:16px; font-weight:600; text-align:center; color:#555555}

.Service_cn ul li p{ color:#838383; text-align:center; padding:5px 0 5px 0;}
#app { padding-right:0; background:none;}
.Service_cn ul .interface .bg{ background-position:-245px 0}
.Service_cn ul .interface .bg:hover{ background-position:-245px -150px}

.Service_cn ul .Flat .bg{ background-position:-504px 0}
.Service_cn ul .Flat .bg:hover{ background-position:-504px -150px}
#app .bg{ background-position:-765px 0}
#app .bg:hover{ background-position:-765px -150px}

/* 以下 关于我们、最新动态、联系我们*/
.content{ width:980px; height:230px; margin:0 auto; overflow:hidden;}
.about{ width:330px; height:230px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/cont_bian.jpg) right top no-repeat; float:left;}
.about h3{ width:320px; height:24px; line-height:24px; padding:15px 0 10px 10px; font-weight:bold;}
.about img{ float:left; padding-top:8px;}
.about p{ float:left; width:285px; padding:0 0 0 10px; line-height:20px; text-indent:2em;}
.about p a{ color:#ff9e1f}
.about p a:hover{ color:#70B607}

.new{ width:295px; height:230px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/cont_bian.jpg) right top no-repeat; float:left; padding-left:25px;}
.new h3{ width:295px; height:24px; line-height:24px; padding:15px 0 10px 0px; font-weight:bold;}
.new ul{ width:265px; overflow:hidden;}
.new ul li{ height:24px; line-height:24px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/dian.png) left no-repeat;}
.new ul li a{ padding-left:15px; line-height:24px;}

.Contact{ width:305px; float:left; height:230px; padding-left:25px;}
.Contact h3{ width:305px; height:24px; line-height:24px; padding:15px 0 10px 0px; font-weight:bold;}
.Contact p{ color:#ff9e1f; line-height:24px;}
.tel{ line-height:24px;}
.qq{ height:22px; padding-top:5px;}
.qq a{ padding-right:10px;}


/* 以下案例代码*/
.Case{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/jian_bg1.jpg) repeat-x top; width:980px; margin:0 auto}
.C_Column{ height:24px; line-height:24px; width:980px; padding:12px 0;}
.C_Column h3{ float:left; font-weight:bold; font-size:18px;}
.C_Column p{ float:right; color:#c1c1c1; font-size:14px; font-weight:bold;}

.C_Thumbnails{ width:980px; height:565px; overflow:hidden;}
.C_Thumbnails ul{ width:980px;}
.C_Thumbnails ul li{width:310px; height:265px; padding:0 8px 15px 8px; float:left; overflow:hidden;}
.C_Thumbnails ul li img{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/Case_bg.jpg) no-repeat;  padding:17px 17px 20px 17px;}
.C_Thumbnails ul li h4{font-size:14px; font-weight:600; color:#ff9e1f; padding-left:15px; line-height:24px;}
.C_Thumbnails ul li p{ line-height:20px; padding:0 15px;}

/* 以下合作客户*/
.Cooperation{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/jian_bg1.jpg) repeat-x top; width:980px; margin:0 auto; height:280px;}


.Information{ width:980px; overflow:hidden; margin:0 auto;}
.N_In{ width:340px; float:left; padding-bottom:15px;}
.N_In .bt_bg{ height:32px; line-height:32px; width:300px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/new_bg.jpg) bottom no-repeat; }
.N_In .bt_bg h3{ float:left; color:#70b607;}
.N_In .bt_bg a{ float:right; font-size:10px;}
.N_In ul{ width:300px; padding-top:10px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/cont_bian.jpg) right no-repeat; padding-right:20px; margin-right:20px;}
.N_In ul li{ width:300px; height:26px; line-height:26px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/lr_bg.jpg) left no-repeat;}
.N_In ul li a{ padding-left:18px;}

.q_In{ width:300px; float:left; padding-bottom:}
.q_In .bt_bg{ height:32px; line-height:32px; width:300px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/new_bg.jpg) bottom no-repeat; }
.q_In .bt_bg h3{ float:left; color:#70b607;}
.q_In .bt_bg a{ float:right; font-size:10px;}
.q_In ul{ width:300px; padding-top:10px;}
.q_In ul li{ width:300px; height:26px; line-height:26px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/lr_bg.jpg) left no-repeat;}
.q_In ul li a{ padding-left:18px;}




/* 以下友情链接*/
.link{ width:980px; overflow:hidden; margin: 10px auto 16px auto;}
.link ul{ width:980px; overflow:hidden;}
.link ul li{ width:108px; float:left; height:20px; line-height:20px;}
.link ul li a{ color:#a0a0a0}
.link ul li a:hover{ color:#ff9e1f}

/* 以下底部和版权*/
.footer{ background:#1c1c1c; height:110px; clear:both;}
.foot{ width:980px; height:110px;  margin:0 auto;}
.foot p{ width:980px; height:20px;line-height:20px; text-align:center; padding-top:10px;}
.foot p a{ padding:0 15px; color:#d9d9d9}
.foot p a:hover{ color:#ff9e1f}


/* 以下内页代码*/

.main{ width:980px; margin:0 auto; height:auto;}
.title{ width:980px;overflow:hidden; margin-bottom:20px;}
.title img{ float:left; height:24px; padding:25px 0;}
.title p{ float:right; padding:35px 15px 0 0;}

.con{ width:980px;}

.left{ width:166px; float:left; padding-bottom:100px;}
.left li{ width:166px; height:38px; line-height:38px;}
.left li a{ font-size:14px; color:#333333; padding-left:10px; display:block; border-bottom:#eaeaea solid 1px; width:166px; height:38px; overflow:hidden;}
.left li a:hover{ color:#ff9e1f; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/ny_lr.jpg) bottom no-repeat;}
#off a{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/ny_lr.jpg) bottom no-repeat; color:#ff9e1f;}


.list{ width:745px; float:right; overflow:hidden;  padding:6px 15px 40px 0;}
.list ul{ width:745px; float:left;}
.list ul li{ width:745px; height:104px; border-bottom:#d7d7d7 1px solid; padding-bottom:15px; margin-bottom:15px;}
.list ul li img{ float:left; border:#e4e4e4 solid 5px;}
.list ul li img:hover{ border:#f7e1c7 solid 5px;}
.list ul li h3{ padding-top:5px;}
.list ul li h3 a{ font-weight:bold; font-size:16px; padding-left:15px; }
.list ul li p{ line-height:24px; height:48px; overflow:hidden; padding-left:15px; padding-top:5px;}
.list ul li span{ padding-left:15px; line-height:18px; color:#8a8a8a}



#btn{ width:760px; height:18px; line-height:18px;clear:both; padding-top:15px;}
#btn li { float:left; margin:0 5px; width:18px; height:18px;  display:block; float:left; text-align:center; background-color:#ff9e1f; color:#FFF; padding:0;}
#btn li a{display:block; background-color:#e3e3e3; width:18px; height:18px;}
#btn li a:hover{ background-color:#ff9e1f; color:#FFF;} 

.Detailed{ width:745px; float:left; height:60px; border-bottom:#c6c6c6 dashed 1px; padding-bottom:15px; margin:0 15px 15px 0;}
.Detailed h3{ color:#3e3e3e; font-size:16px; font-weight:600; padding-top:5px;}
.Detailed p{ height:26px; line-height:26px; padding-top:10px;}

.new_C{ width:745px; margin-right:15px; line-height:30px; color:#545454}
/*.new_C span{ font-size:14px; color:#C03;}
.new_C p{ font-size:14px;}*/


#case_list{ width:745px; float:right; overflow:hidden;  padding:6px 0 35px 0;}
#case_list ul li{width:330px; height:280px; padding:0 20px 20px 20px; float:left; overflow:hidden;}
#case_list ul li img{ background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/nycimg.jpg) no-repeat;  padding:20px 20px 25px 20px;}
#case_list ul li h4{font-size:14px; font-weight:600; color:#ff9e1f; padding-left:20px; line-height:24px;}
/*#case_list ul li h4 a{ color:#ff9e1f;}*/
#case_list ul li p{ line-height:20px; padding:0 20px;}


/*QQ*/
#STATICMENU {width:109px;overflow:hidden; position:absolute; top:50%; right:0;}
.Qtop {width:109px;height:34px;background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/qq_tp.gif) no-repeat;} 
.Qtop a{ width:20px; height:20px; float:right; border:none; margin:7px 12px 0 0}
.Qct {width:109px; float:left; background-color:#FFF;}
.Qlt {width:6px; float:left;}
.Qrt {width:7px; float:right}
.Qce {width:86px; overflow:hidden; float:left; margin:5px;}
.Qce dl dd{ height:24px; line-height:24px; border-bottom:#EAEAEA solid 1px;}

.Qce dl dd p{ width:16px; height:16px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/qq.png) no-repeat left; float:left; margin:3px 0 0 5px;_margin:3px 0 0 2px}

/*.Qce dl dd p{ background-position:7px 5px;}*/
.Qce dl dd a{ padding-left:5px; _ padding-left:2px;}
.Qce dl dt{ height:30px; line-height:30px; border-bottom:#FDDCCC solid 1px; background:url(http://iosopen.oss-cn-hangzhou.aliyuncs.com/images/qq_ico1.gif) no-repeat left center;}
.Qce dl dt{ background-position:4px 8px;}
.Qce dl dt a{font-weight:600; padding-left:24px;}

/**html{
    background-image:url(about:blank);
    background-attachment:fixed;
}*/
#STATICMENU{
    position:fixed;
    _position:absolute; 
	top:100px;
    right:0;
  
    _top:expression(eval(document.documentElement.scrollTop));
	 _margin-top:100px
}
.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}  
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}  
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}