body, html {
font-family: "Lantinghei SC", "Microsoft Yahei", Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
color: #3A3C3E;
width: 100% !important;
height: 100% !important;
}
h1 {
font-weight: 700;
}
h1 strong {
font-weight: 900;
}
h2 {
text-transform: uppercase;
line-height: 20px;
margin: 0;
color: #012B97;
}
h3, h4 {
font-size: 16px;
font-weight: 700;
}
h5 {
text-transform: uppercase;
font-weight: 700;
line-height: 20px;
}
p.intro {
font-size: 16px;
margin: 12px 0 0;
line-height: 24px;
font-family: "Lantinghei SC", "Microsoft Yahei", Helvetica, Arial, sans-serif;
}
a {
color: #000;
}
a:hover, a:focus {
text-decoration: none;
color: #E87E04;
}
ul, ol {
list-style: none;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
ul, ol {
padding: 0;
webkit-padding: 0;
moz-padding: 0;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* Navigation */
#nav {
z-index: 9999;
}
#nav.affix {
position: fixed;
top: 0;
width: 100%
}
.navbar-custom {
margin-bottom: 0;
background-color: #011b4e;
border-radius: 0px;
padding: 6px 0;
}
.navbar-custom .navbar-brand {
font-weight: 600;
}
.navbar-custom .navbar-brand:focus {
outline: 0;
}
.navbar-custom .navbar-brand .navbar-toggle {
padding: 4px 6px;
font-size: 16px;
color: #fff;
}
.navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active {
outline: 0;
}
.navbar-custom a {
color: #f4f5f6;
}
.navbar-custom .nav li a {
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}
.navbar-custom .nav li a:hover {
outline: 0;
color: #E87E04;
background-color: transparent;
}
.navbar-custom .nav li a:focus, .navbar-custom .nav li a:active {
outline: 0;
background-color: transparent;
color: #E87E04;
}
.navbar-custom .nav li.active {
outline: 0;
}
.navbar-custom .nav li.active a {
background-color: rgba(255,255,255,.3);
}
.navbar-custom .nav li.active a:hover {
color: #fff;
}
.btn-default {
color: #FFFCFA;
background-color: transparent;
border-color: #CEE1EF;
margin: 0 100px;
font-size: 16px;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
color: #eee;
background-color: #2c3e50;
border-color: #2c3e50;
}
.btn-primary {
color: #76818d;
background-color: #fff;
border-color: #76818d;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active {
color: #eee;
background-color: #2c3e50;
border-color: #2c3e50;
}
.btn-primary i.fa {
margin-right: 10px;
}
/* Home Section */
.intro {
width: 100%;
height: auto;
padding: 100px 0;
text-align: center;
color: #fff;
background: url(http://cdn.itdcw.com/2018/dy/abec2018.jpg) no-repeat center center;
background-color: #000;
}
.intro .intro-body {
vertical-align: middle;
color: #555;
}
.intro .intro-body .intro-text {
font-size: 18px;
}
.section-title.center {
padding: 30px 0;
}
.section-title h2, .section-title.center h2 {
font-weight: 700;
margin-bottom: 30px;
}
.section-title h2 {background: url(http://www.itdcw.com/uploads/allimg/170731/1_1035091921.png) left no-repeat;
text-indent: 20px;}
.section-title.center hr {
background: url(http://www.itdcw.com/uploads/allimg/170731/1_1021344031.png) left no-repeat;
height: 2px;
width: 100%;
text-align: center;
position: relative;
margin: 0 auto;
margin-bottom: 30px;
border: 0;
}
/* About Section */
#about {
padding: 0px 0;
background: #ffffff; /* Old browsers */ background-color:#fff
}
/* Services Section */
#services {
padding: 0px 0;
/*background: url(http://www.itdcw.com/uploads/allimg/160712/1_1147489861.jpg);*/
background-color: #ffffff;
background-size: cover;
background-attachment: fixed;
}
#services H4 {
color: #E87E04;
text-shadow: 1px 1px #fff;
}
.space {
margin-top: 40px;
}
#services i.fa {
font-size: 50px;
color: #2c3e50;
margin-bottom: 20px;
}
/* Portfolio Section */
#portfolio {
padding: 0px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(49%, #f4f5f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #f4f5f6 49%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.categories {
padding-bottom: 30px;
text-align: center;
}
ul.cat li {
display: inline-block;
}
ol.type li {
display: inline-block;
margin-left: 20px;
}
ol.type li:after {
content: ' | ';
margin-left: 20px;
}
ol.type li:last-child:after {
content: '';
}
ol.type li a {
color: #616e7c;
padding: 2px 8px;
}
ol.type li a.active {
color: #E87E04;
padding: 2px 8px;
}
ol.type li a:hover {
color: #E87E04;
}
.isotope-item {
z-index: 2
}
.isotope-hidden.isotope-item {
z-index: 1
}
.isotope, .isotope .isotope-item {
/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope-item {
margin-right: -1px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.isotope {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.portfolio-item {
margin-bottom: 30px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.portfolio-item:hover {
margin-bottom: 30px;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.portfolio-item .hover-bg {
height: 130px;
overflow: hidden;
position: relative;
}
.hover-bg .hover-text {
position: absolute;
text-align: center;
margin: 0 auto;
color: #ffffff;
background: rgba(0, 0, 0, 0.66);
padding: 25% 0;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all 0.3s;
}
.hover-bg:hover .hover-text>h4 {
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hover-bg .hover-text>i {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.3s;
}
.hover-bg:hover .hover-text>i {
opacity: 1;
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.hover-bg:hover .hover-text {
opacity: 1;
}
#portfolio i.fa {
font-size: 20px;
padding: 5px;
color: #E87E04;
}
/* Skills Section */
#skills {
padding: 80px 0;
background: url(../img/skills-bg.jpg);
background-size: cover;
background-attachment: fixed;
}
#skills p {
color: #474d5d;
}
#skills .skill {
margin-bottom: 40px;
text-align: center;
padding: 0px;
}
#skills .skill h4 {
font-weight: 700;
color: #E87E04;
text-shadow: 1px 1px #fff;
}
.chart {
position: relative;
display: inline-block;
width: 152px;
height: 152px;
margin-bottom: 26px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
display: inline-block;
font-size: 21px;
color: #474d5d;
line-height: 152px;
z-index: 2;
}
.percent:after {
content: '%';
margin-left: 0.1em;
font-size: .8em;
}
/* Resume Section */
#resume {
padding: 0px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.timeline {
position: relative;
padding: 0;
list-style: none;
}
.timeline:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 2px;
margin-left: -1.5px;
background-color: #eee;
}
.timeline>li {
position: relative;
margin-bottom: 50px;
min-height: 50px;
}
.timeline>li:before, .timeline>li:after {
content: " ";
display: table;
}
.timeline>li:after {
clear: both;
}
.timeline>li .timeline-panel {
float: right;
position: relative;
width: 100%;
padding: 0 20px 0 100px;
text-align: left;
}
.timeline>li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeline>li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeline>li .timeline-image {
z-index: 100;
position: absolute;
left: 0;
width: 70px;
height: 70px;
margin-left: 0;
border: 1px solid #eee;
border-radius: 100%;
text-align: center;
background: #fff;
}
.timeline>li .timeline-image h4 {
margin-top: 20px;
font-size: 14px;
text-transform: uppercase;
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
padding: 0 20px 0 100px;
text-align: left;
}
.timeline>li.timeline-inverted>.timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeline>li.timeline-inverted>.timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeline>li:last-child {
margin-bottom: 40px;
}
.timeline .timeline-heading h4 {
margin-top: 0;
text-transform: uppercase;
}
.timeline .timeline-heading h2 {
margin-top: 30px;
}
.timeline .timeline-heading h4.subheading {
text-transform: none;
color: #E87E04;
}
.timeline .timeline-body>p, .timeline .timeline-body>ul {
margin-bottom: 0;
}
/* Achivements Section */
#achievements {
padding: 80px 0;
background: url(http://www.itdcw.com/uploads/allimg/160712/1_1149322841.jpg);
background-size: cover;
background-attachment: fixed;
}
.achievement-box {
text-align: center;
margin: 20px 0;
}
.achievement-box i.fa {
font-size: 60px;
font-weight: 400;
color: #E87E04;
margin-bottom: 20px;
}
.achievement-box h4 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px #fff;
}
.achievement-box span.count {
color: #415161;
font-size: 36px;
font-weight: 700;
display: block;
}
/* Testimonials Section */
#testimonials {
padding: 80px 0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f4f5f6 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #f4f5f6), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%, #f4f5f6 50%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%, #f4f5f6 50%, #ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%, #f4f5f6 50%, #ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%, #f4f5f6 50%, #ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
#testimonial {
padding: 0;
}
#testimonial .item {
display: block;
width: 100%;
height: auto;
}
#testimonial .item p {
font-weight: 500;
margin: 30px 0;
}
#testimonial .img-circle {
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 5px 7px;
filter: Alpha(Opacity=1);
opacity: 1;
-webkit-border-radius: 0;
-moz-border-radius: 20px;
border-radius: 50%;
background: #d5d8dc;
transition: all 0.5s;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
filter: Alpha(Opacity=100);
opacity: 1;
background: #E87E04;
}
.owl-theme .owl-controls .owl-page.active span {
background: #E87E04;
}
/* Contact Section */
#contact {
padding: 80px 0 40px 0;
color: #f4f5f6;
background: url(http://www.itdcw.com/uploads/allimg/170729/1_1152379681.jpg);
background-size: cover;
background-attachment: fixed;
}
#contact h2 {
color: #f4f5f6;
}
#contact h3 {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
}
#contact form {
padding: 30px 0;
}
#contact i.fa {
margin-bottom: 10px;
}
#contact .text-danger {
color: #E87E04;
text-align: left;
}
label {
font-size: 12px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
float: left;
}
#contact .form-control {
display: block;
width: 100%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #2c3e50;
background-color: rgba(255,255,255,0.8);
background-image: none;
border: 0;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
#contact .form-control:focus {
border-color: inherit;
outline: 0;
-webkit-box-shadow: transparent;
box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #2c3e50;
}
.form-control:-moz-placeholder {
color: #2c3e50;
}
.form-control::-moz-placeholder {
color: #2c3e50;
}
.form-control:-ms-input-placeholder {
color: #2c3e50;
}
#contact .social {
margin-top: 40px;
}
#contact .social ul li {
display: inline-block;
margin: 0 20px;
}
#contact .social i.fa {
font-size: 30px;
padding: 4px 5px;
color: #f4f5f6;
transition: all 0.5s;
}
#contact .social i.fa:hover {
color: #E87E04;
}
#contact .btn {
background-color: transparent;
border: 1px solid #f4f5f6;
border-radius: 4px;
padding: 10px 20px;
color: #f4f5f6;
margin-top: 15px;
}
#contact .btn:hover, #contact .btn:focus {
border: 1px solid #E87E04;
color: #E87E04;
}
.btn:active, .btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
a:focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none;
outline-offset: none;
}
.bairenhui img { width:133px;}
/* Footer Section*/
#footer {
background: #2c3e50;
color: #ddd;
padding: 30px 0 25px 0;
}
#footer .fnav {
vertical-align: middle;
}
#footer p {
font-size: 12px;
margin-top: 10px;
}
/* Media Queries */
@media(min-width:768px) {
.intro {
height: 462px;
padding: 0;
text-align: left;
}
.intro .intro-body H1 {
font-family: 'Lato', sans-serif;
font-size: 70px;
font-weight: 600;
letter-spacing: -2px;
color: #2c3e50;
}
.intro .intro-body .intro-text {
text-align: center;
max-width: 100%;
}
.intro .intro-body .intro-text p {
font-family: 'Lato', sans-serif;
font-size: 20px;
margin-bottom: 40px;
color: #76818d;
margin-top: 20px;
}
section {
padding: 120px 0;
}
header .intro-text {
padding-top: 368px;
padding-bottom:0px;
}
#portfolio .portfolio-item {
margin: 0 0 30px;
}
.timeline:before {
left: 50%;
}
.timeline>li {
margin-bottom: 100px;
min-height: 100px;
}
.timeline>li .timeline-panel {
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right;
}
.timeline>li .timeline-image {
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
}
.timeline>li .timeline-image h4 {
margin-top: 16px;
line-height: 18px;
font-weight: 400;
}
.timeline>li.timeline-inverted>.timeline-panel {
float: right;
padding: 0 30px 20px 20px;
text-align: left;
}
}
@media(min-width:992px) {
#here-me h1 {
margin: 10px 0 0px;
}
.timeline>li {
min-height: 150px;
}
.timeline>li .timeline-panel {
padding: 0 20px 20px;
}
.timeline>li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px;
}
.timeline>li .timeline-image h4 {
margin-top: 30px;
font-size: 18px;
line-height: 26px;
}
.timeline>li.timeline-inverted>.timeline-panel {
padding: 0 20px 20px;
}
}
@media(min-width:1200px) {
.timeline>li {
min-height: 170px;
}
.timeline>li .timeline-panel {
padding: 10px 20px 20px 100px;
}
.timeline>li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px;
}
.timeline>li .timeline-image h4 {
margin-top: 40px;
font-weight: 400;
}
.timeline>li.timeline-inverted>.timeline-panel {
padding: 10px 100px 20px 20px;
}
}
.biaotisp {background-color:#011b4e; color:#FFF; float:left;text-align: center;font-size: 16px; line-height:25px;width: 120px; color: white;
padding: 5px 0px 5px 0px; margin-bottom: 5px;
-webkit-border-radius: 15px;
-moz-border-radius: 50px; margin-right:20px;}
/*toutiao*/
.toutiao{ overflow:hidden; padding-bottom:30px; width:100%;}
.toutiao h2{ background:url(http://www.itdcw.com/uploads/allimg/150722/1_1529241411.jpg) left center no-repeat; font-size:34px; font-weight:bold; line-height:60px; padding:30px 0 30px 50px;}
.toutiao h3{ font-size:40px; line-height:60px; padding:10px 0;}
.layout{ width: 100%; height: auto;background-color: #fff904;
background-size: 100% 100%;}
.toutiao .tte{ font-size: 18px; float:left; width:430px;}
.wenzi{ width:960px;line-height:40px; height: 80px;}
.aboutabec p{ padding-top:10px; padding-bottom:10px; text-indent:28px; }
.daodunew{background: url(http://www.itdcw.com/uploads/allimg/150327/1_0938018721.png) no-repeat 12px 10px #F4F4F4;padding: 12px;text-indent: 58px; margin-top:15px;}
.titmore{ text-align:center}
.shijian{background-color: #fff;border: 1px solid #012B97;
position: relative;
width:220px;
left: 982px; top: -75px;
}
.shijian h4{font-size: 30px;padding:0px; margin:0px;
text-align: center;
background-color: #001c4e;
color: #fff;}
.shijian .jishi{text-align: center;
padding-top: 5px;
font-size: 20px;}
.jiaotong{ font-size:16px; line-height:30px;}
.jiaotong h2{ font-size:20px; padding-top:20px; margin-bottom:20px; line-height:30px;color: #012B97;}
.jiaotong p{ text-indent:30px;}
.mod_nhzn .list{margin-top:20px}
.mod_nhzn .list ul{zoom:1;clear:both;_margin-bottom:20px}
.mod_nhzn .list ul:before,.mod_nhzn .list ul:after{display:table;content:"";line-height:0}
.mod_nhzn .list ul:after{clear:both}
.mod_nhzn .list li{float:left;width:98px;height:89px;overflow:hidden;margin:0 15px 20px 0}
.mod_nhzn .list li a{background:url(http://www.itdcw.com/uploads/allimg/180803/1_1350143981.png) no-repeat;display:block;width:100%;height:100%;line-height:140px;text-align:center;color:#fff;font-weight:600;font-size:14px;text-decoration:none}
.mod_nhzn .list li a:hover{background:url(http://www.itdcw.com/uploads/allimg/180803/1_1349466011.png) no-repeat}
.mod_nhzn .list .li_1 a,.mod_nhzn .list .li_1 a:hover{background-position:0 0}
.mod_nhzn .list .li_2 a,.mod_nhzn .list .li_2 a:hover{background-position:-113px 0}
.mod_nhzn .list .li_3 a,.mod_nhzn .list .li_3 a:hover{background-position:-226px 0}
.mod_nhzn .list .li_4 a,.mod_nhzn .list .li_4 a:hover{background-position:0 -111px}
.mod_nhzn .list .li_5 a,.mod_nhzn .list .li_5 a:hover{background-position:-113px -111px}
.mod_nhzn .list .li_6 a,.mod_nhzn .list .li_6 a:hover{background-position:-226px -111px}
.title_03{background:url(http://img1.ph.126.net/kAhoAkABFNMcH7jB8ZVM5Q==/1999879709629904224.gif) no-repeat 0 -31px;padding-left:50px;font-family:"MicroSoft YaHei",SimSum,Arial!important;height:38px;line-height:38px;overflow:hidden}
.title_03 h2{font-size:18px;color:#fff}
.taonewsBox{background:url(http://www.itdcw.com/uploads/allimg/180804/1_1058263941.jpg) no-repeat top center ; width: 100%}
.newsBox{width:1200px;margin:0px auto 0 auto;overflow:hidden;zoom:1;padding-top: 80px;padding-bottom: 30px;}
.newsBox .main{float:left; display:inline; width:550px; }
.newsBox .sub{float:right; display:inline; width:555px; }
.newsBox .newsList{overflow:hidden; }
.newsBox .newsList li{border-top:1px dotted #e3e3e3;margin-top:-1px;padding:15px 0;}
.newsBox .newsList .tit{font-size:24px;font-weight:bold;color:#006abf;line-height:25px;margin-bottom:10px; }
.newsBox .newsList .tit a {font-size:24px;font-weight:bold;color:#fff;line-height:25px;margin-bottom:10px; }
.newsBox .newsList .tit a{color:#012B97;}
.newsBox .newsList .intr{font-size:14px;color:#666;line-height:22px; }
.newsBox .newsList .titNews{overflow:hidden;font-size:16px;color:#1b1b1b;line-height:32px; padding-top:5px; padding-bottom:5px;}
.newsBox .newsList .titNews .biaoqian{background:#012B97;color:#fff;padding:2px 5px;margin-right:5px; }
.newsBox .hd h2{ width: 100%;
padding-left: 16px;
text-align: left;
float: left;
margin-top: 20px;
height: 30px;
font: bold 18px/22px "microsoft yahei";
color: #f7912c;
background: url(http://www.itdcw.com/uploads/allimg/160720/1_1305548471.png) left no-repeat;
text-indent: 20px;
margin-bottom: 20px;border-bottom: 1px solid #E3E3E3;}
.section-focus-pic{margin:8px 0 0 0;height:300px;width:560px;overflow:hidden;position:relative;}
.section-focus-pic ul li{position:absolute;top:0;left:560px;width:560px;height:300px;}
.section-focus-pic ul li h3{position:absolute;bottom:11px;left:0;width: 400px;font-weight:normal;color:#FFF;margin-left: 20px;z-index: 111;font-size: 18px; font-family:"微软雅黑";}
.section-focus-pic ul li div{position:absolute;bottom:0;left:0;height:50px;background-color:#000;width:570px;opacity: 0.6;filter: alpha(opacity=60);}
.section-focus-pic .pages{width:560px;height:300px;}
.section-focus-pic .controler{position:absolute;bottom:20px;right:20px;}
.section-focus-pic .controler b{cursor:pointer;width:20px;height:10px;display:block;overflow:hidden;text-indent:20px;background:url(http://www.itdcw.com/uploads/allimg/150731/1_1740001411.png) no-repeat -136px 3px; float:left;margin:0 0 0 5px;}
.section-focus-pic .controler b.down{background-position:-161px 1px;}
.section-focus-pic .controler2 a{display:block; width:40px;position:absolute;top:120px;height:40px;}
.section-focus-pic .controler2 a i{cursor:pointer;display:block;width:22px;height:34px; background:url(imgs/star.png) no-repeat;}
.section-focus-pic .controler2 .prev{left:5px;}
.section-focus-pic .controler2 .prev i{background-position:-34px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_05.png');margin-left:5px;}
.section-focus-pic .controler2 .prev:hover i{left:10px;background-position:-34px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_03.png');}
.section-focus-pic .controler2 .next{right:10px;}
.section-focus-pic .controler2 .next i{background-position:-62px -68px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_06.png');margin-left:10px;}
.section-focus-pic .controler2 .next:hover i{right:10px;background-position:-62px -24px;_background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/star_04.png');}
.spacer8 { height:20px; line-height:8px; overflow:hidden; clear:both;}
.rollimgtile{text-align:center;}
.rollimgtile span{
margin-left: 0px;
float: left;
margin-right: 33px;height: 217px;
width: 116px;
overflow: hidden;
line-height: 22px;}
.rollimgtile span a{display:block;text-decoration:underline;text-align:center;}
.rollimgtile span a img{;}
.rollimgtile span b{display:block;text-decoration:underline;font-weight:normal;text-decoration:none;text-align:left;font-size: 12px;}
.rollimgtile span b img{}
/*日程*/
#ltrcMod{ }
#ltrcMod .tit {}
#ltrcMod .con{overflow:hidden; zoom:1; padding-bottom:0px;}
#ltrcMod th{background:#7fa8c9; text-align:left; text-indent:15px;line-height:32px;font-size:16px; font-family:"微软雅黑","黑体"; color:#fff; border-collapse:collapse; border:1px solid #fff;}
#ltrcMod td{line-height:30px;padding: 10px;color:#232B32; border-collapse:collapse; border:1px solid #E6DDDD;}
#ltrcMod .odd td{background:#f3f5f7;}
#mrpdMod .tit{border-bottom:2px solid #4b81cb;}
#t_cardBtn8{ height: 40px; line-height: 40px; text-align: center; position: absolute; margin-top: -40px; padding-left: 1px;background-color: #9BCDFD;}
#t_cardBtn8 .now{ background-color:#012B97; font-weight: bold;color:#FFF;}
#t_cardBtn8 li{ width: 100px; height:42px; display: inline; font-weight: bold; float: left; margin-right: 0px; font-size: 14px; color: #005293; cursor: pointer; font-family:"微软雅黑"}
#t_cardBtn8 li.current{ font-weight: bold; color: #333;background: url(http://mat1.gtimg.com/finance/11lx/dvs2013/ltbd06_tp1402.jpg) center bottom no-repeat;}
#t_cardBody8 .tabBody{ overflow: hidden; zoom:1;}
.text-share{ float: left;line-height:30px; }
.text-share h1{ padding:0; margin:0;font-size:22px;font-weight:normal;text-align:left;line-height: 40px;}
.hd-intro{ margin-left:auto; margin-right:auto;padding-bottom:20px;}
.color1 { background-color:#CCFFCC; color:#F00;}
/*数据表格*/
.data{ border-top:1px solid #dddddd; border-left:1px solid #dddddd; background:#fff;}
.data th{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; line-height:25px; font-weight:bold; padding-left:0px; background:#eee;}
.data td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; text-align:left; line-height:26px; padding:10px; padding-right:0px;}
.data tr.graybg{ background:#eee;}
.h10 {
height: 10px;
margin: 0px;
padding: 0px;
overflow: hidden;
clear: both;
}
.mar {
padding-top: 10px;
padding-bottom: 10px;
text-indent: 10px;
font-size: 20px;
color: #012B99;
}
.imgzz img{border: 1px solid #Fff; background-color:#FFF;margin-left: 10px;
margin-bottom: 10px;}
.imgzz img:hover{border: 1px solid #E87E04;}
.float_mask{position: fixed;z-index: 8888;display:none;width: 100%;right: 0; bottom: 0;height: 105px;_bottom: auto;_width: 100%;_position: absolute;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.float_layer{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;background:#011b4e;filter: alpha(opacity=80);opacity: 0.80;}
.float_content{ position: relative;z-index: 2;width: 1005px;height: 100%;margin: 0 auto;padding-left: 70px;}
.float_bg, .float_close{ float: left;}
.float_bg{position: relative;width: 820px;height: 135px;margin-top: -27px;}
.float_slogan {position: absolute; background: url("http://www.itdcw.com/uploads/allimg/180803/1_1324431421.png") 0 0 no-repeat;}
.float_slogan{left: 0;bottom: 0;width: 800px;height: 135px;cursor: pointer;}
.float_close{width: 60px;margin-top: 30px;}
.float_close a {display: block;width: 53px; height: 52px; margin-left: 7px; background: url("http://www.itdcw.com/uploads/allimg/160729/1_1620271111.png") 0 0 no-repeat;-webkit-transition: all 400ms;}