@charset "gb2312";
/* CSS Document */
* { padding:0; margin:0; }
body { font-size:12px; font-family:Arial;color:#444; background:#fff; font-family:"microsoft yahei", Arial, Helvetica, sans-serif;}
ul { list-style:none;}
li { list-style:none; vertical-align:middle;}
a { color:#333; text-decoration:none; transition: all .5s;}
a:hover {color:#0872E0; text-decoration:none!important; transition: all .5s;}
img { border:none;}
.cl { clear:left;}
.cb { clear:both;}
.left { float:left;}
.right { float:right;}

.wid1300{ width:1300px;}
.kfzx_top { background-color: #fff;}
.kfzx_top a { font-size: 16px; color: #333;}
.kfzx_top a:hover{ color: #0285ff;}
.top_main { overflow:hidden; margin: 0 auto;}
.top_left { float: left; margin:15px 0;}
.top_left a.logo { height:58px; display: inline-block; vertical-align: top;}
.logo img {  border: 0; max-width: 100%; max-height: 100%; vertical-align: middle;}
.top_left span { display: inline-block; vertical-align: top; padding-left: 26px; margin-left: 24px; height: 58px; line-height: 58px; font-size: 28px; position: relative; font-weight:700;}
.top_left span::after { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #dddddd;}
.top_right{float: right; margin:22px 0; height:40px; line-height:40px;}
.top_right li { margin-left: 65px; display: inline-block; vertical-align: top;}
.top_right li:first-child { margin-left: 0;}
.top_right li.login {width:110px; border-radius:50px; text-align:center; margin-left:55px; }
.top_right li.login a { color: #0285ff; background-color:#fff; border:1px solid #0285ff; display:block; border-radius:50px; transition: all .5s;}
.top_right li.login a:hover{color: #fff; background-color:#0285ff; border:1px solid #0285ff; transition: all .5s;}
.top_right li.register { width:110px; border-radius:50px; text-align:center; margin-left:20px; overflow:hidden;}
.top_right li.register a { color: #fff; background-color:#0285ff;   display:block; border-radius:50px; transition: all .5s;}
.top_right li.register a:hover{ background-color:#0253db; transition: all .5s;}

.kfzx_ssbox { padding: 54px 0 64px; background: url(images/kfzx_ssbg.jpg) no-repeat; background-size: 100% 100%;}
.kfzx_ssbox h1 { height:48px; line-height:48px; font-size:36px; color: #fff; font-weight: normal; text-align: center;}
.kfzx_item{ width: 720px; margin: 25px auto 0;}
.kfzx_search { position: relative; border-radius:50px; box-shadow: 0px 7px 7px -7px rgba(100, 100, 100, 0.3); overflow:;}
.kfzx_search input { height:60px; line-height:60px; width:100%; padding:0 130px 0 34px; box-sizing:border-box; background-color:#fff; border:0; border-radius:50px; font-size:16px; color:#999; outline: 0;}
.kfzx_search button { position: absolute; top: 0; right: 0; bottom: 0; border-radius:0 50px 50px 0; border: 0; background:#0285ff; width:130px;  font-size:18px; color: #fff; cursor:pointer; text-align: left;
    padding-left:20px; box-sizing: border-box; transition: all .5s;}
.kfzx_search i{ display:inline-block; width: 34px; height: 34px; overflow: hidden; vertical-align: middle; margin:0px 5px 0px 0px; transition: all .5s;}
.kfzx_search i svg { display: block; width: 100%; height: 100%; stroke:#fff; fill:#fff; stroke-width: 2; transition: all .5s;}
.kfzx_search button:hover{ background-color:#0253db; transition: all .5s;}
.kfzx_rmss { margin-top: 15px; height: 20px; line-height: 20px; font-size: 14px; color: #fff; overflow: hidden; text-align: center;}
.kfzx_rmss span { display: inline-block; vertical-align: top;}
.kfzx_rmss a { margin: 0 9px; display: inline-block; vertical-align: top; color: #fff;}
.kfzx_rmss a:hover{ color:#0285ff; transition: all .5s;}
.svg_huo{ display:inline-block; width:18px; height:18px; overflow: hidden; vertical-align:middle; margin-right:2px;}
i.svg_huo svg{ display: block; width:100%; height:100%; stroke:#f30000; fill:#f90000; stroke-width: 2; transition: all .5s;}

.kfzx_wtmain{ overflow:hidden; margin:25px auto; padding:0 25px;}
.kfzx_wtmain ul{width: calc(100% + 50px); margin-left:-25px; overflow:hidden;}
.kfzx_wtmain li{ width:25%; float:left;  padding:25px; box-sizing:border-box;}
.kfzx_wtlist{height:340px; padding:25px; box-sizing:border-box; background-color:#fff; border:#DBE5EC 1px solid; position:relative;  transition: all .5s;}
.kfzx_wtlist:hover{ background-color:#f6fcfe; box-shadow: rgba(0, 0, 0, 0.09) 0 2px 26px 0; transition: all .5s;}
.kfzx_wtlist dt{ height:40px; line-height:40px; font-size:24px; color:#000; padding-bottom:15px;}
.kfzx_wtlist dt i{display:inline-block; width:36px; height:36px; display:inline-block; overflow: hidden; vertical-align: middle; margin:-10px 0px 0px 15px; transition: all .5s;}
.kfzx_wtlist dt i svg { display: block; width: 100%; height: 100%; stroke:#ccc; fill:#ccc; stroke-width: 2; transition: all .5s;}
.kfzx_wtlist dt i:hover svg{fill:#0285ff; transition: all .5s;}
.kfzx_wtlist dd { font-size:16px; height:30px; line-height:30px; padding-left:15px; position:relative;}
.kfzx_wtlist dd:before{ content:""; width:6px; height:6px; background-color:#B6B6B6; position:absolute; left:0; top:12px; border-radius:50px; transition: all .5s;}
.kfzx_wtlist dd a{color: #222; transition: all .5s; display:block;}
.kfzx_wtlist dd a:hover{color:#0285ff; transition: all .5s;}
.kfzx_wtlist dd:hover:before{background-color:#0285ff; transition: all .5s;}

.kfzx_wttb{position:absolute; bottom:0px; right:0; height:120px; width:120px; overflow:hidden;}
.kfzx_wttb svg { display: block; width:120%; height:120%; stroke:#333333; fill:#333333; stroke-width: 2; transition: all .5s; opacity:0.1;}
.kfzx_wtlist:hover .kfzx_wttb svg {fill:#006faf; }

.kfzx_lxkf{ overflow:hidden; margin:25px auto; padding:0 25px;}
.kfzx_lxkf_tit{ text-align:center;  height:40px; line-height:40px; font-size:24px; color:#000; padding-bottom:15px;}
.lxkf_box{ width:100%; padding:50px 0px 50px 50px; box-sizing:border-box; background-color:#fff; border:#DBE5EC 1px solid;  overflow:hidden;}
.lxkf_box ul{ margin:0; padding:0; }
.lxkf_box li{ width:33.333%; float:left; display:flex; align-items:center;}
.lxkf_box i{display:inline-block; width:100px; height:100px; display:inline-block; overflow: hidden; vertical-align: middle; padding:25px; box-sizing: border-box; transition: all .5s; border-radius:10px; }
.lxkf_box i svg{ display: block; width:100%; height: 100%; stroke:#fff; fill:#; stroke-width: 2; transition: all .5s;}
.lxkf_box i.lxkf_tb1{ background-color:#0285ff;}
.lxkf_box i.lxkf_tb2{ background-color:#7bc86c;}
.lxkf_box i.lxkf_tb3{ padding:0; width:130px; height:130px; margin: -15px 0px;}
.lxkf_box i.lxkf_tb3 img{ width:100%;}
.lxkf_box p{ padding-left:24px;}
.lxkf_box p b{ width:100%; font-size:24px; display:block; line-height:40px;}
.lxkf_box p em{ width:100%; font-size:14px; display:block; font-style:normal; color:#999;}
.lxkf_box p a{ width:130px; height:32px; line-height:32px; border:#DBE5EC 1px solid; font-size:14px; display:block; text-align:center; float:left; margin-top:8px; color:#444; transition: all .5s;}
.lxkf_box p a:hover{ background-color:#0285ff; color:#fff; border:#0285ff 1px solid; transition: all .5s;}
.lxkf_box p span{ width:100%; font-size:14px; display:block; font-style:normal; color:#999;}
.lxkf_box li:nth-child(3) p em{ line-height:24px;}

.kfzx_yyzx{ overflow:hidden; margin:40px auto; padding:0 25px;}
.yyzx_list ul{}
.yyzx_list li{ width:11.1111%; float:left;}
.yyzx_list li a{ display:block;}
.yyzx_list li span{ width:102px; height:102px; display:block; margin:0 auto; position:relative;}
.yyzx_list li img{width:95px; height:95px; transition: all 0.5s; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.yyzx_list li p{ text-align:center; font-size:16px; line-height:30px; padding-top:5px;}
.yyzx_list li a:hover{ color:0285ff;}
.yyzx_list li a:hover img{ transform: scale(1.1);  transition: all 0.5s;}



.sstk_xs{width:558px; padding:10px 0px; background-color:#FFF; position: absolute; top:60px; left:30px; border:#CACACA 1px solid; display:none; z-index:100;}
.sstk_xs ul{ margin:0; padding:0;}
.sstk_xs li{ padding: 5px 20px; line-height:24px; list-style: none; font-size:14px; box-sizing: border-box;} 
.sstk_xs li:hover{ background-color:#f3f3f3;}
.sstk_xs li td{ color:#999;}

.detail-list {padding: 25px 0 30px 10px; overflow:hidden;}
.detail-list .detail {float: left;display: inline;width:45%;overflow: hidden; margin:0px 5% 34px 0px; }
.detail-list .detail h3 {color: #5982a9;font-weight: bold;margin-bottom: 4px;font-size: 14px;padding-left: 10px;}
.detail-list .detail h3 a{color: #5982a9;}
.detail-list .detail li {float: left;height: 18px;overflow: visible;padding: 0 10px;margin: 5px 0;border-right: 1px solid #dededf;}
.detail-list .detail a {color: #888;text-decoration:none;white-space: nowrap;}
.detail-list .detail a:hover{ color:#FA802E;}
.detail-list .detail li.detail-item-last {padding-right: 0;border-right: 0;}
.detail-list .detail a {
color: #888;
text-decoration: none;
white-space: nowrap;
font-size: 14px;