﻿*{transition:color 300ms,background-color 300ms;}
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:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
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:#06c;}
a:hover{text-decoration:none;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}
.light_bg{ background:#f1f1f1}
.nav-top { height:30px;line-height:30px;overflow:hidden;border-bottom:1px solid #dfdfdf;background:#fff;width:100%;text-align:center; color:#666} .nav-top a { margin:0 5px; color:#666}
.nav-wap { display:none}                                                                                                                                                  
.wrapper { width:1200px; margin:0 auto; overflow:hidden}
.banner_idx { background:url(images/banner_idx.jpg) top center no-repeat; height:700px}
.staticnav { background:#0066cc; height:50px; line-height:50px;} 
.nav { border-left:1px solid #4d94db;} 
.nav a{ width:149px; text-align:center;  font-size:16px; color:#fff; display:block; float:left; border-right:1px solid #4d94db;}
.nav a.cur { color:#fff; background:#1a4cad}
.fixnav { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#0066cc; height:50px; line-height:50px;}

.tit { height:90px; margin:50px 0; text-align:center;}
.tit h2 { font-size:40px; line-height:40px; margin-bottom:5px; color:#000;}
.tit h3 { color:#06c; font-size:36px; line-height:36px;}

.news { background:#f1f1f1; padding:60px 0; overflow:hidden}
.news-swiper { width:550px!important; float:left;}
.swiper-text { height:40px; line-height:40px; width:100%; color:#fff; background:rgba(0,0,0,.8); font-size:18px; position:absolute; bottom:0; left:0;  text-align:left; text-indent:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align:right; padding-right:10px;}

.hy-tab { border-top:5px solid #06c; margin-top:50px; padding:20px 0; overflow:hidden}
.hy-tab-l { float:left; width:540px; padding:0 30px}
.hy-tab-l h2 { font-size:40px;  color:#000; padding:0  0 20px;}
.hy-tab-l table { font-size:20px;}
.hy-tab-l table th { border-right:1px solid #999; padding:0 20px; line-height:32px; vertical-align:top;}
.hy-tab-l table td { padding:0 20px 30px;} .hy-tab-l table td p { line-height:32px;}

.news-txt { width:550px; float:left; padding:0 20px;}
.news-txt h2 { font-size:26px; color:#06c; margin-bottom:10px;}  .news-txt p { color:#666; font-size:14px; line-height:22px; padding-bottom:30px;} 

.idx-text { padding-bottom:60px;}
.idx-text p { font-size:16px; color:#666; line-height:30px; text-indent:32px; padding:0 150px}

.speakers-list { overflow:hidden; padding:20px 0 40px}
.speakers-list li { float:left; width:150px; height:200px; padding:10px; text-align:center; position:relative; margin:0 8px;}
.speakers-list li img { width:90px; height:90px; border-radius:50%; margin-bottom:10px; transform: scale(1); transition:all 0.5s}
.speakers-list li img:hover{ transform:scale(1.1); transtition:all 0.5s;}
.speakers-list li h3 { font-size:16px; color:#333;} .speakers-list li h4 { font-size:14px; line-height:20px; color:#333;}
.city-list li h4 { font-size:12px; color:#666; } 
.speakers-box { overflow:hidden; padding:30px 0}
.speakers-box-t { border-left:2px solid #0066cc;} .speakers-box-b { border-right:2px solid #0066cc; border-top:2px solid #0066cc;}
.speakers_txt { width:20px; padding:50px 30px; font-size:18px; line-height:20px; color:#06c;}

.logo-list h3 { font-size:16px; padding:10px 0 0; font-weight:700}
.logo-list li { border:1px solid #e7e7e7; width:178px; height:78px; overflow:hidden; float:left; margin:10px 15px 10px 0; text-align:center; background:#fff;}
.logo-list li img { vertical-align:middle; max-width: 100% }
.logo-list li:hover { border:1px solid #f90}

.images-text { overflow:hidden; margin:0 auto}
.kwicks {list-style:none;position:relative;margin:0;padding:0}
.kwicks.horizontal li {float:left; margin:0!important;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);}
.kwicks.horizontal li:hover {float:left; margin:0!important;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0);}
.kwicks.horizontal li h2 { font-size:50px; color:#fff; font-weight:700; text-align:center; margin:200px 0 50px }
.kwicks.horizontal li p { font-size:16px; color:#fff; text-align:center; padding:10px 0; margin:0 50px;}
.kwicks.horizontal li a { width:200px; font-size:16px; height:40px; line-height:40px; border-radius:50px; border:1px solid #fff; background:rgba(51,51,51,.8); color:#fff; text-align:center; display:block; margin:50px auto; display:none}
.kwicks.horizontal li:hover a { display:block}
.kwicks.vertical li {margin-bottom:5px}
.kwicks li {float:left;width:25%;height:800px;}
    #kwick1 { background-image:url(images/1022.jpg); background-size:cover}
    #kwick2 { background-image:url(images/1022.jpg); background-size:cover}
    #kwick3 { background-image:url(images/1022.jpg); background-size:cover}
    #kwick4 { background-image:url(images/1022.jpg); background-size:cover}
.kwicks.horizontal #kwick_4 {margin-right:none}
.kwicks.vertical #kwick_4 {margin-bottom:none}
.kwicks-wap { display:none}

.contact { margin-top:50px; padding:30px 0 50px; background:#f1f1f1; overflow:hidden}
.contact-text-m { float:left; width:300px; padding:30px 0 30px 40px;}
.contact-text-m img { margin-bottom:10px;} .contact-text-m h3 { font-size:24px; color:#000; padding:10px 0;} .contact-text-m p { font-size:16px; color:#333; padding:3px 0}
.code { padding:50px 0 0 }
.banner_view { background:url(images/banner_view.jpg) no-repeat; height:460px; position:relative}
.banner_talk { background:url(images/banner_talk.jpg) no-repeat top center; height:560px;}
.case { background:#000; padding:100px 0;}
.tit-view { font-size:36px; line-height:90px; color:#fff; font-weight:400; padding-bottom:20px;} .tit-view img { margin-right:30px;}
.text { color:#999; font-size:16px; padding-top:30px;} .text p { text-indent:40px; line-height:30px; padding-bottom:20px;}
.int_cnt { position:relative; height:300px; width:1200px; margin:0 auto;}
.introduction { position:absolute; top:-70px; left:0; z-index:999}
.int_cnt p { font-size:16px; margin:0 50px 0 330px; text-indent:32px; line-height:32px; padding:70px 0; color:#333; text-align:justify}

.tab { padding:20px; text-align:center;}
.tab a { display:inline-block; width:340px; height:66px; line-height:66px; text-align:center; font-size:20px; border:2px solid #0066cc; border-radius:40px; color:#0066cc; background:#fff; margin:0 10px;}
.tab a.cur { background:#0066cc; color:#fff; font-weight:700}
.alt-tabs-content { padding:20px 0 80px}
.alt-tabs-content p { font-size:16px; text-align:center; font-weight:700; padding-bottom:20px;}
.table-a { border:1px solid #dedede; width:100%}
.table-a th { padding:10px 0; background:#dff3ff; text-align:center; font-size:16px; font-weight:700; border-top:1px solid #0066cc; border-right:1px solid #dedede;}
.table-a td {border:1px solid #dedede; padding:10px 20px; background:#fff; font-size:14px; text-align:left;}
.cjzs_bg { background:url(images/bg1111.jpg) no-repeat top center; height:797px;}
.cjzs_bg ul { margin:15px 0 0}
.cjzs_bg ul li { width:18%; margin:30px 0 0 20px; float:left;} .cjzs_bg ul li img { width:100%}

.nav-view { width:804px; height:100px; background:#0066cc; margin:0 auto; position:absolute; bottom:-50px; left:50%; margin-left:-400px;}
.nav-view-v { width:200px; height:100px; float:left; border-right:1px solid #000; text-align:center; line-height:100px; cursor:pointer; position:relative}
.nav-view-v span { font-size:20px; font-weight:700; color:#fff; text-align:center;} .nav-view-v span img { margin-left:5px; vertical-align:middle}
.nav-view-v ul { background:#0066cc; padding:20px; box-shadow:0 2px 10px #000; position:absolute; z-index:999; bottom:-248px; left:0; width:220px; text-align:left; display:none}
.nav-view-v:hover ul { display:block}
.nav-view-v ul li { height:26px; line-height:26px; color:#fff;} .nav-view-v ul li a { color:#fff; font-size:14px; display:block; padding-left:10px} .nav-view-v ul li a:hover { background:#002372; color:#fff;}
.footer { font-size:14px; padding:50px 0; overflow:hidden; color:#000;}
.footer p { line-height:20px; padding:5px 0; text-align:center}
.footer p a { color:#000; margin:0 10px;} 
.footer p a:hover { color:#f60;}
.footer p span { padding:0 10px}
.footer-link{ padding-bottom:30px!important;}
.footer-wap { display:none}

.focus { overflow:hidden; padding:60px 0 70px}
.focus_m{ text-align:center; border-right:1px solid #e6e8ed; padding:20px 50px; float:left; width:290px}
.focus_m img { margin-bottom:20px;}
.focus_m h2 { font-size:22px; color:#06c; margin-bottom:30px; line-height:30px; font-weight:700}
.focus_m p { font-size:14px; color:#666; text-align:left; line-height:26px;}
.focus_m.no_box { border:0;}
.fxd_r { position:fixed; right:10px; bottom:30%; width:90px;} .fxd_r img { margin-bottom:5px;}
.nav_fxd { display:none}
@media screen and (max-width: 640px) {
    .wrapper {width:100%;}
    .staticnav,.fixnav { display:none}
    .banner_idx { background:url(images/banner_idx_wap.jpg) no-repeat; background-size: cover; height:600px}
    .banner_view { background:url(images/banner_view_wap.jpg) no-repeat; background-size:contain; height:250px}
    .news { padding:20px}
    .news-txt { padding:10px; width:96%;} .news-txt h2 { font-size:16px; margin-bottom:5px;} .news-txt p { font-size:12px; padding-bottom:10px;}
    .tit { padding:10px 0; margin:20px 0 10px; height:54px;} .tit h2 { font-size:28px; line-height:28px;} .tit h3 { font-size:22px; line-height:22px;}
    .hy-tab { padding:0 0 20px; margin-top:0} .hy-tab-l h2 { font-size:30px; padding:10px 0} .hy-tab-l table { font-size:16px;} .hy-tab-l table th{ line-height:24px;} .hy-tab-l table td p { line-height:24px;}
    .footer { background:#f4f4f4; padding:30px 0; text-align:center; font-size:14px; color:#999}
    .speakers-list li { padding:0; margin:5px 0 0 8px; height:208px; width:30%; overflow:hidden}
    .logo-list li { margin:10px 8px 0 0; width:158px; height:68px;}
    .logo-list { padding-left:20px;}
    .kwicks { display:none} .kwicks-wap { display:block}
    .kwicks-wap li {float:none; margin:0!important;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);-webkit-filter: grayscale(0);}
    .kwicks-wap li h2 { font-size:40px; color:#fff; font-weight:400; text-align:center; margin:70px 0 20px }
    .kwicks-wap li p { font-size:14px; color:#fff; text-align:center; padding:10px 0; margin:0 50px;}
    .kwicks-wap li a { width:200px; font-size:16px; height:40px; line-height:40px; border-radius:50px; border:1px solid #fff; background:rgba(51,51,51,.8); color:#fff; text-align:center; display:block; margin:10px auto;}
    .kwicks-wap li {margin-bottom:5px}
    .kwicks-wap li { float:left; width:100%; height:500px; border-bottom:1px solid #fff;}
    #kwick1 { background-image:url(images/1022.jpg); background-size:cover}
    #kwick2 { background-image:url(images/1022.jpg); background-size:cover}
    #kwick3 { background-image:url(images/1022.jpg); background-size:cover}
    #kwick4 { background-image:url(images/1022.jpg); background-size:cover}
    .contact { padding:10px 0; margin-top:20px;} 
    .speakers-box-t,.speakers-box-b { border:0}
    .speakers_txt { width:auto; float:none;}
    .contact-text-m { padding:10px 0; width:100%;}
    .contact-text-m img { float:left; margin:0 20px 20px 40px;}
    .contact-text-m h3 { font-size:16px; padding:5px 0}
    .contact-text-m p { font-size:14px; padding:3px 0}
    .code { text-align:center}
    .nav-view { width:100%; height:50px; line-height:50px; margin:0; left:0; bottom:0;}
    .nav-view-v { width:25%; height:50px; line-height:50px; border:0} .nav-view-v span { font-size:14px; text-align:center; border-right:1px solid #000; display:block}
    .nav-view-v span img { width:10px; margin:0}
    .case { padding:20px 0}
    .tit-view { font-size:20px; line-height:55px;} 
    .tit-view img { margin:0 10px; width:80px;}
    .text { font-size:14px; padding:10px;} .text p { line-height:24px;}
    .nav-wap { height:40px; background:#06c; padding:0 20px; display:block}
    .nav-wap h1 { line-height:40px; font-size:14px; color:#fff; float:left}
    .navbar-toggle { float:right;}
    .icon-bar { width:20px; padding-top:8px;}
    .icon-bar span { width:20px; height:3px; font-size:0; line-height:0; padding:0; background:#fff; display:inline-block; margin:4px 0 0; float:left}
    .nav-wap-tip { background:rgba(0,0,0,.9); height:100%; width:100%; position:absolute; z-index:999; top:40px; left:0;display:none}
    .nav-wap-tip a { font-size:16px; color:#fff; display:block; margin:20px}
    .navbar-toggle:hover .nav-wap-tip { display:block}
    .footer-wap { display:block}
    .footer .wrapper{ display:none;}
    .tab { padding:0 5px 10px; overflow:hidden}
    .tab a { display:inline-block; width:45%; height:40px; line-height:40px; font-size:12px; border:2px solid #0066cc; border-radius:40px; color:#0066cc; background:#fff; margin:0 5px; float:left}
    .table-a th { padding:5px 0; background:#dff3ff; text-align:center; font-size:14px; font-weight:700; border-top:1px solid #0066cc; border-right:1px solid #dedede;}
    .table-a td {border:1px solid #dedede; padding:5px; background:#fff; font-size:12px;}
    .alt-tabs-content { padding:10px 0}
    .introduction { display:none}
    .int_cnt { width:100%; height:auto;}
    .int_cnt p { margin:0; padding:15px 30px 30px; line-height:28px; color:#666}
    .banner_talk { background:url(images/banner_talk_w.jpg); background-size:cover;height:660px;}
    .cjzs_bg { background:#043771; height:auto; padding-bottom:20px;}
    .cjzs_bg ul li { width:45%; margin:20px 0 0 10px; float:left;}
    .top-nav,.fxd_r { display:none}
    .nav_fxd { display:block; position:fixed; width:100%; background:#000; opacity:.9; padding-bottom:10px; z-index:99}
    .nav_fxd .logo { width:110px; margin-top:5px; float:left;z-index:9}
    .nav_fxd_r { float:right; padding:10px 10px 0 0; z-index:9} .nav_fxd_r img { width:90px;}
    .focus { padding:10px 0}
    .focus_m { width:auto; padding:20px 0; margin:0 20px 20px; border-right:0; border-bottom:1px solid #e6e8ed; text-align:initial}
    .focus_m img { float:left; margin:0 20px 60px 0}
    .focus_m h2 { font-size:18px; color:#06c; margin-bottom:10px; line-height:20px; font-weight:700}
    .focus_m p { font-size:14px; color:#666; text-align:left; line-height:22px;}
    .th_w { width:50px;}
    .speakers-box { padding:0;}
    .speakers-list { padding:20px 0}
}