body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
html{background: #FFFFFF;}
body{width: 100%;color:#000000; line-height:24px;font-size: 16px;font-family:"微软雅黑", "黑体", "宋体";}
a{color: #000000;text-decoration: none;}
a:hover{text-decoration: none;}
img { border:none; }
ol,ul,li { list-style:none; }
table { border-collapse:collapse; }
.f-l{float:left}
.f-r{float:right}
.clear{zoom:1}
.clear:after{content: '';display: block;clear: both;}
.trans{-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.intro,.spk-inner,.agenda,.previ,.commonbtm-inner,.int-inner,.logo-inner,.tran-inner,.contact-inner,.agen-inner,.ques-inner,.dlod-inner,.award-inner{width: 1200px;margin: 0 auto;}

#hid_hedpic{display: none;}
#header_wrap{width: 100%;background: #FFFFFF;background: rgba(255,255,255,0.9); height: 60px;position: fixed;top: 0px;z-index: 99;border-bottom: 1px solid #f2f2f2;}
#header_wrap .logo{float: left;margin-left: 20px;padding: 4px 0px;}
#header_wrap .nav-inner{float: left;margin-left: 30px;}
#header_wrap .nav-inner a{display: block;float: left;line-height: 58px;padding: 0px 10px;font-size: 18px;color: #222222;}
#header_wrap .sign{float: right;}
#header_wrap .sign a{display: block;width: 120px;height: 60px;background: #e2730f;line-height: 60px;text-align: center;color: #FFFFFF;font-size: 20px;}
#header_wrap .sign a:hover{background: #ef8121;}
#banner_wrap{margin-top:60px;}
.fenbanner{width: 100%;margin-top: 60px;}
.fenbanner img{width: 100%;}

#banner_wrap{width: 100%;height: 600px;background:url(../images/bannerbg.jpg);background: #05173b url(../images/bannerbg.jpg)  no-repeat center center /auto 100% ;}
.banner-inner{position: relative;color: #FFFFFF;}
.bannertitle,.entitle,.bannertime,.timetxt{position: absolute;left: 50%;}
.bannertitle{top: 186px;margin-left: -318px;}
.entitle{top: 310px;margin-left: -400px;width: 800px;font-size:24px;text-align: center;}
.bannertime{top: 400px;margin-left: -321px;}
.timetxt{top: 398px;margin-left: -321px;width: 642px;text-align: center;font-size: 18px;}


#fenbanner_wrap{width: 100%;height: 380px;background:url(../images/bannerbg.jpg);background: #05173b url(../images/fenbannerbg.jpg)  no-repeat center center /auto 100% ;}
.fenbanner-inner{position: relative;color: #FFFFFF;}
.fenbannertitle,.fenentitle,.fenbannertime,.fentimetxt{position: absolute;left: 50%;}
.fenbannertitle{top: 126px;margin-left: -318px;}
.fenentitle{top: 200px;margin-left: -400px;width: 800px;font-size:24px;text-align: center;}
.fenbannertime{top: 300px;margin-left: -321px;}
.fentimetxt{top: 298px;margin-left: -321px;width: 642px;text-align: center;font-size: 18px;}



.common-title{color: #1caafe;text-align: center;font-size: 30px;margin-top: 60px;font-weight: 600;margin-bottom: 20px;}
.common-title span{font-size: 14px;color: #8c8c8c;font-weight: normal;display: block;line-height: 30px;}
.introtxt{text-align: center;margin-bottom:60px;}

 
.spkgroup{margin-bottom: 40px;text-align: center;}
.spkone{float: left;margin-right: 3%;width: 14%;text-align: center;margin-bottom: 50px;height: 260px;display: inline-block;}
.spkone:nth-child(6n){margin-right: 0px;}
.spkone img{width: 100%;height: auto;border-radius: 50%;}
.spkone p{font-size: 14px;color: #282828;}
.spk-zj{margin-left: 520px;}
#agenda_wrap{width: 100%;background: url(../images/agendabg.jpg);padding: 20px 0px 30px 0px;}
.agendaone{width: 316px;height: 225px;background: url(../images/agonebg.png) no-repeat;float: left;margin-right: 125px;margin-bottom: 50px;position: relative;}
.agendaone h3,.agendaone p,.agendaone a{position: absolute;text-align: center;}
.agendaone h3{font-size: 18px;font-weight: 600;color: #FFFFFF;width: 100%;top: 50px;left: 0;}
.agendaone p{font-size: 14px;color: #FFFFFF; width: 100%;top: 110px;left: 0;}
.agendaone a{display: block;width: 116px;text-align: center;line-height: 30px; background: #1CAAFE;
background: linear-gradient(to bottom ,#1caafe,#066095);
color: #FFFFFF;top: 150px;left: 100px;}
.agendaone a:hover{background: #52baf8;background: linear-gradient(to bottom ,#32b1fd,#056fac);}
.btn-pdfdlod{display: inline-block;line-height: 24px;}
.btn-pdfdlod img{display: inline-block;margin-bottom: -4px;}
.preone{width: 378px;height: 200px;float: left;margin-right: 28px;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 160px; opacity: 0; width: 100%;}
.port-1{width: 378px;height: 200px;overflow: hidden; position: relative; overflow: hidden; text-align: center; }
.port-1 .text-desc{opacity:0.9;top: -378px; transition: 0.5s; color: #FFFFFF; padding: 20px 0px;background: #1CAAFE;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);}
.port-1.effect-2 .text-desc{top: auto; bottom: -378px;}
.port-1.effect-2:hover .text-desc{bottom: 0;}
.text-desc p{font-size: 14px;margin-top: 20px;}
.text-desc a{background: #FFFFFF;display: block;width: 158px;margin-left: 110px;line-height: 30px;margin-top: 20px;}

/*add dlodpage*/
.dlodone{border-top: 1px dotted #ECECEC;}
.dlodlogo{}
/*commonbtm*/
#commonbtm_wrap{width: 100%;background: #f8f8f8;margin-top:80px;padding: 30px 0px;border-top: 1px solid #f1f1f1;}
.commonbtm-inner li{float: left;width: 114px;margin-right: 102px;text-align: center;}
.commonbtm-inner li.nomargin-r{margin-right: 0;}
.commonbtm-inner li a{display: block;width: 114px;color: #8C8C8C;font-weight: 600;}
.commonbtm-inner li a:hover{color: #e2730f;}
.commonbtm-inner li a i{width: 114px;height: 114px;display: block;background: url(../images/commonbtm_icon.png) no-repeat;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.commonbtm-inner li a:hover i{width: 114px;height: 114px;display: block;background: url(../images/commonbtm_icon.png) no-repeat;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out;}
.commonbtm-inner li:nth-child(1) a i{background-position:0px 0px ;}
.commonbtm-inner li:nth-child(1) a:hover i{background-position:0px -114px ;}
.commonbtm-inner li:nth-child(2) a i{background-position:-114px 0px ;}
.commonbtm-inner li:nth-child(2) a:hover i{background-position:-114px -114px ;}
.commonbtm-inner li:nth-child(3) a i{background-position:-228px 0px ;}
.commonbtm-inner li:nth-child(3) a:hover i{background-position:-228px -114px ;}
.commonbtm-inner li:nth-child(4) a i{background-position:-342px 0px ;}
.commonbtm-inner li:nth-child(4) a:hover i{background-position:-342px -114px ;}
.commonbtm-inner li:nth-child(5) a i{background-position:-456px 0px ;}
.commonbtm-inner li:nth-child(5) a:hover i{background-position:-456px -114px ;}
.commonbtm-inner li:nth-child(6) a i{background-position:-570px 0px ;}
.commonbtm-inner li:nth-child(6) a:hover i{background-position:-570px -114px ;}
#mobilebtm_wrap{display: none;display: none!important;}
/*foot*/
#footer_wrap{background: #232323;width: 100%;border-top: 1px solid #222222;text-align: center;padding: 20px 0px;color: #dddddd;font-size: 14px;}
#btn{ position: fixed;
    right: 20px;
    bottom: 30px;
    border: 1px solid #929292;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all 0.4s ease;
    opacity: 0;}
#btn:hover{background: #a7a7a7;background: rgba(166,166,166,0.8); -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;}
#btn:after{content: "";
    display: block;
    border: 8px solid;
    border-color: transparent transparent #929292 transparent;
    width: 0;
    position: relative;
    top: 22%;
    left: 34%;}
#btn:hover:after{border-color: transparent transparent #ffffff transparent;}

/*css for intro*/
.int-inner{text-align: center;}
.circleul{width: 860px;margin: 0 auto;}
.circleul li{float: left;width: 224px;height: 224px;background: url(../images/intro-circle.jpg);margin: 20px 30px;position: relative;}
.circleul li span{position: absolute;top: 40px;left: 50%;margin-left: -60px; width: 120px;display: block;border-bottom: 2px solid #000000;}
.circleul li i{position: absolute;top: 70px; left:50%;margin-left: -60px; width: 120px;display: block;font-size: 12px;font-style: normal;line-height: 18px;text-align: center;color: #565656;}
.lightul li{float: left;width: 160px;margin: 50px 40px 30px 40px;text-align: center;}
.lightul li b{width: 120px;height: 120px;display:block;background: url(../images/intro-light.jpg) left top no-repeat;margin: 0 auto;}
.lightul li span{display: block;border-bottom: 2px solid #74101c;margin-top:10px;line-height: 30px;}
.lightul li i{color: #565656;font-style: normal;font-size: 14px;}
.lightul li:nth-child(2) b{background-position:-120px 0px ;}
.lightul li:nth-child(3) b{background-position:-240px 0px ;}
.lightul li:nth-child(4) b{background-position:-360px 0px ;}
.lightul li:nth-child(5) b{background-position:-480px 0px ;}

/*css for 合作伙伴*/
.logotit{margin: 0 auto;position: relative;margin-top: 50px;}
.conf-title {
    width: 156px;
    position: relative;
    display: block;
    background-color: rgb(255, 255, 255);
    text-align: center;
    color: #222222;
    font-size: 24px;    
    top: -15px;
    padding: 0px 20px;
    margin: 0px auto;
    text-align: center;
}
.conf-title:before {
    left: -39px;
    color: #c0c0c2;
    content: '/';
    position: relative;
     font-weight: lighter;
}
.conf-title:after {
    left: 39px;
    color: #c0c0c2;
    content: '/';
    position: relative;
    font-weight: lighter;
}
.l-1 {
    height: 10px;
    width: 100%;
    border-bottom: 1px solid #c0c0c2;    
}
.logo-inner{text-align: center;margin-top: 10px;}
.logo-inner a{display: inline-block;margin: 10px;width: 210px;height: 80px;border:1px solid #ececec;}
/*css for 交通*/
.tran-inner h3{text-indent: 40px;line-height: 42px;background: url(../images/tran-icon.jpg) no-repeat;}
.tran-inner p{padding-left: 40px;line-height: 30px;}
.tran-inner a{color: #E2730F;}

/*css for 联系我们*/
.contone{float: left;margin-right: 50px;}
.contone b{margin-bottom: 10px;display: block;color: #1CAAFE;}
.contone img{margin-top: 10px;}
.quesul{}
.quesul li{margin: 10px 0px;color: #E2730F;}
.quesul li b{color: #E2730F;}
.quesul li span{font-size: 14px;padding-left: 16px;display: block;color: #232323;}
/*css for agen*/
.agen-inner{text-align: center;}
.agen-inner h4{width: 100%;background: #1CAAFE;color: #FFFFFF;text-indent: 16px;padding: 4px 0px;font-size: 18px;}
.agen-inner p{margin: 25px 0px;}
.agtableblue{width: 100%;background: #1CAAFE;color: #FFFFFF;text-indent: 16px;padding: 4px 0px;}
.agetime,.agetit,.agename{float: left;font-size: 18px;font-weight: 600;}
.agetime{width: 150px;}
.agetit{width: 730px;}
.agename{width: 320px;}
.aglist{margin-top: 20px;}
.scaList dt {width: 150px;text-align: right;padding-right: 20px;}
.scaList dd {position: relative;width: 1000px;padding-left: 20px;text-align: left;border-left: 2px solid #1CAAFE;}
.cir {position: absolute;top: 4px;left: -9px;width: 12px;height: 12px;background: #fff;border: 2px solid #1caafe;border-radius: 100%;}

.scaList dt, .scaList dd {float: left;}
.scaList_name li {margin-right: 0px;margin-top: 0px;}
li.litLi {position: relative;padding-left: 0px;font-size: 12px;color: #565656;margin-top: -10px;}
.littxt{display: inline-block;margin-top: 0px;padding-top: 0px;float: left;margin-top: 10px;margin-right: 4px;}

.litPic {width: 40px;height: 40px;display: inline-block;}
.litPic img {width: 100%;height: 100%;border-radius: 100%;}
.sca_txt {padding: 10px 0;color: #565656;font-size: 14px;border-bottom: 1px dotted #ccc;line-height: 24px;}
.tabbtnbox{text-align: center;margin-left: 68px;}
.tabone{float: left;display: block;border: 2px solid #1CAAFE;border-bottom:none;color: #1CAAFE; margin: 0px 10px;
text-align: center;width: 242px;font-size: 18px;font-weight: 600;padding: 12px 0px;cursor: pointer;}
.tabone i{font-size: 14px;font-weight: normal;padding-top: 6px;display: block;}
.ag_mobile{display:none!important;}
.nomargin-r{margin-right: 0;}
/*css for media*/
.med_formbox form{width: 600px;margin: 0 auto;height: auto;background-color: #fff;padding:40px 15px; border-radius: 8px;  box-shadow: 0 0px 5px rgba(122, 122, 122, 0.12), 0 1px 2px rgba(122, 122, 122, 0.24);}
.med_formbox .inone label{width: 15%;float: left;clear: left;height: 36px;line-height: 36px;margin-top: 10px;}
.med_formbox .inone input {width: 59%;margin-top: 10px;text-indent: 8px;border: 1px solid #ccc;float: left;height: 36px;line-height: 36px;}
#sub{width:100%;height: 40px;background: #1caafe;color: #fff;border: none;}
#sub:hover{background: #3bb4fc;}
.spa{height: 36px;line-height: 36px;width: 25%;display: inline-block;float: left;color: #BD362F;text-indent: 10px;margin-top: 10px;}
.hay-form-top {background: #fff;height: 10px;border-radius: 8px 8px 0 0;margin: 0 10px;padding: 0;width: 600px;margin: 0 auto;box-shadow: 0 0px 5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.mediatxt{width:600px; margin: 0 auto;margin-top: 30px;text-align: center;font-size: 15px;color: #333333;}


/*
.gipic{width: 30%;}
.gitxt{width: 19%;padding-top: 40px;padding-left: 1%;}*/
.gi_box{margin: 0 auto;width:620px;}
.gpone{width: 267px;float: left;margin:0 21px;text-align: center;}


/*mobile css*/

@media (max-width: 992px) {
.gi_box{width: 100%;}
.gpone{width: 100%;margin: 0;}

.intro,.spk-inner,.agenda,.previ,.commonbtm-inner,.int-inner,.logo-inner,.tran-inner,.contact-inner,.agen-inner,.ques-inner,.award-inner{width: 98%;margin: 1% auto;}
#header_wrap .nav-inner{display: none;}	
#header_wrap{height: 40px;border-bottom: 0px;}
#header_wrap .logo{float: left;margin-left: 10px;padding: 1px 0px;}
#header_wrap .logo img{height: 38px;}
#header_wrap .sign a{display: block;height: 40px;line-height: 40px;font-size: 18px;}
#commonbtm_wrap{display: none;}
.common-title{font-size: 20px;margin-top: 30px;font-weight: 600;margin-bottom: 20px;}
.common-title span{font-size: 12px;line-height: 18px;}
#footer_wrap{border-top: 1px solid #222222;padding: 10px 0px;color: #dddddd;font-size: 10px;line-height: 18px;}
#btn{display: none!important;}
#banner_wrap{display: none!important;}
#fenbanner_wrap{display: none!important;}
.previ{display: none;}
.introtxt{font-size: 14px;}
.agendaone{margin-left: 5%;}
.fenbanner{display: none!important;}
.mobilebanner{margin-top: 40px;display: block!important;width: 100%;}
.mobilebanner img{width: 100%;}
.spkone{float: left;margin:20px 6%;width: 38%;text-align: center;height: auto;}
.spkone p{height:80px;line-height: 20px;}
.spk-zj{margin-left:6%;}
.circleul {width: 100%;}
.circleul li{float: left;width: 60%;height: auto;margin: 20px 20%;position: static;background: none;}
.circleul li span{position: static;display: block;border-bottom: 2px solid #000000;margin: 0;width: 100%;}
.circleul li i{position: static;display: block;font-size: 12px;font-style: normal;margin: 0;width: 100%;}
.lightul li{float: left;width: 44%;margin: 30px 3%;text-align: center;}
.lightul li b{width: 44%;height: auto;display:block;background: none;margin: 0 auto;}
.lightul li span{display: block;border-bottom: 2px solid #74101c;margin-top:10px;line-height: 30px;}
.lightul li i{color: #565656;font-style: normal;font-size: 14px;}
.contone{float: left;width: 80%;margin: 20px 10%;text-align: center;}
.ques-inner{width: 96%;margin: 0 2%;}
.mapifr{width: 98%!important;margin: 0px 1%;}
#mobilebtm_wrap{background: #f4f4f4;display: bolck;display: block!important;margin-top: 40px;}
#mobilebtm_wrap ul li a{display: block;padding: 10px;text-align: center;border-bottom: 1px dotted #e3e3e3;}

/*css for mobile agen*/
.agen-inner{text-align: center;}
.agen-inner h4{width: 100%;background: #1CAAFE;color: #FFFFFF;text-indent: 16px;padding: 4px 0px;font-size: 18px;}
.agen-inner p{margin: 25px 0px;}
.agtableblue{width: 100%;background: #1CAAFE;color: #FFFFFF;text-indent: 16px;padding: 4px 0px;}
.agetime,.agetit,.agename{font-size: 14px;font-weight: 600;}
.agetime{width: 14%;}
.agetit{width: 60%;}
.agename{width: 25%;}
.aglist{margin-top: 20px;}
.scaList dt {width: 98%;padding-left: 1%;text-align: left;padding-right: 0px;}
.scaList dd {position: relative;width: 98%;padding-left: 1%;text-align: left;border-left: none;}
.cir {position: static;top: 0;left: -9px;width: 12px;height: 12px;background: #fff;border: 2px solid #1caafe;border-radius: 100%;display: none;}
li.litLi{position: relative;padding-left: 0px;font-size: 12px;color: #565656;float: left;display: block;margin-top: 0px;}

.scaList dt, .scaList dd {float: none;}
.scaList_name li {margin-right: 10px;}
.littxt{display: inline-block;margin-top: 0px;padding-top: 0px;float: left;margin-top: 0px;margin-right: 0px;}
.litPic {position: absolute;top: -10px;left: 0;width: 40px;height: 40px;display: none;}
.litPic img {width: 100%;height: 100%;border-radius: 100%;}
p.sca_txt {padding: 10px 0;color: #565656;font-size: 14px;border-bottom: 1px dotted #ccc;line-height: 24px;margin: 0;}
.tabbtnbox{text-align: center;margin-left: 150px;display: none!important;}
.tabone{float: left;display: block;border: 1px solid #1CAAFE;border-bottom:none;color: #1CAAFE; margin: 0px 20px;text-align: center;width: 250px;font-size: 18px;font-weight: 600;padding: 16px 0px;cursor: pointer;}
.tabone i{font-size: 14px;font-weight: normal;padding-top: 6px;display: block;}
.ag_mobile{display: block!important;color: #1CAAFE;font-weight: 600;}
#agcont1,#agcont2,#agcont3,#agcont4{display: block!important;}
.med_formbox form{width:96%;margin: 0 auto;height: auto;background-color: #fff;padding:0px; border-radius: 0px;  box-shadow: none;}
.med_formbox .inone label{width: 26%;float: left;clear: left;height: 36px;line-height: 36px;margin-top: 10px;}
.med_formbox .inone input {width: 72%;margin-top: 10px;text-indent: 8px;border: 1px solid #ccc;float: left;height: 36px;line-height: 36px;}
.spa{height: 14px;line-height: 14px;width: 100%;font-size: 14px;margin-top: 0;text-indent: 0px;}
.hay-form-top {background: #fff;height:0px;border-radius: 0;margin: 0px;padding: 0;width: 600px;margin: 0 auto;box-shadow: none;}
.mediatxt{width: 100%;margin: 0 auto;margin-top: 30px;text-align: center;font-size: 14px;color: #333333;}
}