/* CSS Document */
#top{display:none;}
header { position:fixed;z-index:9998;background:none;}
header.on { background:url(../image/header_bg.jpg) center #fff;box-shadow: 0px 0px 35px -10px #888;}
nav>ul > li {width:auto;}
nav a { display:block; font-size:16px;padding:0 20px; color:#fff; line-height:98px; text-align:center; font-weight:normal;}
header.on nav a{color:#0068ab;}
nav li:hover ul {
    margin-left: -30px;
    margin-top:-20px;
}
nav li:hover > a {
    color: #0068ab;
    background:none;
}
nav li li {
    height: 34px;
    background: #333 url(../image/nav_right_icon.png) no-repeat 94% center;
}
nav li li a {font-size:13px;color:#fff;}
header.on nav li li a {color:#fff;
}
nav li li:hover a { 
    background: #0068ab url(../image/nav_right_icon.png) no-repeat 94% center;
    color:#fff;
}
nav li:hover > a {color:#fff;}
header.on nav li:hover > a {color:#0068ab;}
header.on nav li:hover li a {color:#fff;
}
.msub .line { background:#fff; }
header.on .msub .line { background:#0068ab; }
#myVideo {width:100%;}
.cndns-banner{ /*height:710px;*/ overflow:hidden; position:relative; background-color:#000}
.cndns-banner-bg{ width:100%; height:710px; background:url(http://www.cantontowerstc.com/content/site/images/02index-banner-9.jpg) no-repeat center top; position:absolute; left:0; top:0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cndns-banner-video{ position:absolute; left:0; bottom:0px; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.cndns-banner .cndns-top-banner{ display:none;}
.cndns-banner .cndns-header{ position:absolute; left:0; top:0; width:100%; background-color:transparent; border-bottom:none;}
.cndns-banner .cndns-header-logo{ width: 135px; height: 60px; background-size:auto 40px; margin-left: 15px;}
.cndns-banner .cndns-header-top{ border: none;}
.cndns-banner .cndns-header-bottom{ display:none}
.cndns-banner .cndns-header-info{ margin-right: 15px;}
.cndns-banner .cndns-header-info-btn{ color:#fff; line-height: 60px;}
.cndns-banner .cndns-header-info-btn.last{ margin-top:14px; border:2px solid rgba(102,102,102,.5); color:#fff; background-color: initial; height: 30px; line-height: 30px; width: 80px;}
.cndns-banner .cndns-header-info-btn.last:hover{background-color:#ff6800; border-color:#ff6800; color:#fff}
.cndns-banner .cndns-header-mail .cndns-header-info-btn{ margin-top: 10px;}
.cndns-banner .cndns-header-mail dl{ top: 4px;}
.cndns-banner .cndns-header-login .header-login-box{ top: 52px;}
.cndns-banner-tex{ text-align:center; position:relative; margin:224px 0 140px 0}
.cndns-banner-tex h2{ font-size:54px; line-height:54px; color:#fff; font-weight:bold; }
.cndns-banner-tex h3{ font-size:46px; line-height:24px; color:#e8e8e8; padding:60px 0 30px 0; font-weight:600}
.cndns-banner-tex p{ font-size:30px; line-height:24px; color:#fff; padding:30px 0 0;}
    .cndns-banner-tex p.p1{padding:30px 0 30px; font-size:16px;}
.cndns-banner-tex a{ width:138px; height:40px; border:1px solid #fff; text-align:center; line-height:40px; font-size:16px; margin:0 5px; display:inline-block; color:#fff}
.cndns-banner-tex a.login-btn,.cndns-banner-tex a:hover{ background-color:#0068ab; border-color:#0068ab; color:#fff}
.cndns-banner-tex a.login-btn:hover{ background-color:#132373}

.cndns-banner-con{ position:relative; text-align:center;}
.cndns-banner-con h4.cndns-tit{ color:#e8e8e8}
.cndns-banner-con ul{ display:inline-block;}
.cndns-banner-con li{ float:left; width:238px; border-right:1px solid rgba(242,242,242,.1); padding:15px 0;  transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.cndns-banner-con li a{ display:block}
.cndns-banner-con li .li-img{ width:238px; height:62px; vertical-align: middle; text-align: center; display: table-cell;}
.cndns-banner-con li .li-img img{ display:inline-block;}
.cndns-banner-con li .li-tex{ text-align:center; padding-top:20px}
.cndns-banner-con li .li-tex h5{ color:#fff; font-size:14px; font-weight:normal; padding-bottom:5px;}
.cndns-banner-con li .li-tex p{ color:#ccc; font-size:12px; line-height:12px;}
.cndns-banner-sea{ width:580px; margin:0 auto;}
.cndns-banner-sea .sea-input{border:1px solid rgba(255,255,255,.5); border-right:0; float:left;}
.cndns-banner-sea .sea-input input{ height:40px; line-height:40px; width:328px; padding:0 10px; float:left; color:#fff; font:16px; font-family:"Microsoft Yahei"; border:none; background-color:transparent}
.cndns-banner-sea .selectstyle_188{ float:left; width:109px; position:relative; height:26px; padding:7px 0;}
.cndns-banner-sea .selectmemberw_show{ text-align:center; color:#fff; font-size:16px; font-weight:bold; height:26px; line-height:26px; border-left:1px solid rgba(255,255,255,.5)}
.cndns-banner-sea .selectmemberw_show .icon-arrow-down{ border-top-color:#fff;}
.cndns-banner-sea .selectmemberw_hide{ position:absolute; left:0; top:40px; background-color:rgba(255,255,255,.5); width:109px; display:none; overflow-y: scroll;height: 170px; z-index:10}
.cndns-banner-sea .selectmemberw_hide li{ color:#fff; cursor:pointer; line-height:26px;}
.cndns-banner-sea .selectmemberw_hide li:hover{ background-color:#c5c5c5}
.cndns-banner-sea .selectstyle_188:hover .selectmemberw_show .icon-arrow-down{transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); vertical-align:2px}
.cndns-banner-sea .sea-btn{ float:left}
.cndns-banner-sea .sea-btn a{ display:block; height:42px; border:0; background-color:#ff6800; color:#fff; font-size:16px; width:122px; text-align:center; line-height:42px; margin:0}
.cndns-banner-sea .sea-btn a:hover{ background-color:#eb6000}

/*通用标题*/
.sec_head{
	text-align: center;
	position:relative;
    margin-bottom:30px;
}
.sec_head>h2,.sec_head>h3{
	-webkit-transform:scale3d(.5, .5, 0); transform:scale3d(.5, .5, 0); -webkit-animation:index-headline .6s forwards .3s;
animation:index-headline .6s forwards .3s
}
@-webkit-keyframes index-headline { 100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes index-headline { 100% {
opacity:1;
transform:scale3d(1, 1, 1)
}
}

.sec_head h2 span{
	display: inline-block;
	font-size: 36px;
	margin: 0 20px;
	color: #333;
}
.sec_head h2 i{
	display: inline-block;
	width: 127px;
	height: 1px;
	background: #0068ab;
	margin-bottom: 10px;
}
.sec_head h3{
	font-size: 20px;
	line-height: 20px;
    color:#aaa;
    font-size:12px;
    text-transform:uppercase;
}
.i_about {     width: 100%;
    background: #FFF;
    }
.i_box {padding: 80px 0 60px;
}
 /*h3 {font-size: 16px;color: #999;text-align: center;font-weight:normal;line-height: 30px;font-family: "Arial";padding-bottom:30px; display:none;}
.i_box h2 {font-size: 36px;color: #333333;text-align: center;font-weight: 600;line-height:80px;margin-bottom:30px;}
.i_box h2 img { margin:0 20px;vertical-align:middle;}*/
.i_about p { font-size:14px;color:#333;line-height:30px;padding:0;text-align:left; text-indent:2em;}
.i_about ul.ul1 { width:100%;height:220px;margin-top:50px;}
.i_about ul.ul1 li { width:25%;height:220px;float:left;overflow:hidden;position:relative;}
.i_about ul.ul1 li a{display:block; text-align:center;}
.i_about ul.ul1 li img { width:auto;height:128px;overflow:hidden; }

.i_about ul.ul1 li p { overflow:hidden;font-size:18px;color:#333;height:70px;line-height:70px;padding:0;text-align:center;text-indent:0; font-weight:bold;}
.i_about ul.ul1 li:hover p { color:#076ce0;}
.i_shuju {     width: 100%;
    background: url(../image/event_bg.png) no-repeat center center #132373;
    }
    .i_shuju h2 span,.agenda_sec h2 span{color:#fff;}
.i_shuju h2 i,.agenda_sec h2 i{background-color:#fff;}
.animate-wrapper-div { position: absolute; top: 60px; left: 50%; margin-left: -76px; width: 152px; height: 141px; }
.animate-wrapper-div-01{background:url(../image/aa1.png) no-repeat center;}
.animate-wrapper-div-02{background:url(../image/aa2.png) no-repeat center;}
.animate-wrapper-div-03{background:url(../image/aa3.png) no-repeat center;}
.animate-wrapper-div-04{background:url(../image/aa4.png) no-repeat center;}
.animate-wrapper-div-05{background:url(../image/aa5.png) no-repeat center;}
.superiority-div-wrapper {margin-bottom:20px;}
.superiority-li-item { position: relative; float: left; margin: 0px; padding-top: 230px; width: 20%; text-align: center; }

.superiority-li-item-01.active .animate01-big-blue { animation: 0.9s ease 0s normal both 1 running animate01translateY1; }
.superiority-li-item-01.active .animate01-small-blue { animation: 0.5s ease 0.9s normal both 1 running animate01translateY1; }

.superiority-li-item-02.active .animate02-big-blue { animation: 0.9s ease 0s normal both 1 running animate01translateY1; }
.superiority-li-item-03.active .animate03-white-01 { animation: 0.9s ease 0.5s normal both 1 running animate01translateY1; }
.superiority-li-item-03.active .animate03-white-02 { animation: 0.5s ease 0.2s normal both 1 running animate01translateY1; }
.superiority-li-item-03.active .animate03-white-03 { animation: 0.5s ease 0s normal both 1 running animate01translateY1; }

.superiority-li-item-04.active .animate04-big-blue { animation: 0.7s ease 0s normal both 1 running animate01translateY1; }
.superiority-li-item-04.active .animate04-small-blue { animation: 0.7s ease 0.5s normal both 1 running animate01translateY1; }
.superiority-li-item-04.active .animate04-arrow-blue-01 { animation: 0.5s ease 1.2s normal both 1 running animate01translateY1; }
.superiority-li-item-04.active .animate04-arrow-blue-02 { animation: 0.5s ease 1.7s normal both 1 running animate01translateY1; }
.superiority-li-item-04.active .animate04-arrow-blue-03 { animation: 0.5s ease 2s normal both 1 running animate01translateY1; }
.superiority-big-num { margin-bottom: 16px; height: 38px; line-height: 38px; font-size: 38px; color: #fff; }
.dot-text {}
.add-text { position: relative; font-size: 36px; top: -6px; left: 4px; font-weight: bold; }
.superiority-small-text { font-size: 18px; line-height: 18px; color:#fff; }

/*#zdemo1,#zdemo2 {overflow: hidden;}
.jiabin { background-color:#f2f2f2;
}
.jiabin .w .wrap{
	margin-top: 80px;
    width:auto;
}
.jiabin .wrap .b{
	float: left;
	width: 200px;
	height: 244px;
	padding: 0 20px;
	margin-bottom: 18px;
}
.jiabin .wrap .b .img{
	width: 162px;
	height: 162px;
	margin: 0 auto;
	border-radius: 81px;
	overflow: hidden;
	position: relative;
	    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jiabin .wrap .b .img  img{
	width: 163px;
	height: auto;
	min-height: 163px;
}
.jiabin .wrap .b .jiabin_name{
	font-size: 21px;
	line-height: 40px;
	margin-top: 10px;
	text-align: center;
	color:#333;
}
.jiabin .wrap .b .info{
	font-size: 13px;
	line-height: 24px;
	text-align: center;
	color:#666;
}
a.index_btn{
	display: block;
	position:relative;
	margin: 50px auto 0 auto;
	width: 198px;
	height: 50px;
	line-height: 48px;
	background-color: #0068ab;
	color: #fff;
	text-align: center;
	font-size: 18px;
    border-radius:5px;
}
a.index_btn1 {margin-top:30px;
}
    a.index_btn:hover {
	background-color:#132373;
    }*/
   /* jiab_js */
   .jiabin { background-color:#f2f2f2;}
.jiablist2 { display:none;}
      .jiabin .w{width:1300px;margin:0 auto;max-width:none;}
.jiab_js{height:auto;margin:30px auto;overflow:hidden;position:relative; /*padding: 0 40px;margin-bottom: 110px;*/ }
/*.jiab_js_title{height:32px;width:1200px;padding-bottom:3px;background:url(../images/lizi_img001.jpg) repeat-x;}
.jiab_js_title em{float:left;font-style:normal;line-height:32px;padding-left:13px;font-size:14px;}
.jiab_js_title span{float:right;display:block;padding:8px 15px 0 0;height: 20px;}
.jiab_js_title span b , .jiab_js_title span a{display:block;float:left;}
.jiab_js_title span b , .jiab_js_title span b img{width:11px;height:11px;}
.jiab_js_title span b img{cursor:pointer;}*/
/*.jiab_js_prev{padding:2px 10px 0 0;}
.jiab_js_next{padding:2px 0 0 0px;}*/
/*.jiab_js_title span a{font-size:12px;background:url(../images/lizi_img005.jpg) no-repeat left center; padding-left:15px;margin-right:10px;}
.jiab_js_title span a.jiab_js_title_a1{color:#f34d01;background:url(../images/lizi_img004.jpg) no-repeat left center;}*/
.jiab_js_main{padding:13px 50px 0;height:468px;width:10000px;position:relative;z-index:1;}
.jiab_js_main div{width:1200px;margin-right:50px;height:auto;float:left; overflow:hidden;}

.jiab_js_main div span{width:220px;height:220px;padding:10px;display:block;float:left; margin: 10px 0; position: relative;overflow:hidden;}


.jiab_js_main div span a{display:block;}
.jiab_js_main_a1{}
.jiab_js_main_a1 , .jiab_js_main_a1 img{width:100%;height:auto;max-width:100%;min-height:240px;}
.jiab_js_main div span b{display:block;padding-left:10px;color:#787878;}
.jiab_js_main div span p{line-height:20px;padding:0 10px;height:87px;color:#787878;}

.jiab_js_main_a2{ color: #fff;position: absolute; background-color: rgba(0,0,0,0.5); left: 0;bottom: 0; width: 100%; height: 70px;  text-align: center; opacity: 0; padding-bottom: 10px;}
.jiab_js_main_a2 i{font-size: 16px;color: #fff; font-style: normal; display: block;}
.jiab_js_main div span:hover .jiab_js_main_a2{opacity: 1;}


.jiab_js_main div span.jiab_js_main_span1 .jiab_js_main_a1{background:url(http://www.cantontowerstc.com/content/site/images/lizi_img010.jpg) no-repeat;}
.jiab_js_main div span.jiab_js_main_span1 b , .jiab_js_main div span.jiab_js_main_span1 p{color:#33a0ff;}
.jiab_js_main div span.jiab_js_main_span1 .jiab_js_main_a2{background:url(http://www.cantontowerstc.com/content/site/images/lizi_img008.jpg) no-repeat;}

.jiab_js .jiab_js_prev1 ,.jiab_js .jiab_js_next1{display:block;width:31px;height:30px;position:absolute;cursor:pointer;z-index:2;top:102px;}
.jiab_js .jiab_js_prev1 img ,.jiab_js .jiab_js_next1 img{width:31px;height:30px;}
.jiab_js .jiab_js_prev1{left:0px; top:266px;}
.jiab_js .jiab_js_next1{right:0px; top:266px;}
.jiablist2 .jiablist2_item {
    width: 48%;margin:10px 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box ;
    float: left;
    position:relative;
}
/*.jiablist2 .jiablist2_item:before{
  content: "";
  display: block;
  padding-top:100%; 
}*/
    .jiablist2 .jiablist2_item a {display:block;
    }
.jiablist2 .jiablist2_item .jiab_js_main_a11{
/*position:absolute;top:0;left:0;bottom:0;right:0;*/}

        .jiablist2 .jiablist2_item a img {width:100%;height:180px;
        }
        .jiablist2 .jiablist2_item a i{ display:block;  text-align:center;font-style: normal;}
@media screen and (min-width:1317px) {
    .jiabin .w {
        width: 1300px;
    }
    .jiab_js_main div {
        width: 1200px;
    }
        .jiab_js_main div span {
            width: 220px;
            height: 220px;
        }
          .jiab_js_main div span {
            width: 220px;
            height: 220px;
        }
    .jiab_js_main_a1, .jiab_js_main_a1 img {min-height:220px;
    }
}
@media (max-width:1317px)  and (min-width:1117px) {
    .jiabin .w {
        width: 1100px;
    }
    .jiab_js_main div {
        width: 1000px;
        /*width:calc(94% - 100px);*/
    }
        .jiab_js_main div span {
            width: 180px;
            height: 180px;
        }
    .jiab_js_main_a1, .jiab_js_main_a1 img {min-height:180px;
    }
}

@media (max-width:817px) {
      .jiabin .w {
        width: 100%;
    }
}
/*hezuo*/
#hz{
	width: 100%;
    background:#f2f2f2;
	padding: 70px 0;color:#333;
}
.guest_sec .w { color:#fff }
.guest_sec .w .wrap { margin-top:40px; width:auto }
.guest_sec .wrap .b { position:relative; float:left; width:162px; height:162px; padding:0 20px; overflow:hidden }
.guest_sec .wrap .b .img { width:162px; height:162px; margin:0 auto; border-radius:81px; overflow:hidden; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.guest_sec .wrap .b .img img { width:163px; height:auto; min-height:163px }
.scrolllist { margin:30px auto; position:relative }
.guest_w { width:1218px!imporatant; position:relative }
    .guest_w ul {
        margin-left: -20px;
    }
.guest_w li { position:relative; width:183px;margin-left:20px; float:left; list-style-type:none;margin-bottom:20px;}
.guest_w li a.img { position:relative; display:block; height:64px; border-radius:5px; width:100%; margin:0 auto; background-repeat:no-repeat; background-position:center center; background-size:100% 100%; text-align:center; background-color:#fff }
.guest_w li a.img img { max-width:100%; max-height:60px; padding:2px 0 }

/*议程*/
.agenda_sec {background: url(../image/hz_bg.jpg) #051030 no-repeat center top;}
.agenda_sec .w { }
.agenda_list { width:1240px }
.agenda_list li { float:left; position:relative; width:580px;margin-right:40px;
 padding:20px 2.5%;  margin-bottom:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
.agenda_list li:before { position:absolute; content:''; top:0; left:0; width:100%; height:100%;z-index:0;/*border: 1px solid #0099e0;*/
    background-color: rgba(255,255,255,.15);-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.agenda_list li a.name { position:relative; font-size:16px; font-weight:400; line-height:28px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#fff; }
    .agenda_list li a.name:hover { text-decoration:underline; cursor:pointer;}
.agenda_list li .txt {  display:none; position:absolute;top:0px; left:0px; width:0px; height:auto; font-size:12px;  /*border: 1px solid #0099e0;*/
    background-color:#0068ab;padding:20px;-webkit-box-sizing: border-box;z-index:9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .agenda_list li .txt h4 { font-size:14px; padding:0 0 10px; font-weight:bold;
    }
    .agenda_list li:hover .txt { display:block;width:100%;-webkit-transform:scale3d(.5, .5, 0); transform:scale3d(.5, .5, 0); -webkit-animation:index-headline .6s forwards .3s;
animation:index-headline .6s forwards .3s}
.agenda_list li .go { display:none; position:relative; width:100px;margin:20px auto; height:42px; font-size:14px; line-height:40px; text-align:center; border-radius:4px; border:1px solid #fff; color:#fff }
.agenda_list li .go:hover { background:#E84B6E; color:#fff }



 /*huodong*/
    .i_huodong{background:url(../image/huodong_bg.jpg) center no-repeat #ececec;background-size:100% 100%;}
.event_list { width:1260px;margin-top:30px; }
.event_list li { float:left; position:relative; width:570px; padding:40px; /*background:#132373;*/  margin-right:60px; overflow:hidden; margin-bottom:40px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box }
.event_list li:before { position:absolute; content:''; top:0; left:0; width:100%; height:100%; background:rgba(19, 35, 115, .8) }
.event_list li .name { position:relative; width:100%; height:28px; margin-bottom:20px; font-size:18px; line-height:28px }
.event_list li .txt { position:relative; width:100%; height:100px; font-size:14px; overflow:hidden; margin-bottom:20px }
.event_list li .go { display:block; position:relative; width:100px;margin:0 auto; height:42px; font-size:14px; line-height:40px; text-align:center; border-radius:4px; border:1px solid #fff; color:#fff; margin-top:30px }
.event_list li .go:hover { background:#0068ab; color:#fff }

.map_sec { background:/*url(../images/guest_bg.png) no-repeat center bottom*/ #0A1340 }
.map_sec .wrap { width:1200px; margin:0 auto; text-align:center;padding:60px 0; }
.map_sec .map_img { display:inline-block; max-width:90% }
.map_sec .map_img_sm { display:none }
@media screen and (max-width:1800px) {
     #myVideo {width:auto;height:100%;}
}
@media screen and (max-width:1300px) {
     #myVideo {width:auto;height:100%;}
}
@media (max-width: 1200px) {
    .i_about p {width:96%;margin:0 auto;
    }
.agenda_list {
width:100%
}
.agenda_list li {
width:48%;
margin:0 1% 20px;
}
.event_list {
width:90%;
margin:0 auto;
}
.event_list li {
width:100%;
margin-bottom:20px
}
.event_list li .txt {
width:100%;
height:38px;
text-overflow:ellipsis;
white-space:nowrap
}
.guest_w { width:98%;margin:0 auto; }
    .guest_w ul {
        margin-left: 0;
    }
.guest_w li {  width:20%;margin-left:0; float:left;padding:8px 10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  }
.map_sec .wrap {
width:100%
}
.map_sec .map_img {
display:inline-block;
width:80%
}
.map_sec .map_img_sm {
display:none
}
}
@media (max-width: 1000px) {
	.logo_list li{width:25%;} 
}


@media (max-width:1200px) and (min-width:800px) {
    nav a {padding:0;
    }
    nav li:hover ul {margin:0;margin-top:-20px;
    }
    .w{width:100%;}
header {
height:auto;
width:100%;
text-align:center
}
header .logo {
width:100%;
float:none
}
nav {
width:100%;
float:none!important
}
nav ul>li.home{display:block;}
nav ul>li, nav ul>li.language {
width:12.5%!important;
}
nav a {
font-size:16px
}
nav ul>li.big_nav {
width:14.2%
}
nav li li a {
color:#fff
}
nav li li {
height:34px;
width:100%!important;
background:#334C72 url(../image/nav_right_icon.png) no-repeat 94% center
}
nav li li a {
font-size:14px
}
nav li:hover ul {
width:100%!important;
}
nav li.now a {
font-weight:700
}
}
@media (max-width:800px) {
.msub {
display:block
}
nav {
position:absolute;
top:98px;
left:0;
width:100%;
height:auto;
z-index:66;
background:#003872;
color:#fff;
z-index:999;
display:none;
opacity:.95;
padding:10px 0
}
nav ul>li, nav ul>li.language {
width:100%;
height:auto;
float:left;
position:relative;
padding:0
}
    nav a {font-size:16px;
line-height:40px;
    }
header.on nav a {
display:block;
font-size:16px;
line-height:40px;
color:#f1f1f1
}
nav ul>li.big_nav {
width:100%
}
nav ul>li.big_nav a {
line-height:22px;
padding:5px 0
}
header.on nav li:hover>a {
background:#006eb3;
color:#fff;
-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}
nav li ul {
height:0;
width:0;
overflow:hidden;
-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in
}
    nav li:hover ul {margin:0;
    }
nav li li a {
color:#fff
}
nav li li {
height:34px;
width:100%;
background:#334C72 url(../image/nav_right_icon.png) no-repeat 94% center
}
nav li li a {
height:100%;
color:#efefef;
line-height:34px;
font-size:15px;
padding:0 20px;
text-align:left;
display:block;
text-align:center
}
nav li li:hover a {
background:#5b708d url(../image/nav_right_icon.png) no-repeat 94% center
}
nav li:hover ul {
display:block;
position:absolute;
z-index:9999;
width:100%;
-moz-transition:all .15s ease-in;
-webkit-transition:all .15s ease-in;
-o-transition:all .15s ease-in;
transition:all .15s ease-in;
height:auto
}
nav li.now a {
font-weight:700
}
.agenda_list li {
width:94%;margin:5px auto; float:none;    padding: 5px 2.5%;
}
    .agenda_list li a.name {font-size:12px;color:#ccc;
    }
.agenda_list li .txt {
width:100%;
}
.guest_w { width:98%;margin:0 auto; }
    .guest_w ul {
        margin-left: 0;
    }
.guest_w li {  width:33.33%;margin-left:0; float:left;padding:8px 10px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  }
    .superiority-big-num,.add-text {font-size:20px;top:0;
    }
    .cndns-banner-tex h2{ font-size:30px; line-height:54px; color:#fff; font-weight:bold; }
.cndns-banner-tex h3{ font-size:26px; line-height:24px; color:#e8e8e8; padding:20px 0 10px 0; font-weight:normal}
.cndns-banner-tex p{ font-size:14px; line-height:24px; color:#fff; padding:10px 0 0;}
    .cndns-banner-tex p.p1{padding:30px 0 30px; font-size:14px;}
    .sec_head h2 i{
	width: 40px;
	margin-bottom: 5px;
}
    .sec_head h2 span { font-size:20px;
    }
.sec_head h3{
	font-size: 26px;
	line-height: 20px;
    color:#aaa;
    font-size:12px;
    text-transform:uppercase;
}
    .i_box {padding:30px 0;
    }
    .i_about ul.ul1 {height:auto;
    }
    .i_about ul.ul1 li img {width:90%;height:auto;
    }
    .i_about ul.ul1 li p {font-size:14px;    }
    .i_about ul.ul1 li {height:auto;    }
    
    .map_sec { background:#0A1340;
    }
    #hz {padding:30px 0;
    }
    .superiority-li-item {width:50%;padding-top: 90px;margin-bottom:30px;
    }

    .animate-wrapper-div {top:-20px;
    }
    .jiab_js{display:none;}
    .jiablist2 {display:block;    }
}

.bannerbox{width:100%;position:relative;overflow:hidden;background-color: #009fe8;}

.Homebanner{width:100%;position:relative;height:600px;overflow:hidden;}
.Homebanner ul{width:100%;position:absolute;height:600px;}
.Homebanner ul li{width:100%;height:600px;position:absolute;overflow:hidden;}
.Homebanner ul li img{width:1920px; position:absolute;left:50%;top:0px;display:block;margin-left:-960px;}

.Homeleft,.Homeright{background:#000;font-family:"宋体";width:50px;height:50px;line-height:50px;text-align:center;font-size:40px;color:#fff;position:absolute;top:45%;cursor:pointer;transition:all .2s ease;opacity:0;z-index:899999}
.Homeleft{left:-60px;}
.Homeright{right:-60px;}

.bannerbox:hover .Homeleft{left:0px;opacity:1}
.bannerbox:hover .Homeright{right:0px;opacity:1}

.Homedot{position:absolute;width:100%;text-align:center;z-index:999;bottom:60px;}
.Homedot a{display:inline-block;margin:0px 5px;height:12px;width:12px;line-height:1000px;overflow:hidden;background:url(http://www.cantontowerstc.com/content/site/css/img/index_229.png) no-repeat;}
.Homedot a.cur{background:url(http://www.cantontowerstc.com/content/site/css/img/index_228.png) no-repeat}

.Homebannertext{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.Homebannertext img.bigimg{transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);-webkit-transform:translateY(100px);}
.Homebannertext dl.bannerthree{position:absolute;width:1200px;left:50%;margin-left:-600px;top:54px;}

.Homebannertext dl.bannerthree dt{float:left;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree img{display:block;position:relative;width:700px;height:492px;left:0px;margin:0px;top:0px;}
.Homebannertext dl.bannerthree dd{width:460px;float:left;color:#fff;padding:0 20px;position:relative;transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);-webkit-transform:translateX(100px);}
.Homebannertext dl.bannerthree dd h3{font-size:25px;font-weight:700;line-height:40px;}
.Homebannertext dl.bannerthree dd p{font-size:14px;line-height:30px;margin-top:30px;}

.bannereffect{opacity:0;filter:alpha(opacity=0);}

.bannertime{transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;}
.bannertime1{transition:all .8s ease-in-out .2s;-moz-transition:all .8s ease-in-out .2s;-ms-transition:all .8s ease-in-out .2s;-o-transition:all .8s ease-in-out .2s;-webkit-transition:all .8s ease-in-out .2s;}
.bannertime2{transition:all 1s ease-in-out .2s;-moz-transition:all 1s ease-in-out .2s;-ms-transition:all 1s ease-in-out .2s;-o-transition:all 1s ease-in-out 2s;-webkit-transition:all 1s ease-in-out .2s;}

.Homebanner li.cur .Homebannertext img.bigimg{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerone dd{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannertwo dt{transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);-webkit-transform:translateY(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dt{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .Homebannertext dl.bannerthree dd{transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);-webkit-transform:translateX(0px);}
.Homebanner li.cur .bannereffect{opacity:1;filter:alpha(opacity=100);}
.Homebannertext dl.bannerthree .bdmore{width:140px;height:40px;border:1px solid #fff; line-height:40px;color:#fff; display:block;border-radius:5px; text-align:center;margin-top:20px; font-size:16px; vertical-align:middle;}
.Homebannertext dl.bannerthree .bdmore:hover{ background-color:#fff; color:#333;}

@media (max-width: 1000px) {
	.Homebannertext dl.bannerthree{position:relative;width:80%;margin:54px auto 0;left:0;top:0}
        .Homebannertext dl.bannerthree img {width:100%;height:auto;}
        .Homebannertext dl.bannerthree dt {float:none;        }
        .Homebannertext dl.bannerthree dd {width:100%;float:none;margin-top:-50px; background-color:#333;-webkit-box-sizing: border-box;padding:20px;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
        }
         .Homebannertext dl.bannerthree dd p{margin-top:0;line-height:24px;}
            .Homebannertext dl.bannerthree dd h3 {font-size:20px;line-height:30px;margin-bottom:10px;
            }
        .Homebannertext dl.bannerthree .bdmore {width:100px;font-size:14px;margin:5px auto 0;
        }
}
 #mask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.83);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      display:none;
    }
    .pop-container {
      width: 250px;
      height:100px;
      background: white;
      border-radius: 5px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position:relative;
    }
        .pop-container p {
            color: #c00;
            line-height:40px;
        }
        .pop-container a {width:20px;height:20px; position:absolute;top:0;right:0; color:#666; font-size:18px; text-align:center;line-height:20px;
        }
    button {
      width: 100px;
      text-align:center;
      padding:0;
      border-radius: 4px;
    }
#big_banner {min-height: 60px;background: #fff;width: 100%;}
#big_banner img { width: 100%; height: auto; vertical-align: middle; }
#big_banner .swiper-slide{ background-color:#d80231;}
#big_banner .swiper-slide img{}
#big_banner .swiper-pagination { text-align: center; }
#big_banner .swiper-pagination-bullet { width: 14px; height: 14px; border-radius: 10px; }
#big_banner .swiper-pagination-bullet-active { background: #d80231; }