﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#000; background:#fff}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
input::-webkit-input-placeholder{ color:#ccc}

.nav_index { height:120px; padding:35px 0; background:#fff; box-shadow:0 5px 10px #000;}
.nav_index .logo { float:left; margin:0 20px 0 0;}
.nav-list { float:left; margin:0 0 0 50px}
.nav-list li { color:#fff; float:left;} 
.nav-list li a { display:block; color:#222; padding:0 15px; font-size:18px; line-height:50px;}
.nav-list li a:hover { color:#e2323a}
.nav-list a:hover { color:#fff; text-decoration:none;}
.nav_more { position:relative; display:inline-block}
.nav-list-more { position: absolute; left:0; top: 60px; width:128px; text-align: center; max-height: 0; overflow: hidden;-webkit-transition: max-height .1s ease-in-out; transition: max-height .1s ease-in-out; z-index:200; background:#000}
.nav_more:hover .nav-list-more {max-height:60px;}
.nav_index .login_after { padding:15px 10px}

.search-top { width:150px; height:32px; margin:15px 10px 0; float:right; position:relative;}
.search-top .search-top-in { width:0; height:32px; background:#4a4a4a; line-height:32px; padding:0 10px; border:0; border-radius:3px;opacity:0; color:#fff; transition: width .1s;}
.search-top:hover .search-top-in { opacity:1; width:150px;}
.search-top .icon-search { font-size:20px!important; color:#fff; display:inline-block; position:absolute; right:5px; top:0;}
.nav-func_item:hover .nav-more-list { max-height:500px }
.icon-ellipsis { font-size:24px!important; color:#fff!important;}
.icon-tongzhi { font-size:18px!important; margin:5px 15px 5px; position:relative; color:#fff; vertical-align:middle}
.icon-tongzhi:after { content:""; border-radius:50%; width:5px; height:5px; background:#eb4e4e; display:inline-block; position:absolute; right:-1px; top:0;}
.login_box { float:right; color:#fff; padding:0 0 0 20px; height:28px; line-height:28px; margin:16px 0 0;} .login_box a { color:#fff; margin:0 8px;}
.login_after{ float:right; color:#fff; padding:15px 0; position:relative;} 
.headportrait { border-radius:50px; width:30px; height:30px;}

.nav_index .search { float:right; width:330px; height:40px; border:0; font-size:14px; margin:5px 0; border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.nav_index .search .search_text { width:190px; height:38px; line-height:38px; border:0; padding:0 5px; float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.nav_index .search .search_btn { background:#333; color:#fff; font-size:24px; line-height:38px; width:60px; border:0; cursor:pointer; border-top-right-radius:5px; border-bottom-right-radius:5px; display:inline-block; text-align:center;}
.nav_index .search .search_btn:hover { color:#fff;}
.nav_index .search_con{position:relative;z-index:2;float:left;width:80px;height:38px;line-height:38px;cursor:pointer; text-align:center; border:0}
.nav_index .search_type { border:1px solid #ccc; border-right:0; line-height:38px; height:38px; font-size:14px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.nav_index .search_info{float:left}
.nav_index .search_list{ display:none;position:absolute;top:36px;left:0;z-index:2;width:68px; border:1px solid #ddd; border-top:0; background:#fff; padding:5px 0; height:auto;}
.nav_index .search_list li{ height:32px;line-height:32px; font-size:14px; text-align:left; text-indent:16px;} 
.nav_index .search_list li:hover { color:#eb4e4e}
.login_cnt { width:300px; padding:0 0 30px; position:absolute; background:#fff; box-shadow:0 3px 10px #222; left:-210px; top:55px; position:absolute; -webkit-transition: all .2s ease-in-out .1s; -moz-transition: all .2s ease-in-out .1s; transition: all .2s ease-in-out .1s; opacity: 0; visibility: hidden; z-index: 101; color:#333;}
.login_cnt1 {left:-207px;}
.login_after:hover .login_cnt { opacity:1; visibility:visible; top:58px;}
.login_cnt:before { content:""; width:0; height:0; border-bottom:8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent;display: inline-block; margin: 0 6px; position:absolute; top:-8px; left:50%;}
.login_cnt:before {left:87%}
.login_cnt .login_cnt_head {background:#f5f5f5; padding:20px 25px 12px; overflow:hidden}
.login_cnt .login_cnt_head h3 { font-size:16px; font-weight:700; margin:5px 0 10px;} 
.login_cnt .login_cnt_head p { color:#999}
.login_cnt .login_cnt_head .headportrait { width:65px!important; height:65px!important; float:left; margin:0 20px 0 0}
.login_cnt .login_cnt_number { overflow:hidden; margin:0 25px 20px; border-bottom:1px solid #e4e4e4; padding:10px 0; overflow:hidden}
.login_cnt .login_cnt_number dl { width:33%; float:left; text-align:center; padding:10px 0;} 
.login_cnt .login_cnt_number dl:hover { color:#eb4e4e; background:#f5f5f5}
.login_cnt .login_cnt_number dl dt { font-size:16px; margin-bottom:5px; font-weight:400}
.login_cnt .login_cnt_number dl dd { color:#999}
.login_cnt_sign { font-size:14px; padding:0 20px; overflow:hidden} 
.login_cnt_sign .login_cnt_sign_upload { float:right} 
.login_cnt_sign a{ margin:0 5px; color:#1349aa} .login_cnt_sign a:hover { color:#e2323a}
.icon-tuichu1 { font-size:14px!important; margin:0 5px 0 0; color:#666}
                                                
.head_nav { height:40px; background:#000;}
.head_nav_l { float:left; line-height:40px; height:40px;}  .head_nav_l p { color:#999}
.head_nav_l a { color:#ccc; font-size:13px; display:inline-block; padding:0 16px; float:left;} 
.head_nav_l a:hover { color:#fff; background:#444; } .head_nav_l .nav_more .nav-list-more{ top:40px;}
.head_nav_l a.icon-home-fill { font-size:18px!important;}
.head_nav .search-top { margin:6px 5px 0; height:28px;} 
.head_nav .search-top .search-top-in { height:28px; line-height:28px;}
.head_nav .login_after { padding:7px 0 6px}
.head_nav .login_box { margin:6px 5px 0}
.head_nav .login_after .headportrait { width:25px; height:25px;}
.head_nav .icon-tongzhi { font-size:16px!important;}
.head_nav .login_after:hover .login_cnt { opacity:1; visibility:visible; top:42px; left:-210px;}

.wrapper { width:1200px; margin:0 auto; overflow:hidden}
.banner_bg { background:url(images/banner.jpg) top center no-repeat; height:778px; }
.text { background:url(images/text_bg.png) no-repeat;}
.text h2 { font-size:40px; float:left; margin:15px 0 0 80px;}
.text p { padding:50px 100px 0 210px; font-size:15px; line-height:28px;}
.tit { text-align:center; padding:0 0 30px; margin:50px 0; background:url(images/tit_bg.png) no-repeat bottom center;}
.tit h3 { font-size:40px;}
.tit h4 { font-size:20px;}
.report_dl dl { overflow:hidden; margin:20px 0; overflow:hidden}
.report_dl dl dd { padding:80px 40px; width:600px; height:340px; float:right; position:relative;}
.report_dl dl dd span { font-size:30px; position:absolute; top:20px; left:20px; font-style:italic; color:#4097de}
.report_dl dl dd h3 { font-size:28px; margin-bottom:10px; font-weight:700}
.report_dl dl dd p { font-size:15px; line-height:24px; color:#333;}
.report_dl dl dd.bg_r { background:#ebf0f8 url(images/bg_icg_r.jpg) top right no-repeat;}
.report_dl dl dd.bg_l { background:#ebf0f8 url(images/bg_icg.jpg) top left no-repeat;}
.list_img { margin:0 0 10px -5px;}
.list_img li { margin:0 0 1px 1px; width:240px; height:350px; background:#0c69ff; overflow:hidden; float:left; transition:all .2s linear; -webkit-transition:all .2s linear;}
.list_img li:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
.list_img li:hover .img img { transform: scale(1.1); transition:all 0.5s;}
.list_img li .img { width:240px; height:240px; line-height:240px; overflow:hidden; display:table-cell; text-align:center;}
.list_img li .img img { max-width:100%; max-height:100%; vertical-align:middle; display:inline-block; transform: scale(1); transition:all 0.5s}
.list_img li .cnt { padding:10px; text-align:center}
.list_img li .cnt h3 { font-size:20px; margin:5px 0; color:#fff;}
.list_img li .cnt p { font-size:12px; color:#fff; height:40px; line-height:20px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.footer { border-top:1px solid #e5e5e5; padding:20px 0; width:1200px; margin:20px auto; overflow:hidden}
.footer .footer_l { float:left; color:#777} 
.footer .footer_l a { color:#777;} 
.footer .footer_l span { color:#999; margin:0 15px;} 
.footer .footer_r { float:right; color:#bbbbbb;}


@media screen and (max-width:767px) {
    .banner_bg { background:url(images/banner_wap.jpg) top center no-repeat; height:500px; background-size:contain; }
    .wrapper { width:100%; margin:0 auto; overflow:hidden}
    .text { background:none;}
    .text h2 { font-size:30px; float:none; margin:0 auto 10px; text-align:center;}
    .text p { padding:10px; font-size:14px; line-height:24px; text-indent:24px; color:#666;}
    .tit { text-align:center; padding:0 0 28px; margin:30px 0; background:url(images/tit_bg.png) no-repeat bottom center;}
    .tit h3 { font-size:26px;}
    .tit h4 { font-size:16px;}
    .report_dl dl { overflow:hidden; margin:10px 0; overflow:hidden}
    .report_dl dl dt { float:none!important}
    .report_dl dl dt img { width:100%;}
    .report_dl dl dd { padding:20px; width:100%; height:auto; float:none}
    .report_dl dl dd span { position:initial}
    .report_dl dl dd h3 { font-size:20px; margin-bottom:10px; font-weight:700}
    .report_dl dl dd p { font-size:13px; line-height:24px; color:#333; text-align:justify;}
    .report_dl dl dd.bg_r { background:#ebf0f8; float:none}
    .report_dl dl dd.bg_l { background:#ebf0f8; float:none}
    .list_img { margin:0 0 10px 0;}
    .list_img li { margin:0 0 1px 2px; width:49%; height:310px; background:#0c69ff; overflow:hidden; float:left; transition:all .2s linear; -webkit-transition:all .2s linear;}
    .list_img li:hover{ -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1); box-shadow:0 10px 30px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, -3px, 0);transform:translate3d(0, -3px, 0);z-index:3}
    .list_img li:hover .img img { transform: scale(1.1); transition:all 0.5s;}
    .list_img li .img { width:200px; height:200px; line-height:200px; overflow:hidden; display:table-cell; text-align:center;}
    .list_img li .img img { max-width:100%; max-height:100%; vertical-align:middle; display:inline-block; transform: scale(1); transition:all 0.5s}
    .list_img li .cnt { padding:10px; text-align:center}
    .list_img li .cnt h3 { font-size:20px; margin:5px 0; color:#fff;}
    .list_img li .cnt p { font-size:12px; color:#fff; height:40px; line-height:20px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .footer { width:100%; text-align:center;}
    .footer .footer_l,.footer .footer_r { float:none; font-size:12px;}
    
}

.no_cnt { text-align:center; padding:250px 0;}
.no_cnt p { font-size:16px; color:#999; padding:20px 0 0;}