@charset "UTF-8";
/*结构样式*/
.solutionNav_01{ width:100%; border-bottom:1px solid #e8e9eb; height:54px; background: url(../images/newserive_01.png) 0 0;zoom:1; }
.solutionNav_01 .solution{ height: 100%;margin: 0 auto;max-width: 1158px;overflow: hidden;padding: 0 20px;position: relative; width: 96%; text-align:right}
.solutionNav_01 .solution h1{ position:absolute; top:0; left:0; font-size:30px; line-height:54px}
.solutionNav_01 .solution .slNav{ display:inline-block;zoom:1;*display:inline; padding:15px 0 0 19px; text-align:right}
.solutionNav_01 .solution .slNav a{ display:inline-block;zoom:1;*display:inline; padding:0 19px; color:#000; height:45px; line-height:45px; text-decoration:none}
.solutionNav_01 .solution .slNav a:hover{ color:#d23333}
.solutionNav_01 .solution .slNav .current{ color:#888888}

.partPannle_01{ width:100%; min-width:1024px; padding:70px 0 80px}
.partPannle_01 .title_01{ padding:45px 0 50px}
.partPannle_01 .title_01 h1{ font-size:40px; color:#333333; line-height:60px; text-align:center}
.partPannle_01 .title_01 h2{ font-size:14px; color:#333333; line-height:40px; text-align:center}

.partPannle_01 .custFile{ width:100%; padding-bottom:45px }
.partPannle_01 .custFile .customer{height:460px; position:relative; z-index:1;}
.partPannle_01 .custFile .customer .scrollPannel { width:900px; margin:0 auto; height:410px; position:relative; z-index:4}
.partPannle_01 .custFile .customer .scrollPannel dl{ width:100%; height:410px; overflow:hidden;position:relative}
.partPannle_01 .custFile .customer .scrollPannel dd{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:none}
.partPannle_01 .custFile .customer .scrollPannel .act{ display:block; z-index:1}

.partPannle_01 .custFile .customer .scrollList{ position:absolute; bottom:0px; left:0; text-align:center; width:100%; z-index:2}
.partPannle_01 .custFile .customer .scrollList dl{ text-align:center; width:1000px; margin:0 auto; vertical-align:middle;}
.partPannle_01 .custFile .customer .scrollList dd{ display:inline-block; zoom:1;*display:inline; margin:0 3px; width:12px; height:12px; overflow:hidden; background-position:0 0;vertical-align:middle; background-image:url(../images/pint_control.png); cursor:pointer}
.partPannle_01 .custFile .customer .scrollList .on{background-position:0 -12px;}

.partPannle_01 .custFile .customer .control{ position:absolute; left:0; top:125px; width:100%; height:80px; z-index:3; overflow:hidden;}
.partPannle_01 .custFile .customer .control span{ display:block; width:55px; height:100%; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}
.partPannle_01 .custFile .customer .control .leftArrow{ background:url(../images/btn_arrow_04.png) no-repeat; margin-left:35px;}
.partPannle_01 .custFile .customer .control .rightArrow{ background:url(../images/btn_arrow_03.png) no-repeat; float:right; margin-right:35px}

.partPannle_01 .custFile .customer .scrollPannel dd .customerList{ width:850px; margin:0 auto}
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul{zoom:1; width:100%; text-align:center}
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul li{ display:inline-block;zoom:1;*display:inline; vertical-align:top; width:160px; padding:0 25px 30px}
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul li .img{ width:160px; height:160px; overflow:hidden}
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul li .img a{ display:block; width:100%; height:100%}
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul li .tex{overflow: hidden;text-align: center; }
.partPannle_01 .custFile .customer .scrollPannel dd .customerList ul li .tex a{ color:#000;line-height:18px;}

.partPannle_02{ width:100%; padding:0 0 35px}
.partPannle_02 .title_01{ padding:80px 0}
.partPannle_02 .title_01 h1{ font-size:40px; color:#333333; line-height:60px; text-align:center}
.partPannle_02 .title_01 h2{ padding:15px 0 0; font-size:14px; color:#333333; line-height:25px; text-align:center}

.partPannle_02 .brandTitle{ background:#373737}
.partPannle_02 .brandTitle h1{ color:#fff}
.partPannle_02 .brandTitle h2{ color:#a4a4a4}

.partPannle_02 .brandWeb{ width:100%; min-width:1000px}
.partPannle_02 .brandWeb ul{zoom:1;}
.partPannle_02 .brandWeb ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.partPannle_02 .brandWeb ul li{ width:20%; float:left;background:#000; overflow:hidden}
.partPannle_02 .brandWeb .width1200 li{ width:25%; float:left; background:#000}
.partPannle_02 .brandWeb ul li .pic{ width:100%; position:relative; height:100%;}
.partPannle_02 .brandWeb ul li .pic img{ display:block; width:100%; height:auto}
.partPannle_02 .brandWeb ul li .pic a{ display:block; width:100%; height:100%}
.partPannle_02 .brandWeb ul li .pic:hover img{filter: alpha(Opacity=65); opacity: .65;}
.partPannle_02 .brandWeb ul li .pic .name{ position:absolute; left:0;right:0; bottom:0; height:0; background:url(../images/newserive_02.png);  color:#fff}
.partPannle_02 .brandWeb ul li .pic .name h2{ padding:5px 10px 0; font-size:14px; color:#fff}
.partPannle_02 .brandWeb ul li .pic .name p{ padding:2px 10px 2px; font-size:12px; color:#fff; line-height:18px}



.partPannle_02 .activWeb{ width:1012px; margin:0 auto; padding-bottom:45px}
.partPannle_02 .activWeb ul{zoom:1}
.partPannle_02 .activWeb ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.partPannle_02 .activWeb li{ float:left; width:327px; height:246px; padding:5px}
.partPannle_02 .activWeb li .pic{ width:327px; height:246px; overflow:hidden; position:relative; background:#000}
.partPannle_02 .activWeb li .pic img{ display:block; width:100%; height:100%}
.partPannle_02 .activWeb li .pic a{ display:block; width:100%; height:100%}
.partPannle_02 .activWeb li .pic:hover img{filter: alpha(Opacity=65); opacity: .65;}
.partPannle_02 .activWeb li .pic .name{ position:absolute; left:0;right:0; bottom:0; height:0; background:url(../images/newserive_02.png);  color:#fff}
.partPannle_02 .activWeb li .pic .name h2{ padding:5px 10px 0; font-size:14px; color:#fff}
.partPannle_02 .activWeb li .pic .name p{ padding:2px 10px 2px; font-size:12px; color:#fff; line-height:18px}



.partPannle_02_bg{ background:#f2f2f2}
.partPannle_02 .groupTitle{}
.partPannle_02 .groupTitle h1{ color:#333333}
.partPannle_02 .groupTitle h2{ color:#333333}
.partPannle_02 .groupTitle .scrollimgBtn{ width:495px; margin:0 auto; height:49px; background: url(../images/newserive_icon01.gif) 0 100% repeat-x; text-align:center; padding:25px 0 0}
.partPannle_02 .groupTitle .scrollimgBtn span{ display:inline-block;zoom:1;*display:inline; margin:0 15px; padding:14px 0; color:#333333; text-decoration:none; cursor:pointer}
.partPannle_02 .groupTitle .scrollimgBtn .active{ border-bottom:1px solid #898989}

.partPannle_02 .groupWeb{ width:100%; overflow:hidden; padding-bottom:25px}

.partPannle_02 .groupWeb .slider{width:1030px; height: 500px; position: relative; margin: 0px auto;}
.partPannle_02 .groupWeb .slider ul{ position: relative;top: 0;left: 0; height:420px; width: 100000px; list-style: none;}
.partPannle_02 .groupWeb .slider ul li{width:1030px; float: left;;height:420px;}
.partPannle_02 .groupWeb .sliderPrevNext {position: absolute;left:0; top:0;width: 990px; height: 0}
.partPannle_02 .groupWeb .sliderPrev,.partPannle_02 .groupWeb  .sliderNext{ display: block; width:950px; height: 422px;top:0px; background: #fff; position: absolute;filter: alpha(Opacity=75); opacity: .75;}
.partPannle_02 .groupWeb .sliderPrev{left:-965px;}
.partPannle_02 .groupWeb .sliderNext{right:-1005px;}
.partPannle_02 .groupWeb .sliderControl {position:absolute;z-index:5;text-align:center;width:100%;bottom:0;left:0;}
.partPannle_02 .groupWeb .sliderControl li{margin-right:6px;cursor:pointer;background:url(../images/priTipScorll.png) no-repeat -18px center;width:12px;height:12px;display:inline-block;*zoom:1;*display:inline;cursor: pointer;}
.partPannle_02 .groupWeb .sliderControl li.active {background:url(../images/priTipScorll.png) no-repeat left center;}

#J_sliderWaper{}
.partPannle_02 .groupWeb .slider ul li .groupcaseC{ width:1000px; height:423px; background:#fff; margin:0 auto}
.partPannle_02 .groupWeb .slider ul li .groupcaseC .table_01{ margin:0; padding:0; width:100%}
.partPannle_02 .groupWeb .slider ul li .groupcaseC .table_01 .pic{ width:100%; }
.partPannle_02 .groupWeb .slider ul li .groupcaseC .table_01 .pic img{ vertical-align:middle}
.partPannle_02 .groupWeb .slider ul li .groupcaseC .tabRow{ margin-top:2px}
.partPannle_02 .groupWeb .slider ul li .groupcaseC .table_01 .padleft{ padding-right:2px}



.partPannle_02 .mobileWeb{ width:100%; max-width:1110px; margin:0 auto;background:url(../images/newserive_bg01.jpg) 100% 100% no-repeat; height:590px; padding-bottom:80px}
.partPannle_02 .mobileWeb  .mobileCase{ width:666px; padding:0 0 0 60px}
.partPannle_02 .mobileWeb  .mobileCase ul{zoom:1}
.partPannle_02 .mobileWeb  .mobileCase ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.partPannle_02 .mobileWeb  .mobileCase ul li{ float:left; width:130px; padding:0 23px 0 0}
.partPannle_02 .mobileWeb  .mobileCase ul li .pic{ width:100px; height:100px; border:1px solid #e4e4e4; border-radius:4px; padding:13px}
.partPannle_02 .mobileWeb  .mobileCase ul li .text{ padding:12px 0; text-align:center}
.partPannle_02 .mobileWeb  .mobileCase ul li .text a{ line-height:24px; color:#333333}
.partPannle_02 .mobileWeb  .mobileCase .more{ padding:70px 0 0; text-align:center}
.partPannle_02 .mobileWeb  .mobileCase .more a{ font-size:18px; color:#0297d5; line-height:24px}

.callPannel{ width:100%; background:#f2f2f2; padding:45px 0;}
.callPannel .callPannel_bg{ background:url(../images/newserive_icon02.gif) 50% 0 no-repeat; padding:45px 0 0;  width:1000px; margin:0 auto}
.callPannel .callPannel_bg .telnum{ padding:20px 0 70px; text-align:center; font-size:25px; color:#686868}
.callPannel .callPannel_bg .telnum span{ display:inline-block;zoom:1;*display:inline; padding-left:40px;}
.callPannel .callPannel_bg .telnum span img{ vertical-align:middle}