body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{padding:0; margin:0}
body,button,input,select,textarea{font:12px/1.5 宋体,arial; color:#333}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style-type:none; list-style-image:none}
a{color:#333; text-decoration:none; cursor:pointer; outline:0}
a:focus{-moz-outline-style:none;}
*:focus{outline:none;}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset{border-bottom:0; border-left:0; border-top:0; border-right:0}
img{border-bottom:0; border-left:0; border-top:0; border-right:0}
table{border-spacing:0; border-collapse:collapse}
div{zoom:1}


/* pages */
@font-face {
    font-family: 'iconfont';  /* project id 1147806 */
    src: url('//at.alicdn.com/t/font_1147806_abbktce4lz.eot');
    src: url('//at.alicdn.com/t/font_1147806_abbktce4lz.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1147806_abbktce4lz.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1147806_abbktce4lz.woff') format('woff'),
    url('//at.alicdn.com/t/font_1147806_abbktce4lz.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1147806_abbktce4lz.svg#iconfont') format('svg');
}

.ift{font-family:'iconfont'; display: inline-block;}

body,input,textarea{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;}
body{padding-top:80px; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
a:hover{text-decoration:none;}

.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5,.fxpst{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.swiper-pagination-bullet:after,li img,.boxtopic a,.licaseun .sun,.licaseun .swiper-slide span,.swiper-slide img,.boxtopic li,.boxtopic li i,.sun{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.anmt2{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}

.boxtopic ul:after{content:''; display: block; clear: both;}
.boxtopic em,.boxtopic i{font-style:normal;}

.font2h,.font3h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}
.fontovdd{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.nbk{background: none!important;}
.box{width:100%; max-width:1200px; box-sizing: border-box; padding:0 20px; margin:0 auto;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.bkf6{background-color: #f6f6f6;}
.bk1,.bks2{background: url("/images/topic_waiqiang/bk1.jpg") no-repeat center top; background-size: cover; padding-bottom:60px;}
.bks2{background-image: url("/images/topic_youyan/bks1.jpg");}

.topic_banner{position: relative}
.topic_banner .swiper-slide{height:560px; width:100%; background-position: center center; background-size:cover;  position: relative;}
.topic_banner .swiper-slide img{display: block; width:100%; max-width:100%;}
.topic_banner .swiper-slide a{position: absolute; top:0; right:0; bottom:0; left:0; z-index: 2;}
.topic_banner .swiper-pagination{bottom:15px; position: absolute; left:50%; transform: translate(-50%,0);}
.topic_banner .swiper-pagination-bullet{background-color:transparent; border:1px solid transparent; padding:4px; margin:0 10px; opacity:1; width:auto; height: auto;}
.topic_banner .swiper-pagination-bullet:after{content:''; display: block; background-color: #fff; width:10px; height:10px; border-radius:50%;}
.topic_banner .swiper-pagination-bullet-active{background-color:transparent; border-color:#fff; opacity: 1;}
.topic_banner .swiper-pagination-bullet-active:after{background-color:#dc2037;}

.titsa{text-align: center; font-size:20px; padding:90px 0 50px; clear: both;}
.titsa b{font-size:1.3em; display: inline-block;}
.titsa b:before,.titsa b:after{width:50px; height:2px; background-color: #b2c5e3; content:''; display: inline-block; margin:0 1em .3em;}
.titsa span{display: block; font-weight: lighter; font-size:.8em; color:#666; padding-top:5px;}

/* topic */
.licase{padding-bottom:90px;}
.licase:after,.lishebei:after,.lipt:after{content:''; display: block; clear: both;}
.licase li{width:32%; float: left;}
.licase li:nth-child(2){margin:0 2%;}
.licase li img,.lishebei li img,.lipt li img{display: block; width:100%; opacity:.8; position: relative; z-index:1;box-shadow: 0 0 20px 0 rgba(116, 134, 151, 0.2);}
.licase li:hover img,.lishebei li:hover img,.lipt li:hover img{transform: scale(1.05); opacity: 1;  box-shadow: 0 0 27px 3px rgba(116, 134, 151, 0.5); z-index: 2;}

.licaseun,.tabimg4s{position: relative; padding:0;}
.licaseun .swiper-slide,.tabimg4s .swiper-slide{position: relative; overflow: hidden;}
.licaseun .swiper-slide span{position: absolute; left:0; right:0; bottom:-3em; background-color: rgba(0,0,0,.5); line-height:2.6em; color:#fff; text-align: center;}
.licaseun .swiper-slide:hover span{bottom:0;}
.licaseun .swiper-slide:hover img{transform: scale(1.05);}
.licaseun .swiper-slide img{display: block; width:100%;}
.licaseun .sun,.tabimg4s .sun{background-size: contain; width:20px; opacity:.7; cursor:pointer;}
.licaseun .sun:hover,.tabimg4s .sun:hover{opacity:1; transform: scale(1.05)}
.licaseun .swiper-button-next,.tabimg4s .swiper-button-next{right:-30px; }
.licaseun .swiper-button-next:hover,.tabimg4s .swiper-button-next:hover{right:-35px; }
.licaseun .swiper-button-next:active,.tabimg4s .swiper-button-next:active{right:-40px;}
.licaseun .swiper-button-prev,.tabimg4s .swiper-button-prev{left:-30px; }
.licaseun .swiper-button-prev:hover,.tabimg4s .swiper-button-prev:hover{left:-35px;}
.licaseun .swiper-button-prev:active,.tabimg4s .swiper-button-prev:active{left:-40px;}
.licaseun .iload{padding:30px 0 0;}
.tabimg4s .swiper-slide img{width:33.333%; box-sizing: border-box; padding:0 10px 20px; display: block; float: left;}
.tabimg4s .swiper-slide img:hover{transform: scale(1.05);}

.lishebei,.lipt{padding-bottom:40px; }
.lishebei li,.lipt li{float: left; text-align: center; width:20%; box-sizing:border-box; padding:0 5px;}
.lishebei li span{display: block; font-size:16px; font-weight: lighter; line-height:3em;}
.lipt li{padding:10px;}
.lipt li img{border-radius:10px;}
.lipt.l8{padding:0 0 40px;}
.lipt.l8 li{width: 12.5%; box-sizing: border-box; padding:10px 7px;}
.lipt.l6 li{width: 16.666%;}
.lipt .w3{width:33.333%!important;}

.bngomsg{display: block; width:160px; line-height:34px; background-color: #dc2138; border-radius:5px; color:#fff; margin:0 auto; text-align: center; font-size:14px;}
.bngomsg:before{content:'\e7b0'; display:inline-block; font-family: iconfont; font-size:1.7em; margin:0 7px 0 0; position: relative; bottom:-2px;}
.bngomsg:hover{background-color: #ff0000;}

.iload{text-align: center; color:#5a6a8d; font-weight: lighter; font-size:14px; padding-bottom:50px;}
.iload:before{content:'\e63d'; display: inline-block; font-family: iconfont; border-radius:50%; width:1.6em; height:1.6em; text-align: center; line-height:1.6em;-webkit-animation: rotate360 6s linear infinite; margin-right:.5em; color:#687695;}

/* shachong */
.boxs1{padding:0 0 70px;}
.pds2{padding:2em 0;}
.bksc1{background: url("../images/topic_shachong/bk1.jpg") no-repeat center center; background-size: cover;}
.liimg5,.liys5{padding-bottom:2.5em;}
.liimg5 li,.liimg4 li{box-sizing: border-box; width:19.20%; margin:0 1% 0 0; float: left; background-color: #fff; position: relative;}
.liimg5 li:last-of-type{margin:0;}
.liimg5 li:hover,.liys5 li:hover,.liimg4 li:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); z-index: 2;}
.liimg5 li img,.liimg4 li img{display: block; width:100%;}
.liimg5 li p,.liimg4 li p{font-size:13px; color:#666; padding: 1.5em 1em 2em; line-height:2em; text-align: justify}
.liimg5 li i{display: block; overflow: hidden;}
.liimg5 li:hover img,.liimg4 li:hover img{transform: scale(1.05);}
.liimg4{padding:0 0 2.5em;}
.liimg4 li{width:23%; margin:0 1% 2%; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);}
.liimg4 li b{color:#1b4193; display: block; text-align: center; font-size:18px; padding-top:1em;}
.liimg4 li p{padding:.4em 2em 1em; line-height:1.7em; min-height:90px;}
.liimg4 li:nth-child(4n){margin-right:0;}


.liys5 li{background-color: #f7f8f9; float: left;width:calc(20% - 2px); margin:0 1px; font-size:20px; padding:2em 0 0; min-height:14em; position: relative;}
/*.liys5 li:after{position: absolute; top:0; right:0; bottom:0;  border-right:2px solid #fff; content:'';}*/
.liys5 li i{display: block; font-family: iconfont; color:#6b8fde; text-align: center; font-size:4.1em;}
.liys5 li p{font-size:14px; line-height:1.8em; color:#666; font-weight: lighter; padding:.5em 2em; text-align:center;}
.liys5 li:hover i{color:#3063d2; transform: scale(1.1);}
.liys5 li:hover{background-color: #fff;}



@-webkit-keyframes rotate360{
    0%{-webkit-transform:rotate(0deg);}
    25%{-webkit-transform:rotate(90deg);}
    50%{-webkit-transform:rotate(180deg);}
    75%{-webkit-transform:rotate(270deg);}
    100%{-webkit-transform:rotate(360deg);}
}