@charset "utf-8";
/* CSS Document */
html,body{background-color:#fff;}
.wap_main{width:100%; height:2238px;  font-size:1em;}
.css_appcation_meau ul li{ width:100%; margin-top:10px; color:#6e706f; text-align:center; }
.appcation_active{ color:#2b9cbc !important; font-size:1.5em !important; background-image:url(../img/u36_.png); background-repeat:no-repeat; background-position:100%; margin-top:10px !important; padding:0px;}
.css_appcation_meau ul li:hover{color:#2b9cbc !important; font-size:1.5em !important; background-image:url(../img/u36_.png); background-repeat:no-repeat; background-position:100%; cursor:pointer; padding:0px; margin:0px;}
.css_appcation_icon span{ margin-right:8px; margin-bottom: 4px; display:inline-block;}
.css_appcation_icon span img{ margin-right:8px; width:40px;}

.product_content{ width:88%; margin:10px auto auto; }
.product_box{ width:12%; background-color:#e4f3fa; padding-top:18px; height:180px; padding-left:1%; padding-right:1%; float:left; text-align:center; }
.product_title{ font-size:1.3em; color:#383838; margin-top:8px; text-align:center;}
.product_intro_content{width:12%;  padding-top:10px; height:160px; padding-left:1%; padding-right:1%; float:left; text-align:center;}



.css_cooperation IMG { BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: top; BORDER-LEFT-WIDTH: 0px }
.css_cooperation .cms-home .main { PADDING-BOTTOM: 115px; PADDING-LEFT: 7px; PADDING-RIGHT: 6px; PADDING-TOP: 10px }
.css_cooperation .cms-home .std { DISPLAY: none }
.css_cooperation .cms-home .products-grid { POSITION: relative; BORDER-BOTTOM-STYLE: none }
.css_cooperation .cms-home .last.products-grid { BORDER-BOTTOM-WIDTH: 0px }
.css_cooperation .cms-home .products-grid LI.item { POSITION: relative; BORDER-BOTTOM-STYLE: none; TEXT-ALIGN: center; PADDING-BOTTOM: 0px !important; BORDER-RIGHT-STYLE: none; MARGIN: 0px; PADDING-LEFT: 0px !important; WIDTH: 170px; PADDING-RIGHT: 0px !important; BORDER-TOP-STYLE: none; FLOAT: left; height: 100px; BORDER-LEFT-STYLE: none; PADDING-TOP: 0px !important }
.css_cooperation .cms-home .products-grid LI.first { WIDTH: 170px }
.css_cooperation .cms-home .products-grid LI.last { BORDER-RIGHT-STYLE: none; WIDTH: 170px }
.css_cooperation .cms-home .product-image-block { POSITION: relative; MARGIN: 0px auto; WIDTH: 170px }
.css_cooperation .cms-home .products-grid .product-image { MARGIN: 0px auto 10px; WIDTH: 170px; DISPLAY: block; height: 100px }
.css_cooperation .cms-home .products-grid .product-name { POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 15px; MARGIN: 0px auto; PADDING-LEFT: 15px; WIDTH: 155px; BOTTOM: 0px; PADDING-RIGHT: 0px; DISPLAY: none; PADDING-TOP: 15px; LEFT: 0px }
.css_cooperation .cms-home .products-grid .product-name A { TEXT-DECORATION: none }
.css_cooperation .cms-home .products-grid .product-name A:hover { TEXT-DECORATION: underline }
.css_cooperation .cms-home .indent-col-main { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-LEFT: 22px; PADDING-RIGHT: 25px; PADDING-TOP: 21px; width: 680px; margin: 50px auto; }
.css_cooperation .cms-home .products-grid BUTTON.button { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: auto; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: visible; BORDER-LEFT-WIDTH: 0px; CURSOR: pointer; PADDING-TOP: 0px }
.css_cooperation .cms-home .products-grid BUTTON.button SPAN { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: 11px/16px Arial, Helvetica, sans-serif; WHITE-SPACE: nowrap; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; HEIGHT: 16px; COLOR: #020202; PADDING-TOP: 0px }
.css_cooperation .cms-home .products-grid BUTTON.button SPAN SPAN { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 0px }
.css_cooperation .std .subtitle { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px }
.css_cooperation .std OL.ol { LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: decimal; PADDING-LEFT: 1.5em }
.css_cooperation .std UL.disc { LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: disc; MARGIN: 0px 0px 10px; PADDING-LEFT: 18px }
.css_cooperation .std DL DT { FONT-WEIGHT: bold }
.css_cooperation .std DL DD { MARGIN: 0px 0px 10px }
.css_cooperation .block-slider { position: relative; PADDING-BOTTOM: 0px; margin:0 auto; PADDING-LEFT: 0px; width: 80%; PADDING-RIGHT: 0px; OVERFLOW: hidden; PADDING-TOP: 0px }
.css_cooperation .block-slider .box-top { POSITION: relative; MARGIN: 0px 35px 0px 0px; WIDTH: 700px; FLOAT: left; HEIGHT: 483px; COLOR: #616161; FONT-SIZE: 1.2em; OVERFLOW: hidden; LEFT: 9px }
.css_cooperation .block-slider UL { PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 257px; OVERFLOW: hidden; PADDING-TOP: 0px }
.css_cooperation .block-slider UL LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 170px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; height: 100px; PADDING-TOP: 0px }
.css_cooperation .block-slider UL LI A { DISPLAY: block; TEXT-DECORATION: none }
.css_cooperation .block-slider UL LI A:hover { TEXT-DECORATION: none }
.css_cooperation .products-grid {  POSITION: relative }
.css_cooperation .last.products-grid { BORDER-BOTTOM-WIDTH: 0px }
.css_cooperation .products-grid LI.item { TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 80px; WIDTH: 195px; PADDING-RIGHT: 80px; FLOAT: left; PADDING-TOP: 12px }
.css_cooperation .products-grid LI.first { WIDTH: 182px }
.css_cooperation .products-grid LI.last { BORDER-RIGHT-STYLE: none; WIDTH: 180px }
.css_cooperation .product-image-block { POSITION: relative; MARGIN: 0px auto; WIDTH: 170px }
.css_cooperation .products-grid .product-image { MARGIN: 0px auto 10px; WIDTH: 170px; DISPLAY: block; height: 100px }
.css_cooperation .products-grid .product-name { POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 15px; MARGIN: 0px auto; PADDING-LEFT: 15px; WIDTH: 155px; BOTTOM: 0px; PADDING-RIGHT: 0px;  PADDING-TOP: 15px; LEFT: 0px }
.css_cooperation .products-grid:after { LINE-HEIGHT: 0; DISPLAY: block; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; OVERFLOW: hidden; CONTENT: "." }

.css_cooperation #left_but {  MARGIN-top: 22px; WIDTH: 16px; BACKGROUND: url(../img/prev.gif) no-repeat left bottom; HEIGHT: 29px;  CURSOR: pointer; float:left; }
.css_cooperation .over#left_but { background:url(../img/prev_hover.gif) no-repeat left top }
.css_cooperation #right_but {  MARGIN-top: 22px; WIDTH: 16px; BACKGROUND: url(../img/next.gif) no-repeat left bottom; HEIGHT: 29px;  CURSOR: pointer; float:left;}
.css_cooperation .over#right_but { BACKGROUND: url(../img/next_hover.gif) no-repeat left top }

.css_yuyin{transition:width 5s;
-moz-transition:width 5s; /* Firefox 4 */
-webkit-transition:width 5s; /* Safari and Chrome */
-o-transition:width 5s; /* Opera */}
.css_yuyin:hover{transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
-o-transform:rotate(90deg); /* Opera */}

.product_box:hover{ background-color:#FFF; color:#00C;}


/*新版的样式*/
/*应用场景*/
.appcation_title_new{ width:100%; font-size:2.2em; text-align:center; color:#383838; margin-top:72px; margin-bottom:45px;  font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
.appcation_meau{ width:90%; margin: 0 auto; text-align:center; }
.appcation_meau_text{ width:16%; height:135px; line-height:54px; text-align:center; font-size:1.5em; font-family: Microsoft YaHei,'宋体' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; color:#282828; float:left;}

.appcation_intro_text{ width:75%; height:100%; margin:0 auto; }
.appcation_meau_text_active{ border-radius:5px; padding:10px; margin:0px;}
.product_bule_div img{width:70%;}

.apacation_icon:hover{
transform:rotateY(200deg);
-webkit-transform:rotateY(200deg); /* Safari and Chrome */
-moz-transform:rotateY(200deg); /* Firefox */
}

/*产品服务*/
.product_xuna{ width:100%; text-align: center; font-size:1.3em;  margin-bottom:15px; margin-top:25px;}