/**
 * Copyright (c) 2015 Xinhuanet Inc. All rights reserved.
 *
 * @file   css/index.css
 * @author St. <st_sister@icloud.com>
 * @time   2015-11-20-13.32
 *         2015-11-24-16.19
 *         2015-11-26-11.29
 *         2015-11-27-10.22
 *         2015-11-27-13.36
 *         2015-11-27-16.36
 *         2015-12-01-09.41
 */
 
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; }
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container { /* Specify Swiper's Size: */ /*width:200px;
	height: 100px;*/ }
.swiper-slide { /* Specify Slides's Size: */ /*width: 100%;
	height: 100%;*/ }
.swiper-slide-active { /* Specific active slide styling: */ }
.swiper-slide-visible { /* Specific visible slide styling: */ }
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch { /* Stylize pagination button: */ }
.swiper-active-switch { /* Specific active button style: */ }
.swiper-visible-switch { /* Specific visible button style: */ }
/* hey we go! */
html,
body,
div,
p,
h1,
h2,
h3,
ul,
li { margin: 0; padding: 0 }
/* clearfix */
.part:after,
.col:after,
.list li:after,
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.oldie .part,
.oldie .col,
.oldie .list li,
.oldie .clearfix { zoom: 1; } /* ie6 ie7 */
body { font-family: \5FAE\8F6F\96C5\9ED1, Microsoft YaHei, Arial; font-size: 62.5%; color: #000;}
.safari body { font-family: PingHei, Helvetica Neue, elvetica, Arial, Verdana, sans-serif; }
/*.oldie body { font-family: SimSun; }*/

li { list-style-type: none }
a { text-decoration: none; outline: 0; color: #000 }
a:hover { color: #c53024 !important; }
a:hover span { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
img { border: 0; background-position: center center; background-repeat: no-repeat; }
.left { float: left; }
.right { float: right; }
.footer { background-color:#e03e0b; color: #FFFFFF; width: 100%; text-align: center; font-size: 12px; line-height: 18px; padding: 10px 0; margin-top: 20px; }
.hide { display: none; }
/* topNav */
.topNav { width: 100%; z-index: 2; position: absolute; top: 0; font-size:15px; line-height:50px; background-color: rgba(255,255,255,0.3); text-align: center; /*font-family: SimSun*/ }
.topNav a { padding: 0 5px; color: #fb692d; text-align: center; }
/* .part */
.part { width:1000px; margin: 0 auto; }
/* col */
.col .sprite { float: left; }
.col .sprite-t0 { margin-top: 6px; }
.col .sprite-t2,
.col .sprite-t1 { margin-top: 18px; margin-left: 5px; }
.col .sprite-t9,
.col .sprite-t10,.col .sprite-t12 { margin-top: 18px; margin-left: 5px; }
.col .sprite-t8,
.col .sprite-t11,
.col .sprite-t13,
.col .sprite-t7,
.col .sprite-t6,
.col .sprite-t5,
.col .sprite-t4,
.col .sprite-t3 { margin-top: 10px; margin-left: 5px; }
.col .line { display: block; height: 19px; border-bottom: #feb378 1px solid; width: 95px; margin: 0 0 0 5px; }
.col .more,
.col .more a,
.col a .more { font-size: 14px; color: #71869e; line-height: 38px; }
.col .more { float: right; width: 50px; display: block; text-align: right; }
.col .more:hover,
.col .more a:hover,
.col a:hover .more { color: #00925a; text-decoration: underline; }
.col .colIn { position: absolute; top: 0; left: 50%; margin-left: -139px; }
.col .colIn1 { position: absolute; top: 0; left: 50%; margin-left: -139px; }
/* bigTitle */
.bigTitle,
.bigTitle a { font-size: 20px; line-height: 50px; color: #c53024; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bigTitle a:hover { color: #7ad041; }
.partT { padding: 0 10px 12px 20px; margin-bottom: 8px; border-bottom: #a8a8a8 1px dashed; }
/* abs */
.abs { color: #000000; font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; }
/*.oldie .abs { font-family: SimSun; }*/
/* content */
.content { width: 100%; overflow: hidden; margin:90px 0 75px; }
/* list */
.list li { line-height: 36px; font-size: 14px; padding-left: 15px; position: relative; }
.list li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list .d { display: block; width: 5px; height: 5px; -moz-border-radius: 2.5px; -webkit-border-radius: 2.5px; border-radius: 2.5px; background-color:#c53024; overflow: hidden; position: absolute; top: 50%; left: 0; margin-top: -3px; }
.list li:hover .d,
.list li a:hover .d { background-color: #c53024; }
/* list2 */
.list2 li,
.list2 li a { color: #FFFFFF; font-size: 18px; }
.list2 li {
    background-color: #c53024;
    border-bottom: #FFFFFF 1px solid;
    line-height: 68px;
    font-size: 22px;
    padding: 0 15px;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
}
.list2 li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list2 .d { display: none; border-left: 9px solid #c53024; border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: -8px; margin-right: -12px; top: 50%; right: 0; width: 0; height: 0; line-height: 0; font-size: 0; position: absolute; overflow: hidden; }
.list2 .active .d,
.list2 li:hover .d { display: block; }
.list2 .active,
.list2 li:hover { background-color:#feb378; }
/* bgGray */
.bgGray {  }


/* mainRender */
.mainRender { }
.mainRenderIn { }
.topHeightBlank { margin: 0 auto; overflow: hidden; height:350px; }
/* banner */
.top { width: 100%; position: absolute; z-index: 1; overflow: hidden; }
.top .banner { width: 100%; }
.top .banner,
.top .layer { width: 1920px; height: 432px; }
.top .banner { position: absolute; overflow: hidden; top: 0; left: 50%; margin-left: -960px; }
.top .layer { position: absolute; left: 0; top: 0; }
.top .b0 { z-index: 6 }
.top .b1 { z-index: 5 }
.top .b2 { z-index: 4 }
.top .b3 { z-index: 3 }
.top .b4 { z-index: 2 }
.top .b5 { z-index: 7 }
.top .b6 { z-index: 1; pointer-events: none; }
.top .b0 .sprite { top: 135px; left: 125px; }
.top .b1 .sprite { top: 116px; left: 610px; }
.top .b2 .sprite { top: 150px; left: 220px; }
.top .b3 .sprite { top: 189px; left: 866px; }
.top .b4 .sprite { top:50px; left:-30px; }
.top .b5 .sprite { top: 70px; left: 26px; }
.top .layer .sprite { position: absolute; }
.top .part { height: 432px; position: relative; }
/* topBg */

.top,
.top .banner,
.topBg { height: 813px; }
.topBg { width: 100%; position: absolute; z-index: 0; top: 0; }
.topBg .bg { width: 2520px; height: 813px; background-position: center top; background-repeat: no-repeat; position: absolute; margin-left: -1260px; top: 0; left: 50%; }
.topBg .bg0 { background-image: url(../img/bg0.jpg); }
.topBg .bg1 { background-image: url(../img/bg1.jpg); }
.topBg .bg2 { background-image: url(../img/bg2.jpg); }
.topBg .bg3 { background-image: url(../img/bg3.jpg); }
/* mainBox */
.mainBox { position: relative; z-index: 2; }
/* nav */
.nav { background-color:#e03e0b; height: 60px; line-height: 60px; overflow: hidden; font-size: 20px; text-align: center; opacity:0.8; }
.nav a { display: inline-block; width:15%; color: #FFF; }
.nav a.active,
.nav a:hover { background-color: #ffb5a4; }
.oldie .nav a { zoom: 1; }
/* main */
.main { }
.main .part { margin-top:30px; }

/* loadingTip */
.loadingTip { padding: 60px; font-size: 16px; text-align: center; margin: 0 auto; }
.loadingTip p { margin-bottom: 20px; }
/* iframe */
#iframe0 .content { height: 563px; position: relative; }
#iframe0 .content .mask { width: 980px; height: 518px; position: absolute; top: 0; left: 0; z-index: 2; }
#iframe1 .content { height: 624px; }
#iframe2 .content { height: 838px; }
/* ======================> tinyHui <======================== */
/* listPic */
.listPic { /*margin: 20px auto 0*/ }
.listPic li { width: 245px; height: 245px; overflow: hidden; float: left; position: relative; }
.listPic li img { width: 245px; height: 245px; }
.listPic li .tit { position: absolute; width: 245px; height: 245px; left: 0; top: 245px; background-color: rgba( 197, 48, 36, 0.7); -webkit-transition: top .3s; -moz-transition: top .3s; -ms-transition: top .3s; -o-transition: top .3s; transition: top .3s; }
.listPic li .tit h3 { margin: 73px 45px 0; font-size: 16px; line-height: 25px; color: #fff; text-align: center; }
.listPic li .tit h3 a { color: #fff }
.oldie .listPic li .tit { background-color: #feb378; }
.listPic li.li01 .tit,
.listPic li.li03 .tit,
.listPic li.li06 .tit,
.listPic li.li08 .tit,
.listPic li a:hover .tit { display: block; top: 0; }
.listPic li.li01 .tit,
.listPic li.li03 .tit { background-color: #feb378; }
.listPic li.li06 .tit,
.listPic li.li08 .tit { background-color: #fc6e51; }
.visualCon { /*width: 992px;*/ height: 435px; margin: 0px auto; position: relative; overflow: hidden; /*border: 4px solid #fff;*/ }
.visualCon ul li { width: 95px; height: 435px; border-left: 1px solid #fff; position: relative; overflow: hidden; float: left; }
.visualCon ul li .imgTop img { opacity: 1; width: 600px; height: 435px; }
.visualCon ul li .imgTop img.tm { opacity: 1; }
.visualCon ul li .imgCon { width: 600px; height: 435px; }
.visualCon ul li .imgCen { width: 600px; height: 50px; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px; line-height: 50px; position: absolute; left: 0px; bottom: 0px; text-indent: 20px;/*display:none;*/ }
.oldie .visualCon ul li .imgCen { background: #00b279; }
.visualCon ul li .imgCen a { color: #fff; font-size: 20px; line-height: 50px; height: 50px; width: 600px; overflow: hidden; }
.visualCon ul li.first { width: 600px; }
.visualCon ul li.fast { position: absolute; right: 0px; bottom: 0px; }









/*底部滚动图*/
.index_main4 {

}
.index_main4 .cont {
	    width: 120px;
    height:450px;
}
.index_main4 .cont .picScroll-left {
    width:120px;
    position: relative;
	height:240px; padding-top:210px;
}
.index_main4 .cont .picScroll-left .hd .prev {
	width:29px;
	height:71px;
	position:absolute;
	top:160px;
	left:-64px;
	background:url(http://www.newsimg.cn/tech/fjdqy2017/img/zuojian1.png) no-repeat center center;
	cursor:pointer
}
.index_main4 .cont .picScroll-left .hd .prev:hover {
	background-image:url(http://www.newsimg.cn/tech/fjdqy2017/img/zuojian2.png)
}
.index_main4 .cont .picScroll-left .hd .next {
	width:29px;
	height:71px;
	position:absolute;
	top:160px;
	right:-64px;
	background:url(http://www.newsimg.cn/tech/fjdqy2017/img/youjian1.png) no-repeat center center;
	cursor:pointer
}
.index_main4 .cont .picScroll-left .hd .next:hover {
	background-image:url(http://www.newsimg.cn/tech/fjdqy2017/img/youjian2.png)
}
.index_main4 .cont .picScroll-left .hd ul {
	float:right;
	overflow:hidden;
	margin-top:10px;
	zoom:1
}
.index_main4 .cont .picScroll-left .hd ul li {
	float:left;
	width:9px;
	height:9px;
	overflow:hidden;
	margin-right:5px;
	text-indent:-999px;
	cursor:pointer
}
.index_main4 .cont .picScroll-left .hd ul li.on {
	background-position:0 0
}
.index_main4 .cont .picScroll-left .bd {
	width:80px; height:240px; padding:0 20px;
	overflow:hidden
}
.index_main4 .cont .picScroll-left .bd ul {
	overflow:hidden;
	zoom:1
}
.index_main4 .cont .picScroll-left .bd ul li {
	margin-right:10px;
	float:left;
	overflow:hidden;
	text-align:center
}
.index_main4 .cont .picScroll-left .bd ul li img {
	width:80px;
	height:80px;
	display:block;
	transition:.5s;
}
.index_main4 .cont .picScroll-left .bd ul li img:hover {
	transform:scaleX(1.2) scaleY(1.2);
	transition:.5s;
}
.index_main4 .cont .picScroll-left .bd ul li span {
	width:200px;
	height:40px;
	background:url(http://www.newsimg.cn/tech/fjdqy2017/img/hsbtm1.png);
	bottom:0;
	left:0;
	padding:13px 20px;
	line-height:22px;
	color:#fff;
	font-size:16px;
	text-align:left;
	position:absolute;
}
.index_main4 .cont .picScroll-left .bd ul li span:hover {
	color:#d70100;
}

.rel{ position:relative;}



/* iPhone4/5/5s */
@media(max-width:320px) {
}

/* iPhone6 & iPhone6 Plus */
@media(min-width:321px) and (max-width:375px) {
}

/* */
@media(min-width:376px) and (max-width:414px) {
}


.picScroll-top {
    margin: 0 auto;
    width:120px;
    overflow: hidden;
    position: relative;
}
	.picScroll-top .bd {
    padding: 10px;
}
.picScroll-top .bd {
    padding: 10px;
}
.picScroll-top .bd ul {
    overflow: hidden;
    zoom: 1; height:2240px;
}
.picScroll-top .bd ul li {
    text-align: center;
    zoom: 1;
}
.picScroll-top .bd ul li .pic {
    text-align: center;
}
.picScroll-top .bd ul li .pic img {
    width: 80px;
    height: 80px;
    display: block;


}