﻿@charset "utf-8";
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
a{text-decoration:none;outline:0;color:#666}
.fn-left{float:left}
.fn-right{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}
body{position:relative;overflow-x:hidden;color:#666;font-family:\5FAE\8F6F\96C5\9ED1}
.all{position:relative;z-index:10;right:0;background:#eeeeee}
#wrapper{margin:0 auto;width:100%; max-width:640px}
.wrap{width:95%;margin:0 auto}
.total{-webkit-box-shadow: 0 0 6px rgba(0,0,0,.11); -moz-box-shadow: 0 0 6px rgba(0,0,0,.11); box-shadow: 0 0 6px rgba(0,0,0,.11); background-color:#fff}
.marg{margin-top:2%}
.title{text-align:center;line-height:2.5;font-size:1.3em;color:#333;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.11); -moz-box-shadow: 0 0 6px rgba(0,0,0,.11); box-shadow: 0 0 6px rgba(0,0,0,.11); background-color:#fff;margin-top:2%}
/*top*/
.top_w {z-index:9999; height:62px; right:0; top:0; position:relative; width:100%; background-color:#0158a8;}
.top{background-color:#137fa6; position:fixed;  width:100%;  }
.top h1{width:80%}
.top h1 a{display:block}
/*导航*/
.btn-nav{cursor:pointer;position:absolute;right:0;top:0%;width:18%;line-height:none;color:#e84774;background:url(images/nav.png) no-repeat right center;background-size:auto 45%;height:100%}
.panel{display:block;position:absolute;top:0;right:0;z-index:1;width:12em;height:90%;box-shadow:0.125em 0 0.5em rgba(0, 0, 0, 0.2) inset;
	background:-webkit-gradient(linear,0 0,0 100%,from(#3b3b3b),to(#131313));
	background:-moz-linear-gradient(top,#3b3b3b,#131313);

}
.panel>ul{width:96%;height:auto;margin:0 auto}
.panel-son{width:100%;font-style:normal;font-weight:normal;font-variant:normal;
 border-top:1px solid #131313; border-bottom:1px solid #3b3b3b;

}
.panel-son>a{display:block;color:#fff;text-align:center;line-height:3;font-size:1.1em}
/*banner*/
.banner{max-width:100%;overflow:hidden;visibility:visible;position:relative; padding-top:50px;}
.banner img{width:100%;cursor:pointer}
#slider{line-height:0;text-align:center}
#pagenavi{text-align: center;bottom:10px;width:100%;position:absolute;}
#pagenavi a{display:inline-block;width:14px;height:14px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;margin-right:1%;background-color: #e6e6e6; -webkit-box-shadow: inset 1px 2px 3px rgba(176,176,178,.75); -moz-box-shadow: inset 1px 2px 3px rgba(176,176,178,.75); box-shadow: inset 1px 2px 3px rgba(176,176,178,.75);}
#pagenavi a.active{background-color:#fe3498; box-shadow:none}
/*搜索*/
.search{border-radius:20px;padding:2% 2.5%;background-color:#373737;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.63); -moz-box-shadow: 0 1px 6px rgba(0,0,0,.63); box-shadow: 0 1px 6px rgba(0,0,0,.63); width:90%; margin:2% auto;}
.search a { font-weight:bold; color:#FFFFFF; text-align:center; font-size:18px; display:block}
/*首页导航*/
.index_nav{ padding-top:3%;}
.index_nav li{ width:50%; float:left; margin-bottom:2%; }
.index_nav li span { text-align:center; ; line-height:29px; height:58px; display:block; color:#333; overflow:hidden; padding-top:3px;}
.index_nav li a{ display:block; position:relative;width:80%; margin:0 auto; }
.index_nav li a div{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.index_nav li a img{ width:100%;border:#CCCCCC solid 1px;}
.index_nav li a div.cor_01{ background:#f77611 url(images/ico_01-.png) no-repeat center center; background-size:80% auto}
.index_nav li a div.cor_02{ background:#cc4647 url(images/ico_02-.png) no-repeat center center; background-size:80% auto}
.index_nav li a div.cor_03{ background:#4a627a url(images/ico_03-.png) no-repeat center center; background-size:80% auto}
.index_nav li a div.cor_04{ background:#977961 url(images/ico_04-.png) no-repeat center center; background-size:80% auto}
.index_nav li a div.cor_05{ background:#32aeca url(images/ico_05-.png) no-repeat center center; background-size:80% auto}
.index_nav li a div.cor_06{ background:#d1387b url(images/ico_06-.png) no-repeat center center; background-size:80% auto}
.index_nav li a p{ text-align:center; ; line-height:29px; height:58px; display:block; color:#333; overflow:hidden; padding-top:3px;}
/*图片列表*/
.list_images{ padding-bottom:2%}
.list_images li{padding:2%; padding-bottom:0}
.list_images li a{display:block; }
.list_images li a img{width:20%; border:#CCCCCC solid 1px;}
.list_images li a div{ width:73%; margin-left:2%; line-height:1.9; background:#eeeeee; padding:0 2%}
.list_images li a div h3{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; color:#333; font-weight:normal; font-size:1.3em;}
.list_images li a div p{overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; color:#666; }
/*图片导航*/
.navigation{position:absolute;top:0;right:2%;text-align:right;cursor:pointer;line-height:3;color:#162137;font-size:0.85em; color:#666}
#menu li{width:50%;text-align:center;float:left;padding-top:2%}
#menu li a{width:90%;color:#fff;padding:5% 0;margin:0 auto;display:block;background-color:#f77611;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
/*文字列表*/
.list_articles li{width:90%;margin:0 auto; border-bottom:#eee solid 1px}
.list_articles li a{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;line-height:2.5;color:#333}
/*底部导航*/
.bottom_nav li{float:left;width:50%;text-align:center; margin-top:2%}
.bottom_nav li a{}
.bottom_nav li a{
	width:94%;
	padding-left:3%;
	height:36px;
	line-height:36px;
	text-decoration:none;
	display:block;
	background:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#efefef));
	background:-moz-linear-gradient(top,#ffffff,#f0f0f0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#f0f0f0,grandientType=0);
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:#dfdfdf solid 1px;
	margin:0 1%;
}
.bottom_nav li a.color_01{ background:#f77611}
.bottom_nav li a.color_02{ background:#cc4645}
.bottom_nav li a.color_03{ background:#977961}
.bottom_nav li a.color_04{ background:#32aeca}
.bottom_nav li a.color_05{ background:#d1387b}

/*底部*/
#solid_bottom{
	position: fixed;
	width:100%;
	max-width:960px;
	background:-webkit-gradient(linear,0 0,0 100%,from(#3b3b3b),to(#131313));
	background:-moz-linear-gradient(top,#3b3b3b,#131313);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3b3b3b,endColorstr=#131313,grandientType=0);
	bottom:0;
	border-top:1px solid #2a2a2a;
}
#solid_bottom li{float:left;width:25%; }
#solid_bottom li a{display:block;text-align:center;color:#fff;padding:8% 0; border-left:1px solid #131313; border-right:1px solid #3b3b3b;}
#solid_bottom li a img{vertical-align:middle;max-width:32.8125%;display:block;margin:0 auto;width:auto}
/*翻页*/
.page{text-align:center;width:100%;}
.page .arrow_left, .page .arrow_right{text-align:center;display:inline-block;width:70px;padding-bottom:7px;padding-top:4px;-webkit-box-shadow: 0 0 6px rgba(0,0,0,.11); -moz-box-shadow: 0 0 6px rgba(0,0,0,.11); box-shadow: 0 0 6px rgba(0,0,0,.11); background-color:#fff;}
.page .arrow_left img, .page .arrow_right img{vertical-align:middle}
.page .arrow_center{display:inline-block;width:20%}
/*内页*/
.picture .ptitle{color:#cc4645;font-size:1.2em;line-height:2;text-align:center; margin-top:2%; padding-top:2%}
.picture .about_pg{line-height:1.8;margin-top:2%; padding-bottom:2%; padding-top:2%;}
.picture .about_pg  img { max-width:100%;}
.picture .about_img{text-align:center; margin-top:2%; padding:3%; line-height:2.5;}
.picture .about_img img{}
.results{line-height:2.5;margin-top:1.5%; padding-left:2%}
.results span{color:#cc4645; margin:0 2%}
@media screen and (max-width:640px){body,html{font-size:16px}}
@media screen and (max-width:540px){body,html{font-size:14px}}
@media screen and (max-width:480px){body,html{font-size:13.5px}}
@media screen and (max-width:420px){body,html{font-size:13px}}
@media screen and (max-width:360px){body,html{font-size:12.5px}}
@media screen and (max-width:320px) {body,html{font-size:11.5px}}
/*备注*/
/*@media screen and (max-width:1024px){.list_images li a img{height:144px}.banner img{height:480px}}
@media screen and (max-width:960px){.list_images li a img{height:135px}.banner img{height:450px}}
@media screen and (max-width:800px){.list_images li a img{height:113px}.banner img{height:375px}}
@media screen and (max-width:768px){.list_images li a img{height:108px}.banner img{height:360px}}
@media screen and (max-width:640px){.list_images li a img{height:90px}.banner img{height:300px}}
@media screen and (max-width:480px){.list_images li a img{height:68px}.banner img{height:225px}}
@media screen and (max-width:420px){.list_images li a img{height:59px}.banner img{height:197px}}
@media screen and (max-width:360px){.list_images li a img{height:51px}.banner img{height:169px}}
@media screen and (max-width:320px){.list_images li a img{height:45px}.banner img{height:150px}}*/

.bottom_nav { margin-bottom:80px;}

/* table */
.table888_1 td { font-weight:bold; background-color: #87CEFA; padding:5px;}
.datalist tr:nth-child(odd) {background: #d7eefd;}
.datalist tr:nth-child(even){background: #fff;}


.datalist {width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
.datalist caption { padding-bottom:5px;}
.datalist th { padding:10px 15px; border:1px solid #ccc; /* background:#e7e7e7; */text-align: center; font-weight: normal; font-size: 14px}
.datalist td {padding:10px 15px; border:1px solid #ccc; /* background: #f0f0f0;*/ text-align: center; font-size: 14px}
.datalist td a { font-size:14px;}
.datalist tr.altrow { background:#ccc;}

.table { width: 100%; max-width: 100%; margin-bottom: 20px;}
.table >thead >tr >th, .table >tbody >tr >th, .table >tfoot >tr >th, .table >thead >tr >td, .table >tbody >tr >td, .table >tfoot >tr >td { line-height: 1.42857143; padding: 8px; vertical-align: inherit; border-top: 1px solid #ddd;}
.table >thead >tr >th { vertical-align: bottom; border-bottom: 2px solid #ddd;}
.table >caption +thead >tr:first-child >th, .table >colgroup +thead >tr:first-child >th, .table >thead:first-child >tr:first-child >th, .table >caption +thead >tr:first-child >td, .table >colgroup +thead >tr:first-child >td, .table >thead:first-child >tr:first-child >td { border-top: 0;}
.table >tbody +tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed >thead >tr >th, .table-condensed >tbody >tr >th, .table-condensed >tfoot >tr >th, .table-condensed >thead >tr >td, .table-condensed >tbody >tr >td, .table-condensed >tfoot >tr >td { padding: 5px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >tbody >tr >th, .table-bordered >tfoot >tr >th, .table-bordered >thead >tr >td, .table-bordered >tbody >tr >td, .table-bordered >tfoot >tr >td { border: 1px solid #ddd;}
.table-bordered >thead >tr >th, .table-bordered >thead >tr >td { border-bottom-width: 2px;}
.table-striped >tbody >tr:nth-of-type(odd) { background-color: #f9f9f9;}
.table-hover >tbody >tr:hover { background-color: #f5f5f5;}
table col[class*='col-'] { position: static; display: table-column; float: none;}
table td[class*='col-'], table th[class*='col-'] { position: static; display: table-cell; float: none;}
.table >thead >tr >td.active, .table >tbody >tr >td.active, .table >tfoot >tr >td.active, .table >thead >tr >th.active, .table >tbody >tr >th.active, .table >tfoot >tr >th.active, .table >thead >tr.active >td, .table >tbody >tr.active >td, .table >tfoot >tr.active >td, .table >thead >tr.active >th, .table >tbody >tr.active >th, .table >tfoot >tr.active >th { background-color: #f5f5f5;}
.table-hover >tbody >tr >td.active:hover, .table-hover >tbody >tr >th.active:hover, .table-hover >tbody >tr.active:hover >td, .table-hover >tbody >tr:hover >.active, .table-hover >tbody >tr.active:hover >th { background-color: #e8e8e8;}
.table >thead >tr >td.success, .table >tbody >tr >td.success, .table >tfoot >tr >td.success, .table >thead >tr >th.success, .table >tbody >tr >th.success, .table >tfoot >tr >th.success, .table >thead >tr.success >td, .table >tbody >tr.success >td, .table >tfoot >tr.success >td, .table >thead >tr.success >th, .table >tbody >tr.success >th, .table >tfoot >tr.success >th { background-color: #dff0d8;}
.table-hover >tbody >tr >td.success:hover, .table-hover >tbody >tr >th.success:hover, .table-hover >tbody >tr.success:hover >td, .table-hover >tbody >tr:hover >.success, .table-hover >tbody >tr.success:hover >th { background-color: #d0e9c6;}
.table >thead >tr >td.info, .table >tbody >tr >td.info, .table >tfoot >tr >td.info, .table >thead >tr >th.info, .table >tbody >tr >th.info, .table >tfoot >tr >th.info, .table >thead >tr.info >td, .table >tbody >tr.info >td, .table >tfoot >tr.info >td, .table >thead >tr.info >th, .table >tbody >tr.info >th, .table >tfoot >tr.info >th { background-color: #d9edf7;}
.table-hover >tbody >tr >td.info:hover, .table-hover >tbody >tr >th.info:hover, .table-hover >tbody >tr.info:hover >td, .table-hover >tbody >tr:hover >.info, .table-hover >tbody >tr.info:hover >th { background-color: #c4e3f3;}
.table >thead >tr >td.warning, .table >tbody >tr >td.warning, .table >tfoot >tr >td.warning, .table >thead >tr >th.warning, .table >tbody >tr >th.warning, .table >tfoot >tr >th.warning, .table >thead >tr.warning >td, .table >tbody >tr.warning >td, .table >tfoot >tr.warning >td, .table >thead >tr.warning >th, .table >tbody >tr.warning >th, .table >tfoot >tr.warning >th { background-color: #fcf8e3;}
.table-hover >tbody >tr >td.warning:hover, .table-hover >tbody >tr >th.warning:hover, .table-hover >tbody >tr.warning:hover >td, .table-hover >tbody >tr:hover >.warning, .table-hover >tbody >tr.warning:hover >th { background-color: #faf2cc;}
.table >thead >tr >td.danger, .table >tbody >tr >td.danger, .table >tfoot >tr >td.danger, .table >thead >tr >th.danger, .table >tbody >tr >th.danger, .table >tfoot >tr >th.danger, .table >thead >tr.danger >td, .table >tbody >tr.danger >td, .table >tfoot >tr.danger >td, .table >thead >tr.danger >th, .table >tbody >tr.danger >th, .table >tfoot >tr.danger >th { background-color: #f2dede;}
.table-hover >tbody >tr >td.danger:hover, .table-hover >tbody >tr >th.danger:hover, .table-hover >tbody >tr.danger:hover >td, .table-hover >tbody >tr:hover >.danger, .table-hover >tbody >tr.danger:hover >th { background-color: #ebcccc;}
.table-responsive {overflow-x: auto; min-height: 0.01%; }
@media screen and (max-width: 1240px) { 
    .table-responsive {overflow-y: hidden;  width: 100%; margin-bottom: 15px; border: 1px solid #ddd;-ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive >.table { margin-bottom: 0;}
    .table-responsive >.table >thead >tr >th, .table-responsive >.table >tbody >tr >th, .table-responsive >.table >tfoot >tr >th, .table-responsive >.table >thead >tr >td, .table-responsive >.table >tbody >tr >td, .table-responsive >.table >tfoot >tr >td { white-space: nowrap;}
    .table-responsive >.table-bordered { border: 0;}
    .table-responsive >.table-bordered >thead >tr >th:first-child, .table-responsive >.table-bordered >tbody >tr >th:first-child, .table-responsive >.table-bordered >tfoot >tr >th:first-child, .table-responsive >.table-bordered >thead >tr >td:first-child, .table-responsive >.table-bordered >tbody >tr >td:first-child, .table-responsive >.table-bordered >tfoot >tr >td:first-child { border-left: 0;}
    .table-responsive >.table-bordered >thead >tr >th:last-child, .table-responsive >.table-bordered >tbody >tr >th:last-child, .table-responsive >.table-bordered >tfoot >tr >th:last-child, .table-responsive >.table-bordered >thead >tr >td:last-child, .table-responsive >.table-bordered >tbody >tr >td:last-child, .table-responsive >.table-bordered >tfoot >tr >td:last-child { border-right: 0;}
    .table-responsive >.table-bordered >tbody >tr:last-child >th, .table-responsive >.table-bordered >tfoot >tr:last-child >th, .table-responsive >.table-bordered >tbody >tr:last-child >td, .table-responsive >.table-bordered >tfoot >tr:last-child >td { border-bottom: 0;}
}
@media only screen and (max-width: 760px) {
 
.pro_detail .part3 .part_bd{ overflow-x: auto; }
.proinquery { width:100%;}
.basic-grey textarea { width:100%;}
.buttont { width:340px !important; }
}  

.tabclick { margin-top:25px;  margin-bottom:25px; border-bottom:1px solid #ccc; height:32px; }
.tabclick li { float:left; padding:6px 30px; cursor:pointer; line-height:20px; font-size:12px; color:#fff; background:#0968c2; margin-right:4px; }
.tabclick li.on { background:#0968c2; color:#fff; }
.blickitem { padding:15px 0; display:none; font-size:14px; line-height:28px; }



/*翻页*/
.xiaye{padding-top:15px; margin:0 auto; text-align:center;}
.xiaye a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:12px;}
.xiaye a.thisclass { background:#350302; color:#FFFFFF;}
.xiaye a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #350302;color:#FFF;font-size:12px;}
.xiaye span {background: #350302;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}