@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0; background:#fff; font-family:"microsoft yahei"; font-size:.9em; color:#000;}
a:link, a:active, a:visited{ font-size:1em; color:#000; text-decoration:none;}
a:hover{ color:#0090e2;}
a img{ border:0;}

.clear{ clear:both;}

.con_main{ width:1100px; margin:0 auto;}
.top{ background:#efefef; line-height:2.5em;}
.top_l{ float:left;}
.top_r{ float:right;}
.top_r a{ padding:0 .8em;}

.head .logo{ float:left; width:206px; height:48px; padding:1.5em 0; background:url(logo.png) no-repeat center; text-indent:-100em;}

.footer{ line-height:5em; text-align:center; color:#555;}
.footer1{ line-height:3em; text-align:center; color:#555; background:#efefef;}

#nav{ float:right; text-align:right;}
#nav ul{ list-style:none; margin:0;}
#nav li{ display:inline-block; line-height:6em; width:7em; text-align:center;}
#nav li a{ display:block;}
#nav li a:hover{ background:#faf8f8; border-bottom:5px solid #3c9cd3; color:#000;}
#nav li a.on{ background:#faf8f8; border-bottom:5px solid #3c9cd3;}

#banner{ height:543px;}
#banner .banner1{ background:url(banner1_bg.png) repeat-x;}

#service ul{ padding:0; margin:2em 0 3em; list-style:none; text-align:center;}
#service ul li{ display:inline-block; background:#fff; border:solid 1px #ebebeb; width:210px; padding:5px; margin:2em 3%;} 
#service ul li img{ width:210px; height:135px;}
#service ul li h2{ margin:.2em 0; text-align:center; font-size:1.2em; font-weight:normal; color:#0089f6;}
#service ul li p{ color:#555; margin:.3em 0 .5em; padding:0 .5em; font-size:.8em; text-align:left;}


#aboutus{ background:#e5edf3; padding-top:4em; padding-bottom:3em;}
#aboutus .con_main p{ text-indent:2em; color:#555; font-size:1.05em; line-height:2.2em; margin:0;}

.pic_aboutus{ height:162px; overflow:hidden; margin:1.2em 2em 0; padding:5px; background:#fff;}
.pic_aboutus .con_aboutus{ list-style:none; margin:0; padding:0;}
.pic_aboutus .con_aboutus li{ float:left; width:25%;}
.pic_aboutus a{ display:block; border:solid 2px #fff;}
.pic_aboutus a img{ width:100%;}


.title_all{ height:41px; text-indent:-100em; margin-bottom:1em;}
.t_aboutus{ background:url(text_about.png) no-repeat center;}
.t_service{ background:url(text_service.png) no-repeat center;}
.t_product{ background:url(text_product.png) no-repeat center;}
.t_partners{ background:url(text_partners.png) no-repeat center;}
.t_contact{ background:url(text_contact.png) no-repeat center;}
.t_joinus{ background:url(text_joinus.png) no-repeat center;}

#main{ padding-top:4em; padding-bottom:1em;}
#main p{ text-indent:2em; color:#555; font-size:1.05em; line-height:2.2em; margin:0;}

.joinus_con{ padding:3em 10em;}
.joinus_con h2{font-size:1.2em;}
.joinus_con .job_c{ line-height:2em;}

.partner_c{ width:1100px; margin:3em auto 0; text-align:center;}
.partner_c a{ display:inline-block; border:solid 1px #ddd; margin-bottom:2em; margin-left:1em; margin-right:1em; width:240px; height:70px;}
.partner_c a img{ width:240px; height:70px;}

.service_c{ padding:2em 5em;}
/*left_nav*/
.nav_left{float:left; width:214px; background:#fff; border:solid 1px #e5e5e5; border-bottom:0; }
.nav_left ul{ list-style:none; margin:0px; padding:0}
.nav_left ul a{ display:block; line-height:35px; padding-left:2em; border-bottom:1px solid #d9d9d9; font-size:14px;}
.nav_left ul li a:hover{ text-decoration:none; color:#fff; background:#3c9cd3;}
.nav_left ul .on a{ text-decoration:none; color:#fff; background:#3c9cd3;}
.main_right{ float:right; width:800px; min-height:275px; padding:0 2em 1em; background:#fff;  border:solid 1px #d9d9d9;}
.main_right h1{ font-size:1.2em; color:#333;}
.main_right h2{ font-size:1em; color:#0090e2;}
.main_right p{ color:#666; text-indent:2em;}

@media screen and (max-width:1200px){	
.con_main{ margin:0 auto;}

.top_l{ float:left; padding-left:1em;}
.top_r{ float:right;}
.head .logo{ margin-left:1em;}
#nav li{ width:5em;}

#banner{ height:auto;}
#banner .banner1{ background:url(banner1_bg.png) bottom repeat-x;}
#banner .banner1 img{ width:100%;}
#aboutus, #main{ padding-left:2em; padding-right:2em;}

.service_c{ padding:2em 0em;}
}
@media screen and (max-width:901px){
.con_main{ width:100%; margin:0 auto;}
.head .logo{ float:none; padding:.5em 0;}
#nav{ float:none; text-align:left; border-top:solid 1px #efefef;} 
#nav ul{ padding:0;}
#nav li{ width:24%; line-height:3em;}
#nav li a{background:#faf8f8; border-bottom:#faf8f8 5px solid; border-top:solid 3px #fff;}
#nav li a:hover{ background:#3c9cd3; color:#fff;}
#nav li a.on{ background:#3c9cd3; color:#fff;}

.nav_left{ width:200px;}
.main_right{ width:460px;}

.pic_aboutus{ height:175px;}
.pic_aboutus .con_aboutus li{ float:left; width:50%;}

.footer{ padding:.5em 0; line-height:1.5em; text-align:center; color:#555;}
.footer1{ padding:.5em 0; line-height:1.5em; text-align:center; color:#555; background:#efefef;}
}
@media screen and (max-width:800px){
.con_main{ width:100%; margin:0 auto;}
.top{ display:none;}
.top_l{ float:none; padding-left:1em;}
.top_r{ float:none; padding-left:1em;}
.nav_left{ float:none; width:88%; padding:1em; margin-bottom:2em; border-bottom:#e5e5e5 1px solid;}
.main_right{ float:none; width:80%;}

.pic_aboutus{ height:174px;}
.pic_aboutus .con_aboutus li{ float:left; width:100%;}

.joinus_con{ padding:3em 2em;}
.joinus_con.con_main{ width:80%;}

	}