@charset "utf-8";
/* CSS Document */.viewport { padding-bottom:40px;}
.bdcont{margin:10px auto;}
.bdtit img{ width:100%; height:auto; margin:0 auto; padding-top:10px; }
.bdNav{}
.bdNavList{ padding:10px 10px;}
.bdNavList ul{padding-top:10px; }
.bdNavList li{ float:left; display:block; width:33.33%; text-align:center; border:1px solid #fff; font-size:3.6vmin; display:table;}
.bdNavList li a{color:#fff; display:table-cell;vertical-align: middle; width:100%; height:14vmin; line-height:1.3em;}
.bdNavList .c1{ background:#2c70b7;}
.bdNavList .c2{ background:#40c2ca;}
.bdNavList .c3{ background:#2790c1;}
.bdNavList .c4{ background:#8bc34a;}
.bdhd{padding:0 10px 10px;}
.bdhd h2{ font-size:16px; line-height:1.4em; text-align:center; padding-top:20px;}
.bdhd h2 span{ color: #999; padding-left: 10px; display: inline-block; font-size:14px;}
.bdlist{ /*background:#eee; */padding:10px 10px 1px;}
.com li{ background:#fff; width:100%; position:relative; margin-bottom:10px; }
.com li .logo{ height:40px; width:70px; position:absolute; left:5px; top:11px; overflow:hidden;}
.com li .logo img{ width:100%; height:auto;}
.com li .logo a:after{content:""; background:url(images/video.png) no-repeat; background-size:100%; height:60px; width:60px; position:absolute; top:0; left:0;}
.com li h3 a{ color:#a07b7b; line-height:1.3em;}
.com li h3{ padding-left:90px; padding-right:10px; color:#f60; line-height:1.2em; display:table-cell; vertical-align: middle; height:60px; font-size:16px;}
.com li h3 span{color:#a07b7b; line-height:1em; display:block; margin-top:5px; font-size:14px; }

.bdcont h6{ text-align:center; background:#eee;}
.bdcont h6 span{ display:inline-block; line-height:30px;font-size:4.4vmin;background-color:#F44336;color:#FFF;padding:0 16px; border-radius:15px; text-align:center; margin-top:10px;}
.statement{ padding:15px 8px; background:#fff; margin-top:-1px; border:10px solid #eee; border-top:2px solid #eee; color:#555;}
.statement p{ padding-left:5px; font-size:14px; line-height:1.4em; text-align:justify;}
.statement p span{ color:#f60;}
.itr{ padding:10px 10px 25px; }
.itr p{ font-size:14px; color:#00bcd4; line-height:20px; margin-bottom:5px; padding-bottom:0;}
.itr img{ width:15px; height:15px; display:block; position:absolute; right:10px; bottom:1px;}
.itr i{ float:left; padding-right: 4px;}
.itr span{ font-size:14px; color:#666; display:table-row;}
.itr b{ font-size:14px; color:#666;}
.itr img{ width:10px; height:10px; margin-right:5px;}
.itr .shouq img{ width:15px; height:15px; display:block; position:absolute; right:15px; bottom:5px; opacity:0.8;}
.itr .shouq p{ position:absolute; right:10px; bottom:-2px; font-size:16px; color:#c61366; padding-bottom:0;}
.navtip{ background:#d20000; color:#fff; line-height:2em; font-size:14px;}
.navtip ul{display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center;}
.navtip li{-webkit-box-flex: 1; box-flex: 1; width: 100%; text-align: center; margin:10px 0; font-size:16px; border-right:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.navtip li a{ color:#fff;}
.pv{ text-align:center; padding:10px 0 20px;}
.pv p{ line-height:2.6em; font-size:14px;}
.pv p span{ padding:0 5px; color:#ff6000}
.showvideo{ display:none; width:100%; text-align:center; height:auto; position:fixed; left:0; top:0; z-index:9999;}
.showcon{min-width: 320px;max-width: 640px;margin: 0 auto; position:relative;}
.showcon video{width:100%; max-width:640px; min-width:320px; height:auto; z-index:101;}
.showcon i{ position:absolute; top:0; right:0; height:60px; width:60px; background:url(images/close.png) no-repeat; background-size:cover; cursor:pointer; z-index:102;}
.showcon p{ height:60px; background:#d20000; text-align:left; padding-left:0.5em; line-height:60px; color:#fff;border-right: 0 }


.a1{ /*height:8rem;*/ width:66.66%; float:right; margin-bottom:0.15rem; }
.a2{background:#40c2ca; height:8.15rem; width:32.33%; float:left; margin-bottom:0.15rem; display: table;}
.a2 a{vertical-align: middle; display:table-cell; line-height:1.2rem; }
.b1{background:#2c70b7; height:4rem; width:49%; float:left; text-align: center;  line-height:4rem; display: table;}
.b2{background:#2c70b7; height:4rem; width:50%; float:right; text-align: center; display: table;}
.b2 a{vertical-align: middle; display:table-cell; line-height:1.2rem; }
.d1{margin-bottom:0.15rem; }
.a3{background:#40c2ca; height:4rem; width:65.66%; float:left; margin-bottom:0.15rem;  text-align: center; line-height:4rem; display: table;}
.a4{background:#2790c1; height:4rem; width:33.33%; float:right;  margin-bottom:0.15rem;  text-align: center; line-height:4rem; display: table;}
.bd a{color:#fff; text-align:center; vertical-align: middle; display:table-cell; line-height:1.2rem;}
.a5{width:65.66%; float:left; margin-bottom:0.15rem; }
.a6{background:#2790c1; height:8.15rem; width:33.33%; float:right; margin-bottom:0.15rem; display: table;}
.a6 a{vertical-align: middle; display:table-cell; line-height:1.2rem; }
.tit{background:#fff; padding: 10px 20px;}
.tit h5{font-size:16px; color:#333; line-height:2rem; padding:0.3rem 0;}
.tit span{font-size:14px; color:#666; line-height:1.5rem;}
.tit p{font-size:14px; color:#666; line-height:1.5rem; text-indent:2em; text-align: justify; padding:0.1rem 0; }
.tit h6{text-align:right; font-size:14px; color:#666; line-height:1.5rem; background:#fff1; padding:0.3rem 0;}