@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font-family: 思源黑体;
  vertical-align:baseline;
}
blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:""; content:none; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration:line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

ul{list-style: none;}

img {
    vertical-align: middle;
}
a{text-decoration: none;}

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

.banner{width:100%;}
.banner img{width: 100%;height: 100%;vertical-align: middle;margin-top: 100px;}

.linian{width:100%;margin:100px auto 0 auto;overflow: hidden;}
.linian h3{display: block;line-height: 32px;font-weight: normal;font-size: 30px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.linian p{width: 70%;
    margin:12px auto;
    font-size: 16px;
    line-height: 30px;
    color: #888;
	text-align: center;}

.xuanxiang{width:600px;margin: 50px auto 100px auto;overflow: hidden;}
.xuanxiang a{float:left;width: 298px;text-align: center;height: 45px;line-height: 45px;color: #fff;font-size: 18px;background: #00b0c7;border: 1px solid #fff;}
.xuanxiang a:hover{color:#555;border: 1px solid #ddd;background: #fff;}

.xuanxiang1{width:300px;margin: 50px auto 100px auto;overflow: hidden;}
.xuanxiang1 a{float:left;width: 298px;text-align: center;height: 45px;line-height: 45px;color: #fff;font-size: 18px;background: #00b0c7;border: 1px solid #fff;}
.xuanxiang1 a:hover{color:#555;border: 1px solid #ddd;background: #fff;}

.index-sec2{position: relative;margin-top: 150px;overflow: hidden;width: 70%;margin: 0 auto;}
.index-sec2-video{ width: 100%; float: left; position: relative;  }
.index-sec2-video:before{ content: ""; position: absolute; width: 0px; height: 0px; background-color: #43403f; bottom: -68px; left: 22.7vw; }
.index-sec2-video:after{ content: ""; position: absolute; width: 0px; height: 0px; background-color: #43403f; bottom: -85px; right: 0; }
.index-sec2-video .big-img{ width: 100%; height: 100%;display: block; overflow: hidden; float: left; position: relative;}
.index-sec2-video .big-img:before{ content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.26); z-index: 1 }
.index-sec2-video .big-img img{width: 100%; height: 100%;  -webkit-transition: all 0.6s ease-in-out;  -moz-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.index-sec2-video .big-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.index-sec2-video .cut3video{
	width:100%;
	min-height:100%;
}
.popWindow{position:fixed;left:0;top:0;width:100%;height:100%;background: url(../images/opacity-b60.png);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.popWindow.popShow{ opacity: 1; visibility: visible; z-index:9999;}
.popWindow .popDialog{ position: absolute; left: 0; top: 50px; bottom: 0; right: 0;}
.popWindow .popOverlay{ position:absolute; left:0; top:0; width:100%; height:100%;}
.popWindow .popClose{ position:absolute; right:24px; top:24px; width: 28px; height: 28px; background: url(../images/pop_close.png) center no-repeat; z-index:1;}
.vPlayer{
		overflow: hidden;
	}
.popWindow .btnWarp{ text-align:center; border-top:#e4e4e4;}
.popWindow .btnWarp .center{ display:inline-block; overflow:hidden;}
.popWindow .btnWarp button{ float:left; cursor:pointer; border-radius:5px; background-color:#f0f0f0; border:1px solid #c3c3c3;-webkit-transition:all .2s; transition:all .2s;}
.popWindow .btnWarp button:hover{ background-color:#4f89f5; color:#fff; border-color:#4e73b9;}
.pop-video .popClose{ left: 100%; right: auto; top: 0; margin-left: 10px;}
.pop-video .popDialog{ width: 63%;
    height: 800px;
    z-index: 1;
    margin: auto;}
.vPlayer{ width:100%; height:100%;}
.bPlayer{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; z-index: 9; overflow: hidden;}
.video-a{ position: relative;}
.video-a em{width: 86px; height: 86px; display: block;  background: url(../images/video-btn.png) 0 0 no-repeat; position: absolute; top: 0; bottom: 0;right: 0;left: 0; margin:auto; z-index: 2}
.index-sec2-right{ position: absolute; right: 0; height: 550px; background-color: #fdd108; width: 10%; }
.index-sec2-right:before{ content: ""; position: absolute; width: 575px; height: 224px; background: url(../images/index-sec2-before.png) no-repeat; right: 0; top: -224px}
.index-sec2-right:after{ content: ""; position: absolute; width: 196px; height: 70px; background: url(../images/index-sec2-after.png) no-repeat; right: 0; bottom: -70px; z-index: -1}

.dazhong{width:100%;margin:130px auto 0 auto;overflow: hidden;background: #f7f7f7;padding:100px 0;}
.dazhong h3{display: block;line-height: 32px;font-weight: normal;font-size: 30px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.dazhong dd{width: 50%;
    margin:12px auto;
    font-size: 16px;
    line-height: 30px;
    color: #888;
	text-align: center;}

.about-list {
    overflow: hidden;
    margin:50px auto 20px auto;
	width:70%;
}
.about-list .item {
    width: 45.75%;
}
.about-list .item img{
    width: 100%;
}
.about-list .item .inner {
    padding-top: 50px;
    color: #333;
}
.about-list .item .inner h4 {
    font-size: 24px;
}
.about-list .item .inner h4 a{color:#00b0c7;font-weight:normal;}
.about-list .item .inner p {
    font-size: 16px;
    padding: 15px 0 25px 0;
    text-align: justify;
	color:#888;
	line-height:32px;
}
.about-list .item .inner img{width:auto;}



.fazhan{width:100%;margin:130px auto 100px auto;overflow: hidden;}
.fazhan h3{display: block;line-height: 32px;font-weight: normal;font-size: 30px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.fazhan dd{width: 50%;
    margin:12px auto;
    font-size: 16px;
    line-height: 30px;
    color: #888;
	text-align: center;}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
	margin-top: 70px;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-wrapper {
    position: relative;
    width: 70%;
	margin:0 auto;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    box-sizing: border-box;
    padding: 0 18px 0 25px;
    background-image: url(../images/about/yuan_03.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    cursor: pointer;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 25%;
    height: 100%;
    position: relative;
}
.swiper-slide:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #666666;
    position: absolute;
    top: 10px;
    left: 4px;
}
.swiper-slide h2 {
    color: #00b0c7;
    font-size: 24px;
    margin-bottom: 35px;	
}
.swiper-slide p {
    line-height: 24px;
    margin-bottom: 24px;
    color: #666666;
}

.hezuo{width:70%;margin:130px auto 130px auto;overflow: hidden;}
.hezuo h3{display: block;line-height: 32px;font-weight: normal;font-size: 30px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.hezuo dd{width: 50%;
    margin:12px auto;
    font-size: 16px;
    line-height: 30px;
    color: #888;
	text-align: center;}
.hezuo ul{padding:0;margin:40px 0 0 0;overflow: hidden;}
.hezuo ul li{float:left;width:15%;background: #f3f7f4;margin: 0.5%;text-align: center;}
.hezuo ul li img{width:80%;}