﻿
@charset "utf-8";
body { font-family:"宋体", Verdana, Arial, sans-serif; margin:0; padding:0; font-size:12px; background:#fff; overflow-x:hidden;}
body { font: 12px/1.5 "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu; color: #575757; }
div, form, img, ul, ol, li, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
table, td, tr, th { font-size:12px; }
/*line-color*/
a:link { text-decoration:none; color:#0; }
a:visited { text-decoration:none; color:#0; }
a:hover { text-decoration:none; color:#000; }
a:active { text-decoration:none; color:#000; }
.clearBoth{ clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}
.verticalAlign{vertical-align:middle; display:inline-block; height:100%; width:1px;margin-left:-1px;}
.fl{ float:left;}
.fr{ float:right;}
.ml10{ margin-left:10px;}
.ml30{ margin-left:90px;}
.mt20{ margin-top:20px;}
.mr30{ margin-right:30px;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.w960{ width:960px; margin:0 auto;}

.w400{ width:400px;}
.w490{ width:490px;}
.w300{ width:300px;}
.line30{ line-height:30px;}
.line24{ line-height:24px;}
.bgbai{ background:#fff;}
.bghui{ background:#ddd;}
.margin{ margin:0 auto;}
.min1000{min-width:1100px;_width:expression((documentElement.clientWidth < 1100)?'1100px':'auto')}
/*首页开始*/
.home{ background:url(../images/ydy.jpg) center bottom no-repeat; min-height:900px;}
.biaologo{ width:350px; margin:0 auto; padding-top:100px;-webkit-animation-name:wrr;/*动画名称，需要跟@keyframes定义的名称一致*/
  -webkit-animation-duration: 1s;/*表示动画持续的时间,如果没有设置duration的话，则表示为无穷大*/
  -webkit-animation-timing-function: linear;/*表示动画使用的时间曲线*/
  -webkit-animation-delay: 0;/*表示开始动画之前的延时*/
  -webkit-animation-iteration-count: 2;/*播放1数，infinite;播放无限次数*/
  -webkit-animation-direction: ;/*表示动画的方向*/
  -moz-animation-name:wobble;
  -moz-animation-duration: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-delay: 0;
  -moz-animation-iteration-count: 1;
  -moz-animation-direction: ;	}
  
.biaologo img{ width:100%;} 
@-webkit-keyframes wrr{
  0% {-webkit-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  25% {-webkit-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  50% {-webkit-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  75% {-webkit-transform:rotateY(270deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  100% {-webkit-transform:rotateY(360deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  }
@-moz-keyframes wrr{
  0% {-moz-transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  25% {-moz-transform:rotateY(90deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  50% {-moz-transform:rotateY(180deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  75% {-moz-transform:rotateY(270deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  100% {-moz-transform:rotateY(360deg) rotateX(0deg) rotateZ(0deg) translateZ(0px);}
  }

.biaowen{ width:500px; margin:0 auto; padding-top:70px;}
.biaowen img{ width:100%;}
.biaozi{ width:550px; margin:0 auto; padding-top:20px;}
.biaozi img{ width:100%;}
.biaodian {margin:0 auto; font-size:20px; color:#fff; text-align:center; width:20%; margin-top:30px; border:3px solid #fff; border-radius:20px;}
.biaodian a{ display:block; margin:0 auto; font-size:30px; color:#fff; padding:10px 20px;}
.biaodian a:hover{ color:#fff;}
.header{ width:100%; min-height:104px;  box-shadow: 1px 3px 3px 0px grey;}
.header_c{ width:1100px; height:auto; margin:0 auto;}
.logo{ margin-top:20px; }

/* banner*/



.maicon1{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.maicon1_c{ width:1100px; margin:0 auto; height:auto; overflow:hidden;}
.maicon1_c_top{ width:1100px; height:83px; float:left;}
.maicon1_c_bot{ width:1100px; min-height:125px; overflow:hidden; margin-top:40px; float:left; padding-top:50px;}
.maicon1_c_bot div{ height:auto; overflow:hidden;  float:left; width:30%; text-align: left;padding-left:30px;}
.maicon1_c_bot div em img{ width:80px; height:80px;}
.maicon1_c_bot div em { text-align:center; display:block; font-style:normal; font-size:18px; line-height:60px;}
.maicon1_c_bot div p{ text-align:left; line-height:26px; color:#414141;}
.maicon1_c_bot div p span a{ color:#103da3; font-size:14px; font-weight:normal;}
.maicon1_c_bot div p span a:hover{ text-decoration:underline;}

.maicon1_c_bot div:nth-child(4n){ margin-right:0px;}
.con2{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.con2_c{ width:1100px; margin:0 auto; height:auto; overflow:hidden;}
.con2_c_left{ width:550px; height:auto; overflow:hidden; float:left; padding-right:50px;}
.con2_c_right{ width:500px; height:auto; overflow:hidden; float:right; margin-top:65px;}


.con2_c_l_t{ width:550px; height:auto; float:left;}
.con2_c_l_t h3{ font-size:25px; font-weight:normal; color:#103da3; float:left;}
.con2_c_l_t h3 span{font-size:14px; margin-left:345px;}
.con2_c_l_t h3 span a{ color:#103da3;}
.con2_c_l_t h3 span a:hover{ text-decoration:underline;}
.con2_c_l_b{ width:550px; height:auto; float:left;margin-top:25px;}
.con2_new_top{ width:550px; height:54px; float:left;}
.con2_new_bot{ width:550px; height:auto; overflow:hidden; float:left; }

.con2_new_top ul{
margin:0px;
padding:0px;
}

.neirong{ width:550px; height:auto; float:left;}
.neirong li{ list-style:none; text-align:left; line-height:38px;  overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; }
.neirong li span{ float:right;}
.neirong li h3{ text-align:left; float:left; font-weight:normal; border-bottom:1px solid #d8d8d8; width:100px; text-align:center;}
.neirong li p { text-align:left; font-size:12px; font-weight:normal; color:#666; border-bottom:1px dashed #d8d8d8;}
.neirong li p a:link,.neirong li p a:visited{  color:#666; }
.neirong li p a:hover{ color:#142d65;}

.chanpin{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.chanpin_c{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.chanpin_ctop{ width:1100px; height:auto; overflow:hidden; float:left; margin-bottom:10px;}
.chanpin_ctop h3{ font-size:25px; font-weight:normal;color:#103da3; float:left;}
.chanpin_ctop h3 span{font-size:14px; margin-left:930px;}
.chanpin_ctop h3 span a{ color:#103da3;}
.chanpin_ctop h3 span a:hover{ text-decoration:underline;}
.chanpin_cbot{ width:1100px; height:auto; overflow:hidden; float:left;}

/* 首页产品 */
.sgw_img{width:1092px;overflow:hidden;border:1px solid #dcdcdc;}
.sgw_img dd{ margin:10px ;float:left;display:inline;width:344px;height:382px;position:relative;overflow:hidden; position:relative;}
.sgw_img dd img{ width:344px; height:382px;-webkit-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;}
.sgw_img dd:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.sgw_img dd em a{ text-align:center; background:rgba(0,0,0,.5); color:#fff; font-style:normal; display:block; width:100%; line-height:40px; position:absolute; bottom:0; z-index:1;}
.box{width:100%;height:100%;background:url(images/sgw_bg.jpg) no-repeat left top #020000;position:absolute;left:0;line-height:18px;color:#e69714;top:-382px;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;text-align:center;padding-top:30px;}
.box h3{color:#fff;font-size:14px;font-weight:bold;}
.box p{ line-height:22px; padding:15px; color:#FFF;}
.box a{display:block; color:#103da3;}
.sgw_img dt .box{padding-top:100px;top:-482px;}
/*案例 */
.anli{ width:100%; height:auto; margin-top:50px;}
.anlic{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.anlic_top{ width:1090px; height:auto; overflow:hidden; float:left; background:#103da4; height:60px; margin-bottom:15px; padding-top:13px; padding-left:10px;}
.anlic_bot{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:5px;}

.anlic_top ul{
margin:0px;
padding:0px;
}
.anlic_top li{
 float:left;
 display:block;
 cursor:pointer;
 width:118px;
 text-align:center;
 color:#fff;
 font-size:14px; font-weight:normal; line-height:38px;
 }
.anlic_top li.hover{
 padding:0px; background:#fff; border-radius:5px; height:39px; text-align:center;
 width:118px;
 color:#303030;
 font-weight:bold;
 height:39px;
line-height:38px;
}
.al{ width:1100px; height:auto; overflow:hidden; float:left;}
.al div{ width:256px; height:auto; overflow:hidden; float:left; margin-right:25px; margin-bottom:20px;}
.al div img{ width:256px; height:229px; float:left;}
.al div h3{ text-align:center; line-height:33px; font-size:14px; font-weight:normal;}

.al div:nth-child(4) ,.al div:nth-child(8){ margin-right:0px;}


/*底部 */
.bottom{ width:100%; height:auto; background:#333333; overflow:hidden; padding-top:40px;border-top:2px solid #0a245e;}
.bottomc{ width:1100px; height:auto; margin:0 auto;}
.bottomc_top{ width:1100px; height:auto; float:left;}
.bottomc_tl{ width:820px; height:auto; float:left;}
.bottomc_tl div{ width:135px; height:auto; overflow:hidden; float:left; border-right:1px solid #818181;}
.bottomc_tl div h3{ color:#b6b6b6; text-align:center;}
.bottomc_tl div li{ line-height:28px; font-size:12px; list-style:none; text-align:center;}
.bottomc_tl div li a{ color:#b6b6b6;}
.bottomc_tl div li a:hover{color:#b6b6b6;}
.bottomc_tl div p{ color:#b6b6b6; text-align:center; line-height:28px;}

.bottomc_tr{ width:260px; height:auto; overflow:hidden; float:right;}
.bottomc_bot{ width:1100px; height:auto; float:left; background:url(../images/hexian.jpg) no-repeat top; padding-top:30px;}
.bottomc_bot_left{ width:650px; height:auto; overflow:hidden; float:left;}
.bottomc_bot_left p{ color:#FFF; line-height:36px;}
.bottomc_bot_left span{ font-size:36px; font-family:Arial, Helvetica, sans-serif; margin-left:20px;}
.bottomc_tl .bottomc_bot_right{ width:227px; height:auto; overflow:hidden; margin-left:60px; margin-top:50px; border-right:0px; }


/*------------------------------------------------关于我们页----------------------------------------*/
.about1{ width:100%; height:auto; }
.about1 img{ width:100%; height:auto;}
.about1c{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}

.about2{ width:100%; height:auto; margin-top:50px;}
.maicon1_ab2{ width:1100px; position:relative; margin:0 auto;}

.maicon1_ab2_left{ width:524px; height:323px;float:left; margin-top:50px;}
.index_title{height:45px; display:block; overflow:hidden; float:left;}

.f20{font-size:20px; font-weight:normal;}
.darkgray{color:#333;}
.lh100{line-height:36px}
.zb{ float:left;}
.gd{ height:45px; float:right; line-height:40px; margin-left:395px; font-weight:normal;}
.gd1{ height:45px; float:right; line-height:40px; margin-left:350px; font-weight:normal;}
.gd2{ height:45px; float:right; line-height:40px; margin-left:510px; font-weight:normal;}
.gd a,.gd1 a,.gd2 a{ font-size:12px; color:#5d5d5d;}
.gd a:hover,.gd1 a:hover,.gd2 a:hover{ text-decoration:underline;}

.nrkuang{ padding:50px 20px; line-height:30px;}
.right_posi {float: right;min-width: 230px;max-width: 100px;}
.t_english {float: right;height: 30px;min-width: 200px;text-align: right;line-height: 30px;color: #333333;font-size: 16px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.t_english img {vertical-align: middle;margin-top: -3px;}
.right_posi .d_position {float: right;background: url(images/n2.png) no-repeat 0 center;height: 27px;line-height: 27px;color: #555555; padding-left: 20px;}
.right_posi .d_position a {color: #555555;}

.imagedesc_524,.imagedesc_370{display:block; width:524px; overflow:hidden; position:relative; float:left;}
.core_desc{position:absolute; bottom:0px; left:0px; width:100%; color:fff;}
.imagedesc_524 .core_bg{position:absolute; left:0px; top:0px; width:524PX; height:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50; }
.imagedesc_370 .core_bg{position:absolute; left:0px; top:0px; width:370PX; height:100%; background:#000;filter:alpha(opacity=50); -moz-opacity:0.50;-khtml-opacity: 0.50;opacity: 0.50; }
.text_right{text-align:right;}
.imagedesc_524 a.more,.imagedesc_370 a.more{display:inline-block; background:url(../images/icon_footer_arrow.png) right center no-repeat; color:#fff;
 font-size:14px; font-family:Microsoft yahei; padding-right:12px; position:absolute; right:25px; bottom:8px;}


.imagedesc_524 a.add,.imagedesc_370 a.add,.imagedesc_400 a.add,.imagedesc_350 a.add{display:block; height:14px; width:14px; background:url(../images/icon_add.png) left top no-repeat;
 overflow:hidden; position:absolute; right:25px; top:15px; text-indent:999px;}
.imagedesc_370 a.add,.imagedesc_400 a.add,.imagedesc_350 a.add{right:15px;}
.core_text{position:relative; }
.imagedesc_524 .core_text,.imagedesc_370 .core_text{position:relative; overflow:hidden; padding:10px 25px; width:474px; line-height:26px; color:#fff; font-size:14px;}
.hide{ line-height:25px;font-size:14px;}
.imagedesc_370 .core_text{ width:320px;}
.maicon1_ab_right{ width:524px; height:323px; float:right; margin-top:50px;}




/*-------------------------------------------关于我们内页-------------------------------------------------------------*/


.maicon1_ar_all{ width:100%; height:auto;}
.maicon1_ar{ width:1100px; height:auto; overflow:hidden; margin:0 auto; margin-top:50px; padding-bottom:50px;}	
.maicon1_ar_left{ width:175px; height:auto; overflow:hidden; float:left; margin-right:60px;}
.maicon1_ar_left h3{ font-size:30px; color:#666666; text-align:left; line-height:50px; font-weight:normal;}
.bold{ font-weight:bold;}
.maicon1_ar_left li{ list-style:none; text-align:left; line-height:45px; color:#3a3a3a; color:14px; border-bottom:1px dashed #d8d8d8; font-size:14px; height:45px;}

.maicon1_ar_left a{ color:#3a3a3a;}
.maicon1_ar_left a:hover{border-bottom:1px solid #1522a3; border-top:1px solid #1522a3; color:#1522a3; display:block; height:44px; font-weight:bold;}

.maicon1_ar_mid{ width:865px; height:auto; overflow:hidden; float:left;}
.mid1{ border-bottom:2px solid #CCC; }
.mid1 h2{ font-size:40px; color:#666666; line-height:60px; font-weight:normal; width:579px; color:#1342b5; margin-bottom:20px;}

.maicon1_ar_mid  h2{ font-size:40px; color:#666666; line-height:60px; font-weight:normal; width:579px; color:#1342b5; margin-bottom:20px;}
.mid2{ width:579px; height:auto; overflow:hidden; float:left;}
.mid2 h2{ font-size:40px; color:#666666; line-height:60px; font-weight:normal; width:579px; color:#1342b5; margin-bottom:20px;}
.cj{ width:537px; background:#fff; border:1px solid #d6d6d6; padding:20px; height:auto; overflow:hidden; float:left;}

.cj div{ width:243px; height:auto; overflow:hidden; float:left; margin-right:50px; margin-bottom:10px;}
.cj div h3 { font-size:14px; line-height:30px; color:#525252; text-align:center; font-weight:normal}
.cj div h3 a{  color:#525252;}
.cj div h3 a:hover{ text-align:center; text-decoration:underline;}
.cj div:nth-child{ margin-right:0px;}
.cj .fy{ width:537px; height:30px;  margin-top:20px;}
.cjr{ width:537px; background:#fff; border:1px solid #d6d6d6; padding:20px; height:auto; overflow:hidden; float:left;}
.cjr h3{ font-size:20px; font-weight:normal; text-align:center; line-height:40px;}
.cjr img{ margin:15px 0px;}
.cjr p{ text-align:left; line-height:30px; text-indent:24px; color:#666666; font-size:14px; font-weight:normal;}


.maicon1_ar_right{ width:226px; height:auto; overflow:hidden; float:left;}
.maicon1_arr_1{ width:226px; float:left; height:auto; overflow:hidden; margin-bottom:20px;}
.maicon1_arr_l_top{ background:url(../images/right_top.jpg) no-repeat; width:226px; float:left; height:10px;}
.maicon1_arr_l_mid{ background:url(../images/right_mid.jpg) repeat-y; width:196px; float:left; height:auto; overflow:hidden; padding:10px 15px;}
.maicon1_arr_l_mid h3{ line-height:36px; color:#1342b5;}

.maicon1_arr_l_bot{ background:url(../images/right_bot.jpg) no-repeat; width:226px; float:left; height:9px;}
.maicon1_arr_l_mid p{ text-align:left; line-height:26px; font-size:12px; font-weight:normal;}
.maicon1_arr_l_mid p a{ color:#525252;}
.maicon1_arr_l_mid p a:hover{ text-decoration:underline;}
.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;z-index:999;
}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 5px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png)}
.curimg{background-image:url(../images/01.png)}



.con2_arr_l_mid,.con3_arr_l_mid{ background:url(../images/right_mid.jpg) repeat-y; width:200px; float:left; height:auto; overflow:hidden; padding:13px;}
.con2_arr_l_mid h3{ width:200px; color:#1342b5; text-align:left; line-height:30px; border-bottom:1px solid #1342b5; display:block; font-size:14px;}
.con2_arr_l_mid li{ list-style:none; text-align:left; line-height:39px; border-bottom:1px dashed #D1D1D1; background:url(../images/fk.jpg) no-repeat left; padding-left:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.con2_arr_l_mid li a{ color:#525252;}
.con2_arr_l_mid li a:hover{ text-decoration:underline;}
.con3_arr_l_mid img{ margin-left:60px;}
.con3_arr_l_mid  p{ line-height:28px;}
.con3_arr_l_mid h3{ line-height:35px;}


/*-------------------------------------------关于我们___英利奥故事服务篇-------------------------------------------------------------*/
.banner_fuwu{ background:url(../images/banner3.jpg) no-repeat center; height:600px;}
.fuwu_maicon1{ width:100%; height:auto; padding-top:70px;}
.fuwu_maicon1c{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.fuwu{ width:1100px; height:auto; overflow:hidden; float:left;}
.fuwu_top{ width:1100px; float:left; height:90px;}
.fuwu_bot{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:40px;}
.fuwu_bot_left{ width:589; height:393px; float:left;}

	/* 左边轮换图 */
	.TB-focus{ width:589px; height:393px;  position:relative;  overflow:hidden; }
	.TB-focus .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
	.TB-focus .hd li { color:#f60; cursor:pointer; margin-left:3px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); border:1px solid #d8d8d8; margin-left:-1px; }
	.TB-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.fuwu_bot_right{ width:470px; height:auto; overflow:hidden; float:right;}
.fuwu_bot_right p{ text-align:left; line-height:36px; font-size:18px; color:#282828; font-weight:normal; text-indent:24px;}

.yanfa_anli{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:50px; clear:both;}
.yanfa_anli_top{ width:1100px; float:left; height:90px;}
.yanfa_anli_bot{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:40px;}
.yanfa_anli_bot div{ width:334px; height:auto; float:left; margin-right:49px;}
.yanfa_anli_bot div h3{ font-size:20px; color:#142d65; text-align:center; line-height:36px; font-weight:normal;}
.yanfa_anli_bot div p{ text-align:left; line-height:30px; text-indent:24px; color:#333333; font-size:14px; font-weight:normal;}
.yanfa_anli_bot div span{ width:78px; height:28px; background:#0a245e; text-align:center; line-height:28px; color:#FFF;  font-weight:normal; display:block; margin-top:15px;}
.yanfa_anli_bot div span a{ color:#FFF; font-weight:normal;}
.yanfa_anli_bot div span a:hover{ font-weight:bold;}
.yanfa_anli_bot div:nth-child(3n){ margin-right:0px;}



.fuwu_tis{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:50px; clear:both;}
.fuwu_tis_top{ width:1100px; float:left; height:90px;}
.fuwu_tis_bot{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:40px;}
.fuwu_tb_t{ width:1100px; height:233px; float:left;}
.fuwu_tb_t img{ margin-right:15px;}
.fuwu_tb_b{ width:1040px; height:auto; overflow:hidden; float:left; padding:30px;}
.fuwu_tb_b p{ text-align:left; line-height:38px; font-size:18px; color:#3e3e3e; font-weight:normal; text-indent:24px;}
.fuwu_tb_b p span{ font-weight:bold; font-size:18px;}




/*-------------------------------------------资讯------------------------------------------------------------*/

.xw_news{ width:860px; background:#fff; border:1px solid #d6d6d6; height:auto; overflow:hidden; float:left; margin-top:20px;}
.xw_news div{ width:860px;  height:auto; overflow:hidden; float:left; border-bottom:1px dashed #CECECE; padding:15px 0 0 15px; margin-bottom:10px;}
.xw_news div h3{ font-size:16px; text-align:left; line-height:36px; font-weight:normal;}
.xw_news div h3 a{ color:#000000;}
.xw_news div h3 a:hover{ text-decoration:underline;}
.xw_news div p{ text-align:left; line-height:24px; color:#545353; font-size:14px; text-indent:24px;}
.xw_news div span{ color:#999999; font-size:12px; line-height:26px;}
.xw_news .fy_new{ width:537px; height:30px; margin-top:30px; float:left; border:0px;}

.xw_newsn{ width:537px; background:#fff; border:1px solid #d6d6d6; padding:20px; height:auto; overflow:hidden; float:left; padding-top:0px; padding-top:50px;}
.xw_newsn h3{ font-size:20px; font-weight:normal; text-align:center; color:#000;line-height:40px;}
.xw_newsn img{ margin-top:20px; margin-bottom:20px; float:left; width:537px;}
.xw_newsn p{font-size:14px; line-height:30px;  color:#666;}
.xw_newsn div{ margin-bottom:15px;}



/*-------------------------------------------------产品列表页------------------------------------------*/
.chanpin_all{ background:url(../images/chan_al_di.jpg) repeat-y center;  width:100%; padding-top:60px; clear:both; min-height:891px; margin-bottom:-50px; overflow:hidden;}
.chan_tu{ width:1112px; height:auto; margin:0 auto;}
.chan_allc{ width:1140px; height:auto; margin:0 auto; margin-top:50px;}

.chan_allc_top{ background:url(../images/chan_top.png) no-repeat; height:8px; width:1140px; float:left;}
.chan_allc_bot{ background:url(../images/chan_mid.png) repeat-y; height:auto; overflow:hidden; width:1080px;  padding-right:60px; padding-bottom:50px;}


.chan_allc_bot_right{ width:690px; height:auto; overflow:hidden; float:right; padding-top:25px;}
.chan_allc_bot_left{ width:312px; float:left; height:auto; overflow:hidden;}
.chan_al_l_top{ background:url(../images/lan_didi.png) no-repeat; width:278px; height:707px; float:left; padding-left:34px; padding-top:25px;}
.chan_al_l_top h3{ line-height:40px; font-size:30px; color:#FFF; font-weight:normal; margin-bottom:15px;}
.chan_al_l_top li{ list-style:none; text-align:left; line-height:40px; border-bottom:1px solid #fff;}
.chan_al_l_top li a{ color:#FFF; font-size:12px;}
.chan_al_l_top li a:hover{ font-weight:bold;}
.chan_al_l_top li span{ float:right; color:#FFF; margin-right:3px;}
.chan_al_l_bot{ width:278px; height:151px; float:left; padding-left:34px;}

.chan_abr_top{ width:690px; border-bottom:1px solid #d2d2d2; float:left;}

.chan_abr_top ul{
margin:0px;
padding:0px;
}
.chan_abr_top li{
 float:left;
 display:block;
 cursor:pointer;
 width:117px;
 text-align:center;
 color:#fff;
 font-weight:bold; height:39px; background:#9c9c9c; line-height:39px; font-size:16px; font-weight:normal;
 }
.chan_abr_top li.hover{
 padding:0px;
 background:#103da3;
 width:117px;
 color:#fff;

 height:39px;
line-height:39px;
}

.chan_abr_bot{ width:730px; height:auto; overflow:hidden; margin-top:40px;}
.chan_abr_bot h2{ width:730px;}
.chan_nei{ width:730px; height:auto; overflow:hidden; float:left;}
.chan_nei div{ width:199px; height:auto; overflow:hidden; float:left; margin-right:46px; margin-bottom:40px;}
.chan_nei div:nth-child(3n){margin-right:0px;}
.chan_nei div img{ float:left;}
.chan_nei div h3{ width:199px; height:30px; background:#103da3; font-size:14px; text-align:center; display:block; float:left; font-weight:normal; line-height:30px;}
.chan_nei div h3 a{ color:#FFF;}.chan_nei div h3 a:hover{ font-weight:bold;}
.chan_nei .chan_fenye{ width:690px; height:30px;  float:left; margin-top:20px;}

.chan_nei1{ width:690px; height:auto; overflow:hidden; float:left;}
.chan_nei1 div{ width:199px; height:auto; overflow:hidden; float:left; margin-right:46px; margin-bottom:40px;}
.chan_nei1 div:nth-child(3n){margin-right:0px;}
.chan_nei1 div img{ float:left;}
.chan_nei1 div h3{ width:199px; height:30px; background:#ffaa25; font-size:14px; text-align:center; display:block; float:left; font-weight:normal; line-height:30px;}
.chan_nei1 div h3 a{ color:#FFF;}.chan_nei div h3 a:hover{ font-weight:bold;}
.chan_nei1 .chan_fenye{ width:690px; height:30px;  float:left; margin-top:20px;}

/*-------------------------------------------------产品内容页------------------------------------------*/

.product_right_top{ width:690px; border-bottom:1px solid #d2d2d2;}
.product_right_top p{ font-size:14px; color:#6f6f6f; line-height:40px;}
.product_right_top p a{ color:#6f6f6f;}
.product_right_top p a:hover{ text-decoration:underline;}

.prodcut_right_bot{ width:690px; height:auto; overflow:hidden; float:left; margin-top:30px;}
.prodcut_right_bot div{ width:234px; height:auto; overflow:hidden; float:left; background:#FFF;   margin-bottom:20px; margin-right:38px;  border-bottom:none;}
.prodcut_right_bot div .prim{ width:234px; height:217px; float:left; position:relative; }
.skype{ margin-left:80px; margin-right:10px;}
.prodcut_right_bot div h3{ width:234px; height:35px; text-align:center; color:#fff; background:#013299; line-height:35px; font-weight:normal; font-size:14px;}
.prodcut_right_bot div:nth-child(3n){ margin-right:0px;}
.prodcut_right_bot div .huabao1{ width:82px; height:83px; background:url(../images/hua_bab.png) no-repeat; position:absolute; top:-1px; right:-40px; border:none;}
.prodcut_right_bot .fenye{ width:690px; height:30px;  margin-top:20px;}


.prodcut_right_bot1{ width:690px; height:auto; overflow:hidden; float:left; margin-top:30px;}





	.www360buy{ width:690px; height:390px;  float:left; margin-bottom:28px;  position:relative;  }
	.www360buy .hd{ width:291px; height:253px;  position:absolute; bottom:0px; right:0px;}
	.www360buy .hd li{width:63px; height:63px; float:left; 
 border-top:0; font-size:12px; text-align:center; cursor:default; font-weight:100; margin-right:9px; _font-size:12px;}
 	.www360buy .hd li img{ width:63px; height:33px;}
 	.www360buy .hd li h3{ font-size:12px;line-height:35px;}

	.www360buy .hd li.on{ width:63px; color:#609;  }
	.www360buy .bd{  width:690px; height:480px; }
	.www360buy .lh{ overflow:hidden;  }
	.www360buy .lh li{ width:690px; padding:0 10px; float:left; }

.www360buy .lh li .lhl{ width:357px; height:453px; float:left;  margin-right:20px; margin-top:10px;}	
.www360buy .lh li .lhl img{ width:357px; height:350px; }	
.www360buy .lh li .lhr{ height:250px; line-height:22px; height:auto; overflow:hidden; float:left; padding:15px; }
.www360buy .lh li .lhr p{ text-align:left; line-height:22px;}
.www360buy .lh li .lhr p span{ font-weight:bold; padding-right:10px;}

















.prbt_left{ width:430px; height:auto; overflow:hidden; float:left;}
.prbt_right{ width:250px; height:auto; overflow:hidden; float:right}
.prbt_right p{ font-size:14px; color:#797979; line-height:24px;}
.prbt_right p span{ font-weight:bold;}

.product_right_bot1_bot{ width:690px; height:auto; overflow:hidden; background:#fff; float:left;}
.prbb_top p{ text-align:left; line-height:30px; font-size:14px; color:#797979;}
.prbb_top h3{ text-align:left; line-height:26px; color:#797979;}
.prbb_top{ width:648px; height:auto; overflow:hidden; float:left; border:1px solid #d9d9d9;  padding:20px; border-bottom:none;}

.prbb_bot{ width:690px; height:40px; float:left; margin-top:50px; background:#103da3;  }
.prbb_bot h3{ text-align:left;  line-height:40px; font-size:14px; color:#FFF; line-height:40px; text-indent:24px; }


.preview{width:357px; height:453px; }
/* smallImg */
<!--.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
-->.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:357px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:357px; height:453px; overflow:hidden;}
.bigImg #midimg{width:357px; height:453px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999; top:0px; }
#bigView img{position:absolute; margin:0px;}

.nei_ar_bot{ width:745px; height:auto;  float:left; overflow:hidden;}
.nei_ar_bot h3{ text-align:left; line-height:50px; font-size:18px; color:#666;}
.nei_ar_bot p{ text-align:left; line-height:26px; color:#3e3e3e; font-size:14px; font-family:Arial, Helvetica, sans-serif;}



.cz_bot{ width:537px; height:auto; overflow:hidden; float:left; padding:30px 20px;}
.czxx{ width:537px; height:auto; overflow:hidden; float:left;}
.czxx h3{ text-align:center; line-height:60px; font-weight:normal; font-size:20px;}
.czxx p{ text-align:left; line-height:26px; font-size:14px; color:#666666; font-weight:normal; text-indent:24px; padding-bottom:20px;}
.czxx li{ list-style:none; text-align:left; line-height:40px; border-bottom:1px dashed #CDCDCD; font-size:14px; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; background:url(../images/fk.jpg) no-repeat left; padding-left:15px;}
.czxx li a{ color:#666666;}
.czxx li a:hover{ color:#1342b5;}
.fy{ width:537px; height:30px;  margin-top:20px;}

.czxx1 div{ padding-bottom:10px;}
.czxx1 div h2{ font-size:16px; color:#666666; text-align:left; line-height:15px; text-align:left; font-weight:bold;}
.czxx1 div h3{ font-size:14px; font-weight:normal; text-align:left; line-height:30px;}
.czxx1 div p{ color:#666666; text-align:left; line-height:30px;}





/*员工活动*/
.rengzhen{ width:500px; height:auto; margin:0 auto; }
.ban{ width:500px; height:650px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:500px; height:550px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px; list-style:none;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative;float:left;}
.num img{ margin:0px;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0; list-style:none;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px; list-style:none;}
.num ul li.on{ border:1px solid red; padding:0; list-style:none;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1 li{ list-style:none;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left; list-style:none;}
/*员工活动*/



/*实力*/
.zizhi_banner{ background:url(../images/zihi.jpg) no-repeat center; height:350px;}
.zizhi_con{ width:100%; background:url(../images/diandian.jpg) repeat; height:auto; overflow:hidden; padding-top:20px; margin-bottom:-50px;}
.zizhi_conc{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}
.shili_one{ width:1100px; height:auto; overflow:hidden; margin-top:50px; }
.shili_onetop h3{ font-size:22px; color:#FFF; text-align:left; line-height:51px; text-indent:40px; font-family:"Microsoft YaHei"; font-weight:normal;}
.shili_onetop span{ float:right; font-size:12px; margin-right:5px;}
.shili_onetop span a{ color:#FFF;}
.shili_onetop span a:hover{ text-decoration:underline;}
.shili_onetop{ width:1100px; height:51px; float:left; background:url(../images/shi_lan.jpg) no-repeat;}
.shili_onebot,.shili_twobot{ width:1100px; height:auto; overflow:hidden; float:left; margin-top:40px;}
.shili_onebot div{ width:343px; height:auto; overflow:hidden; float:left; border:1px solid #CCC; margin-right:32px; margin-bottom:32px;}
.shili_onebot div:nth-child(3n){ margin-right:0px;}


.shili_twobot div{ width:256px; height:auto; overflow:hidden; float:left; border:1px solid #CCC; margin-right:22px; margin-bottom:32px;}
.shili_twobot div:nth-child(4n){ margin-right:0px;}







/*-------------------------------------------------成长历程------------------------------------------*/
.about3{ width:100%; height:auto; margin-top:50px; height:800px; clear:both;}


/*-------------------------------案例开始-------------------------------*/
.anli{ width:100%; height:auto;}
.anlic{ width:1100px; height:auto; overflow:hidden; margin:0 auto;}

/* 本例子css */
	.hp-tab-newprd { width: 1100px; min-height:370px; overflow: hidden; position: relative; }
	.hp-tab-newprd .j-sw-nav { padding-top: 1px; width: 1100px; height: 26px; margin: 0 auto; overflow: hidden; position: relative }
	.hp-tab-newprd .j-sw-nav li { float: left; margin-right: -20px }
	.hp-tab-newprd .j-sw-nav li a { position: relative; display: block; width: 100px; height: 26px; line-height: 1.91; padding: 0 20px; 
	text-align: center; text-transform: uppercase; background: url(../images/bg-tag-off.png) no-repeat 0 0; color: #fefefe; font-weight: bold; 
	word-wrap: break-word; overflow: hidden; outline: 0; cursor:pointer; color:#103fa7; }
	.newprd-s1, .newprd-s1 a { z-index: 20 }
	.newprd-s2, .newprd-s2 a { z-index: 19 }
	.newprd-s3, .newprd-s3 a { z-index: 18 }
	.newprd-s4, .newprd-s4 a { z-index: 17 }
	.newprd-s5, .newprd-s5 a { z-index: 16 }
	.newprd-s6, .newprd-s6 a { z-index: 15 }
	.newprd-s7, .newprd-s7 a { z-index: 14 }
	.hp-tab-newprd .newprd-clip{ width:1100px; }
	.hp-tab-newprd .j-sw-nav .on { position: relative; z-index: 99 }
	.hp-tab-newprd .j-sw-nav li a:hover, .hp-tab-newprd .j-sw-nav .on a { background-image: url(../images/bg-tag-on.png); z-index: 99; 
	color: #fefefe; text-decoration: none; cursor: pointer;  }
	.hp-tab-newprd .j-sw-c ul{ zoom:1; overflow:hidden; width:1100px; padding-top:50px;  }
	.hp-tab-newprd .j-sw-c ul div{ width:250px; height:auto; overflow:hidden; float:left; margin-right:33px; margin-bottom:20px;}
	.hp-tab-newprd .j-sw-c ul div:nth-child(4n){ margin-right:0px;}	
	
	.hp-tab-newprd .j-sw-c ul div img{ float:left; width:240px; border:5px solid #CCC;}
	.hp-tab-newprd .j-sw-c ul div h3{ text-align:center; line-height:30px;}
	.hp-tab-newprd .j-sw-c ul .anli_fenye{ width:1100px; height:40px; float:left; margin-top:20px;}
	.hp-tab-newprd .j-sw-c li { float: left; margin-top: 55px; margin-right: 6px; display:inline; }
	.hp-tab-newprd .j-sw-c li img { width: 175px; height: 228px; padding: 2px; background-color: #fff; border: 1px solid #ccc }



/*p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}*/

.zoom {
display:inline-block;
}

.zoom:after {
content:'';
display:block; 
width:33px; 
height:33px; 
position:absolute; 
top:0;
right:0;
;
}

.zoom img {
display: block; 
}

.zoom img::selection { background-color: transparent; }

#image3 img:hover { cursor: url(images/grab.cur), default; }
#image3 img:active { cursor: url(images/grabbed.cur), default; }*/
/*-----------------------------------contact--------------------------------*/
.pop{ width:100%; height:auto; overflow:hidden; }
.pop_c{ width:1100px; height:auto; margin:0 auto; padding-top:60px; }

.dq{ width:318px; height:321px; float:left; margin-bottom:60px; margin-right:50px; border:1px solid #CCC; padding:5px;}
.dq:nth-child(3n) { margin-right:0px;}
.renl{ width:140px; height:auto; float:left;}
.renr{ width:165px; height:auto; float:right;}
.dq img{ border:none;}
.renr h3{ margin-top:10px;}

.renr p{ text-align:left; line-height:28px; font-size:14px; }
.renr p span{ font-weight:bold;}
.renl p{ text-align:left; line-height:28px; font-size:14px; }
.renl p span{ font-weight:bold;}

.renr p a{ color:#03C;}
.renr p a:hover{ text-decoration:underline;}

.ditu{ width:1100px; height:auto; margin:0 auto; margin-top:50px; clear:both;}




/*最左边的样式*/

.maicon1_ar_left li a{ list-style:none; text-align:left; line-height:45px; color:#3a3a3a; color:14px; border-bottom:1px dashed #d8d8d8; font-size:14px; height:45px; display:block;}

.hover{border-bottom:1px solid #1522a3 !important; border-top:1px solid #1522a3 !important; color:#1522a3; display:block; height:44px; font-weight:bold;}



.chan_al_l_top li a{ color:#FFF; font-size:12px;}
.hover1{ font-weight:bold; background:#999; display:block;}

/*最左边的样式*/

/*表格*/
.datalist{  
    border:1px solid #0058a3;   /* 表格边框 */  
    font-family:Arial;  
    border-collapse:collapse;   /* 边框重叠 */  
    background-color:#eaf5ff;   /* 表格背景色 */  
    font-size:16px; font-weight:bold;
}  
.datalist caption{  
    padding-bottom:5px;  
    font:bold 1.4em;  
    text-align:left;  
}  
.datalist th{  
    border:1px solid #0058a3;   /* 行名称边框 */  
    background-color:#4bacff;   /* 行名称背景色 */  
    color:#FFFFFF;              /* 行名称颜色 */  
    font-weight:bold;  
    padding-top:7px; padding-bottom:7px;  
    padding-left:12px; padding-right:12px;  
    text-align:center; font-size:18px;  
}  
.datalist td{  
    border:1px solid #0058a3;   /* 单元格边框 */  
    text-align:left;  
    padding-top:6px; padding-bottom:6px;  
    padding-left:10px; padding-right:10px;  
}  
.datalist td a{ color:#333;}
.datalist td a:hover{ text-decoration:underline;}
.datalist tr.altrow{  
    background-color:#c7e5ff;   /* 隔行变色 */  
}  

.zhiwei{ width:537px; height:auto; float:left;}
.zhiwei1{ width:537px;  height:auto; float:left; margin-bottom:20px;}
.zhiwei1_top{ width:537px; height:40px; background:#3695e5;}
.zhiwei1_top h3{ font-size:18px; color:#FFF; line-height:40px; text-indent:26px;}
.zhiwei1_bot{ width:537px; height:auto; float:left; margin-top:20px; padding:15px 0px;}
.zhiwei1_bot p{ text-align:left; line-height:29px; font-size:14px; color:#333;}
.zhiwei1_bot p span{ color:#0c67b4; font-weight:bold; margin-right:15px; margin-left:15px; }
.zhiwei1_bot h4{ text-align:center; width:100px; background:#03C; height:30px; line-height:30px; color:#FFF; font-size:15px; margin-bottom:20px;}
.cz_bot table{ width:537px;}



.zong{ background:url(../images/hdddd.jpg) no-repeat;  width:100%; height:569px; margin-bottom:-50px;}

.zongc{ width:1100px; height:auto; margin:0 auto;}
.zongc img{ margin-right:46px;}   
.con2_new_top li{
 float:left;
 display:block;
 cursor:pointer;
 width:110px;
 text-align:center;
 color:#545454; font-weight:normal;
  font-size:14px; border:1px dotted #CCC; height:40px; line-height:40px; list-style:none;
 }
.con2_new_top li.hover{
 padding:0px;
 background:#2602ab;
 width:110px; height:40px;
 color:#fff; font-weight:normal;
line-height:40px;
}
/*------------------------------------map-----------------------------------------------*/
        .mapTipText{width: 300px;height:100px; background-color:#fff; opacity: 0.9;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */
  background-color:rgba(255,255,255,0.9); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */}
        .mapTipText .mapTipImg{height: 66px; width: 66px; float: left;border: 2px solid #ffffff; border-radius: 50%;overflow: hidden;margin: -12px 5px 0 -12px;}
        .mapTipText .mapTipImg img{width: 100%;height: 100%;}
        .mapTipText .mapTipList{float: left;margin-left: 4px;}
        .mapTipText .mapTipList h2{text-align: left;}
        .mapTipText .mapTipList h2 a{font-size: 24px; color: #262626;text-decoration:none;}
        .mapTipText .mapTipList h2 a:hover{ color: #0085d2;}
        .mapTipText .mapTipList h2 a span{font-size: 16px;margin-left: 3px;}
        .mapTipText .mapTipList ul{ width: 203px;padding-right: 10px;}
        .mapTipText .mapTipList ul li{list-style: none;float: left;padding: 7px 3px 0 3px;}
        .mapTipText .mapTipList ul li a{color: #000;text-decoration:none;}
        .mapTipText .mapTipList ul li a:hover{background-color:#2ebcfe;color:#ffffff;}
		.mapTipdesc{ float:left; line-height:22px; margin-top:10px; margin-left:25px;}
.product_page{ clear:both;padding-top:15px;}
.product_page a{margin-right:5px;line-height:30px;}
.mapTipdesc span{ font-weight:bold;}

#sai{ display:block; background-color:#fff; text-align:center;line-height:30px;}