*::after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.cd-header { height:70px; background-color:transparent; }
.cd-hero { width:100%; position:relative; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.cd-hero-slider { position:relative; height:510px; overflow:hidden; }
.cd-hero-slider li { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); }
.cd-hero-slider li.selected { position:relative; -webkit-transform:translateX(0); -moz-transform:translateX(0); -ms-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); }
.cd-hero-slider li.move-left { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); }
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected { -webkit-transition:-webkit-transform 0.5s; -moz-transition:-moz-transform 0.5s; transition:transform 0.5s; }

.cd-slider-nav { position:absolute; width:100%; bottom:0; z-index:2; text-align:center; height:55px; background-color:rgba(0, 1, 1, 0.5); }
.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a { height:100%; border-radius:0;}
.cd-slider-nav nav { display:inline-block; position:relative; }
.cd-slider-nav .cd-marker { position:absolute; bottom:0; left:0; width:60px; height:100%; color:#d44457; background-color:#ffffff; box-shadow:inset 0 2px 0 currentColor; -webkit-transition:-webkit-transform 0.2s, box-shadow 0.2s; -moz-transition:-moz-transform 0.2s, box-shadow 0.2s; transition:transform 0.2s, box-shadow 0.2s; }
.cd-slider-nav .cd-marker.item-2 { -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); transform:translateX(100%); }
.cd-slider-nav .cd-marker.item-3 { -webkit-transform:translateX(200%); -moz-transform:translateX(200%); -ms-transform:translateX(200%); -o-transform:translateX(200%); transform:translateX(200%); }
.cd-slider-nav .cd-marker.item-4 { -webkit-transform:translateX(300%); -moz-transform:translateX(300%); -ms-transform:translateX(300%); -o-transform:translateX(300%); transform:translateX(300%); }
.cd-slider-nav .cd-marker.item-5 { -webkit-transform:translateX(400%); -moz-transform:translateX(400%); -ms-transform:translateX(400%); -o-transform:translateX(400%); transform:translateX(400%); }
.cd-slider-nav .cd-marker.item-6 { -webkit-transform:translateX(500%); -moz-transform:translateX(500%); -ms-transform:translateX(500%); -o-transform:translateX(500%); transform:translateX(500%); }
.cd-slider-nav .cd-marker.item-7 { -webkit-transform:translateX(600%); -moz-transform:translateX(600%); -ms-transform:translateX(600%); -o-transform:translateX(600%); transform:translateX(600%); }
.cd-slider-nav ul::after { clear:both; content:""; display:table; }
.cd-slider-nav li { display:inline-block; width:143px !important; float:left; }
.cd-slider-nav li a { display:block; position:relative; -webkit-transition:background-color 0.2s; -moz-transition:background-color 0.2s; transition:background-color 0.2s; }
.cd-slider-nav li a em{ width:100%; float:left; text-align:center; color:#fff; font-size:16px;}
.cd-slider-nav li a i{ margin-top:20px;}
.cd-slider-nav li a:hover{ background-color:rgba(0, 1, 1, 0.5);}
.cd-slider-nav li a:hover em{ color:#f3bf4b;}
.cd-slider-nav li a:hover i{ color:#f3bf4b; margin-top:20px;}
.cd-slider-nav li.selected a em{ color:#f3bf4b;}
.cd-slider-nav li.selected a:hover{ background-color:#fff; }
.cd-slider-nav li.selected a:hover em{ color:#f3bf4b;}
.cd-slider-nav li a i{ width:100%; float:left; font-size:32px; color:#fff; line-height:35px; margin-bottom:3px;}
.cd-slider-nav li.selected a i{ color:#f3bf4b; margin-top:20px;}
.cd-slider-nav li.selected a:hover i{ color:#f3bf4b;}

.cd-slider-nav { height:100px; }
.cd-slider-nav .cd-marker, .cd-slider-nav li { width:143px !important; }
.smsTopic_bg1{ width:100%; float:left; height:510px; background:url(../images/SMSbg1.jpg) no-repeat center center;}
.smsTopic_bg2{ width:100%; float:left; height:510px; background:url(../images/SMSbg2.jpg) no-repeat center center;}
.smsTopic_bg3{ width:100%; float:left; height:510px; background:url(../images/SMSbg3.jpg) no-repeat center center;}
.smsTopic_bg4{ width:100%; float:left; height:510px; background:url(../images/SMSbg4.jpg) no-repeat center center;}
.smsTopic_bg5{ width:100%; float:left; height:510px; background:url(../images/SMSbg5.jpg) no-repeat center center;}
.smsTopic_bg6{ width:100%; float:left; height:510px; background:url(../images/SMSbg6.jpg) no-repeat center center;}
.smsTopic_bg7{ width:100%; float:left; height:510px; background:url(../images/SMSbg7.jpg) no-repeat center center;}
.sms_info{ width:1000px; margin:0 auto;}
.sms_infoblock{ width:100%; float:left;}
.sms_infobox{ width:255px; float:left; margin-top:80px; background:url(../images/smsbgCJ.png) no-repeat left top; height:430px;}
.sms_infoarea{ width:185px; float:left; margin:100px 35px 0 35px;}
.smsword{ font-size:13px; line-height:22px; color:#fff; padding:10px; border-radius:10px 10px 0 10px;}
.smsyellow{ background:#f3bf4b;}
.smsblue{ background:#0f9fba;}
.smsgreen{ background:#30af84;}
.smswhite{ background:#ffffff;}
.wordgray{ color:#333;}