﻿/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td,figure{margin:0;padding:0;}

 li{list-style-type:none}

  ul{margin:0px;padding:0px}

 img{border:0px;}

 a{text-decoration:none;color:#333;-webkit-transition: .3s; transition: .3s;}

 a:hover{text-decoration:none;color:#e10000}

body{background:#f2f2f2;margin:0px;font-size: 12px;color:#333;FONT-FAMILY:"\5FAE\8F6F\96C5\9ED1";min-width:1190px} 

::selection{background: #ed3232; color: white; }

::-moz-selection{background: #ed3232; color: white;}



.clear{ clear:both;height:0px; overflow:hidden}

.blank10{height:10px; overflow:hidden}

.blank15{height:15px; overflow:hidden}

.blank30{height:30px; overflow:hidden}

.blank50{height:30px; overflow:hidden}

.blank80{height:60px; overflow:hidden}

.mainbox{width:1190px;margin:0 auto}

.fl{ float:left;}

.fr{ float:right;}



/*頭部通用*/



.headmain{height:40px; line-height:40px;background:#333; color:#fff; position:relative; z-index:9999}

.headmain .left{float:left;}

.headmain .left a{color:#fff; float:left;margin-left:30px;}

.headmain .left a:hover{color:#e10000;}



.headmain .right{float:right; font-size:12px;}

.headmain .right font{color:#fff;}

.headmain .right span{ padding:0px 15px;float:left; position:relative; height:40px; line-height:40px;}

.headmain .right span.span1{ background:url(../image/icon8.png) no-repeat 11px 60%;}

.headmain .right span.span1:hover{ background:#fff url(../image/icon8.png) no-repeat -30px 60%;box-shadow:1px 1px 5px #aaa;}

.headmain .right span.span2{ background:url(../image/icon9.png) no-repeat 12px 50%;}

.headmain .right span.span2:hover{ background:#fff url(../image/icon9.png) no-repeat -20px 50%;box-shadow:1px 1px 5px #aaa;}

.headmain .right span.spanxl{width:46px; padding:0px; cursor:pointer;-webkit-transition: .3s; transition: .3s;}



.headmain .right .scbox{ position:absolute;top:40px;left:-193px;background:url(../image/scbox.png) no-repeat;width:205px;height:35px; padding:15px 20px;cursor:context-menu}

.headmain .right .sctext{width:158px;border:1px solid #ddd;height:24px; line-height:24px;color:#8e8e8e;font-family:Microsoft Yahei; padding-left:12px;background:#fff url(../image/bg04.png) repeat-x 0 -2px;border-right:0px; font-size:12px;float:left;}

.headmain .right .scbtn{width:31px;height:28px;background:url(../image/scbtn.png) no-repeat 50% 50%; border:0px;float:left;cursor:pointer;}

.headmain .right #ewmbox{ position:absolute;right:-6px;top:40px; z-index:9999}

.headmain .right #ewmbox img{height:196px;}



.logomain{height:110px;background:#fff;}

.logomain .left{float:left;}

.logomain .left img{margin-left:20px;}

.logomain .right{float:left; margin-bottom:10px;margin-left:50px;}

.logomain .right ul li{float:left; padding:0px 15px;height:50px; line-height:50px;}

.logomain .right ul li a{font-size:16px; padding:0px 7px; font-weight:bold;}

.logomain .right ul li.currclass a{ background:url(/images/curr2.png) no-repeat 100% 0; padding-top:4px ;border-bottom:#ff0000 2px solid;}





#product{background:#fff; position:absolute;width:100%;top:0px;left:0px; padding:25px 0px; z-index:199999999}

.cpxlbox ul{width:1150px;position:relative;}

.cpxlbox ul .upbg{ padding:0px 30px;height:45px;background:#fff url(../image/up.png) no-repeat 50% 100%; text-align:center;font-size:16px;color:#d00; position:absolute;top:-91px;right:312px; }

.cpxlbox ul .upbg a{color:#e10000}

.cpxlbox ul li{width:25%; overflow:hidden; float:left;height:170px;}

.cpxlbox ul li strong{ font-size:18px;font-weight:normal; display:block; padding:0px 0px 15px 0px}

.cpxlbox ul li strong a{color:#333;}

.cpxlbox ul li span{ font-size:14px; display:block;height:30px; line-height:30px;}

.cpxlbox ul li a{color:#666}

.cpxlbox ul li a:hover{color:#e10000;}



#case{background:#fff; position:absolute;width:100%;top:0px;left:0px; padding:25px 0px; z-index:199999999}

#case .mainbox{width:1150px; position:relative;}

#case .mainbox .upbg{ padding:0px 30px;height:45px;background:#fff url(../image/up.png) no-repeat 50% 100%; text-align:center;font-size:16px;color:#d00; position:absolute;top:-91px;right:420px;}

#case .mainbox .upbg a{color:#e10000}

#case .t_case_wz{ height:30px; line-height:30px; overflow:hidden}

#case .t_case_wz dt{ font-size:14px;color:#666;float:left;}

#case .t_case_wz dd{ float:left;padding:0px 10px; font-size:14px;}

#case .t_case_wz dd a{color:#666;}

#case .t_case_wz dd a:hover{color:#e10000}



#case .t_case_pic dt{ font-size:18px;font-weight:normal; display:block; padding:30px 0px 15px 0px;}

#case .t_case_pic dd{ float:left; width:166px;margin-left:30px; position:relative; text-align:center; padding:15px 0px 10px 0px}

#case .t_case_pic dd img{ width:130px;height:65px;-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray;}

#case .t_case_pic dd:hover img{-webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: none;}

#case .t_case_pic dd span{line-height:30px;margin-top:5px;height:30px; overflow:hidden; display:block;}

#case .t_case_pic dd span a{font-size:14px;color:#666}

#case .t_case_pic dd span a:hover{color:#e10000}

#case .t_case_pic dd:hover a{color:#e10000}



#fangan{background:#fff; position:absolute;width:100%;top:0px;left:0px; padding:25px 0px; z-index:199999999}

#fangan .mainbox{width:1150px; position:relative}

#fangan .mainbox .upbg{ padding:0px 30px;height:45px;background:#fff url(../image/up.png) no-repeat 50% 100%; text-align:center;font-size:16px;color:#e10000; position:absolute;top:-91px;right:204px; }

#fangan .mainbox .upbg a{color:#e10000}

#fangan ul li{width:33%; float:left;height:175px;}

#fangan ul li strong{ font-size:18px;font-weight:normal; display:block; padding:0px 0px 15px 0px}

#fangan ul li strong a{color:#333;}

#fangan ul li span{ font-size:14px; display:block;height:30px; line-height:30px;}

#fangan ul li a{color:#666;background:}

#fangan ul li a:hover{color:#e10000;}





.indexmain{ padding:29px 0px; text-align:center; background:#fff;}

.indexmain h4{ font-size:30px;font-weight:normal;height:50px; line-height:50px;float:left;}

.indexmain .dtbox{ position:absolute;left:320px;top:24px;height:20px; line-height:20px; text-align:left;color:#555; font-size:16px}

.indexmain .dtbox span{float:left; padding-right:5px;}

.indexmain .dtbox #up_list{width:275px;height:20px; overflow:hidden;}

.indexmain .dtbox #up_li{height:20px; line-height:20px; overflow:hidden}

.indexmain .dtbox #up_li img{margin:5px 0px 0px 5px}



.indexmain .info{ font-size:16px;color:#666;float:right}

.indexmain .info strong{color:#e10000; font-size:30px; margin-bottom:5px; padding:0px 5px; display:block}

.indexmain .info ul li{ padding:0px 30px;float:left;}













/*首頁爆品顯示*/



.product-wrap2{ max-width:1200px; margin:0 auto;}

.product-wrap2 .show{ display:block;}

.indexmain02{width:1190px;margin:0 auto; position:relative; display:none;height:290px; overflow:hidden;margin-top:35px;}



.product-wrap2  .switch{

  display: none;

}

.product-wrap2 .switch .lvYou{

  margin-top:16px;

}

.product-wrap2 .switch .lvYou li{

  width: 370px;

  float: left;overflow: hidden;

  margin-left: 10px;

  margin-right:10px;

  position: relative;

  height:290px;

  overflow:hidden;

}

.product-wrap2 .switch .lvYou li a{

  display: block;

}

.product-wrap2 .switch .lvYou li a h3{

  color: #fff;

  line-height: 38px;

  font-size: 18px;

  height: 38px;

  padding-left:20px;

  width:350px;

  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

  background:url(../image/icon.gif) no-repeat left center; 

}

.product-wrap2 .switch .lvYou li a img{

  display: block;

  transition: All 0.4s ease-in-out;

  -webkit-transition: All 0.4s ease;

  -moz-transition: All 0.4s ease;

  -o-transition: All 0.4s ease;

  width: 370px;

  height: 290px;

}

.product-wrap2 .switch .lvYou li a img:hover{

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

}

.product-wrap2 .switch .lvYou li a p{

  color: #fff;

  font-size: 14px;

  width:350px;

  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

  line-height:25px;

}

.w-tiShi{

  background:rgba(0,0,0,0.4);

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr = #40000000,endColorstr = #40000000);

  position: absolute;

  left: 0;

  bottom:-50px;

  padding:0 10px 5px 10px;

}

.w-jiaGe{

  color: #ff6666;

  font-size: 12px;

  text-align: right;

}

.w-jiaGe a{

  color: #ff6666;

}

.w-jiaGe strong{

  font-family:"黑體"

  font-size: 20px;

  margin: 0 5px;

  font-weight: normal;



}

.w-jiaGe em{

  color: #fff;

  font-size: 12px;

}







.indexmain02 ul li.li01{width:370px;float:left; margin-left:30px; height:290px; overflow:hidden;}

.indexmain02 ul li.li01 img{width:100%;height:290px; display:block; overflow:hidden}

.indexmain02 ul li.li01:hover .libox{margin-top:-235px; padding-top:30px;}

.indexmain02 ul li.li01 .libox{ position:relative; padding:0px 30px; text-align:center;height:225px;background:url(../image/bg6.png);margin-top:-40px;-webkit-transition: 0.3s; transition: 0.3s;}

.indexmain02 ul li.li01 .libox .litit{height:40px; line-height:40px; font-size:16px;}

.indexmain02 ul li.li01 .libox .intro{ line-height:24px;height:72px; overflow:hidden;color:#666;margin-top:5px;}

.indexmain02 ul li.li01 .libox .hrefbtn{width:125px;margin:0 auto;height:30px; line-height:30px; text-align:center; display:block;margin-top:20px;border-radius:3px;color:#fff; background:#aaa; font-size:16px;}

.indexmain02 ul li.li01 .libox .hrefbtn:hover{ background:#ed3232}



.indexmain02 ul li.li02{width:570px;float:left; margin-left:50px; height:290px; overflow:hidden;}

.indexmain02 ul li.li02 img{width:100%;height:290px; display:block; overflow:hidden}

.indexmain02 ul li.li02:hover .libox{margin-top:-235px; padding-top:30px;}

.indexmain02 ul li.li02 .libox{ position:relative; padding:0px 30px; text-align:center;height:225px;background:url(../image/bg6.png);margin-top:-40px;-webkit-transition: 0.3s; transition: 0.3s;}

.indexmain02 ul li.li02 .libox .litit{height:40px; line-height:40px; font-size:16px;}

.indexmain02 ul li.li02 .libox .intro{ line-height:24px;height:72px; overflow:hidden;color:#666;margin-top:5px;}

.indexmain02 ul li.li02 .libox .hrefbtn{width:125px;margin:0 auto;height:30px; line-height:30px; text-align:center; display:block;margin-top:20px;border-radius:3px;color:#fff; background:#aaa; font-size:16px;}

.indexmain02 ul li.li02 .libox .hrefbtn:hover{ background:#ed3232}



.indexmain02 ul li.li03{width:275px;float:left; margin-left:30px; height:290px; overflow:hidden;}

.indexmain02 ul li.li03 img{width:100%;height:290px; display:block; overflow:hidden}

.indexmain02 ul li.li03:hover .libox{margin-top:-235px; padding-top:30px;}

.indexmain02 ul li.li03 .libox{ position:relative; padding:0px 30px; text-align:center;height:225px;background:url(../image/bg6.png);margin-top:-40px;-webkit-transition: 0.3s; transition: 0.3s;}

.indexmain02 ul li.li03 .libox .litit{height:40px; line-height:40px; font-size:16px;}

.indexmain02 ul li.li03 .libox .intro{ line-height:24px;height:72px; overflow:hidden;color:#666;margin-top:5px;}

.indexmain02 ul li.li03 .libox .hrefbtn{width:125px;margin:0 auto;height:30px; line-height:30px; text-align:center; display:block;margin-top:20px;border-radius:3px;color:#fff; background:#aaa; font-size:16px;}

.indexmain02 ul li.li03 .libox .hrefbtn:hover{ background:#ed3232}





.titlemain{ text-align:center; padding:30px 0px 35px 0px}

.titlemain h4{height:60px; line-height:60px; font-size:30px;font-weight:normal;color:#333;background:url(/images/titbg.png2) no-repeat center center;}

.titlemain .info{font-size:16px;color:#666; line-height:26px;height:52px; overflow:hidden}

.titlemain .info a{color:#666; padding:0px 10px;}

.titlemain .info a:hover{color:#e10000}



.titlemain2{width:1190px;margin:0 auto;padding-top:45px; position:relative}

.titlemain2 ul li{float:left;width:220px;font-size:18px; height:72px;color:#555; cursor:pointer; line-height:26px; overflow:hidden}

.titlemain2 ul li .liposition{ position:relative;height:52px; line-height:26px;}

.titlemain2 ul li.on{color:#e10000;}

.titlemain2 ul li.on span{ display:block;}

.titlemain2 ul li span{ color:#737373;font-size:12px; display:none; position:absolute;height:26px; line-height:26px;top:45px;left:0px; overflow:hidden;

animation:myfirst 3s;

-moz-animation:myfirst 3s; /* Firefox */

-webkit-animation:myfirst 3s; /* Safari and Chrome */

-o-animation:myfirst 3s; /* Opera */

}

@keyframes myfirst

{

0%   {top:100px}

25%  {top:45px}

50%  {top:45px}

100% {top:45px}

}



@-moz-keyframes myfirst /* Firefox */

{

0%   {top:100px}

25%  {top:45px}

50%  {top:45px}

100% {top:45px}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

0%   {top:100px}

25%  {top:45px}

50%  {top:45px}

100% {top:45px}

}



@-o-keyframes myfirst /* Opera */

{

0%   {top:100px}

25%  {top:45px}

50%  {top:45px}

100% {top:45px}

}



.titlemain2 ul p{position:absolute;top:72px;left:0px;width:123px;height:10px; border-bottom:3px solid #ed3232; overflow: hidden; text-align: center;}







.indexmain03{width:1190px;margin:0 auto; }

.indexmain03 ul li span{width:157px;float:left; margin:0px 0px 15px 15px;}

.indexmain03 ul li span a{ display:block; height:157px;background:#fff; text-align:center;}

.indexmain03 ul li span a:hover img{

-webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: none; 

}

.indexmain03 ul li span img{

width:137px;height:69px;margin-top:40px;

-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray;

}





.mainbg1{ height:825px; overflow:hidden; background:#fff;margin-top:30px}

.mainbg2{ height:600px; overflow:hidden;}

.mainbg3{ height:615px; overflow:hidden; background:#fff}



.indexmain04 ul li{ text-align:center;width:297px;float:left;}

.indexmain04 ul li span a{ display:block;width:169px;margin:0 auto;height:195px; margin-bottom:35px; overflow:hidden;background:url(../image/bg5.png) no-repeat;-webkit-transition: 0.5s; transition: 0.5s;}

.indexmain04 ul li span a img{ display:block;margin:0 auto;height:120px;margin-top:58px;}

.indexmain04 ul li span a img.img2{ display:none}

.indexmain04 ul li span a:hover{background:url(../image/bg1.png) no-repeat -169px 0px}

.indexmain04 ul li span a:hover img.img1{ display:none}

.indexmain04 ul li span a:hover img.img2{ display:block}



.indexmain04 ul li strong a{ font-size:18px;font-weight:normal;}

.indexmain04 ul li .info{color:#666; font-size:12px;margin-top:15px; line-height:24px; padding:0px 15px;}





.indexmain05{}

.indexmain05 .box01{width:363px;float:left;margin-left:50px;margin-top:30px;}

.indexmain05 .box01 .title{height:40px; line-height:40px;background:#e9e9e9;color:#666; font-size:18px; padding:0px 15px; margin-bottom:20px}

.indexmain05 .box01 .title span a{float:right; font-size:12px;color:#999;}

.indexmain05 .box01 .title span a:hover{color:#e10000}

.indexmain05 .box01 ul li.li01{height:135px; margin-bottom:5px; overflow:hidden}

.indexmain05 .box01 ul li.li01 img{width:100%;height:95px;-webkit-transition: all .5s ease;

-moz-transition: all .5s ease;

-o-transition: all .5s ease;

transition: all .5s ease;}

.indexmain05 .box01 ul li.li01 img:hover{-webkit-transform: scale(1.1);

-moz-transform: scale(1.1);

-ms-transform: scale(1.1);

-o-transform: scale(1.1);

transform: scale(1.1);}

.indexmain05 .box01 ul li.li01 .litit{height:35px; line-height:35px; font-size:16px;}

.indexmain05 .box01 ul li.li01 .litit span{float:right; padding:0px 15px; font-size:12px;color:#999;}

.indexmain05 .box01 ul li.li01 .intro{color:#737373; line-height:24px;margin-top:0px;height:120px;}

.indexmain05 .box01 ul li.li02{height:30px; line-height:30px;font-size:14px; overflow:hidden; }

.indexmain05 .box01 ul li.li02 span{ padding:0px 15px;float:right; font-size:12px;color:#999;}

.indexmain05 .box01 ul li.li03 {height:110px; margin-bottom:10px; overflow:hidden;border-bottom:1px solid #e9e9e9;}

.indexmain05 .box01 ul li.li03 .litit{height:35px; line-height:35px; font-size:16px; overflow:hidden}

.indexmain05 .box01 ul li.li03 .litit span{float:right; padding:0px 15px; font-size:12px;color:#999;}

.indexmain05 .box01 ul li.li03 .intro{color:#737373; line-height:24px;margin-top:10px;height:48px; overflow:hidden;}





.indexmain06{width:1190px;margin:0 auto; }



.indexmain06 .focus{width:100%;position:relative; overflow:hidden;}

.indexmain06 .focus:hover .rslides_nav{ display:none}

.indexmain06 .f426x240{width:100%; margin:0 auto;height:630px;}

.indexmain06 .focus li.lifocus{width:100%;height:630px;}



.indexmain06 .rslides{width:100%;position:relative;list-style:none;padding:0;}

.indexmain06 .rslides_nav{display:none;height:45px;width:45px;position:absolute;top:50%;left:15px;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(http://www.kesion.com/images2015/new/left.png) no-repeat;margin-top:-50px;}

.indexmain06 .rslides_nav:hover{background:url(http://www.kesion.com/images2015/new/left2.png) no-repeat}

.indexmain06 .rslides_nav.next{left:auto;background:url(http://www.kesion.com/images2015/new/right.png) no-repeat;right:15px;}

.indexmain06 .rslides_nav.next:hover{background:url(http://www.kesion.com/images2015/new/right2.png) no-repeat}



.indexmain06 .rslides_tabs{width:100px;margin:0 auto; position:absolute;top:320px;left:575px;height:10px;}

.indexmain06 .rslides_tabs a{text-indent:-9999px; float:left;margin-right:10px; width:10px;height:10px;background:url(../image/bg2.png) no-repeat -10px 0px;-webkit-transition: .0s; transition: .0s;}

.indexmain06 .rslides_tabs .rslides_here a{ background:url(../image/bg2.png) no-repeat}



.indexmain06 ul li span{width:173px;float:left; margin:0px 0px 15px 30px;}

.indexmain06 ul li span .imgbox{ display:block; height:125px; overflow:hidden; text-align:center;}

.indexmain06 ul li span a:hover img{

-webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: none; 

}

.indexmain06 ul li span img{

width:137px;height:69px;margin-top:40px;

-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray;

}

.indexmain06 ul li span .litit{height:30px; line-height:30px;font-size:16px; text-align:center; overflow:hidden}

.indexmain06 ul li span .intro{ text-align:center; line-height:24px;color:#666;margin-top:10px;height:48px; overflow:hidden;}









/*实时新聞*/

.daohang{ line-height:30px;font-size:12px; padding-top:20px;color:#999; height:30px;font-size:15px;}

.daohang a{color:#666;}



.wrap_4{width:100%; height:470px;background:#fff url(../image/product.jpg) no-repeat 50% -18px;}

.wrap_5{width:100%; height:470px;background:#fff url(../image/product5.jpg) no-repeat 50% -18px;}

.wrap_6{width:100%; height:470px;background:#fff url(../image/product5.jpg) no-repeat 50% -18px;}

.wrap_2{width:100%; height:470px;background:#fff url(../image/about.jpg) no-repeat 50% -18px;}

.wrap_3{width:100%; height:470px;background:#fff url(../image/news.jpg) no-repeat 50% -18px;}

.wrap_8{width:100%; height:350px;background:#fff url(../image/fwyzc.jpg) no-repeat 50% -18px;}

.wrap_7{width:100%; height:350px;background:#fff url(../image/about2.jpg) no-repeat 50% -18px;}



.wrapbg{width:100%;padding-top:30px;background:#fff url(../image/background08.jpg) no-repeat 50% -18px;}

.newsmain{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 30px 20px 30px;}



.newsmain .mainbox01{ padding:0px 5px 10px 5px}

.newsmain .mainbox01 h1{padding-top:20px; height:90px}

.newsmain .mainbox01 h1 span{ float:right;margin-top:-50px;}

.newsmain .mainbox01 .shaixuan{width:1010px; height:14px; background:url(../image/bg21.png) no-repeat 0 60px; height:90px; padding:0px 40px}

.newsmain .mainbox01 .shaixuan span{ display:none}

.newsmain .mainbox01 .shaixuan a{float:left;font-size:14px;color:#818181; width:100px; height:90px; text-align:center; margin-right:7px; background:url(../image/bg23.png) no-repeat 50% 55px; line-height:47px;}

.newsmain .mainbox01 .shaixuan a.currclass{ background:url(../image/bg22.png) no-repeat;color:#fff;}

.newsmain .mainbox01 .shaixuan a.currclass:hover{color:#fff;}

.newsmain .mainbox01 .shaixuan a:hover{ text-decoration:none;color:#0891e6}

.newsmain .mainbox02{ padding:5px;margin-top:10px;}

.newsmain .mainbox02 ul li{ line-height:55px;border-bottom:1px dashed #ddd; padding:5px 0px 10px 0px; height:120px}

.newsmain .mainbox02 ul li .img2{ float:left;margin-top:10px;}

.newsmain .mainbox02 ul li .img2 a{ float:left;padding:3px;border:1px solid #ccc;}

.newsmain .mainbox02 ul li .img2 a:hover{border:1px solid #ff0000;padding:3px;}

.newsmain .mainbox02 ul li .img2 img{ height:100px; width:150px;}

.newsmain .mainbox02 ul li a{font-size:18px;color:#333;}

.newsmain .mainbox02 ul li a:hover{color:#f00;}

.newsmain .mainbox02 ul li span{width:74px; height:85px;font-size:21px; background:#f0f0f0; margin-right:20px; float:right; line-height:22px;padding-top:9px;color:#a1a1a1; padding-left:15px;margin-top:15px; }

.newsmain .mainbox02 ul li span em{font-size:24px; padding:0px 2px}

.newsmain .mainbox02 ul li span b{font-weight:normal;font-size:12px;color:#666; line-height:28px}

.newsmain .mainbox02 ul li .intro{color:#818181; line-height:23px; font-size:14px;}

.newsmain .mainbox02 ul li .intro a{font-size:13px; display:none}

.newsmain .mainbox02 .kright{ float:right; width:820px; margin-right:20px;}

.newsmain .mainbox02 .kright a:hover{color:#f00;}







.newsmain .cpmainbox01{ padding:0px 5px 10px 5px}

.newsmain .cpmainbox01 h1{padding-top:20px; height:90px}

.newsmain .cpmainbox01 h1 span{ float:right;margin-top:-50px;}

.newsmain .cpmainbox01 .shaixuan{width:1010px; height:14px; background:url(../image/bg21.png) no-repeat 0 60px; height:90px; padding:0px 40px}

.newsmain .cpmainbox01 .shaixuan span{ display:none}

.newsmain .cpmainbox01 .shaixuan a{float:left;font-size:14px;color:#818181; width:120px; height:90px; text-align:center;background:url(../image/bg23.png) no-repeat 50% 55px; line-height:47px;}

.newsmain .cpmainbox01 .shaixuan a.currclass{ background:url(../image/bg22.png) no-repeat center top;color:#fff;}

.newsmain .cpmainbox01 .shaixuan a.currclass:hover{color:#fff;}

.newsmain .cpmainbox01 .shaixuan a:hover{ text-decoration:none;color:#0891e6}





.newsmain02{width:1000px;margin:0 auto;}

.newsmain02 .left{width:100px; float:left; background:#fff; height:300px;}

.newsmain02 .left a{ display:block}

.newsmain02 .left span{ display:none}

.newsmain02 .right{width:750px; float:right}

.newsmain02 .right ul li .lileft{width:115px; float:left;color:#fff;font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif; background:url(/images/bg20.png) no-repeat 85% 50%; height:61px}

.newsmain02 .right ul li.li01 .lileft{background:url(http://www.kesion.com/images2015/bg19.png) no-repeat 85% 50%; height:106px;}

.newsmain02 .right ul li.li02 .lileft{margin-top:-32px;}

.newsmain02 .right ul li .liright{width:480px; height:65px; line-height:55px; background:url(http://www.kesion.com/images2015/talkbg.png) no-repeat;margin-top:30px; padding:0px 15px 0px 25px; float:left}

.newsmain02 .right ul li .liright .title a{font-size:18px;}

.newsmain02 .right ul li .liright .title span{color:#999; padding-left:10px;font-family:Arial}

.newsmain02 .right ul li .liright .intro{ padding-top:10px; line-height:20px;color:#999; text-indent:2em; font-family:Arial}

.newsmain02 .right ul li .liright .intro a{color:#666; padding-left:8px;}







/*实时新聞內容頁*/

.newscontent{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 30px}

.newscontent .Dg{ line-height:30px;font-size:12px; padding-top:10px;color:#999;width:930px;margin:0 auto;}

.newscontent .Dg .l{ margin-left:5px; float:left;width:430px; height:40px;font-size:15px;}

.newscontent .Dg .l a{color:#666;}

.newscontent .Dg .r{ float:right;}

.newscontent h1{ line-height:60px;font-weight:bold;font-size:26px; text-align:center; padding:30px 0px 10px 10px;border-bottom:1px solid #e1e1e1;width:1000px; margin:0 auto;}

.newscontent .ct{ padding:25px;font-size:15px;color:#666;line-height:28px;}

.newscontent .ct img{ display:block; margin:0 auto; margin-bottom:15px; max-width:750px}

.newscontent .ct a{color:#1982cc}

.newscontent .ct a.anlbtn{width:65px; height:23px; background:url(../image/anlbtn.png) no-repeat; float:left; margin-left:15px;color:#fff; text-align:center;font-size:12px; line-height:20px;}

.newscontent .ct a.anlbtn:hover{color:#fff000; text-decoration:none}





/*全站搜索*/



.sc_list{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 30px}

.sc_list .scjg{ clear:both;height:50px; line-height:50px;font-size:15px;color:#666;border-bottom:1px solid #e1e1e1;margin-top:5px;}

.sc_list .scjg .left{ float:left}

.sc_list .scjg .left strong{ display:none}

.sc_list .scjg .right{ float:right; padding-top:7px; display:none}

.sc_list .scjg .right .searchinput02{width:315px; height:28px; background:url(http://www.kesion.com/images2015/input02.png) no-repeat;border:0px;font-family:"\5FAE\8F6F\96C5\9ED1"; padding-left:13px;color:#999;font-size:12px; line-height:28px;}

.sc_list .scjg .right .scbtn02{width:23px; height:22px; background:url(http://www.kesion.com/images2015/scbtn03.png) no-repeat;border:0px; position:absolute; margin:2px 0px 0px -44px; cursor:pointer;}



.sc_list h4{height:35px; line-height:35px;padding-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}

.sc_list ul{padding:10px 15px;}

.sc_list ul li{border-bottom:1px dashed #ddd;padding:15px 0px; line-height:22px;}

.sc_list ul li a.title{font-size:18px;color:#007bbb; float:left;}

.sc_list ul li div{ padding-top:8px;}

.sc_list ul li span.date{padding-left:20px;color:#666; float:left}

.sc_list ul li.fyys{border:0px; text-align:right;margin-top:10px}

.sc_list ul li.fyys:hover{background:none}







/*现有產品列表*/



#info9{overflow:hidden; margin:5px 0 0;}

#info9 ul{ height:300px;}

#info9 ul li{float:left;}

#info9 ul li a{width:250px; display:block; text-align:center; font-size:26px;padding-top:200px;}

#info9 ul li a:hover{}

#info9 ul li.one{background:url(../image/1-1.jpg) no-repeat center top;margin:0px 30px 0px 130px;}

#info9 ul li.two{background:url(../image/2-1.jpg) no-repeat center top;margin:0px 30px;}

#info9 ul li.thr{background:url(../image/3-1.jpg) no-repeat center top;margin:0px 30px;}

#info9 ul li.fou{background:url(../image/4-1.jpg) no-repeat center top;margin:0px 0px 0px 50px;}

#info9 ul li.fiv{background:url(../image/5-1.jpg) no-repeat center top;margin:0px 0px;}

#info9 ul li.six{background:url(../image/6-1.jpg) no-repeat center top;margin:0px 0px;}

#info9 ul li.sev{background:url(../image/7-1.jpg) no-repeat center top;margin:0px 0px;}





#info9 ul li.one a:hover{background:url(../image/1-2.jpg) no-repeat center top;}

#info9 ul li.two a:hover{background:url(../image/2-2.jpg) no-repeat center top;}

#info9 ul li.thr a:hover{background:url(../image/3-2.jpg) no-repeat center top;}

#info9 ul li.fou a:hover{background:url(../image/4-2.jpg) no-repeat center top;}

#info9 ul li.fiv a:hover{background:url(../image/5-2.jpg) no-repeat center top;}

#info9 ul li.six a:hover{background:url(../image/6-2.jpg) no-repeat center top;}

#info9 ul li.sev a:hover{background:url(../image/7-2.jpg) no-repeat center top;}









.case-container{min-width:1000px}

.case-banner-img{width:100%}

.case-container-wrap{width:1000px;margin:0 auto;font-size:0}

.case-item{padding:76px 0 66px 0;position:relative;border-bottom:1px dashed #959595}

.case-logo{position:absolute;top:100px; padding-bottom:20px;}

a.case-logo {border:1px solid #ffffff;padding:2px;}

a:hover.case-logo {border:1px solid #ff0000;}

.case-content{margin-left:400px}

.case-tip{float:left;margin-right:20px}

.case-title1{font-size:46px;font-weight:700;line-height:90px;color:#c82536;white-space:nowrap;overflow:hidden}



.case-title1 span{font-size:29px;font-weight:700;margin-right:20px; float:right;}



.case-title1 span a{ color:#F00;}



.case-title-guofuren{font-size:40px}

.case-title2{font-size:29px;font-weight:700;margin-right:20px; float:right;}

.case-story{margin-bottom:25px;font-size:24px;line-height:32px}

.case-description{font-size:22px;line-height:32px}

.case-description-title{font-weight:700;color:#c82536}

.case-line{margin:0 12px;font-weight:700;color:#c82536}

.case-product{}

.case-customer-title{margin:55px 0 50px 0;font-size:42px;color:#c82536}

.case-customer-img{margin-right:14px}

.case-customer{margin-bottom:40px;width:1000px}





.product-wrap3{ max-width:1200px; margin:0 auto;}

.product-wrap3 .show{ display:block;}

.product-wrap3 .switch{

  display: none;

}

.product-wrap3 .switch .lvYou{

  margin-top:16px;

}

.product-wrap3 .switch .lvYou li{

  width: 350px;

  float: left;overflow: hidden;

  margin: 15px 10px 15px 10px ;

  position: relative;

  height:274px;

  overflow:hidden;

}

.product-wrap3 .switch .lvYou li a{

  display: block;

}

.product-wrap3 .switch .lvYou li a h3{

  color: #fff;

  line-height: 38px;

  font-size: 18px;

  height: 38px;

  padding-left:20px;

  width:330px;

  text-overflow: ellipsis;white-space: nowrap;overflow: hidden;

  background:url(../image/icon.gif) no-repeat left center; 

}

.product-wrap3 .switch .lvYou li a img{

  display: block;

  transition: All 0.4s ease-in-out;

  -webkit-transition: All 0.4s ease;

  -moz-transition: All 0.4s ease;

  -o-transition: All 0.4s ease;

  width: 350px;

  height: 274px;

}

.product-wrap3 .switch .lvYou li a img:hover{

  transform: scale(1.2);

  -webkit-transform: scale(1.2);

  -moz-transform: scale(1.2);

  -o-transform: scale(1.2);

  -ms-transform: scale(1.2);

}

.product-wrap3 .switch .lvYou li a p{

  color: #fff;

  font-size: 14px;

  width:330px;

  height:75px;

  line-height:25px;

}





/*现有產品介紹*/

.Productintro{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 20px 20px 20px;}

.Productintro h1{font-size:30px;font-weight:normal; height:30px; padding:20px 0px 0px 10px;}

.Productintro .Printro_conter{ padding:20px 20px;}

.Printro_conter ul li{ height:210px; margin-bottom:5px;margin-top:5px;}

.Printro_conter ul li .cptp{ float:left; width:240px; height:200px; overflow:hidden; margin-top:8px}

.Printro_conter ul li .cptp img{ width:240px; height:160px;}

.Printro_conter ul li .cpinfo{ float:left; width:780px; padding-left:20px;}

.Printro_conter ul li .cpinfo .title{ font-size:24px; height:42px; }

.Printro_conter ul li .cpinfo .info{ line-height:22px; font-size:14px; color:#888; padding-bottom:5px;}	

.Printro_conter ul li .cpinfo .gxsj{ font-size:12px; float:left; margin-right:15px; height:36px; line-height:36px; color:#aaa}	

.Printro_conter ul li .cpinfo .gxsj span{ color:#888}	

.Printro_conter ul li .cpinfo .down{ height:24px; clear:both; }

.Printro_conter ul li .cpinfo .down dl{ }

.Printro_conter ul li .cpinfo .down dl dt{ float:left;  margin-right:10px; }

.Printro_conter ul li .cpinfo .down dl dt a{ color:#888;background:#eee; padding:5px 15px; display:block; text-decoration:none; font-size:14px; font-weight:bold;}

.Printro_conter ul li .cpinfo .down dl dt a:hover{ color:#fff; background:#ed3232;}



.fzlcmain{margin-top:15px;border-left:1px solid #aaa;margin-left:100px;}

.fzlcmain ul li{ padding:15px 15px 30px 30px; position:relative; font-size:16px;}

.fzlcmain ul li span{width:88px;height:20px;color:#fff; padding-left:12px;background:url(../image/timebg.png) no-repeat; position:absolute;left:-96px;top:21px; line-height:20px; font-size:15px;}



/*下載內容頁*/

.downmain01 .left{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 30px 20px 30px;}

.downmain01 .left .leftcontent{ padding:10px 15px; }

.downmain01 .left .leftcontent .downbox01{ padding:15px 0px;}

.downmain01 .left .leftcontent .downbox01 .downbox01left{width:48px; float:left}

.downmain01 .left .leftcontent .downbox01 .downbox01left img.rj_pic{width:305px; height:203px; float:left}

.downmain01 .left .leftcontent .downbox01 .downbox01right{width:700px; float:right}

.downmain01 .left .leftcontent .downbox01 .downbox01right h4{font-family:"\5FAE\8F6F\96C5\9ED1";font-weight:normal;font-size:18px; height:28px;}

.downmain01 .left .leftcontent .downbox01 .downbox01right .xingji{color:#f70; font-family:simhei;font-size:15px;}

.downmain01 .left .leftcontent .downbox01 .downbox01right ul li{width:33%; float:left; padding-top:10px;color:#999}

.downmain01 .left .leftcontent .downbox01 .downbox01right ul li span{color:#666;}

.downmain01 .left .leftcontent .downbox01 .downbox01right ul li.liintro{width:100%; display:block; line-height:19px;}

.downmain01 .left .leftcontent .downbox01 .downbox01right ul li.lidownnum{width:100%; display:block; background:url(/images/download.png) no-repeat 0 40%;padding-left:17px; line-height:30px;padding-top:0px;margin-top:6px;}

.downmain01 .left .leftcontent .downbox03 { min-height:100px;}

.downmain01 .left .leftcontent .downbox03 h4{ height:28px; line-height:28px; border-bottom:2px solid #8ac4e9;font-family:"\5FAE\8F6F\96C5\9ED1";font-weight:normal;font-size:18px;}

.downmain01 .left .leftcontent .downbox03 h4 span{width:130px; float:left; background:#8ac4e9; padding-left:15px;color:#fff;}

.downmain01 .left .leftcontent .downbox03 .xz_list{color:#555;margin-top:15px;font-size:14px;line-height:30px;}

.downmain01 .left .leftcontent .downbox03 .xz_list p{ text-indent:2em;}



.downmain01 .left .leftcontent .downbox04{margin-top:15px; display:none}

.downmain01 .left .leftcontent .downbox04 h4{ height:28px; line-height:28px; border-bottom:2px solid #8ac4e9;font-family:"\5FAE\8F6F\96C5\9ED1";font-weight:normal;font-size:18px;}

.downmain01 .left .leftcontent .downbox04 h4 span{width:130px; float:left; background:#8ac4e9; padding-left:15px;color:#fff;}





/*案例典型*/





.playmain{width:100%;background:url(/images/background.png) no-repeat}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;}

#playBox{ width:1140px;margin:0 auto; height:435px; position:relative; overflow:hidden;}

#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}

#playBox .oUlplay li{width:1140px; float:left;}

#playBox .oUlplay li .lbox{width:380px;float:left;height:435px; position:relative}

#playBox .oUlplay li .lbox img{width:360px;margin:64px 0px 0px 8px;}

#playBox .oUlplay li .lbox .lboxpc{width:380px;height:352px;background:url(/images/pc.png) no-repeat; position:absolute; top:50px;left:0px;}

#playBox .oUlplay li .rbox{width:680px;float:right; padding-top:60px;color:#fff; font-size:14px; line-height:26px;}

#playBox .oUlplay li .rbox strong{font-size:32px;font-weight:normal;color:#fff;height:60px; line-height:60px; overflow:hidden; display:block;}

#playBox .oUlplay li .rbox span{color:#fff}

#playBox .oUlplay li .rbox .intro{ font-size:14px;}

#playBox .oUlplay li .rbox a{width:135px;height:40px; display:block;background:#d00; line-height:40px; text-align:center;font-size:18px;color:#fff;margin-top:15px;}



#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(/images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10; display:none}

#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(/images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10; display:none}

#playBox .smalltitle { width:130px;left:44%;height:15px; position:absolute; bottom:18px; z-index:10}

#playBox .smalltitle ul{}

#playBox .smalltitle ul li{ width:15px; height:15px; cursor:pointer; margin:0 5px; border-radius:10px; background:url(/images/yd1.png) no-repeat; float:left; overflow:hidden;*display:inline;*zoom:1;}

#playBox .smalltitle .thistitle{ background:url(/images/yd2.png) no-repeat;}





.anliemain02{ background:#f0f2f4; text-align:center; padding:25px 0px}

.anliemain02 h1{font-size:32px;font-weight:normal; display:block;margin:0 auto;}

.anliemain02 em{ padding-top:10px; font-size:14px;color:#818181; display:block; font-style:normal}





.anliemain03{width:1140px;margin:0 auto; position:relative; padding-bottom:15px;}

.anliemain03 h1{ font-weight:normal; padding-top:30px;height:60px;line-height:60px}

.anliemain03 h1 a{font-size:14px;color:#666; padding-left:10px}

.anliemain03 ul{ height:280px; overflow:hidden;}

.anliemain03 ul li{width:16.6%; float:left;position:relative; height:105px; margin:20px 0px 15px 0px;overflow:hidden}

.anliemain03 ul li img{width:154px; height:77px;}

.anliemain03 ul li .intro{width:162px; overflow:hidden; height:30px; line-height:30px; position:relative;}

.anliemain03 ul li .intro a{ display:block;font-size:14px;color:#666; height:30px; text-align:center}

.anliemain03 ul li .intro a:hover{color:#d00}

.anliemain03 ul li:hover .intro a{color:#d00}



.anlielist{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 30px;}

.anlielist h1{font-size:30px;font-weight:normal; padding:20px 0px;}

.anlielist h1 span{}

.anlielist ul li{ height:105px; padding:0px 30px;border-bottom:1px dashed #ddd; padding-top:30px;}



.anlielist ul li .lileft{width:162px; float:left;}

.anlielist ul li .lileft img{width:100%; height:81px;}



.anlielist ul li .liright{width:870px; float:right; line-height:22px;}

.anlielist ul li .liright .intro{font-size:12px;color:#666;}

.anlielist ul li .liright .title{font-size:18px; height:30px;}





.casebox{width:950px; margin:0px auto;}

.casebox h1{width:226px; float:left; background:url(../image/casebg.gif) no-repeat center 10px; height:120px; overflow:hidden;}

.casenr h1 img{width:162px; height:81px;}

.casebox ul.casenr{width:650px; float:right;}

.casebox ul.casenr li{ line-height:38px; font-size:18px;}

.casebox ul.casenr a{ color:#069;}

.casebox ul.casenr a:hover{}







/*解決方案*/

.solution{width:1130px;margin:0 auto; background:#fff; position:relative; padding:0px 30px;}

.solution h1{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:36px; font-weight:normal;}

.solution .jianjie{ line-height:27px; font-size:15px; text-indent:2em; color:#555; margin-top:15px; height:95px;}

.solution .solution_conter{ margin-top:20px; overflow:hidden }

.solution .solution_conter li{ width:330px; float:left; margin-right:30px; margin-bottom:30px; overflow:hidden; position:relative; height:175px; overflow:hidden}

.solution .solution_conter li.nomargin{ margin-right:0px;}

.solution .solution_conter li .libox{ padding:20px; height:135px;-webkit-transition: .4s; transition: .4s; position:absolute;width:220px;right:-300px;top:0px;}

.solution .solution_conter li .libox .title{font-size:16px;color:#fff;font-weight:bold}

.solution .solution_conter li .libox .info{  padding:10px 0px; color:#fff;line-height:22px;}



.solution .solution_conter li a:hover .libgtitle{ display:none}

.solution .solution_conter li a:hover{ text-decoration:none;}

.solution .solution_conter li a:hover .libox{right:0px;}

.solution .solution_conter li a{ display:block; height:175px;}



.solution .solution_conter li.bg{ background:url(/images/fangan01.png) no-repeat;}

.solution .solution_conter li.bg .libox{ background:#26c0b8;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }

.solution .solution_conter li.bg .libgtitle{background:url(../image/bgtitle01.png) no-repeat 50% 50%;width:30px; height:175px;float:right;}





.solution .solution_conter li.bg1 .libgtitle{background:url(/images/bgtitle02.png) no-repeat 50% 50%;width:30px; height:175px;float:right;}

.solution .solution_conter li.bg1{ background:url(/images/fangan02.png) no-repeat}

.solution .solution_conter li.bg1 .libox{ background:#F06744;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }



.solution .solution_conter li.bg2 .libgtitle{background:url(/images/bgtitle03.png) no-repeat 50% 50%;width:30px; height:175px;float:right;}

.solution .solution_conter li.bg2{ background:url(/images/fangan03.png) no-repeat}

.solution .solution_conter li.bg2 .libox{ background:#47b9da;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }



.solution .solution_conter li.bg3 .libgtitle{background:url(/images/bgtitle04.png) no-repeat 50% 50%;width:30px; height:175px;float:right;}

.solution .solution_conter li.bg3{ background:url(/images/fangan04.png) no-repeat}

.solution .solution_conter li.bg3 .libox{ background:#26c08b;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }



.solution .solution_conter li.bg4 .libgtitle{background:url(/images/bgtitle05.png) no-repeat 50% 50%;width:30px; height:175px;float:right;}

.solution .solution_conter li.bg4{ background:url(/images/fangan05.png) no-repeat}

.solution .solution_conter li.bg4 .libox{ background:#ddab41;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }





.solution .solution_conter li.bg5 .libgtitle{background:url(/images/bgtitle06.png) no-repeat 50% 50%;width:30px; height:175px;float:right;}

.solution .solution_conter li.bg5{ background:url(/images/fangan06.png) no-repeat}

.solution .solution_conter li.bg5 .libox{ background:#2ac5b8;filter:alpha(opacity=90);-moz-opacity:0.90;opacity:0.90; }





.solution .solution_conter1{width:1130px; margin:0 auto;overflow:hidden;  margin-top:30px;}

.solution .solution_conter1 ul li{ width:450px; float: left; margin-right:30px; padding:30px; margin-bottom:30px; background:#fff;border:1px solid #e8e8e8; }

.solution .solution_conter1 ul li.nomargin{ margin:inherit}

.solution .solution_conter1 ul li h6{ height:30px; font-size:18px; font-weight:normal; width:100%; color:#d00}

.solution .solution_conter1 ul li .cont{ margin-top:10px; font-size:14px;color:#666; line-height:26px;}

.solution .solution_conter1 ul li dl{ margin-top:10px;}

.solution .solution_conter1 ul li dt{ float:left;  margin-right:10px; }

.solution .solution_conter1 ul li dt a{ color:#888;background:#eee; padding:3px 10px; display:block; text-decoration:none}

.solution .solution_conter1 ul li dt a:hover{ color:#fff; background:#d00;}





.solutiondy{width:960px;margin:0 auto; background:url(/images/bg14.png) no-repeat; position:relative; padding:20px 30px 20px 20px}



.solutiondy .left{width:230px; float:left; padding-top:10px;margin-top:10px; background:#F38569 url(/images/dybg.png) no-repeat 0 0}

.solutiondy .left ul.dy{ padding-left:15px; padding-bottom:20px;}

.solutiondy .left ul.dy li{padding-left:20px; height:30px; line-height:30px;font-size:14px; text-align:right;background:#fff url(/images/dyli.png) no-repeat left 0; margin-bottom:20px; margin-left:30px; padding-right:10px; }

.solutiondy .left ul.dy h3{ padding-left:30px; color:#fff; font-size:20px;text-shadow:1px 1px 1px #555; margin-bottom:30px; }

.solutiondy .left ul.dy li.curr{ background:#fff url(/images/dyli.png) no-repeat left 0; position:relative; height:30px;}

.solutiondy .left ul.dy li.curr a{color:#F38569;}

.solutiondy .left ul.dy li a{color:#666; text-decoration:none}



.solutiondy .right{width:700px; float:right;}

.solutiondy .right .intro{ padding:15px; font-size:15px;color:#666;line-height:30px;}

.solutiondy .right .intro img{ display:block;margin:0 auto;margin-top:10px;}

.solutiondy .right p{text-indent:2em; padding-top:15px}

.solutiondy .right h4{ font-size:36px;font-weight:normal; padding-top:10px;color:#414141;}







/*關于我們公司*/

.aboutusmain{width:1145px;margin:0 auto; background:#fff; position:relative; padding:0px 15px 0px 30px;}

.aboutusmain .left{width:210px; float:right;margin-top:30px;}

.aboutusmain .left h4{height:75px; padding:15px;background:#d00 url(/images/gywm3.png) no-repeat 15px 45%;color:#fff;font-weight:normal; font-size:30px; }

.aboutusmain .left h4 span{ font-size:16px;font-weight:normal; display:inline; float:left;}

.aboutusmain .left ul li{ height:38px; line-height:38px;margin-top:5px;font-size:16px;}

.aboutusmain .left ul li.currclass a{color:#d00;background:#f3f3f3}

.aboutusmain .left ul li a{ display:block; padding:0px 20px}

.aboutusmain .right{width:870px; float:left; margin-top:30px;}

.aboutusmain .right h4{ font-size:30px;font-weight:normal;height:50px;}

.aboutusmain .right .intro{ padding:15px 50px; font-size:14px;color:#666;line-height:30px;}

.aboutusmain .right .intro img{ display:block;margin:0 auto;margin-top:10px;}

.aboutusmain .right p{text-indent:2em; padding-top:15px}





.aboutusmain .titlenav{ height:70px; line-height:70px;background:url(../image/titbtbg.jpg) repeat-x left center;width:80%;margin:30px auto;}



.vnav {

	width: 100%;

	text-align: center;

	color: #fff;

}

.vnav a {

	color: #fff;

	display: block;

	padding:0px 30px;

	background:#ae0e16;

	

}

.vnav a:hover, .vnav li.currclass a{

	background:#7e0000;

	color:#fff;

}



.vnav li {

	font-size:18px;

	padding:0px;display:inline-block;

*display:inline;

*zoom:1;

margin-right: -4px;

*margin-right: 0;

}





.aboutusmain .conment{margin:30px auto; width:90%;}

.aboutusmain .conment h4{ font-size:30px;font-weight:normal;height:50px;}

.aboutusmain .conment .intro{ padding:15px 50px; font-size:14px;color:#666;line-height:30px;}

.aboutusmain .conment .intro img{ display:block;margin:0 auto;margin-top:10px;}

.aboutusmain .conment p{ padding-top:15px}







.aboutusmain .right .Contactus .leftbox{width:320px; float:left;}

.aboutusmain .right .Contactus .rightbox{width:430px; float:right; line-height:28px;}

.aboutusmain .right .Contactus .rightbox strong{font-size:18px;}

.aboutusmain .right .zhengshu{ position:relative;}

.aboutusmain .right .zhengshu ul li.title{width:100%;background:none;float:none;margin:20px 0px 0px 0px; text-align:left; font-size:18px;height:40px; line-height:40px;border-bottom:1px solid #ddd;}

.aboutusmain .right .zhengshu ul li{width:240px;background:url(/images/imgbox.png) no-repeat; overflow:hidden; text-align:center;float:left;margin:20px 0px 20px 30px}

.aboutusmain .right .zhengshu ul li .imgbox{height:157px; overflow:hidden;margin-bottom:10px;}

.aboutusmain .right .zhengshu ul li .imgbox2{height:157px; overflow:hidden;margin-bottom:10px;}

.aboutusmain .right .zhengshu ul li img{width:220px;margin:10px 0px 0px 10px;}

.aboutusmain .right .zhengshu ul li strong{font-weight:normal; line-height:24px; display:block;margin-top:15px;}



.aboutusmain .right .partner h2{background:url(../image/ws.jpg) no-repeat 5px 5px;font-weight:normal;border-bottom:#e8e8e8 1px solid;text-align:left;height:36px;line-height:36px;padding-left:45px;}

.aboutusmain .right .partner h2 a{font-size:18px;color:#333;}

.aboutusmain .right .partner .hz1{padding:8px;}

.aboutusmain .right .partner .hz1 .hz_logo{width:175px;float:left; border:#4898E3 1px solid;padding:2px;}

.aboutusmain .right .partner .hz1 .hz_intro{width:480px;float:right;line-height:24px;}



.aboutusmain .right .partner .hz1 .info{

	font-size:15px;

	padding-bottom:15px;

	clear: both;

	width: 670px;

	margin-right: auto;

	margin-left: auto;

}

.aboutusmain .right .partner .idclogo {

	float: left;

	padding: 1px;

	border: 1px solid #A6CCF1;

	background-color: #FFF;

	display: inline;

	margin-top: 12px;

	margin-right: 15px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.aboutusmain .right .partner .info h1{ font-size:16px;font-weight:normal;color:#ff6600;}







/*彙款方式*/



.aboutusmain .right .intro h1{ font-size:20px; font-weight:500; color:#CC3300;  font-family:"黑體";}

.aboutusmain .right .intro h1 span{ font-size:20px; color:#666666; padding-left:10px;}









/*程序定制*/

.cxdzmain{width:985px;margin:0 auto;font-size:13px; line-height:24px;color:#666; text-indent:2em;}

.cxdzmain p{ padding-top:10px;}

.cxdzmain .fuwutitle{font-size:16px;color:#c00; height:35px;}



.cxdzlc{width:985px;margin:0 auto; height:70px; background:url(/images/bg42.png) no-repeat 0 10px;}

.cxdzlc ul li{width:165px; float:left;font-size:12px;color:#666; text-align:center; position:relative; padding-right:15px;}



.cxdzlc ul li.li01{background:url(/images/num01.png) no-repeat 50% 0; padding-top:30px;}

.cxdzlc ul li.li02{background:url(/images/num02.png) no-repeat 50% 0; padding-top:30px;}

.cxdzlc ul li.li03{background:url(/images/num03.png) no-repeat 50% 0; padding-top:30px;}

.cxdzlc ul li.li04{background:url(/images/num04.png) no-repeat 50% 0; padding-top:30px;}

.cxdzlc ul li.li05{background:url(/images/num05.png) no-repeat 50% 0; padding-top:30px;}



.fbjzxqbtn{width:18px; height:157px; background:url(/images/bg81.png) no-repeat; position:fixed;right:0px;top:150px; padding:10px 5px 0px 8px;font-size:18px;color:#fff; line-height:20px;}



/*網站制作*/

.wzzzmain{width:986px;margin:0 auto;}

.wzzzmain .left{width:300px; height:375px; background:url(/images/bg50.png) no-repeat 0 -17px}

.wzzzmain .left ul{ padding:40px 0px;}

.wzzzmain .left ul li{height:45px; line-height:41px; }

.wzzzmain .left ul li a{font-size:17px;color:#fff; display:block}

.wzzzmain .left ul li#li01 a{ background:url(/images/bg51.png) no-repeat 20px 3px; padding-left:60px;}

.wzzzmain .left ul li#li02 a{ background:url(/images/bg51.png) no-repeat 20px -43px; padding-left:60px;}

.wzzzmain .left ul li#li03 a{ background:url(/images/bg51.png) no-repeat 20px -86px; padding-left:60px;}

.wzzzmain .left ul li#li04 a{ background:url(/images/bg51.png) no-repeat 20px -129px; padding-left:60px;}

.wzzzmain .left ul li#li05 a{ background:url(/images/bg51.png) no-repeat 20px -174px; padding-left:60px;}

.wzzzmain .left ul li.curr{ background:url(/images/bg52.png) no-repeat -12px 1px}



.wzzzmain02{width:950px;margin:0 auto;margin-top:25px; height:60px; background:url(/images/bg54.png) no-repeat; padding:0px 51px; position:relative}

.wzzzmain02 .left{ float:left;}

.wzzzmain02 .right{ float:right;margin-top:13px;}



.wzzzmain002{width:950px;margin:0 auto;height:60px; padding:0px 50px; position:relative;background:url(/images/bg76.png) no-repeat;}

.wzzzmain002 .left{ float:left;font-size:25px;font-weight:normal;color:#fff;}

.wzzzmain002 .right{ float:right;margin-top:13px;}





.wzzzmain03{width:950px;margin:0 auto; padding:50px; height:220px;}

.wzzzmain03 .left{width:370px; float:left; text-align:center;}

.wzzzmain03 .right{ width:500px;float:right; line-height:22px;color:#999; padding-top:60px;font-size:13px;}

.wzzzmain03 .right h4{font-size:24px;font-weight:normal; height:40px;color:#333;}





.wzzzmain04{height:320px; background:url(/images/bg72.png) no-repeat 50% 0; padding-top:38px;}

.wzzzmain04 .left{ width:500px;float:left; line-height:22px;color:#999; padding-top:40px;font-size:13px;}

.wzzzmain04 .left h4{font-size:24px;font-weight:normal; height:40px;color:#333;}

.wzzzmain04 .right{width:370px; float:right; text-align:center;}



.wzzzmainbox{width:950px;margin:0 auto; padding:50px;}







.wzzzmain06{width:970px;margin:0 auto; padding:30px 40px 15px 40px;}

.wzzzmain06 .describe{width:420px; float:left; height:145px;margin-top:15px; padding:0px 10px;}

.wzzzmain06 .describe .descright{width:330px; float:right}

.wzzzmain06 .describe .descright h2{font-size:18px;font-weight:normal; height:37px; line-height:35px;color:#333;}

.wzzzmain06 .describe .descright p{color:#999; line-height:22px;font-size:13px;}

.wzzzmain06 .describe img{width:72px;margin-top:10px; float:left}

.wzzzmain06 .hrdot{ clear:both;width:100%; text-indent:-99999px; height:20px;border-top:1px dotted #ddd;}



.wzzzmain07{width:990px;margin:0 auto;margin-top:20px; padding:0px 30px 35px 30px; height:100px; position:relative;}

.wzzzmain07 ul li{ float:left;width:20%; text-align:center}

.wzzzmain07 ul li a{font-size:14px;}

.wzzzmain07 ul li img{ margin-bottom:4px;}

.wzzzmain07 .prev{width:32px; height:32px; position:absolute; background:url(/images/left02.png) no-repeat; text-indent:-999999px;top:35px;left:10px; z-index:19999}

.wzzzmain07 .prev:hover{background:url(/images/left002.png) no-repeat}

.wzzzmain07 .next{width:32px; height:32px; position:absolute; background:url(/images/right02.png) no-repeat; text-indent:-999999px;top:35px;right:5px; z-index:19999}

.wzzzmain07 .next:hover{background:url(/images/right002.png) no-repeat}

.wzzzmain08{background:#32aae2}

.wzzzmain08 .wzzzmain08box{width:990px;margin:0 auto; padding:50px 30px}

.wzzzmain08 .wzzzmain08box h4{font-size:25px;font-weight:normal;color:#fff;}

.wzzzmain08 .wzzzmain08box .info{ margin-top:15px; height:25px;font-size:13px;color:#fff}

.wzzzmain08 .wzzzmain08box .label{ display:block; line-height:35px;margin-top:10px;font-size:13px;}

.wzzzmain08 .wzzzmain08box .label .txt{width:230px; padding-left:9px; height:27px; background:url(/images/bg74.png) no-repeat;border:0px; margin-right:5px;}

.wzzzmain08 .wzzzmain08box span{color:#ff0}

.wzzzmain08 .wzzzmain08box .label span.title{color:#fff; float:left;width:120px; padding-right:5px; text-align:right;}

.wzzzmain08 .wzzzmain08box .label .txtw60{width:80px; padding-left:7px; height:26px; background:url(/images/bg74.png) no-repeat;border:0px; margin-right:5px;}

.wzzzmain08 .wzzzmain08box .label .txtw540{width:350px; padding-left:9px; height:65px; background:url(/images/bg75.png) no-repeat;border:0px; margin-right:5px;}

.wzzzmain08 .wzzzmain08box .submit{width:200px; height:35px; line-height:35px; margin-left:127px; background:#ff9736;margin-top:20px; text-align:center;font-size:18px;color:#fff; display:block}







/*商業授權*/



.tabbg{ background:url(/images/bg.jpg) repeat-x; padding-top:18px; line-height:24px; height:150px;}

.tabbg .djh{color:brown;font-weight:bold;}

.tabbg ul{width:1000px;margin:0 auto; height:65px; background:url(../image/tabbg.png) no-repeat 0 100%;}

.tabbg ul li{width:279px; float:left; position:relative; margin-right:-1px; height:64px; background:url(/images/tabbg02.png) no-repeat; line-height:65px; text-align:center;font-size:18px;}

.tabbg ul li.curr{background:url(/images/tabbg01.png) no-repeat; height:65px;}



.tabbg span{font-size:14px;}

.wrap{ background:#fff}

.shangyemain{width:1000px;margin:0 auto; background:#fff;margin-top:15px;}

.shangyemain thead{ height:35px; line-height:35px; background:#c7dff7;font-size:15px;font-weight:normal; text-align:center}

.shangyemain .theadbg{ height:38px; line-height:38px; background:#c7dff7;font-size:16px;font-weight:normal; text-align:left;padding-left:10px;}

.shangyemain .theadbg ul li{width:50%; float:left}

.shangyemain tr td{ line-height:22px; padding:8px 0px; text-align:center;font-size:13px;}

.shangyemain tr td.w11em{ text-align:right; padding-right:15px;width:183px}

.shangyemain tr td font{font-weight:bold;color:#f60;font-size:14px; font-family:Arial}



.tabbg02{ height:38px; line-height:38px; background:#c7dff7;font-size:16px;font-weight:normal; text-align:center}

.tabbg02 dl dt{ float:left;width:199px; float:left;border-right:1px solid #fff; cursor:pointer}

.tabbg02 dl dt.curr{background:#e6eef7}



#tabbox01{ padding:15px 2px; line-height:24px;}

#tabbox01 p{ padding-top:10px;font-size:13px; background:url(/images/bg83.png) no-repeat 0px 18px; padding-left:15px;}

#tabbox01 strong{font-size:16px;}



.sqxy{}

.sqxy h4{font-size:16px;margin-top:20px;}

.sqxy h2{height:28px;text-align:left; padding-left:15px;line-height:28px;font-size:14px;font-weight:bold;color:#069;}

.sqxy ul{padding:20px 0px;}

.sqxy li{ padding-top:10px;font-size:13px; background:url(/images/bg83.png) no-repeat 0px 15px; padding-left:15px;}

.sqxy dl{width:860px;padding:15px 15px 15px 35px;overflow:hidden;border:#F1F1F1 1px solid;height:260px; overflow:hidden;margin-top:10px}

.sqxy dl span{height:30px;line-height:30px;font-size:16px;font-weight:bold;color:#333;}

.sqxy dd{width:49%; float:left; line-height:28px;border-bottom:#CCC 1px dotted;}





/*授權查詢*/

.sqcxmain{ background:#FBFBFF; padding:20px;}

.sqcxmain h2{ background:url(/images/countdown.gif) no-repeat;font-size:22px;color:#000;margin-top:30px; height:40px; text-align:left; padding-left:50px;}

.sqcxmain .sqindex{margin:10px;}

.sqcxmain .sqindex h3{height:30px;line-height:30px;font-weight:normal;color:#069;}

.sqcxmain .sqindex #Panel1{width:360px;padding-left:150px;margin-top:10px; border:red 1px solid;}

.sqcxmain .sqindex #Panel1 .floatl{width:260px;float:left;}

.sqcxmain .sqindex #Panel1 .floatl #keyword{height:20px;line-height:20px;color:#999;}

.sqcxmain .sqindex #Panel1 .floatl span{font-size:14px;color:#666;font-family: 微軟雅黑, Arial, Verdana, Geneva, sans-serif;}

.sqcxmain .sqindex #Panel1 .floatr{width:88px;float:right;}

.sqcxmain .bz{margin:5px 30px;line-height:25px; font-size:15px;font-family: 微軟雅黑, Arial, Verdana, Geneva, sans-serif;}

.sqcxmain .bz ul{}

.sqcxmain .bz li{ line-height:25px; height:25px; background:url(/images/graydot.gif) no-repeat left 10px; padding-left:10px;}



.sqcxmain #Button1{background:url(/images/btn_2.png) no-repeat;height:29px;line-height:29px;width:88px;color:#fff;font-size:14px;font-weight:bold;border:0px;}







 /*文章正文分頁樣式*/

#pageNext{ padding:10px 12px 6px; clear:both;}

#pageNext .prev,#pageNext .next{width:64px; text-align:center;}

#pageNext a.curr{width:25px; background:#fff;color:#00659c; font-family:Arial, Helvetica, sans-serif; text-align:center;font-weight:bold;}

#pageNext a{text-decoration:none; font-size:14px;margin-left:5px;height:26px; text-align:center; line-height:26px; float:left;color:#666; background:#eee}

#pageNext a.num{width:25px;}

#pageNext a:hover{color:#00659c; text-decoration:none;}







.footer{background:#2e2d2d; padding:20px 0px}

.footer ul{width:1190px;margin:0 auto;color:#fff; font-size:12px;}

.footer ul a{color:#fff; }

.footer ul li{float:left; line-height:24px; overflow:hidden}

.footer ul li h4{height:50px; line-height:40px; display:block;font-size:16px;color:#fff;font-weight:normal}

.footer ul li span{ padding-right:20px}

.footer ul li a:hover{color:#e10000;}

.copyright{ padding:10px 0px 10px 0px; background:#2e2d2d; line-height:24px;}

.copyright .left{width:600px;float:left;color:#666;}

.copyright .left a{ color:#666;}

.copyright .right{float:right}

.copyright .right a{float:left;margin:13px 10px 0px 0px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.copyright .right img{

-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray;

}

.copyright .right a:hover{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.copyright .right a:hover img{

-webkit-filter: grayscale(0%); 

-moz-filter: grayscale(0%); 

-ms-filter: grayscale(0%); 

-o-filter: grayscale(0%); 

filter: grayscale(0%); 

filter: none; 

}



/*文章分頁樣式*/

#fenye{clear:both; margin:10px 20px 0 0;}

#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px;}

#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px;}

#fenye a.curr{width:22px;background:#fff; border:1px solid #ff0000; font-weight:bold; text-align:center;}

#fenye a{ padding: 5px 5px;border:1px solid #ddd;margin:0 5px;text-align:center;text-decoration:none;font:normal 14px/18px verdana;display: inline-block;color:#000;}

#fenye a:hover{border:#ff0000 1px solid;background:#fff;text-decoration:none;color:#ff0000}

#fenye a.num{width:22px;}

#fenye a:visited{color:#1f3a87;} 

#fenye span{line-height:30px; font-size:13px; height:30px;}











/*文章正文分頁樣式*/

#pageNext{ margin:10px;}

#pageNext .prev,#pageNext .next{text-align:center;}

#pageNext a.curr{background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold;}

#pageNext a{margin:5px 0px; color:#1E50A2;background:#fff; padding:3px 7px; border:1px solid #dcdddd;height:22px;line-height:22px}



/*網站地圖*/

.mapmain{width:965px;margin:0px auto;border:#eee 1px solid;}

.mapmain .tit{ background:#f1f1f1; height:30px; line-height:30px;padding-left:10px;}

.mapmain .tit h2{background:#fff; height:27px; line-height:27px; margin-top:2px; float:left;font-size:14px;font-weight:bold; color:#333; width:80px; text-align:center; border:#ddd 1px solid; border-bottom:none;}

.mapmain .tit span{margin-left:15px;font-size:14px; font-weight:normal; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif;}



.mapmain .mapbox{padding:20px;}

.mapmain .mapbox .maplist{border:1px solid #f1f1f1;margin-bottom:9px;padding:6px;}

.mapmain .mapbox .maplist .classname{background:#FAFAFA; border:#f1f1f1 1px solid; padding-left:4px;}

.mapmain .mapbox .maplist .classname a{font-weight:bold;font-size:16px;padding:0px 5px;}

.mapmain .mapbox .maplist .classname a:hover{ color:red; text-decoration:none;}



.mapmain .mapbox .maplist2{padding:3px;line-height:28px;}

.mapmain .mapbox .maplist2 span.classname2{line-height:30px;}

.mapmain .mapbox .maplist2 span.classname2 a{padding:0px 5px; color:#555; font-weight:bold;}

.mapmain .mapbox .maplist span a{ padding:0px 5px;}

.mapmain .mapbox .maplist span a:hover{color:#ff6600;text-decoration:none;}



/*现有產品內容頁樣式*/

#content{ width:1000px; margin:0 auto; margin-top:10px;}

#content #xinwen{ border:#E5E5E5 1px solid; padding:20px;}

#xw_title{text-align:center;}



#content #xinwen  #xw_title h2{ font-size:30px;font-weight:bold;margin-bottom:30px;font-family:"黑體";line-height:60px; width:90%; margin:0 auto;}

#content #xinwen  #xw_xinxi span{ color:#666666; margin-right:10px;}

#content #xinwen  #xw_xinxi span em{ color:#FF0000;}

#content #xinwen #xw_content{ padding:0 10px;}

#content #xinwen #xw_content p{ padding:0 10px; font-size:16px; line-height:30px;}



#content #xinwen #xw_content .foot{ float:right; margin-top:20px;}

#content #xinwen #xgxw{ border:#CCC 0px solid; margin-top:20px;}

#content #xinwen #xgxw .zg2{ float:right; margin-top:20px;}

#content #xinwen #xgxw .xgtitle{ font-size:18px; font-weight:bold; padding:10px 20px;}

#content #xinwen #xgxw ul{ margin-left:40px; }

#content #xinwen #xgxw ul li{list-style-type:disc; color:#03F; font-size:14px; padding-bottom:2px;}

#content #xinwen #wyhs{margin-top:40px; padding:10px; margin-bottom:10px;}

#content #xinwen #wyhs h2{ font-size:16px; font-family:"黑體"; margin-bottom:10px;}

#content #xinwen .control{ font-size:14px; line-height:24px;}



/*现有產品內容頁樣式*/

.aboutusmain .conment li .title{ border-bottom:0px #00a0e9 solid; font-weight: 400; color:#333; font-size:20px; background:#E1E1E1 url(/images/line1.jpg) no-repeat left 5px; line-height:50px; padding-left:10px; margin-top:20px;}

.aboutusmain .conment li .con{ color:#ff0000; font-size:14px; line-height:30px;margin-top:10px;}

.aboutusmain .conment li .con .c1{ color:#333333;font-size:14px; line-height:25px;border-bottom:0px #ccc dashed;}

.aboutusmain .conment li .con .t2{ float:right; width:172px; line-height:normal; text-align:center}

.aboutusmain .conment li .con .t2 img{ display:inline-block}

.aboutusmain .conment li .con .t2 span{ display:block; color:#666; padding-top:5px; font-size:16px}

.aboutusmain .conment li .con .t2 em{ font-size:16px; display:block; padding-top:25px;}

input.upfile{height:20px; line-height:20px; border:ccc 0px solid;}