/*--- reset ---*/
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, button, input, figure, textarea, p, blockquote, iframe, table, caption, tbody, tfoot, thead, th, td { margin:0; padding:0; }
html { font-family: sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
button, input, select, textarea { font-family:sans-serif; font-size: 100%; vertical-align:baseline; *vertical-align:middle;
}
button, input { line-height:normal; }
button, select { text-transform:none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance:button; cursor:pointer; *overflow:visible;
}
button[disabled], html input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; *height:13px;
*width:13px;
}
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}
html { overflow-x:hidden; }
*html, *html body { background-image:url(about:blank); background-attachment:fixed; }
ol, ul { list-style:none; list-style-image:none; }
fieldset, abbr, acronym { border:0; }
abbr[title] { border-bottom: 1px dotted; }
img { border:0; vertical-align:top; }
address, caption, cite, code, dfn, i, em, b, s, q, th, var, optgroup { font-style:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; }
h1, h2, h3, h4, h5, h6, b, s, i { font-weight:normal; text-decoration:none; }
code, kbd, pre, samp { font-family:monospace, serif; _font-family:"courier new", monospace; font-size:1em; }
small { font-size:80%; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
audio, canvas, video { display:inline-block; *display:inline;
*zoom:1;
}
legend { border:0; padding:0; white-space:normal; *margin-left:-7px;
}
audio:not([controls]) {
display:none;
height:0;
}
[hidden] {
display:none;
}
svg:not(:root) {
overflow:hidden;
}
a:focus, a:active, a:hover { outline:0; }
a { color:#333; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:none; }
/*  CMS Common title colors  */
.title_default { }
.title_black { color:black !important; }
.title_red { color:red !important; }
.title_blue { color:blue !important; }
.title_green { color:green !important; }
.title_brown { color:brown !important; }
.title_gray { color:gray !important; }
.clearfix:after,.divCon:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,.divCon { display:inline-block; }
.clearfix,.divCon { zoom:1; display:block; }
.divCon { width:1000px; margin:0 auto; }
/* 
 * \5FAE\8F6F\96C5\9ED1 = Windows:Microsoft YaHei Mac OS:STHeiti
 * \5B8B\4F53 = Windows:SimSun Mac OS:STSong
 */
body, html { height:100%; font-size:14px; font-family:Microsoft YaHei; -webkit-overflow-scrolling:touch; }
body { background-color:#ffffff; color:#333333; }
.bannerbg{ width:100%; height:612px; background:url(../img/banner2018.jpg) no-repeat scroll center top;}

.modtit{ height:48px; text-indent:80px; line-height:46px; margin-bottom:15px; width:100%; background:url(../img/comTit.png) no-repeat;}
.modtit,.modtit a{ font-size:24px; font-weight:bold; color:#ff0000;}

/**/
.banner{ height:612px; /*background:url(../img/banner.jpg) no-repeat scroll center top;*/ position:relative;}
.banner .zhuang,.banner .kuo,.banner .dong,.banner .fang0,.banner .chao,.banner .feng,.banner .jin0,.banner .xin,.banner .shi,.banner .dai{position:absolute; left:50%; top:110px;}
.banner .zhuang{margin-left:-453px;
-webkit-animation:fadeInRightBig 1s .2s ease both;
-moz-animation:fadeInRightBig 1s .2s ease both;}
.banner .kuo{ margin-left:-368px;
-webkit-animation:fadeInRightBig 1s .4s ease both;
-moz-animation:fadeInRightBig 1s .4s ease both;}
.banner .dong{margin-left:-285px;
-webkit-animation:fadeInRightBig 1s .6s ease both;
-moz-animation:fadeInRightBig 1s .6s ease both;}
.banner .fang0{margin-left:-202px;
-webkit-animation:fadeInRightBig 1s .8s ease both;
-moz-animation:fadeInRightBig 1s .8s ease both;}
.banner .chao{margin-left:-118px;
-webkit-animation:fadeInRightBig 1s 1s ease both;
-moz-animation:fadeInRightBig 1s 1s ease both;}
.banner .feng{margin-left:9px;
-webkit-animation:fadeInRightBig 1s 1.2s ease both;
-moz-animation:fadeInRightBig 1s 1.2s ease both;}

.banner .jin0{margin-left:95px;
-webkit-animation:fadeInRightBig 1s 1.4s ease both;
-moz-animation:fadeInRightBig 1s 1.4s ease both;}
.banner .xin{margin-left:181px;
-webkit-animation:fadeInRightBig 1s 1.6s ease both;
-moz-animation:fadeInRightBig 1s 1.6s ease both;}
.banner .shi{margin-left:268px;
-webkit-animation:fadeInRightBig 1s 1.8s ease both;
-moz-animation:fadeInRightBig 1s 1.8s ease both;}
.banner .dai{margin-left:354px;
-webkit-animation:fadeInRightBig 1s 2s ease both;
-moz-animation:fadeInRightBig 1s 2s ease both;}


@-webkit-keyframes fadeInRightBig{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRightBig{
0%{opacity:0;
-moz-transform:translateX(2000px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}


.banner .time{ width:597px; height:70px; text-align:center; position:absolute; left:50%; margin-left:-300px; top:220px;
-webkit-animation:fadeInUp 1s 2.2s ease both;
-moz-animation:fadeInUp 1s 2.2s ease both;}



@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.banner .time img{ margin:0 auto;}

.banner .bird{ position:absolute; left:50%; top:350px; margin-left:-26px;-webkit-animation:fadeIn 1s 2.4s ease both;
-moz-animation:fadeIn 1s 2.4s ease both;}
{
0%{opacity:0}
100%{opacity:1}
}
{
0%{opacity:0}
100%{opacity:1}}


.bannerwap{ display:none;}

.newslist { text-align:left; }
.newslist li { line-height:36px; height:36px; overflow:hidden;background:url(../img/quan.png) no-repeat 0 center; padding-left:15px;overflow:hidden; font-size:16px;}
.figure-news{ padding: 0 0 15px;}
.figure-news dt{ font-size:18px; line-height:24px; height:24px; overflow:hidden;}
.figure-news dd{ line-height:24px; padding-top:10px;font-size:13px;color:#666;}
.figure-news dd a{color:#ff0000;}
.r1_left .figure-news dt a{ color:#ff0000;}

/*r1*/
.r2{margin-top:40px;}
.r3{margin-top:20px;}
.r1_title { display:block; padding:30px 0; text-align:center;}
.r1_title h1{ font-size:36px; font-weight:bold;}
.r1_title p{ font-size:14px; display:block; padding-top:10px; line-height:22px;}
.r1_left{ width:380px; float:left;}
.r1_left .figure-news dd{height:48px; overflow:hidden;}
.r1_right{ width:600px; height:320px; float:right; overflow:hidden;}


.r1 img,.r2 img,.r3 img {width:135px; height:75px;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.r1 img:hover,.r2 img:hover,.r3 img:hover { 
	-webkit-transform:scale(1.1); 
	-moz-transform:scale(1.1); 
	-ms-transform:scale(1.1); 
	-o-transform:scale(1.1); 
	transform:scale(1.1); }
	
	
/**/
.swiper-container {
      width: 100%;
      height: 100%;
    }
.swiper-slide {
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; position:relative;
    }
.swiper-slide img{ width:600px; height:318px; display:block; position:absolute; left:0px; top:0px; z-index:1;}	
.swiper-slide p{ width:100%; height:40px; line-height:40px; background:url(../img/imgTit.png) repeat; position:absolute; left:0px; bottom:0px; z-index:2;}	
.swiper-slide p em{ display:block; color:#fff; padding:0 20px;}
.r2_left,.r2_right,.r3_left,.r3_right{ height:auto; overflow:hidden;}
.r2_left{width:584px; float:left;}
.r2_right{width:400px; float:right;}
.r3_left{ width:436px; float:left;}
.r3_right{ width:540px; float:right;}
.r2_left .newslist{ margin-left:20px;}
.r2_left .newslist li{ max-width:500px; overflow:hidden;}

.r2_left .item_pic,.r3_right .item_pic{ width:232px; height:155px; position:relative; overflow:hidden; display:inline-block; margin:15px 20px 0; float:left;}
.r3_right .item_pic{margin:15px 10px 18px 28px;}
.r2_left .item_pic img,.r3_right .item_pic img{ width:232px; height:155px; overflow:hidden;}
.r2_left .item_pic p,.r3_right .item_pic p{ width:100%; height:30px; line-height:30px; background:url(../img/imgTit.png) repeat; position:absolute; left:0px; bottom:0px; z-index:2;}
.r2_left .item_pic p em,.r3_right .item_pic p em{ display:block; padding:0 5px;color:#fff;}
.r2_right .figure-news,.r3_left .figure-news{ margin:12px 20px 5px 20px;}
.r2_right .figure-news{ border-bottom:1px dashed #9d9d9d;}
.r2_right .figure-news dd,.r3_left .figure-news dd{ height:72px; overflow:hidden;}
.r2_right .figure-news:nth-child(4n) { border-bottom:none;}
.r3_left .figure-news{ padding:8px 0 0;}

.r4{margin-top:20px;}
.r4_left{width:480px; float:left;}
.r4_right{width:480px; float:right;}
.r4_img{width:500px; overflow:hidden; padding-top:5px;}
.r4 .item_pic{ width:232px; height:155px; position:relative; overflow:hidden; display:inline-block; float:left; margin-right:12px;}
.r4 .item_pic img{ width:232px; height:155px; overflow:hidden;}
.r4 .item_pic p{ width:100%; height:30px; line-height:30px; background:url(../img/imgTit.png) repeat; position:absolute; left:0px; bottom:0px; z-index:2;}
.r4 .item_pic p em{ display:block; padding:0 5px;color:#fff;}
.r4 .newslist{ padding:25px 0 0 15px;}


/* footer */
.footer {width:100%; height:auto; overflow:hidden; background:#eee; text-align:center; margin-top:35px; padding:20px 0; }
.footer a { padding:1px; }
.footer_wap{ display:none; text-align:center; background-color: #d73c3c; color:#fff; padding: 15px 0; line-height: 20px; font-size: 14px; margin-top:15px;}
.footer_wap a{ color:#fff;}

/* pad */
@media screen and (max-width:1024px) {
.divCon {
width:100%;
}
.bannerwap,.footer_wap{ display:block;}
.bannerwap img{ width:100%;}
.bannerbg,.chanNav,.footer{ display:none;}
.r2{ padding-top:10px; margin-top:0;}
.r3{ margin-top:0;}
.r1_left{ width:36%; padding-left:2%;}
.r1_right{width:58%; padding-right:2%;}
.r2_left,.r2_right,.r3_left,.r3_right{height:auto;}
.r2_left{width:52%;margin-left:2%}
.r2_right{width:42%;margin-right:2%}
.r3_left{ width:42%; margin-left:2%}
.r3_right{ width:52%; margin-right:2%}
.r2_left .item_pic, .r3_right .item_pic{  width: 46%;height: auto; margin:10px 2% 3%;}
.r4 .item_pic{  width: 46%;height: auto; margin:0 2% 3%;}
.r4 .newslist{ padding:0 0 0 5px;}

.r1_right{ height:236px;}
.swiper-slide img{ width:100%; height:236px;}
.r1_left .figure-news dd{ display:none;}
.r1_title{ padding:20px 0;}
.r4{margin-top:0;}
.r2_right .figure-news dd, .r3_left .figure-news dd{ height:78px;}
.figure-news{ padding: 0 0 10px;}
.newslist li { line-height:28px; height:28px; }
}
/*  */
@media screen and (max-width:767px) {
.r1_title h1{ font-size:22px;}
.r1_title{ padding:10px 0;}
.r2_left .newslist{ margin-left:5px;}
.divCon {
width:100%;
}

.r1_left{ width:96%; padding-left:2%;}
.r1_right{width:96%; padding-right:2%; margin-top:10px;}
.r2_left,.r2_right,.r3_left,.r3_right{height:auto;}
.r2_left,.r3_left,.r4_left{width:96%;margin-left:2%}
.r2_right,.r3_right,.r4_right{width:96%;margin-right:2%}
.r2_right .figure-news, .r3_left .figure-news{ margin:10px;}
.r2_left .item_pic img, .r3_right .item_pic img{ width:100%; height:113px;}
.r2_right .figure-news:last-child{ margin:10px 10px 0;}

.r1_right{ height:406px;}
.swiper-slide img{ width:100%; height:406px;}
.r4_img{width:100%; padding-top:0;}

.r4_right{ margin-top:10px;}

}
/* phone + pad(portrait) */
@media screen and (max-width:450px) {
	.mod_Tit{ height:auto;}
	.mod_Tit img{ width:100%;}
.r1_right{ height:190px;}
.swiper-slide img{ width:100%; height:190px;}
.r2_left .item_pic img, .r3_right .item_pic img,.r4 .item_pic img{ width:100%; height:113px;}
}
@media screen and (max-width:320px) {
.r1_right{ height:162px;}
.swiper-slide img{ width:100%; height:162px;}
.r2_left .item_pic img, .r3_right .item_pic img,.r4 .item_pic img{ width:100%; height:96px;}
.r4_jd_bg a{ width:170px; height:50px; line-height:50px; font-size:18px; margin-left:-82px; top:56%;}
}

@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}
100%{opacity:1;-moz-transform:translateY(0)}}
.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp}

@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig}