#lan{width:100%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; }
#lanc{width:100%; background:#f8f8f8; margin:0 auto; display:block; height:auto;position: relative; }
#banner { margin-top: 0px; height: 320px }
#banner div { height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; position: fixed; height: 320px; width: 100%; }

#daohang { position: relative; padding: 11px 0px; height: 24px; background-color: #f6f6f6; border-bottom:0px dashed #f0f0f0; width: 100%;font-family:"Microsoft Yahei"; }
#daohang p { height: 24px; color: #9e9e9e; text-align: left; line-height: 24px; max-width:90%; margin:0 auto;}
#daohang p  span{ padding-right:5px; color:#333; }
#daohang p  a{ margin-right:10px;color:#555;}
#daohang p  a:hover{ margin-right:10px;color:#000;}
#daohang p a:after {content:'>';font-size:13px;color:#555; padding-left:5px;font-family:"Microsoft Yahei";width:20px;height:26px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;position:relative;left:0;text-indent:20px}
#daohang p a:last-of-type:after { width: 0; height: 0;content:'' }


/* ��� */
.tableother{ border:1px solid #eeeeee; border-collapse:collapse; background:#fff; width:100%; clear:both;}
.tableother caption{ padding-bottom:5px; text-align:left;} 
.tableother th{ border:1px solid #ccc; background-color:#eee; font-weight:700;  padding:5px 15px; }
.tableother td{ border:1px solid #eeeeee; padding:5px 15px;}
.tableother tr.altrow{ background-color:#ccc;}
.tableother tbody tr.odd{background:#f9f9f9;}
.tableother tbody tr:hover{background:#ddd;}

.datalist{ border:1px solid #eeeeee; border-collapse:collapse; background:#fff; width:100%; clear:both;}
.datalist caption{ padding-bottom:5px; text-align:left;} 
.datalist th{ border:1px solid #eeeeee;border-bottom:0px solid #000; background-color:#eee; font-weight:700;  padding:0px; }
.datalist td{ border-bottom:1px dotted #e8e8e8; padding:15px 15px; font-size:14px; color:#777;}
.datalist td span{color:#bfbfbf;}
.datalist td span.g{color:#007eff; padding-right:14px; padding-left:8px;}
.datalist td span.x{color:#ff0000; padding-right:14px; padding-left:8px;}
.datalist tr.altrow{ background-color:#ccc;}
.datalist tbody tr.odd{background:#fff;}
.datalist tbody tr:hover{background:#f8f8f8;}
.datalist tbody tr:hover td{color:#333;}
.datalist tbody tr:hover span{color:#777;}
.datalist tbody tr:hover span.g{color:#007eff;}
.datalist tbody tr:hover span.x{color:#ff0000;}






/*service index*/
.service_index{width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px; }
.service_index .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}
#service_list { width:82%; min-width: 1160px;margin: 0 auto; }
#service_list .txt { margin: 20px 0 50px; text-align: left; font-size:14px; color:#777; line-height:35px;}
#service_list .txt  span{color:#3fc1ff; }
#service_list .txt  b{ font-weight:bold;}
#service_list .webtitle{position: relative; margin-top:-30px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
#service_list .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}


.ser_list{width:100%;}
.ser_list ul{border-top:1px solid #f52b41;}
.ser_list li{width:33.3%; display:block;float:left;position:relative;overflow:hidden; border-right:1px solid #f52b41;}
.ser_web{width:100%;height:100%;display:table;vertical-align:middle;}
.web_box{display:table-cell;vertical-align:middle;padding:16% 7%;border-left:1px solid #f52b41;border-bottom:1px solid #f52b41;}

/*.ser_initial .initial_box:nth-of-type(1n), .ser_initial .initial_box:nth-of-type(2n) { border-right: none;}*/
/*.initial_box:first-child,.initial_box:nth-child(4),.initial_box:nth-child(5){border-top:none;border-right:none;}*/
.ser_list li:nth-child(1),.ser_list li:nth-child(2),.ser_list li:nth-child(4),.ser_list li:nth-child(5){border-right:none;}


.ser_list li span{font-size:28px;color:#000;text-transform:uppercase;}
.ser_list li span em{display:block;font-family: heliosextthinregular,Arial,Helvetica,sans-serif;font-weight:700;color:#cd1716;font-size:22px}
.ser_list li  img{display:block;float:right;width:36%;max-width:90px;position:relative;right:20px;-webkit-transition:all .8s ease-in-out .3s;-moz-transition:all .8s ease-in-out .3s;-ms-transition:all .8s ease-in-out .3s;-o-transition:all .8s ease-in-out .3s;transition:all .8s ease-in-out .3s}

.ser_info{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:#da1126;color:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition: all ease-out .1s;}
.info_box{padding:0 7%;height:100%;display:table;vertical-align:middle}
.info_area{display:table-cell;vertical-align:middle;font-size:14px;line-height:24px}
.ser_info h2{font-weight:400;font-size:34px;line-height:normal;margin-bottom:20px}
.ser_list li:hover .ser_info{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.ser_list li:hover .ser_info a{ color:#fff;}

.server-pic{ width:100%; height:335px; margin-top:70px; background:url(../images/service-pic.jpg) top center no-repeat; display:block;}
.server-pic em{ display:none;}
/*website*/
.website{width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px; }
.website .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

.website  li { list-style: none }
.website .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}
.website .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}
.website .txt  span{color:#3fc1ff; }
/**/
#weblist { width:82%; min-width: 1160px;margin: 0 auto; }
#weblist .title123{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}
#weblist .txt { margin: 20px 0 50px; text-align: left; font-size:14px; color:#777; line-height:35px;}
#weblist .txt  span{color:#3fc1ff; }
#weblist .txt  b{ font-weight:bold;}

#weblist .webtitle{position: relative; margin-top:-30px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
#weblist .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}

#weblist ul {margin-right: -50px}
#weblist li { height:180px; width:45%; transition: all 0.6s ease 0s;float: left;margin-bottom: 30px;margin-right: 50px;}
#weblist li:hover{background-color: white; box-shadow:0px 4px 30px rgba(0, 0, 0, 0.16);}
#weblist li div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; }
#weblist li:hover div p.title::after { background-color: #DADADA; width:98px;}
#weblist li:hover .title{text-align:left;color: #3fc1ff; text-indent:1em;}
#weblist li div { text-align: left;float: right;width:60%; margin-top:8px; margin-right:40px;}
#weblist li div p.title {color: #595959;font-size: 16px;height: 40px;line-height: 40px;transition: all ease-out .2s; text-align:left; margin-top:-20px;}
#weblist li div p.description {color: #848484;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%;margin-top:8px;}
#weblist li .web_img{ width: 160px; float: left;}
#weblist li a img{margin-top: 30px;margin-left:40px;width:auto; max-height: 120px;}
#weblist li a .web_img::after{display: none;}


/**/
#webys { width:82%; min-width: 1160px;margin: 0 auto; border-top:1px dashed #ccc; padding-bottom:0px; }
#webys .webystitle{position: relative; margin-top:50px; margin-bottom:46px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
#webys .webystitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}
#webys ul {margin-right: -50px}
#webys li { height:180px; width:45%; transition: all 0.6s ease 0s;float: left;margin-bottom: 0px;margin-right: 50px; border:1px solid #f0f0f0; }
#webys li:hover{background-color: white; border:1px solid #3fc1ff; }
#webys li div p.title::after { content: ""; display: block; background-color: #DADADA; width:20px; height: 1px; position: absolute;font-size: 12px; transition: all 0.6s ease 0s; }
#webys li:hover div p.title::after { background-color: #3fc1ff; width:60%;}
#webys li:hover .title{text-align:left;color: #3fc1ff;text-indent:0em;}
#webys li div { text-align: left;float: right;width:60%; margin-top:8px; margin-right:40px;}
#webys li div p.title {color: #333;font-size: 16px;height: 40px;line-height: 40px;transition: all ease-out .2s; text-align:left; margin-top:-20px;}
#webys li div p.description {color: #848484;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%;margin-top:8px;}
#webys li .web_img{ width: 160px; float: left;}
#webys li a img{margin-top: 30px;margin-left:40px;width:auto; max-height: 120px;}
#webys li a .web_img::after{display: none;}





.webtc{ width:82%; min-width: 1160px;margin:20px auto;}
.webtc li{ width:47%; float:left; margin-right:3%;}

.webtc li img{ width:100%;}











/*web liucheng*/

.weblc{ max-width:76%; margin:0 auto; padding:80px 0 80px 0;}

.weblc .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:0px 0 30px 0;	}
.weblc .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}



.canlist{width:20%;float:left}.canlist:nth-child(4) .circle-icon{margin-right:30px}.txa_c{text-align:center}.circle-icon{display:inline-block;font-size:48px;text-align:center;width:92px;height:92px;line-height:92px;border-radius:46px;border:solid 1px #cecece;transition:border,box-shadow 0.2s ease;-webkit-transition:border,box-shadow 0.2s ease;-moz-transition:border,box-shadow 0.2s ease}.circle-icon div{width:100%;height:100%;background-position:center center;background-repeat:no-repeat}
.txa_c{text-align:center}.trdcon{display:inline-block}.trd-title{line-height:48px;font-size:23px;color:#333333;text-align:left}.trd-detal{font-size:12px;line-height:24px;color:#666;text-align:left}
.welist{width:20%;padding:0 0%}
.weico1{background-image:url(../images/weico1.png)}.weico2{background-image:url(../images/weico2.png)}
.weico3{background-image:url(../images/weico3.png)}.weico4{background-image:url(../images/weico4.png)}
.weico5{background-image:url(../images/weico5.png)}
.welist:hover .circle-icon .weico1{background-image:url(../images/weico1cur.png);}
.welist:hover .circle-icon .weico2{background-image:url(../images/weico2cur.png);}
.welist:hover .circle-icon .weico3{background-image:url(../images/weico3cur.png);}
.welist:hover .circle-icon .weico4{background-image:url(../images/weico4cur.png);}
.welist:hover .circle-icon .weico5{background-image:url(../images/weico5cur.png);}
.weicodiv{text-align:center}.weicodiv .trd-title{text-align:center}
.weicodiv .trd-detal{text-align:center}weblc .welist:nth-child(4) .circle-icon{margin-right:30px}
.circle-icon{display:inline-block;font-size:48px;text-align:center;width:92px;height:92px;line-height:92px;border-radius:46px;border:solid 1px #cecece;transition:border,box-shadow 0.2s ease;-webkit-transition:border,box-shadow 0.2s ease;-moz-transition:border,box-shadow 0.2s ease}
.canlist:hover .circle-icon{border-color:#3fc1ff;box-shadow:inset 0 0 0 50px #3fc1ff;-webkit-box-shadow:inset 0 0 0 50px #3fc1ff}




/*mobile*/
.mobile{width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px; }
.mobile .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

.mobile  li { list-style: none }


#mobilelist { width:82%; min-width: 1160px;margin: 0 auto; }
#mobilelist .txt { margin: 20px 0 50px; text-align: left; font-size:14px; color:#777; line-height:35px;}
#mobilelist .txt  span{color:#3fc1ff; }
#mobilelist .txt  b{ font-weight:bold;}

#mobilelist .webtitle{position: relative; margin-top:-30px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
#mobilelist .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}

#mobilelist .mimg{ width:45%; float:left; }

#mobilelist .why{ width:50%; float:left; font-size:20px; margin-bottom:30px;}
#mobilelist .why span{ display:block; font-size:14px; color:#FFF;  line-height:24px; padding:15px;text-indent:2em; background:#505050;}

#mobilelist li { height:100px; width:50%; transition: all 0.6s ease 0s;float: left;margin-bottom: 10px;margin-right: 0px; border-bottom:1px dashed #f0f0f0; }
#mobilelist li:hover{border-bottom:1px dashed #999; }
#mobilelist li:hover .title{text-align:left;color: #000;text-indent:1em;}
#mobilelist li div { text-align: left;float: right;width:85%; margin-top:0px; margin-right:0px;}
#mobilelist li div p.title {color: #333;font-size: 16px;height: 40px;line-height: 40px;transition: all ease-out .2s; text-align:left;}
#mobilelist li div p.description {color: #848484;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%;margin-top:0px;}
#mobilelist li .web_img{ width: 10%; float: left;}
#mobilelist li a img{margin-top: 5px;margin-left:0px;width:auto; max-height: 80px;}
#mobilelist li a .web_img::after{display: none;}


.mobilegn{ width:90%; min-width: 1160px; margin:0 auto; padding:60px 0 40px 0;}
.mobilegn .titlen{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:0px 0 30px 0; margin-bottom:40px; border-bottom:1px dashed #ddd;	}
.mobilegn .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}
.mobile ul .mimgleft{ width:50%; float:left;}
.mobilegn ul{width:82%;min-width: 1160px; margin:0 auto; }

.mobilegn li { height:100px; width:30%; transition: all 0.6s ease 0s;float: left;margin-bottom: 30px;margin-right: 3%;margin-left: 0%; }

.mobilegn li:hover .title{text-align:left;color: #000;text-indent:1em;}
.mobilegn li div { text-align: left;float: right;width:80%; margin-top:0px; margin-right:0px;}
.mobilegn li div p.title {color: #333;font-size: 18px;height: 40px;line-height: 40px;transition: all ease-out .2s; text-align:left;}
.mobilegn li div p.description {color: #888;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%;margin-top:0px;}
.mobilegn li .web_img{ width: 15%; float: left;}
.mobilegn li  img{margin-top: 20px;margin-left:0px;width:auto; max-height: 59px;}


.mobilegleft{ width:90%; min-width: 1160px; margin:0 auto; padding:60px 0 40px 0;}
.mobilegleft .titlen{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:0px 0 30px 0; margin-bottom:40px; border-bottom:1px dashed #ddd;	}
.mobilegleft .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}
.mobilegleft .mimgleft{ width:30%; float:left; margin-right:3%; max-height:230px; overflow:hidden;}
.mobilegleft .mimgleft img{ width:100%; }
.mobilegleft ul{width:82%;min-width: 1160px; margin:0 auto; }

.mobilegleft li { height:100px; width:30%; transition: all 0.6s ease 0s;float: left;margin-bottom: 30px;margin-right: 3%;margin-left: 0%; }

.mobilegleft li:hover .title{text-align:left;color: #000;text-indent:1em;}
.mobilegleft li div { text-align: left;float: right;width:80%; margin-top:0px; margin-right:0px;}
.mobilegleft li div p.title {color: #333;font-size: 18px;height: 40px;line-height: 40px;transition: all ease-out .2s; text-align:left;}
.mobilegleft li div p.description {color: #888;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%;margin-top:0px;}
.mobilegleft li .web_img{ width: 15%; float: left;}
.mobilegleft li  img{margin-top: 20px;margin-left:0px;width:auto; max-height: 59px;}




.mobilegright{ width:90%; min-width: 1160px; margin:0 auto; padding:60px 0 40px 0;}
.mobilegright .titlen{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:0px 0 30px 0; margin-bottom:40px; border-bottom:1px dashed #ddd;	}
.mobilegright .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}
.mobilegright .mimgright{ width:30%; float:right;max-height:230px; overflow:hidden;}
.mobilegright .mimgright img{ width:100%; }
.mobilegright ul{width:82%;min-width: 1160px; margin:0 auto; }

.mobilegright li { height:100px; width:30%; transition: all 0.6s ease 0s;float: left;margin-bottom: 30px;margin-right: 3%;margin-left: 0%; }

.mobilegright li:hover .title{text-align:left;color: #000;text-indent:1em;}
.mobilegright li div { text-align: left;float: right;width:80%; margin-top:0px; margin-right:0px;}
.mobilegright li div p.title {color: #333;font-size: 18px;height: 40px;line-height: 40px;transition: all ease-out .2s; text-align:left;}
.mobilegright li div p.description {color: #888;font-size: 13px;line-height: 24px;height: 50px;overflow: hidden;width: 100%;margin-top:0px;}
.mobilegright li .web_img{ width: 15%; float: left;}
.mobilegright li  img{margin-top: 20px;margin-left:0px;width:auto; max-height: 59px;}





/*kaifa*/
#webkf { width:82%; min-width: 1160px;margin: 0 auto; }

#webkf .webtitle{position: relative; margin-top:-30px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
#webkf .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}

#webkf li{ max-width:100%; margin:0 auto;}
#webkf li img{ width:100%; }







/*weixin*/
.weixin{width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; margin-bottom:80px; }
.weixin .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

#wxlist { width:82%; min-width: 1160px;margin: 0 auto; }
#wxlist .webtitle{position: relative; margin-top:-30px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
#wxlist .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}

#wxweb{height:100%;width:100%; margin:50px 0 120px 0;}
#wxweb li{width:25%;height:510px; float:left;}
#wxweb li a{height:100%;display:block;text-align:center;position:relative}


#wxweb li .wximg{width:62.5%;height:100%;background-position:center;background-size:cover}
#wxweb li .info,#wxweb li .wximg{bottom:0;left:0;position:absolute;right:0;top:0}
#wxweb li .info { background-color: transparent; width: 100%; }
#wxweb li.left .info {position: absolute;height: 100%;min-height: 255px;}
#wxweb li.left a, #wxweb li.right a{ padding: 0; text-align: left }

#wxweb li .infobody { display: block; vertical-align: auto; width:calc(100% - 70px); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding:0 35px;padding-top:30px;}
#wxweb li.right .infobody { position:relative; top:300px;}
#wxweb li .title { font-size: 16px; color: #333; display: inline-block; line-height: 30px; width: 100%; overflow: hidden; height: 40px; text-overflow: ellipsis; white-space: nowrap; float: left; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#wxweb li p.description {width:100%; text-align:left; color:#888;font-size:14px; line-height: 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left:0;margin-top:10px; }

#wxweb #inleft .infobody { padding-left:0px;width: calc( 100% - 50px);position: absolute; color: #c8c8c8;}
#wxweb li .wximg { width:100%;height:auto;min-height:255px; position:relative;  overflow:hidden; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; overflow:hidden;background-size: auto;}
#wxweb li:hover .wximg {background-size:transform: scale(0.96, 0.96);-moz-transform:scale(0.96, 0.96);-webkit-transform:scale(0.96, 0.96);-o-transform:scale(0.96, 0.96); }
#wxweb li.left .wximg { position:absolute;margin-top: 255px;}
#wxweb li .wximg::before { content:''; position:absolute; width:calc(100% - 14px);height:calc(100% - 14px); top:0px; left:0px; border:1px solid rgba(255,255,255,.0);-webkit-animation-duration: 0.4s;-moz-animation-duration: 0.4s;-ms-animation-duration: 0.4s;-o-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top:6px; left:6px;}
#wxweb li:hover .wximg::before {border:1px solid rgba(255,255,255,1); animation-name: zoomIn; top:6px; left:6px;}
#wxweb li.left a:hover .title, #wxweb li.right a:hover .title { color:#000; }
#wxweb li a:hover .info { background-color: transparent; width: 100%; }
#wxweb li.left a:hover, #wxweb li.right a:hover { padding:0; }
#wxweb li:hover p.description { margin-left:10px; }
#wxweb li:hover .infobody p.title { margin-left:10px; }



/*weixinweb*/

#wxlist .list{ overflow:hidden; position:relative; margin-bottom:120px;}
#wxlist .list .ul{ width:105%;}
#wxlist .list .ul li{ float:left; margin:30px 4% 0 0; width:120px; height:36px; text-align:center; padding-top:84px; text-align:center; position:relative; background:url(../images/weixin_icon.png) no-repeat left top; cursor:pointer; color:#4d9cd7;}
#wxlist .list .ul li:hover{ color:#fff;}

#wxlist .list .ul li i{ border-width:10px 7px 0; border-style:solid dashed dashed dashed; border-color:#91d637 transparent transparent transparent; position:absolute; left:50%; bottom:-9px; margin-left:-6px; width:0; height:0; display:none;}

#wxlist .list .ul .li i{ display:block;}

#wxlist .list .ul .li2 i{ border-color:#ef972c transparent transparent transparent;}
#wxlist .list .ul .li3 i{ border-color:#4dd2d7 transparent transparent transparent;}
#wxlist .list .ul .li4 i{ border-color:#d7644d transparent transparent transparent;}
#wxlist .list .ul .li5 i{ border-color:#da62c1 transparent transparent transparent;}
#wxlist .list .ul .li6 i{ border-color:#4d9cd7 transparent transparent transparent;}
#wxlist .list .ul .li7 i{ border-color:#4d9cd7 transparent transparent transparent;}
#wxlist .list .ul .li8 i{ border-color:#4d9cd7 transparent transparent transparent;}

#wxlist .list .ul .li9 i{ border-color:transparent transparent #d95ec0 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li10 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li11 i{ border-color:transparent transparent #bfcf3e transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li12 i{ border-color:transparent transparent #21ad63 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li13 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li14 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li15 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}
#wxlist .list .ul .li16 i{ border-color:transparent transparent #4d9cd7 transparent; border-width:0 7px 10px; border-style:dashed dashed solid; bottom:120px;}


#wxlist .list .ul .li2{ background-position:-120px top; color:#4d9cd7;}
#wxlist .list .ul .li3{ background-position:-240px top; color:#4d9cd7;}
#wxlist .list .ul .li4{ background-position:-360px top; color:#4d9cd7;}
#wxlist .list .ul .li5{ background-position:-480px top; color:#4d9cd7;}
#wxlist .list .ul .li6{ background-position:-600px top; color:#4d9cd7;}
#wxlist .list .ul .li7{ background-position:-720px top; color:#4d9cd7;}
#wxlist .list .ul .li8{ background-position:-840px top; color:#4d9cd7;}
#wxlist .list .ul .li9{ background-position:-960px top; color:#4d9cd7;}
#wxlist .list .ul .li10{ background-position:-1080px top; color:#4d9cd7;}
#wxlist .list .ul .li11{ background-position:-1200px top; color:#4d9cd7;}
#wxlist .list .ul .li12{ background-position:-1320px top; color:#4d9cd7;}
#wxlist .list .ul .li13{ background-position:-1440px top; color:#4d9cd7;}
#wxlist .list .ul .li14{ background-position:-1560px top; color:#4d9cd7;}
#wxlist .list .ul .li15{ background-position:-1680px top; color:#4d9cd7;}
#wxlist .list .ul .li16{ background-position:-1800px top; color:#4d9cd7;}

#wxlist .list .ul .li1:hover{ background-position:left bottom;}
#wxlist .list .ul .li2:hover{ background-position:-120px bottom;}
#wxlist .list .ul .li3:hover{ background-position:-240px bottom;}
#wxlist .list .ul .li4:hover{ background-position:-360px bottom;}
#wxlist .list .ul .li5:hover{ background-position:-480px bottom;}
#wxlist .list .ul .li6:hover{ background-position:-600px bottom;}
#wxlist .list .ul .li7:hover{ background-position:-720px bottom;}
#wxlist .list .ul .li8:hover{ background-position:-840px bottom;}
#wxlist .list .ul .li9:hover{ background-position:-960px bottom;}
#wxlist .list .ul .li10:hover{ background-position:-1080px bottom;}
#wxlist .list .ul .li11:hover{ background-position:-1200px bottom;}
#wxlist .list .ul .li12:hover{ background-position:-1320px bottom;}
#wxlist .list .ul .li13:hover{ background-position:-1440px bottom;}
#wxlist .list .ul .li14:hover{ background-position:-1560px bottom;}
#wxlist .list .ul .li15:hover{ background-position:-1680px bottom;}
#wxlist .list .ul .li16:hover{ background-position:-1800px bottom;}



/*weixin xiaochengxu*/
/*server*/
.wxgaisu{ max-width:100%; margin:0 auto; background:#FFF; padding-top:50px;}
.wxgaisu li{margin-bottom:5px;}
.wxgaisu li img { border: none;float: none; width: 100%  }
.wxgaisu li{text-align:center;padding-bottom:0px;transition:all .3s ease-out 0s;margin-bottom:0px}
.wxgaisu li{width:24%;height:auto;float:left;margin-right:1%;margin-bottom:1%;position:relative; border-bottom:1px dotted #ddd;}
.wxgaisu li:after{content:'';position:absolute;bottom:0;width:0;height:1px;background:rgba(255,255,255,.15);left:50%;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.wxgaisu .title{color:#464646; font-size:16px; line-height:30px;}
.wxgaisu .item_des{color:#999;font-size:13px;display:block;line-height:26px;padding:0 8%;text-align:center;height:100px; overflow:hidden;}
.wxgaisu li:hover .item_des{color:#666}
.wxgaisu li{text-align:center;padding-bottom:15px;transition:all .3s ease-out 0s;margin-bottom:25px}
.wxgaisu li:hover{margin-top:-10px;margin-bottom:35px;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.wxgaisu li:hover:after{width:100%;left:0}
.wxgaisu li:hover::after ,.team .text_wrap::after{ background-color:#666;}
.wxgaisu li:hover .title{color:#000}
.wxgaisu .item_info{padding:36px 8% 26px;position:relative; }
.wxgaisu .item_info:before{content:'';position:absolute;bottom:12px;left:50%;width:30px;height:1px;background:#999;margin-left:-15px}
.wxgaisu a.details{display:inline-block;color:transparent;margin-top:0;margin-left:20px;opacity:0}





.wxliuliang{height: auto;overflow: hidden;background: #F8F8F8;padding-bottom: 72px; width:100%; }
.wxliuliang .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}
.wxliuliang .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}

.wxliuliang ul{max-width:74%; margin:0 auto;}
.wxliuliang ul li{float:left;/*margin-right: 140px;*/margin-top: 32px; width:20%;}
.wxliuliang ul li img{ width:100px; height:100px;clear: both; display: block; margin:auto; }
.wxliuliang ul li:last-child,.wxliuliang ul li:last-child{margin-right: 0;}
.wxliuliang ul li em{font-size:24px;display: block;text-align: center;margin-top: 27px;}
.wxliuliang ul li p{font-size:12px;text-align: center;margin-top: 15px;color:#878787;line-height: 20px;}


.wxtuig{height: auto;overflow: hidden;background: #FFF;padding-bottom: 72px; width:100%;  border-bottom:1px dashed #ccc;}
.wxtuig .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}
.wxtuig .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}

.wxtuig ul{max-width:74%; margin:0 auto;}
.wxtuig ul li{float:left;/*margin-right: 140px;*/margin-top: 32px; width:20%;}
.wxtuig ul li img{ width:122px; height:94px;clear: both; display: block; margin:auto; }
.wxtuig ul li:last-child,.wxliuliang ul li:last-child{margin-right: 0;}
.wxtuig ul li em{font-size:24px;display: block;text-align: center;margin-top: 27px;}
.wxtuig ul li p{font-size:12px;text-align: center;margin-top: 15px;color:#878787;line-height: 20px;}

.wxgongn{height: auto;overflow: hidden;background: #FFF;padding-bottom: 72px; width:100%;  border-bottom:1px dashed #ccc;}
.wxgongn .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}
.wxgongn .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}

.wxgongn ul{max-width:74%; margin:0 auto;}
.wxgongn ul li{float:left;/*margin-right: 140px;*/margin-top: 32px; width:20%;}
.wxgongn ul li img{ width:94px; height:100px;clear: both; display: block; margin:auto; }
.wxgongn ul li:last-child,.wxliuliang ul li:last-child{margin-right: 0;}
.wxgongn ul li em{font-size:24px;display: block;text-align: center;margin-top: 27px;}
.wxgongn ul li p{font-size:12px;text-align: center;margin-top: 15px;color:#878787;line-height: 20px;}




.wxliucheng{height: auto;overflow: hidden;background: #FFF;padding-bottom: 72px; width:100%; }
.wxliucheng .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}
.wxliucheng .txt { margin: 20px 0 50px; text-align: center; font-size:14px; color:#777; line-height:35px;}

.wxliucheng .imglc{height: 150px;background: url(../images/wxliucheng.png) center top no-repeat;margin-top: 64px;padding-top: 296px;}












/*yingxiao*/
.yingxiao{width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px; }
.yingxiao .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

.yxlist { width:82%; min-width: 1160px;margin: 0 auto; }
.yxlist .yxtitle{position: relative; margin-top:-10px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;;}
.yxlist .yxtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}


/*one stare*/
strong { font-weight:bold;}.cl:after{ content:".";display:block;height:0;clear:both;visibility:hidden;}.cl{ zoom:1;}.pt20{ padding-top:20px;}a, button { cursor:pointer}

.important{ padding:20px 0 0px 0;border-top:1px dashed #e0e0e0; border-bottom:1px solid #dee1e1;}
.important ul{ width:102%; margin-left:60px;}
.important li{ float:left;margin-right:2.1%; width:9%; }

.important li a{  display:block; padding:0px;border-radius:15px; padding:25%;border:1px dotted #696969; background:#fff;}

.important li:hover a{ border:1px dotted #02beec; background:#fff;}
.important li span{ width:60px; height:60px; display:block;}
.important .rcsp_1 span{ background:url("/images/qitayingxiao/app_news.png") no-repeat bottom center;}
.important .rcsp_2 span{ background:url("/images/qitayingxiao/icon2.png") no-repeat bottom center;}
.important .rcsp_3 span{ background:url("/images/qitayingxiao/icon3.png") no-repeat bottom center;}
.important .rcsp_4 span{ background:url("/images/qitayingxiao/icon4.png") no-repeat bottom center;}
.important .rcsp_5 span{ background:url("/images/qitayingxiao/icon5.png") no-repeat bottom center;}
.important .rcsp_6 span{ background:url("/images/qitayingxiao/icon6.png") no-repeat bottom center;}
.important .rcsp_7 span{ background:url("/images/qitayingxiao/icon7.png") no-repeat bottom center;}
.important .rcsp_8 span{ background:url("/images/qitayingxiao/app.png") no-repeat bottom center;}
.important .rcsp_9 span{ background:url("/images/qitayingxiao/icon9.png") no-repeat bottom center;}
.bgbg { background:url("../images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.yxlist .important .rcsp_1:hover span, .yxlist .important .rcsp_2:hover span, .yxlist .important .rcsp_3:hover span, .yxlist .important .rcsp_4:hover span, .yxlist .important .rcsp_5:hover span, .yxlist .important .rcsp_6:hover span, .yxlist .important .rcsp_7:hover span,  .yxlist .important .rcsp_8:hover span, .yxlist .important .rcsp_9:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;}
.yxlist .important .rcsp_1:hover span{ background:url("/images/qitayingxiao/app_news.png") no-repeat top center;}
.yxlist .important .rcsp_2:hover span{ background:url("/images/qitayingxiao/icon2.png") no-repeat top center;}
.yxlist .important .rcsp_3:hover span{ background:url("/images/qitayingxiao/icon3.png") no-repeat top center;}
.yxlist .important .rcsp_4 span:hover{ background:url("/images/qitayingxiao/icon4.png") no-repeat top center;}
.yxlist .important .rcsp_5 span:hover{ background:url("/images/qitayingxiao/icon5.png") no-repeat top center;}
.yxlist .important .rcsp_6 span:hover{ background:url("/images/qitayingxiao/icon6.png") no-repeat top center;}
.yxlist .important .rcsp_7 span:hover{ background:url("/images/qitayingxiao/icon7.png") no-repeat top center;}
.yxlist .important .rcsp_8 span:hover{ background:url("/images/qitayingxiao/app.png") no-repeat top center;}
.yxlist .important .rcsp_9 span:hover{ background:url("/images/qitayingxiao/icon9.png") no-repeat top center;}
.important .rcsp_9{ margin-right:0px;}
.important li p{ line-height:18px; margin-top:14px; text-align:center; display:block; color:#666; font-size:20px;}
.important li:hover p{ color:#02beec;}
.important li strong{ border-bottom:1px solid #02beec; position:relative; display:block;margin-top:15px;z-index:4;}
.important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #02beec;}
.important_l{ padding:30px 0px 0 20px; float:left; width:30%; overflow: hidden;}
.important_l img{width:100%;height: auto;}
.important_r{ float:right; padding:30px 20px 0px 0px;width:60%; overflow: hidden; }
.title_1{ text-align:center;}
.title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.title_1 h3 span ,.title_1 h2 span{ color:#03a3ef;}
.title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px; padding-top:20px;}
.title_1 p{ font-size:14px; color:#888; display: block;}
.icon_top{ width:100%; padding-top:25px;}
.icon_top i{ display:block; width:32px; height:32px;}
.icon_top .i_left{ float:left; background:url("../images/icon_left.png") 0 center no-repeat;}
.icon_top .i_right{ float:right; background:url("../images/icon_right.png") 0 center no-repeat;}
.icon_top .i_left1{ float:left; background:url("../images/icon_left1.png") 0 center no-repeat;}
.icon_top .i_right1{ float:right; background:url("../images/icon_right1.png") 0 center no-repeat;}
.study{ padding:0px 32px;}
.study h3{ font: 25px/30px "Microsoft YaHei"; color:#333; display: block; padding-bottom:25px;}
.study p{ font:14px "Microsoft YaHei";color:#666;display: block;text-indent: 2em; line-height:24px;}
.study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.study .know{ background:#1dd2af; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
/*one end*/
.public_img{ display:block; width:29px; height:29px; padding:15px 0 2px 0;}
.public_img_1{ width:59px; height:29px; display:block;}






















/*case*/
.case{ width:100%; background:#fff; margin:0 auto; display:block; height:auto;position: relative;}
.case .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}

.casetype { margin: 20px 0 50px; text-align: center }
.casetype a { position: relative; display: inline-block; margin-left: 10px; padding: 8px 25px; height: 1pc; color: #898989; line-height: 1pc; transition: all .3s ease-out 0s }
.casetype a:after { position: absolute; margin-top: 7px; margin-left: 25px; width: 10px; height: 1px; background-color: #dbdbdb; content: '' }
.casetype a:last-of-type:after { width: 0; height: 0 }
.casetype a.active, .casetype a:hover { background-color: #333333; color: #fff }


#caselist{ max-width:90%; margin:0 auto;}
#caselist li{width:24%;height:auto;margin-right:1%;margin-bottom:1%;float:left;position:relative; display:block; margin-bottom:130px;}

#caselist li a{display:block; overflow:hidden; }
#caselist li a img{float:none;width:100%;height:auto;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;}
#caselist li a:hover img{transform:scale(1.1,1.1)}


#caselist li .case_info div { height: 90px; width: 100%;top:100%; position:absolute;transition: all 0.3s ease-out 0s; display:block; margin-bottom:-90px;}

#caselist li .case_info p{padding:0px}

#caselist li .case_info p.title{margin-top:20px;font-size:16px;transition:all ease-out .3s; color:#666; text-align:left;}
#caselist li .case_info p.subtitle{margin-top:10px;font-size:12px;transition:all ease-out .3s;color:#b7b7b7; text-align:left;}
#caselist li a:hover .case_info p.title{margin-top:20px;color:#000;font-size:16px}
#caselist li a:hover .case_info p.subtitle{margin-top:10px;color:#b7b7b7;}
#caselist li a .case_info div:after { content: ''; width: 100%; height: 1px; background: #E0E0E0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 20px 0; display: block; }
#caselist li a:hover .case_info div:after { background: #666; }

#caselist li .case_info{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s}
#caselist li a:hover .case_info { background: rgba(0,0,0,.5); }

#caselist li a::after { content: '+'; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; margin-left: -26px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 1px solid rgba(255,255,255,.5); transition: all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "Times New Roman";}
#caselist li:hover a::after { margin-top: -26px; top: 50%; opacity: 1; }




/*news*/
.news{ width:100%; background:#fff; margin:0 auto; display:block; height:auto;position: relative;}
.news .title{position: relative; margin: 0 auto; color: #333; font-size: 26px; line-height: inherit;	width:100%;	text-align:center;	padding:50px 0 0px 0;	}

.newstype { margin: 20px 0 50px; text-align: center }
.newstype a { position: relative; display: inline-block; margin-left: 10px; padding: 8px 25px; height: 1pc; color: #898989; line-height: 1pc; transition: all .3s ease-out 0s }
.newstype a:after { position: absolute; margin-top: 7px; margin-left: 25px; width: 10px; height: 1px; background-color: #dbdbdb; content: '' }
.newstype a:last-of-type:after { width: 0; height: 0 }
.newstype a.active, .newstype a:hover { background-color: #333333; color: #fff }

#newslist{width:100%;margin:0 auto; display:block; background:#fff;}
#newslist ul{ max-width: 90%; margin: 0px auto; }
#newslist li{width:33.333%;float: left; height: auto; height: auto; margin-bottom:80px;}
#newslist li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#newslist li p.description img{ float:left; height:38px; padding-right:15px; padding-top:5px;}
#newslist p { margin-left: 0; width: 100%; }
#newslist p{display:inline-block;max-width:90%;vertical-align:middle;}
#newslist  p.date { font-family: "heliosextthinregular", Arial; height: 30px; font-weight: 300; margin-bottom: 0; color: #8a8a8a;}
#newslist  p.title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #EFEFEF; padding: 0 0 20px 0; font-size: 16px; height: 20px; line-height: 20px; text-align:left; color: #595959; }
#newslist  p.description { line-height: 22px; font-size: 12px; color: #777; margin-top: 26px;text-align: left;  line-height:22px;height: 42px; overflow: hidden;}
#newslist li:hover { background: transparent; }
#newslist li:hover p.description { color: #898989; }
#newslist li:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#newslist li:hover p.title { color: #222; }
#newslist li:hover .description { color: #777; }
#newslist li .date:after { content: ''; display: block; border-bottom: 1px solid #3C3C3C; top: 70px; width: 10px; position: absolute; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:9; }
#newslist li:hover .date::after { width: 90%}


/*newsdetail*/
.newsdetail{ width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px;}
.newsdetail .newsd_l{ width:52%; float:left; margin:0px 0 0 9%; display:block;}
.newsdetail .newsd_r{ width:25%; float:left;margin:0px 0px 0 70px; border-left:1px dashed #ccc; padding-left:30px;}
.newsdetail .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

.newsdetail .newsd_l .title{ width:100%; font-size:20px; color:#333; }
.newsdetail .newsd_l .title p{ width:100%; font-size:14px; color:#888; padding:10px 0; text-align:left; font-family: heliosextthinregular, Arial, "΢���ź�";}
.newsdetail .newsd_l .title p span{color:#666; padding-left:50px; }
.newsdetail .newsd_l .newsinfo{ font-size:13px; color:#777;  line-height:24px; padding:15px;text-indent:2em; background:#f8f8f8; margin-top:15px;}
.newsdetail .newsd_l .newsinfo span{ font-size:13px; color:#000; }


/*�༭��������ʽ*/
#cntrBody{font-size:14px;line-height:28px; width:100%; margin:0 auto;}
#cntrBody p strong {font-weight:bold;}
#cntrBody p,.proinfo p,.age_li_about p{margin:25px 0;}
#cntrBody table p,.proinfo table p,.age_li_about table p{margin:25px 0;}
#cntrBody p{text-indent:2em;}
#dituContent{margin:0 auto;}
#cntrBody img {max-width:100%; max-height:2600px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 100 "100%" : "auto"):(this.style.height = this.offsetHeight >= 2600 ? "2600px" : "auto")); display:block !important; margin-left:0em;}
/*#cntrBody img {
    MAX-WIDTH: 100%!important;
    HEIGHT: auto!important;
    width: expression(this.width > 95% ? "100%" : this.width)!important;}*/
	
#cntrBody a{ color:#333; text-decoration:underline;}
#cntrBody a:hover{ color:#000;}


.newsother{ width:100%;margin-top:30px; padding-top:30px; display:block;}

.newso_l a{ width:45%; float:left; display: block;height: 34px;background-color: #E4E4E4; line-height: 34px;border: #E4E4E4 1px solid;color: #787878; font-size: 12px;text-align: center;text-transform: uppercase; padding:0 5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newso_l a:hover { text-indent: -14px;}
.newso_l a:hover {color: #fff; border: #505050 1px solid;background-color: #505050;}

.newso_r a{ width:45%; float:right; display: block;height: 34px;background-color: #E4E4E4; line-height: 34px;border: #E4E4E4 1px solid;color: #787878; font-size: 12px;text-align: center;text-transform: uppercase; padding:0 5px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newso_r a:hover {text-indent: 14px;}
.newso_r a:hover {color: #fff; border: #505050 1px solid;background-color: #505050;}




.tagstitle{ width:100%; font-size:16px; color:#666; margin-top:14px; }

.item_tags {display: block; margin-top: 40px;width: 100%; color: #444;font-size: 12px; padding-bottom:30px;   border-bottom: 1px solid #f0f0f0;}
.item_tags a {display: inline-block; margin: 3px; padding: 0 9pt;height: 28px; background-color: #f0f0f0; color: #7b7b7b; line-height: 28px;transition: all .3s ease-out 0s;}
.item_tags a:hover {background:#333;	color:#fff;}

#newsrightlist{width:100%;margin:0 auto; display:block; background:#fff; margin-top:50px;}
#newsrightlist ul{ max-width: 100%; margin: 0px auto; }
#newsrightlist li{width:100%;float: left; height: auto; height: auto; margin-bottom:20px;}
#newsrightlist li a{height:100%;display:block;text-align:left;position:relative;height: auto; margin: 0; padding: 0; width: 100%; text-align: left; }
#newsrightlist p { margin-left: 0; width: 100%; }
#newsrightlist p{display:inline-block;max-width:100%;vertical-align:middle;}
#newsrightlist  p.date { font-family: "heliosextthinregular", Arial; height: 30px; font-weight: 300; margin-bottom: 0; color: #8a8a8a; padding-top:15px;}
#newsrightlist  p.title { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px dashed #ccc; padding: 0 0 15px 0; font-size: 16px; height: 20px; line-height: 20px; text-align:left; color: #595959; }
#newsrightlist  p.description { line-height: 22px; font-size: 12px; color: #999; margin-top: 15px;text-align: left;  line-height:22px;height: 42px; overflow: hidden;}
#newsrightlist li:hover { background: transparent; }
#newsrightlist li:hover p.description { color: #898989; }
#newsrightlist li:hover .newsinfo { transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }
#newsrightlist li:hover p.title { color: #222; }
#newsrightlist li:hover .description { color: #777; }
#newsrightlist li .title:after { content: ''; display: block; border-bottom: 1px dashed #666; top: 35px; width: 15px; position: absolute; left: 0; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; z-index:9; }
#newsrightlist li:hover .title::after { width: 100%}




/*casedetail*/
.casedetail{ width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px;}
.casedetail .cased_l{ width:52%; float:left; margin:0px 0 0 9%; display:block;}
.casedetail .cased_r{ width:25%; float:left;margin:0px 0px 0 70px; border-left:1px dashed #ccc; padding-left:30px;}
.casedetail .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

.casedetail .cased_l .title{ width:100%; font-size:20px; color:#333; line-height:30px; }
.casedetail .cased_l .title span{ background-color: #505050; display:inline-block; font-size:12px; color:#FFF; line-height:14px; padding:4px 10px; text-align:left; margin-left:25px; }
.casedetail .cased_l .caseinfo{ font-size:13px; color:#777;  line-height:24px; padding:15px;text-indent:2em; background:#f8f8f8; margin-top:15px;}
.casedetail .cased_l .caseinfo span{ font-size:13px; color:#000; }

.caseurl a{ width:45%; float:left; display: block;height: 34px;background-color: #505050; line-height: 34px;border: #505050 1px solid;color: #fff; font-size: 12px;text-align: left;  padding-left:20px; margin-top:30px;}
.caseurl a:hover { text-indent: 14px;color: #fff; border: #505050 1px solid;background-color: #505050;}

#caserightlist{width:100%;margin:0 auto; display:block; background:#fff; margin-top:50px;}
.caserightlisttitle{ width:100%; font-size:16px; color:#666; margin-bottom:34px; display:block;  padding-bottom:20px;   border-bottom: 1px solid #f0f0f0;}
#caserightlist ul{width:101%;}
#caserightlist li{width:32.33%;height:auto;margin-right:1%;margin-bottom:1%;float:left;position:relative; display:block; margin-bottom:130px;}
#caserightlist li a{display:block; overflow:hidden; }
#caserightlist li a img{float:none;width:100%;height:auto;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
#caserightlist li a:hover img{transform:scale(1.06,1.06); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
#caserightlist li .case_info div { height: 90px; width: 100%;top:100%; position:absolute;transition: all 0.3s ease-out 0s; display:block; margin-bottom:-90px;}
#caserightlist li .case_info p{padding:0px}
#caserightlist li .case_info p.title{margin-top:10px;font-size:14px;transition:all ease-out .3s; color:#666; text-align:left;}
#caserightlist li .case_info p.subtitle{margin-top:10px;font-size:12px;transition:all ease-out .3s;color:#b7b7b7; text-align:left;}
#caserightlist li a:hover .case_info p.title{color:#000;}
#caserightlist li a:hover .case_info p.subtitle{margin-top:10px;color:#b7b7b7;}
#caserightlist li a .case_info div:after { content: ''; width: 100%; height: 1px; background: #E0E0E0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin: 20px 0; display: block; }
#caserightlist li a:hover .case_info div:after { background: #666; }
#caserightlist li .case_info{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;transition:all ease-out .3s}
#caserightlist li a:hover .case_info { background: rgba(0,0,0,.5); }
#caserightlist li a::after { content: '+'; width: 30px; height: 30px; line-height: 30px; margin: 0 auto; margin-left: -16px; margin-top: 20px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 1px solid rgba(255,255,255,.5); transition: all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity: 0; color: #fff; font-size: 25px; text-align: center; font-family: "Times New Roman";}
#caserightlist li:hover a::after { margin-top: -26px; top: 50%; opacity: 1; }




/*about*/
.about{ width:90%; background:#fff; margin:0 auto; display:block; height:auto;position: relative; padding-bottom:80px;}
.about .about_l{ width:52%; float:left; margin:0px 0 0 9%; display:block;}
.about .about_r{ width:25%; float:left;margin:0px 0px 0 70px; border-left:1px dashed #ccc; padding-left:30px;}
.about .entitle { margin: 0 auto; margin-bottom:30px; width:100%;color: #d6d3d3; padding-top:50px; text-align: left; font-size: 40px; font-family: heliosextthinregular, Arial, "΢���ź�"; -webkit-appearance: none ;position: relative;}

.about .about_l .title{ width:100%; font-size:24px; color:#333; text-align:center; padding-bottom:20px;}
.about .about_l .aboutinfo{ font-size:13px; color:#FFF;  line-height:24px; padding:15px;text-indent:2em; background:#505050; margin-top:15px;}
.about .about_l .aboutinfo span{ font-size:13px; color:#FFF; }

.about_tel a{ width:45%; float:left; display: block;height: 34px;background-color: #eee; line-height: 34px;color: #333; font-size: 12px;text-align: left;  padding-left:5%; margin-top:30px; overflow:hidden;}
.about_tel a:hover { text-indent: 14px;color: #fff; background-color: #505050;}
.about_tel a.after {background-color: #ccc; }
.about_tel a.after:hover { text-indent: 14px;color: #fff; background-color: #505050;}

.abouttags{ width:100%; font-size:16px; color:#666; margin-top:14px; }
.about_tags {display: block; margin-top: 28px;width: 100%; color: #444;font-size: 12px; padding-bottom:30px;   border-bottom: 1px solid #f0f0f0;}
.about_tags a { display: inline-block; margin: 3px 1% 3px 0; width:32.5%; text-align:center; height: 28px; background-color: #f0f0f0; color: #7b7b7b; line-height: 28px;transition: all .3s ease-out 0s;}
.about_tags a:hover {background:#333;	color:#fff;}
.about_tags a.no{ margin-right:0;}

.about_culture{background-repeat: no-repeat;background-position: center 300px;text-align: center;padding-top: 30px;line-height: 24px;}
.about_culture strong{font-size: 28px;color: #444444;}
.about_culture .text3{font-size: 24px;color: #888888;padding-top: 30px;}
.about_culture .text4{font-weight: bold;padding-top: 15px;}
.about_culture dl{ display:block;}
.about_culture p{ font-size:14px; text-align:left;}

/*SALES*/
.w_title{padding-top:80px;text-align:center;color:#0095e2}
.w_title h1{font-size:55px;text-transform:uppercase;font-family:����ϸ��;margin-bottom:15px}
.w_title h1 span{font-weight:lighter}
.w_title h2{font-size:30px}
.w_title h2:after{content:'';display:block;width:65px;height:3px;font-family:����ϸ��;margin:auto;background:#0095e2;margin-top:44px}
.w_title h2 span{font-weight:400}
.w_title h3{font-size:26px;font-weight:lighter;font-family:����ϸ��;text-transform:uppercase;margin-bottom:8px}

.thismsg{text-align:center}
.thismsg h5{font-size:30px;text-transform:uppercase;font-weight:700;line-height:70px;color:#0095e2}
.thismsg p{font-size:14px;line-height:24px;color:#878787}
.thismsg p em{color:#0095e2}
.this{position:relative}
.thismsg{position:absolute;left:50%}
.thismsg1{top:122px;margin-left:-430px}
.thismsg2{top:122px;margin-left:177px}
.thismsg3{margin-left:-268px;top:383px}
.thismsg4{margin-left:23px;top:383px}

.project-main {	width: 1200px;	margin: 0 auto;	text-align: left;	overflow: hidden;}
/*�����ƹ�*/
.project-seo img {	max-width: 100%;}
.project-seo .project-title {	color: #1ca0d9;	font-size: 40px;	font-weight: bold;	text-align: center;	margin: 40px 0 50px;}
.project-seo .seo-box {	padding: 20px 0;	margin: 25px 0;}
.project-seo .seo-box ul li {	display: inline-block;	width: 287px;	text-align: center;	margin-bottom: 60px;}
.project-seo .seo-box ul li p {	color: #2e2e2e;	font-size: 26px;	margin: 15px 0;}
.project-seo .seo-box ul li span {color: #515151;	line-height: 26px;	font-size: 14px;}
.project-seo .project-left {	float: left;	width: 50%;}
.project-seo .project-right {	float: right;width: 50%;}
.project-seo .text-title {	font-size: 26px;	color: #2E2E2E;	font-weight: bold;	margin-top: 30px;	margin-bottom: 25px;}
.project-seo .text-title span {	color: #1ca0d9;}
.project-seo .text-content > p {	font-size: 16px;	line-height: 24px;	color: #515151;}
.project-seo a.project-btn {	display: block;	border-radius: 30px;	background-color: #1ca0d9;	width: 267px;	height: 53px;	text-align: center;	line-height: 53px;	font-size: 20px;	color: #fff;	margin-top: 60px;}
.project-seo a.project-btn:hover {	color: #fff !important;	text-decoration: none;}
.project-seo .project-ad {	margin: 30px 0;	height: 397px;	position: relative;}
.project-seo .problem-head {	color: #2a2a2a;	font-size: 30px;	text-align: center;	margin: 30px 0 60px;}
.project-seo .problem-head span {	color: #808080;	margin-left: 40px;}
.project-seo .problem-content {	padding-left: 17px;}
.project-seo .problem-content h3 {	color: #1ca0d9;	font-size: 18px;}
.project-seo .problem-content p {	color: #2b2b2b;	font-size: 14px;	line-height: 26px;	margin:18px 0;}
.project-seo .problem-content li {	position: relative;}
.project-seo .problem-content img {	position: absolute;	right: 0;	bottom: 8px;}
/*ע��*/
.zhuc{padding-top:60px;text-align:center;color:#0095e2}
.zhuc h1{font-size:40px;text-transform:uppercase;margin-bottom:15px; font-weight:normal;}
.zhuc h1 span{font-weight:bold;}
.zhuc h2{font-size:30px}
.zhuc h2:after{content:'';display:block;width:65px;height:3px;margin:auto;margin-top:24px}
.zhuc h2 span{font-weight:400}
.zhuc h3{font-size:26px;font-weight:lighter;text-transform:uppercase;margin-bottom:8px}

.zhuctype{ width:90%; min-width:1200px; margin:0 auto; margin-top:40px; border-bottom:1px  dashed #ddd; padding-bottom:40px;}
.zhuctype ul{ overflow:hidden;}
.zhuctype ul li{ width:23.5%; height:370px; float:left; margin-right:2%;}
.zhuctype ul li.last{margin-right:0}
.zhuctype .img{ height:96px; text-align:center;}
.zhuctype .bg1{height:284px; background:#3e9eec;}
.zhuctype .bg2{ height:284px; background:#cdf1ff;}
.zhuctype .bg3{  height:284px; background:#6fb7f1;}

.zhuctype .tyname{ width:100%; font-size:22px; color:#fff; line-height:26px;font-weight:bold; text-align:center; padding-top:35px;}
.zhuctype .tyname span{ font-size:14px; color:#fff; }
.zhuctype .tyname p{ font-size:14px; color:#000; font-weight:normal; }
.zhuctype .tytxt{ width:80%; margin:0 auto; padding-top:15px;}
.zhuctype .tytxt p{ border-bottom:1px dashed #fff; font-size:14px; color:#fff; height:30px; line-height:30px; background:url(../images/ggou.png) left center no-repeat; background-size:20px 20px; padding-left:30px; margin-bottom:15px;}

.zhuctype .tyname2{ width:100%; font-size:22px; color:#000; line-height:26px;font-weight:bold; text-align:center; padding-top:35px;}
.zhuctype .tyname2 span{ font-size:14px;  }
.zhuctype .tyname2 p{ font-size:14px; color:#f6503a; font-weight:normal; }
.zhuctype .tytxt2{ width:80%; margin:0 auto; padding-top:15px;}
.zhuctype .tytxt2 p{ border-bottom:1px dashed #666; font-size:14px; color:#333; height:30px; line-height:30px; background:url(../images/ggou2.png) left center no-repeat; background-size:20px 20px; padding-left:30px; margin-bottom:15px;}



.zhuctype a.details {display: block; width:40%; margin:0 auto;height: 34px;background-color: #3fbff0; line-height: 34px;margin-top: 30px ; color: #FFF; font-size: 12px; text-align:center;text-transform: uppercase; border-radius: 6px;}
.zhuctype a.details:hover {color: #fff; background-color: #f6503a;}

.solution{ margin-bottom:70px;}
.solution ul{ margin:20px auto 0; width:90%; min-width:1210px;border-left:1px solid #ddd;border-radius: 6px;}
.solution ul li{ float:left; margin:0 0 0 0px; width:16.5%; height:340px; *zoom:1; border-right:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-radius: 6px;}

.solution ul li:first-child{ margin-left:0;}
.solution ul li:hover{ background:#edeff4;}
.solution ul li p.solution-title{ font-size:20px; color:#000; text-align:center;}
.solution ul li p.solution-intro{ margin:15px auto 0; font-size:14px;width:70%; height:56px; line-height:28px; overflow:hidden; text-align:center;}
.solution ul li a{ display:block; margin-top:7px; padding-top:10px; width:100%; height:64px; color:#000; }
.solution ul li a p{ text-align:center; font-size:14px; }
.solution ul li:hover a{ background:#f6503a;border-radius: 0 0 6px 6px;}
.solution ul li:hover a p{ color:#fff;}
.solution ul li a div.solution-line{ margin:0 auto 23px; background:#d4d4d4; width:30px; height:1px; overflow:hidden;}
.solution ul li em.solution-case-icon{ margin:20px auto 25px; display:block; width:119px; height:119px; }
.solution ul li.solution-li1 em.solution-case-icon{background-position:0 0;}
.solution ul li.solution-li2 em.solution-case-icon{background-position:-160px 0;}
.solution ul li.solution-li3 em.solution-case-icon{background-position:-336px 0;}


.index .solution ul li.solution-li2 em.solution-case-icon{ background-position: 0 0; }
.index .solution ul li.solution-li3 em.solution-case-icon{ background-position: -160px 0; }
.index .solution ul li.solution-li4 em.solution-case-icon{ background-position: -335px 0; }



.gszc-ul1 li.last,.gszc-ul3 li.last,.gszc-ul4 li.last,.gszc-ul5 li.last,.gszc-ul7 li.last,.huan li.last{margin-right:0}
.gszc-ul2{height:310px; display:block; padding-top:20px;}
.gszc-ul2, .gszc-ul4{ width:90%; min-width:1200px; margin:0 auto;}
.gszc-ul2 li{width:18%;height:140px;float:left; display:inline; position:relative}
        .gszc-ul2 li img{display:block;margin:10px auto 0;}
        .gszc-ul2 li b{lwidth:100%; padding-top:20px;display:block;text-align:center;font-size:18px;color:#f6503a}
        .gszc-ul2 li b span{display:block;text-align:center;font-size:14px;line-height:36px;font-weight:400;color:#747474}
        .gszc-ul2 p{ display:block; width:28px;height:30px;float:left;background:url(../images/zcjiantou.png) no-repeat;margin-top:70px}
		

 .gszc-ul4 li{width:18%;float:left;margin-right:22px;display:inline; margin-top:20px; height:480px; }
        .gszc-ul4 li img{display:block;padding:10px;border:solid 1px #f0f0f0;margin:10px auto 10px;}
        .gszc-ul4 li b{display:block;text-align:center;font-size:14px;color:#363637;line-height:30px;font-weight:400}

/*email*/
#email .webtitle{position: relative; margin-top:-30px; margin-bottom:26px;color: #333; font-size: 26px; line-height: inherit;	text-align:center;	padding-bottom:14px;    background: url(../images/top_enline.jpg) no-repeat bottom;}
#email .webtitle span{border-bottom: 1px solid #b6b9bf;padding-bottom:12px; color: #222; font-weight:bold; font-size:30px;}

.emaillist{height:310px; display:block; padding-top:40px;}
.emaillist{ width:82%; min-width:1200px; margin:0 auto;}
.emaillist li{width:19.9%;height:340px;float:left; display:inline; position:relative; border-right:1px dashed #ddd; border-bottom:1px solid #ddd;}
        .emaillist li img{display:block;margin:10px auto 0;}
        .emaillist li b{lwidth:100%; padding-top:20px;display:block;text-align:center;font-size:18px;color:#f6503a}
        .emaillist li b span{display:block;text-align:center;font-size:14px;line-height:28px; padding-top:10px;font-weight:400;color:#666}
		 .emaillist li:last-child{ border-right:0px;}
.email{ width:90%; margin:0 auto;}		 
.email .title{position: relative; margin: 0 auto; color: #0095e2; font-size: 36px; line-height: inherit;	width:100%;	text-align:center;	padding:10px 0 40px 0;	}

.table{table-layout:fixed;border:1px solid #d4e3f7;border-bottom:0;width:82%; min-width:1200px; margin:0 auto;font-size:12px;line-height:25px; margin-bottom:80px;}
.table .firstLine{background-color:#0884dc;font-weight:bolder;font-size:14px;color:#FFF;height:50px}
.table .firstLine td{text-align:center;border-left:1px solid #d4e3f7;border-bottom:1px solid #d4e3f7; }
.table .contentLine td{border-left:1px solid #d4e3f7;border-bottom:1px solid #cbeafa;text-align:center}
.table .contentLine2 td{border-left:1px solid #d4e3f7;border-bottom:1px solid #cbeafa;text-align:center;color:#000;}
.table .contentLine2 .td1{border-left:none;border-bottom:0;text-align:left;width:350px}
.table .contentLine2 .td1 table{table-layout:fixed;width:100%}
.table .contentLine2 .td1 table td{border:0;border-bottom:1px solid #d4e3f7;text-align:left;padding-left:10px;font-size:12px;line-height:35px}
.table .contentLine2 .td1 table .leftTd{width:100px;border-bottom:0;border-right:1px solid #d4e3f7}
.support{width:25px;height:12px;line-height:12px;display:inline-block;vertical-align:middle;background:url(../images/bg01.png) no-repeat -1405px -326px}
.nosupport{width:25px;height:12px;line-height:12px;display:inline-block;vertical-align:middle;background:url(../images/bg01.png) no-repeat -1441px -326px}





.Pro_CMiddle .table{table-layout:fixed;width:82%;font-size:12px;line-height:25px;border:#ccc solid 1px;color:#666;background:#fff}.Pro_CMiddle .table .firstLine{font-weight:bolder;font-size:14px;height:50px;color:#fff;background:#0382db}.Pro_CMiddle .table .firstLine td{text-align:center;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.Pro_CMiddle .table .firstLine .td1{border-left:none;width:250px;height:50px;line-height:50px}.Pro_CMiddle .table .firstLine .td2{border-left:none;width:150px}.Pro_CMiddle .table .firstLine .td3{width:130px}.Pro_CMiddle .table .firstLine .td6{width:380px}.Pro_CMiddle .table .firstLine .td5{border-left:none;width:150px}.Pro_CMiddle .table .contentLine td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;line-height:40px;height:40px}.Pro_CMiddle .table .contentLine .td1{border-left:none;text-align:left;width:200px;padding-left:10px}.Pro_CMiddle .table .contentLine .td2{border-left:none;width:150px}.Pro_CMiddle .table .contentLine .td3{width:130px}.Pro_CMiddle .table .contentLine .td3 span{display:block;float:right}.Pro_CMiddle .table .contentLine .td4{text-align:left;padding-left:10px}.Pro_CMiddle .table .contentLine .td5{border-left:none;width:150px}.Pro_CMiddle .table .contentLine .td6{width:380px}.Pro_CMiddle .table .contentLine2 td{border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center}.Pro_CMiddle .table .contentLine2 .td1{border-left:none;border-bottom:0;text-align:left;width:350px}.Pro_CMiddle .table .contentLine2 .td1 table{table-layout:fixed;width:100%}.Pro_CMiddle .table .contentLine2 .td1 table td{border:0;border-bottom:1px solid #ccc;text-align:left;padding-left:10px;font-size:12px;line-height:40px}.Pro_CMiddle .table .contentLine2 .td1 table .leftTd{width:100px;border-bottom:0;height:27px;border-right:1px solid #ccc}.phoneWeb_content{width:100%;height:auto;margin-top:5px;padding:0}.phone_hidden{height:153px;width:1002px}.phoneWeb_content .phoneWeb_icon{width:1002px;height:auto;margin:0 auto;position:relative;height:547px}.phone_icon{width:114px;height:193px;display:inline-block;vertical-align:top;position:absolute}.phoneWeb_content .title_icon{color:#333;display:block;font-size:18px;font-weight:normal;text-align:center}.phoneWeb_content .content_icon{width:114px;margin:0 auto;line-height:24px;color:#999;text-align:center;padding-top:10px}.phoneWeb_content .Pro_CMiddle{width:1002px;height:auto;margin:0 auto}.weiPlant_content{width:100%;height:auto;margin-top:5px;padding:0}

.support1{color:#090;size:12px;font-family:Verdana,Geneva,sans-serif;font-weight:bold}.nosupport1{color:#F00;size:12px;font-family:"����";font-weight:bold}

#headvDiv{ width: 100%; position: fixed; _position: absolute; top: 600px; background: #333; height: 60px; display:none; z-index: 1000; opacity: .9; -moz-opacity: .9; filter: alpha(opacity=90); _left: expression(eval(document.documentElement.scrollLeft)); _top: expression(eval(document.documentElement.scrollTop)); }
  	.tableHeadClone { width: 960px; background-color: #333; height: 60px; margin: 0 auto; }
	.leftTitleStyle{ color: black; font-weight: bold; }


/*page*/
.page{padding:25px 0 80px 0; width:100%;text-align:center; font-size:12px; margin:0 auto;position: relative; background:#fff;}
.page span.current{margin-right:5px;padding:0 12px;background:#333;color:#fff;height:28px;line-height:28px;text-align:center;display:inline-block}
.page span.currenttt{margin-right:5px;padding:0 12px;background:#f0f0f0;color:#666;height:28px;line-height:28px;text-align:center;display:inline-block}
.page a{display:inline-block;background:#f0f0f0;color:#666;height:28px;line-height:28px;text-align:center;margin-right:5px;padding:0 12px}
.page a:hover{background:#aaa;color:#fff}