/* CSS Document */
body {font:12px/1.5 Arial,'ËÎÌå',sans-serif; color:#333}
html, legend {background:none repeat scroll 0 0 #FFFFFF; color:#000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset, img {border:medium none;}
li {list-style:none outside none;}
caption, th {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
select, input, button, textarea {font:100% Tahoma,Helvetica,Arial,sans-serif;}
small {font-size:100%;}
del {text-decoration:line-through;}
em {font-style:normal;}
hr {background-color:#DEDEDE; border:medium none; color:#DEDEDE; min-height:1px;}
html {overflow-y:scroll;}
.bold{ font-weight:bold}
.blue{ color:#30a739; }
.green{ color:#009944}
.green_1{ color:#0075b5}
.red{ color:#dd2a1b}
.clear:after {content:"."; display:block; height:0; line-height:0; overflow:hidden; clear:both; visibility:hidden;}
.l{ float:left}
.r{ float:right}
.blank30 {display: block; height: 30px; clear: both; font-size: 1px; overflow: hidden}
.blank10 {display: block; height: 10px; clear: both; font-size: 1px; overflow: hidden}

/************index*********************/
#wrap_con{ width:100%; height:935px; background:url(../images/wrap_con.png) no-repeat center top}
#content{ width:960px; margin:0 auto; position:relative; padding-top:300px}
a#sign{ width:148px; height:136px; background:url(../images/sign.png) no-repeat; position:absolute; left:60px; top:90px;}

#phoneCarousel{height:600px;position:relative;width:795px; padding-left:135px; padding-right:30px  }
     #phoneCarousel .arrow{z-index:999;width:30px;height:75px;background:url(../images/arrows.png) no-repeat;position:absolute;top:50%;margin-top:-37px;left:0;cursor:pointer;}
    #phoneCarousel .next{background-position:right top;left:auto;right:0;}
    #phoneCarousel .arrow:hover{background-position:left bottom;}
    #phoneCarousel .next:hover{background-position:right bottom;}
  .imgbox li{ width: 145px;height: 215px; float: left; overflow: hidden;padding-top:215px;margin-right:70px}
.imgbox{ position:relative;}
.imgbox li img{ height:215px; width:145px}
/* .imgbox li img{ height:100%; width:100%}*/
.imgbox li.focus{ focusder:1px solid #333; position:relative; width:290px; padding-top:0; height:430px}
 .imgbox li.focus img{ width:100%; height:100%;}
	
	
#wrap .main{padding:20px 44px 20px 43px;position:relative;font-size:14px;background-color:#fff;margin-bottom:15px;}

#wrap_ft{ width:100%; height:105px; background:url(../images/wrap_ft.png) no-repeat center top; padding-top:40px;}
#wrap_ft p{ font-size:14px; line-height:25px; color:#666; text-align:center;}

/*****************icf**********************/
#icf, #icv, #svl{ background:#f7f7f7; color:#333;}
.icf_top, .icv_top, .svl_top{ margin-bottom:20px; height:450px;}
#icf_top, #icf_con, #icv_top, #icv_con, #svl_top, #svl_con, .icf_top, .icv_top, .svl_top{ width:960px;margin:0 auto;}
#icf_top, #icv_top, #svl_top{ padding-top:300px; margin-bottom:20px;}
#icf_top{ background:url(../images/bg_icf_top.png) no-repeat;}
#icv_top{ background:url(../images/bg_icv_top.png) no-repeat;}
#svl_top{ background:url(../images/bg_svl_top.png) no-repeat;}
#icf_top p, #icv_top p, #svl_top p{ line-height:25px; font-size:14px;}
#icf_l{ width:410px; float:left;}
.icf_tit, .icv_tit, .svl_tit{ height:34px; line-height:34px; padding-left:10px; color:#fff; font-size:22px; font-family:'Î¢ÈíÑÅºÚ'; }

.icf_tit{background:url(../images/bg_icf_tit.png) no-repeat; width:326px;}
.icv_tit{background:url(../images/bg_icv_tit.png) no-repeat; width:326px;}
.svl_tit{ background:url(../images/bg_svl_tit.png) no-repeat; width:376px;}

ul.bring{ padding:25px 0 35px}
ul.bring li{font-size:14px; line-height:25px;}

#icf_l .chi_tit{ color:#009944; font-size:14px; line-height:21px}
#icf_l ul.fet{ padding:10px 0 40px 5px;}
#icf_l ul.fet li{ float:left; width:64px; padding-right:15px; text-align:center}
#icf_l ul.fet li img{ }
#icf_l ul.fet li p{ font-size:12px;}
#icf_l ul.fet_1{ padding:20px 0 30px}
#icf_l ul.fet_1 li{ float:left; padding-right:60px; font-size:14px; line-height:25px}

#icf_r{ width:490px; float:right;}
#icf_r .explain{ width:490px; height:500px; background:url(../images/icf_bg_explain.png) no-repeat; margin-bottom:35px}
#icf_r .icf_tit{ margin-bottom:20px}
#icf_r p{ font-size:14px; line-height:25px;}

/********************icv******************/

#icv_con .explain{ background:url(../images/bg_icv_explain.png) no-repeat; margin-bottom:20px; height:523px;}
#icv_con .icv_r{ background:url(../images/icv_con_bg.png) 0 0 no-repeat; height:490px; width:510px; float:right}
#icv_con .icv_l{ width:410px; float:left;}

/**************svl***************/
#svl_con .svl_ad{ height:50px; margin-bottom:20px; background:url(../images/bg_ad.png) no-repeat}
#svl_con .svl_l{ float:left; width:530px;}
#svl_con .svl_r{ background:url(../images/bg_svl_explain.png) no-repeat; width:350px; float:right; padding:430px 0 0 50px}
#svl_con p{ font-size:14px; line-height:25px;}
#svl_con .svl_tit{ margin-top:20px;}

#ui_foot {background-color: #FAFAFA;text-align: center; width: 960px; margin:40px auto 0}
#ui_foot .nav { background: url(../images/ui_foot.png) no-repeat; height: 20px;line-height: 20px;}
#ui_foot a {font-size: 12px; margin: 0 5px; color:#666; text-decoration:none;}
#ui_foot a:hover{ color:#BA2636; text-decoration:none}
#ui_foot .copyright {color: #676767;line-height: 30px;margin: 20px 0;}
#ui_foot .copyright li {font-size: 12px;}

/**************show*********/
#show{ width:100%; height:948px; background:url(../images/bg_show.png) no-repeat center top; padding-top:300px;}
#show_con{ width:1170px; margin:0 auto; position:relative}
#show_con p{ font-size:12px; line-height:21px;}
#show_con .tit_l, #show_con .tit_r, #show_con .tit_b{ height:30px; width:320px; background:url(../images/show_tit.png) no-repeat; margin-bottom:20px;}
#show_con .tit_l{ background-position:0 0}
#show_con .tit_r{ background-position:0 -30px;}
#show_con .tit_b{ background-position:0 -60px}
#show_con .sho_l{ width:335px; float:left; padding-top:285px;}
#show_con .sho_r{ width:325px; float:right;}
#show_con .show_b{ margin:20px 0 0; padding-left:365px; width:640px;}
#show_con .show_b .l{ width:380px;}
#show_con .show_b .r{ width:160px}

a.show_svl, a.show_icv, a.show_icf{ position:absolute}
a.show_svl{ left:240px; top:50px; background:url(../images/show_svl.png) no-repeat; width:152px; height:192px;}
a.show_icv{ bottom:180px; right:250px; background:url(../images/show_icv.png) no-repeat; width:175px; height:141px;}
a.show_icf{ top:0; right:364px; background:url(../images/show_icf.png) no-repeat; width:106px; height:182px;}

