body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, pre, textarea,strong,span,a{ margin: 0; padding:0 }  
body {font-family:"微软雅黑" "Helvetica Neue",Helvetica,Arial,sans-serif; background:url(http://www.5068.com/uploads/allimg/160415/95_160415153924_3.jpg) no-repeat center top #fff;font-size:12px;line-height: 1.42857;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
html{ display:inline-table; width:100%;}
ol, li, ul { margin: 0; padding: 0; }
td, th, input { padding: 0; }
input,select,textarea,button { vertical-align: middle; }
br { line-height: 0; font-size: 0; }
li{ list-style-type: none; list-style-position: outside; }
img { vertical-align: top; border: 0; }
ul,ol { list-style: none; }
a{ color:#464646;text-decoration:none;}
a:hover{opacity:0.8; color:#F60; text-decoration:none}

.clear20{clear:both;height:20px; width:100%;overflow:hidden;}
.cf { zoom: 1; /* no width and ie */ }
.cf:after {
	content: '.'; /* ff opear chrome */
	visibility: hidden; /* clear content  */
	clear: both; /* ff opear chrome */
	display: block; /* ff opear chrome */
	height: 0; /* ff opear chrome */
}

.fl{ float:left}
.fr{ float:right}


/*--------------------------------head-------------------------------*/
.head{ width:1200px; padding-top:256px; margin:0px auto 20px auto; text-align:center}
.article{ width:1200px; margin:0px auto}
.tp1{ margin-top:87px; margin-left:20px; float:left}
/*幻灯*/
.focus{  width:535px; height:335px; position:relative;overflow:hidden; background:#fff; border:solid 5px #fff; border-radius:10px; box-shadow:3px 3px 3px #CCC; margin-left:45px; float:left}
.small-pic,.pic-text,.small-list{overflow:hidden; zoom:1;}
.head-pic .big-pic .gray-bg {height:40px; width:535px; background:#000;filter:alpha(opacity=60);opacity:0.6; position:absolute;  margin-top:-40px; z-index:100;position: relative;}
.head-pic .big-pic{height:335px;width:535px;float:left}
.head-pic .big-pic .to-describe {height:40px; color:#fff;z-index:200;margin-top:-40px;}
.head-pic .big-pic .to-describe h2{ display:block;color:#fff;bottom:0;left:0; z-index:300; position:relative;}
.head-pic .big-pic .to-describe h2{ color:#fff; width:260px;padding:0 5px;height:40px; overflow:hidden;}
.head-pic .big-pic .to-describe h2 a{ font-size:14px;line-height:40px;color:#fff; font-weight:bold; text-decoration:none;}
.head-pic .big-pic img{border:none; width:535px; height:335px;}
.small-pic { height:12px; right:0; bottom:10px; position:absolute; color:#fff; z-index:500;}
.small-pic li{display:block; width:20px; height:8px; float:left; overflow:hidden; background:#fff;margin:0 7px 0 0;cursor:pointer;}
.small-pic li.on{background:#dddc00;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.5068.com/sjpcauto/images/eth/flash1.png',sizingMethod='crop'); color:#fff;}

td, th,table,thead{ border:0px}
table {border-collapse: collapse;  border-spacing: 0;}
.news{ width:96%; float:left; margin-top:20px; padding:0px 1%}
.sgzf{ width:66.7%; float:left}
.jpt{ background:url(http://www.5068.com/uploads/allimg/160811/1-160Q1155040.png) no-repeat left; height:52px; line-height:52px; color:#000; font-size:20px; font-family: "Microsoft YaHei"; padding-left:60px; font-weight:bold;} 
.jpt a{ float:right; font-size:18px; font-weight:normal; color:#2aae00}
.data-table span{    padding: 0 0.625em;}
.data-table .odd{background-color:#0088de}.data-table .even{background-color:#009ce0}.data-table thead{background-color:#009ce0}.data-table .th-country{text-align:left;padding-left:3.125em;width:8.75em}.data-table td{    font-size: 1.36em; color: #fff;line-height: 44px;text-align: center; font-family: "Microsoft YaHei";}.data-table th{    font-size: 1.6em; font-family: "Microsoft YaHei";color:#fff;text-align:center}.data-table td .country-id,.data-table th .country-id{padding:0 .625em}.data-table td span,.data-table th span{font-size:1.1em}.data-table td img,.data-table th img{    width: 2.1em; height: 2.1em; padding-top: 6px;padding-right:.25em}.data-table td strong,.data-table th strong{font-size:.875em}.data-table td:first-child,.data-table th:first-child{padding-left:.625em;text-align:left}.data-table tr th:first-child{text-align:center}
.jiangp{ width:31.9%; float:right}
.news1{ width:24%; float:left; display:inline-block; text-align:center}
.news1 img{ width:100%;} 
.news1 p{ line-height:18px; height:18px; overflow:hidden; padding-top:5px;}
.news ul{ display:inline-block; width:74%; float:right}
.news ul li{ width:47%; float:left; font-size:14px; line-height:28px; height:28px; overflow:hidden; padding-left:15px; background:url(images/dian.jpg) no-repeat left;}
.news ul li.on{ width:100%; float:left; background:#fff; border:solid 1px #f9b31f; font-size:16px; font-family: "Microsoft YaHei"; padding:0px 10px;  margin-bottom:5px }
.news ul li.on a{ color:#ee7202}
.mb30{ margin-bottom:30px;}
.title1 span{ font-size:25px; font-family: "Microsoft YaHei"; font-weight:bold; color:#003661; background:url(images/t.jpg) no-repeat right; padding-right:35px;}
.title1 span.on{ background:none}
.title1 a{ color:#999999}
.tp2{padding-top:6px;}
.tp2 li{ width:20%; float:left; text-align:center; padding-top:6px;}
.tp2 li img{ width:97%;border-radius:5px; }
.left{ width:66.7%}
.right{ width:31.9%}
.title2{ background:url(images/title2.jpg) no-repeat left; height:35px; line-height:35px; color:#fff; font-size:20px; font-family: "Microsoft YaHei"; padding-left:10px; font-weight:bold; margin-bottom:10px;} 
.title2 a{ float:right; font-size:12px; font-weight:normal; color:#2aae00}
.ri span{ display:inline-block; width:14.28%; float:left; color:#0ea1d9; font-weight:bold; line-height:30px; text-align:center}

#topic_index_main_v1{width:100%;margin:0 auto}
#topic_index_main_v1 .hot{height:300px;overflow:hidden}
#topic_index_main_v1 .hot .nav{height:150px; width:100%; background:none;}
#topic_index_main_v1 .hot .nav li{float:left;line-height:42px;height:42px;border:1px #dedede solid; width:14%;color:#000; font-size:14px;cursor:pointer; text-align:center; margin-right:-1px; margin-bottom:5px}
#topic_index_main_v1 .hot .nav .cur{background:#0ea1d9; border:solid 1px #0ea1d9;color:#fff;font-weight:bolder;position:relative; }
#topic_index_main_v1 .hot .ct{font-size:12px; padding-top:5px; height:86px;line-height:27px;overflow:hidden}
#topic_index_main_v1 .hot .ct .pl{height:100%;overflow:hidden; width:100%}
#topic_index_main_v1 .hot .ct .pl div{ width:100%}
#topic_index_main_v1 .hot .riqi span{ width:14%; float:left; line-height:42px; border:solid 1px #dedede; color:#c0c0c0; text-align:center; margin-right:-1px}

.list1 li{ background:url(images/dian2.jpg) no-repeat left; line-height:28px; height:28px; overflow:hidden; padding-left:15px; width:43.8%; float:left; margin:0px 1%}
.wq li{ height:31px; line-height:31px}
.wq{ background:url(images/wang.jpg) no-repeat left; height:246px;}
.wq li span{ color:#fff; display:inline-block; width:51px; font-weight:bold; text-align:center; padding-right:40px}
.list2 li{font-size:14px; line-height:30px; height:30px; overflow:hidden; padding-left:15px; background:url(images/dian.jpg) no-repeat left;}
.list2 li span{ float:right; padding-left:15px; color:#a2a2a2}


.bk8_b{ width:100%;  overflow:hidden;height:364px;position:relative; margin-top:10px}
.bk8_b .img01{ position:absolute; width:24.5%; height:auto; float:left; overflow:hidden; top:0px; left:0px;}
.bk8_b .img02{ position:absolute; width:20.5%; height:auto; float:left; overflow:hidden; top:0px; left:25%;}
.bk8_b .img03{ position:absolute; width:32.9%; height:auto; float:left; overflow:hidden; top:0px; left:46%;}
.bk8_b .img04{ position:absolute; width:20.5%; height:auto; float:left; overflow:hidden; top:229px; left:25%;}
.bk8_b .img05{position:absolute; width:16.2%; height:auto; float:left; overflow:hidden; top:229px; left:46%;}
.bk8_b .img06{position:absolute; width:16.2%; height:auto; float:left; overflow:hidden; top:229px; left:62.7%;}
.bk8_b .img07{ position:absolute;width:20.6%; height:auto; overflow:hidden; top:0px;  float:right; right:0px;}
.bk8_b span{display:none; width:100%; height:100%; background:url(images/grid-shadow-2.png) repeat-x left bottom; color:#fff; position:absolute; left:0; top:0;}
.bk8_b em{ position:absolute; left:4px; bottom:4px; line-height:20px;display:block; font-style:normal}
.bk8_b a:hover span{display:block;}
.bk8_b img{ width:100%}

/* -----------------------------------------foot--------------------------------------------- */

.foot p{ width:100%; text-align:center}
.foot{ width:1000px;overflow:hidden; margin:0 auto;text-align:center; padding:0px;line-height:25px; color:#9e9e9e;height:auto; font-size:12px}
.foot a{color:#9e9e9e;}


@media screen and (max-width: 768px) {
.article,.head,.foot{ width:100%;}
.head{ margin-bottom:15px;}
.tp1{ margin-top:0px; float:none; }
.focus{  width:95%; margin:15px auto 0px auto; float:none}
.head-pic .big-pic .gray-bg{ width:100%}
.head-pic .big-pic,.head-pic .big-pic img{ width:100%;}
.news{ width:98%;}
.mb30,.left{ margin-bottom:15px;}
.left,.right{ width:100%}
.tp2 li{ width:33%; float:left; text-align:center; padding-top:6px;}
}