/* CSS Document */
@import url("common.css");
.w_doc{ width:100%; clear:both; padding-bottom:40px;}
.banner-doc{ width:100%; height:371px; text-align:center}
.bread{ width:100%;  height:40px; line-height:40px; background:#f0f0f0; font-size:14px;}
.page{ width:400px; margin:20px auto;}
.page a{ float:left; display:block; padding:2px 7px; border:#CCCCCC 1px solid; margin:0px 2px; background:#ffffff;}
.page .curr{ background:#0096ff; color:#FFFFFF; border:#0096ff 1px solid;}
.page span{ float:left; display:block; padding:2px 4px;}
.doc_left{ width:245px; float:left; }
.doc_left .title{  height:50px; line-height:50px; font-weight:bold; font-size:22px; color:#000000; border-bottom:#CCC 1px solid; padding-left:10px;}
.doc_left ul{ padding:15px 0px;}
.doc_left li a{ width:225px; height:40px; line-height:40px; display:block;   font-size:14px; margin-bottom:10px; padding-left:20px; font-weight:bold;}
.doc_left .selected, .doc_left a:hover{ background:#0096ff; color:#FFFFFF;}
.pro_left{ width:245px; float:left; background:#f0f0f0;z-index:999; position:relative}
.pro_left .title{ height:67px; line-height:67px; border-bottom:1px solid #fff; font-size:20px; color:#000; text-align:center; width:100%}
.pro_left li{ height:52px; line-height:52px; position:relative;border-bottom:1px solid #fff}
.pro_left li .a{ display:block; padding-left:35px; background:url(../images/ico-pro2.png) no-repeat 20px center; font-size:14px;}
.pro_left li .selected{ background:url(../images/ico-pro1.png) no-repeat 20px center #c9c9c9; color:#af0000; font-weight:bold}
.pro_left dl{ position:absolute; width:140px; text-align:center;left:245px; top:0px; background:#c9c9c9; background:rgba(201,201,201,0.8); display:none}
.pro_left dl dd{ padding:15px 0px; line-height:16px; border-bottom:#FFF 1px solid;}
.doc{ padding:15px;}
.pro_left dl dd:hover{ background:#0096ff;}
.pro_left dl dd:hover a{ color:#fff}
.doc h2{ text-align:center; font-size:18px; font-weight:bold; color:#000000;}
.doc .bv{ text-align:center; width:100%;}
.doc .bv span{ padding:0px 8px;}
.doc .bv span font{ color:#990000}
.doc .showtxt{line-height:24px; color:#333333; font-size:14px;}
.doc .showtxt p{  margin:12px 0px;}
.doc .showtxt img{ max-height:960px;}
.doc_right{ width:920px; float:right;}
.doc_right .bread2{ height:40px; line-height:40px;font-size:12px; padding-top:10px; font-weight:bolder; color:#000; width:100%; border-bottom:1px solid #CCC;}
.doc_right .bread2 h2{ float:left; font-size:16px; font-weight:bold;}
.doc_right .bread2 p{ float:right;;}
.cls_news { padding:15px 0px 0px;}
.cls_news li{ padding:15px;}
.cls_news .pic{ float:left; width:100px; height:100px; margin-right:15px;}
.cls_news li dl { width:600px; float:left; margin:8px 0px 0px 0px;}
.cls_news li dl dt{ font-size:16px; font-weight:bold; font-weight:bolder; padding-bottom:10px; color:#000;}
.cls_news li dl dt span{ color:#FF9900; }
.cls_news li dl dd{ line-height:16px; padding-bottom:8px;}
.cls_news li dl dd span{ padding-right:20px;}
.cls_news li dl dd span font{ color:#990000;}
.cls_news .but{ float:right; background:#FF9900; text-align:center; width:60px; line-height:16px; padding-top:15px; height:42px; display:block; font-size:14px; color:#FFFFFF; margin-top:25px;}
.cls_news li .but:hover{ background:#0071a0;}
.cls_pic2 { clear:both; padding:25px 0px;}
.cls_pic2 li{ width:245px; height:245px; border:10px #e8e8e8 solid; position:relative; overflow:hidden; float:left; margin:10px 20px 40px 20px;}
.cls_pic2 li .pic{ width:245px; text-align:center; height:245px; overflow:hidden; display:table;}
.cls_pic2 li .pic span{ vertical-align:middle; display:table-cell; width:245px; height:245px; padding:0px; margin:0px;}
.cls_pic2 li .pic img{ max-height:245px; max-width:245px;}
.cls_pic2 li:hover{ border:10px #0096ff solid;}
.cls_pic2 li .c{ position:absolute; width:215px; height:215px; top:200px; left:0px; padding:15px; background:#0096ff; z-index:2; filter:Alpha(opacity=90); -moz-opacity:.9; opacity:0.9;}
.cls_pic2 li a{ color:#FFFFFF;}
.cls_pic2 li .c .tit{ text-align:center; font-size:14px; font-weight:bolder; height:25px; line-height:25px;}
.cls_pic2 li .c p{ line-height:16px; padding:10px 0px}
.page{width:100%; margin:20px auto 0px auto; z-index:8; position:relative; text-align:right; height:30px;}
.page a{float:left; display:block; padding:3px 7px; border:#CCCCCC 1px solid; margin:0px 2px; background:#ffffff; cursor:pointer;}
.page .cur{background:#333; color:#FFFFFF; border:#333 1px solid;margin:0px 2px;padding:3px 7px;}
.page span{float:left; display:block; padding:3px 7px; border:solid 1px #ccc;}
.page span.disabled{float:left; display:block; padding:3px 7px; border:#CCCCCC 1px solid; margin:0px 2px; background:#ffffff;}
.cls-news02 li{ height:40px; font-size:14px; line-height:40px; border-bottom:#CCC 1px dashed; background:url(../images/ico_01.jpg) no-repeat left center; padding-left:15px;}
.cls-news02 li span{ float:right; font-size:12px;}
.mes{ padding:20px 20px; font-size:14px; color:#000;}
.mes td{ padding:10px 0px}
.mes span{ padding-left:20px; font-size:14px; color:#666;}
.mes span em{ font-style:normal; color:#F00;}
.style_test{ width:300px; padding-left:8px; height:42px; line-height:42px; outline:none; border-radius:5px; border:1px solid #CCC}
.style_test:focus{ background:#f4f4f4;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;}
.style_testarea{ width:300px; padding-left:8px; height:82px;border-radius:5px; padding:8px 5px; outline:none; line-height:16px; border:1px solid #CCCCCC;}
.style_testarea:focus{ background:#f4f4f4; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;}
.style_but{ background:#4f4f4f; width:176px; height:48px; text-align:center; line-height:48px; color:#FFFFFF; font-weight:bold; font-size:18px;cursor:pointer;border-radius:5px; border:none}
.style_but:hover{ background:#000000;	transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition:0.5s all ease;-ms-transition:0.5s all ease;}

.w-w_4ad{ width:100%; padding:10px 0px 10px;}
.w_4ad{ padding:20px 0px 0px;}
.w_4ad a{ width:415px; height:177px; background:#fff; border:1px solid #CCCCCC; padding:15px; position:relative; float:left; margin-bottom:20px;}
.w_4ad a:hover{ background:#0096ff; color:#FFFFFF; 	transition: 0.3s background ease;-webkit-transition: 0.3s background ease;-moz-transition: 0.3s background ease;-o-transition:0.3s background ease;-ms-transition:0.3s background ease;}
.w_4ad .more{position:absolute; bottom:15px; right:15px; font-size:14px;}
.w_4ad .pic{ float:left; height:182px; width:182px; text-align:center; display:table-cell; overflow:hidden; display:table;}
.w_4ad .pic span{ vertical-align:middle; display:table-cell}
.w_4ad .pic img{ max-width:182px; max-height:182px;}
.w_4ad .c{ float:left; width:200px; margin:5px 0px 0px 20px; }
.w_4ad .c h3{ font-size:20px; font-weight:bolder; padding-bottom:15PX;}
.w_4ad .c h3:hover{ color:#FFFFFF;}
.w_4ad .c .txt{ line-height:18px; font-size:14px; color:666; font-size:12px;}
.w-proinner .pic{ width:468px; text-align:center; float:left;border:solid 1px #ddd;}
.w-proinner .pic span{ }
.w-proinner .pic img{ width:468px; height:468px;}
.w-proinner .txt{ float:right; width:420px;}
.w-proinner .txt .t{ font-size:24px; color:#000; font-weight:bolder; padding:8px 0px;}
.w-proinner .txt .intro{ padding-top:15px;}
.w-proinner .txt .intro P{ line-height:38px; color:#000; font-size:14px;}
.w-proinner .txt .intro p span{ color:#666;}
.w-showpro{ width:100%; padding-top:30px;}
.w-showpro .t{ font-size:14px; border-bottom:1px solid #ccc; height:41px;}
.w-showpro .t span{ width:100px; border:1px solid #ccc; height:40px; line-height:40px; text-align:center; border-bottom:none; display:block; float:left; cursor:pointer}
.w-showpro .t span:nth-child(2){ border-left:none;}
.w-showpro .selected{ border-top:2px solid #af0000; color:#af0000; background:#f9f9f9;}
.w-showpro .c{ line-height:20px; padding:15px 0px; color:#000}
.w-showpro .c img{ max-width:100%;}