@charset "utf-8";
/* CSS Document */
body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption { margin: 0px; padding: 0px; }
body{font:13px/26px "Microsoft Yahei"; background:#fff; color:#555;}
img{border:none;}
.fr{float:right;}
.fl{float:left;}
.bk {border-collapse:collapse;word-wrap:break-word;word-break:break-all;}
.clearfix:after { content: "."; display: block; clear: both;visibility: hidden; line-height: 0; height: 0;font-size:0;} 
.clearfix { *zoom:1;}
.pic_css{margin:50px 0;  text-align:center;}
.pic_css2{margin:20px 0 40px;  text-align:center;}
.pic_css img{ margin-bottom:45px;}
.pic_css img.mb0{ margin-bottom:0;}
a.link01:link,a.link01:visited{ text-decoration:none; color:#038ad8;}
a.link01:hover{ text-decoration:none; color:#fff;}
a.link02:link,a.link02:visited{ text-decoration:none; color:#fff;}
a.link02:hover{ text-decoration:none; color:#fff;}

.titlecss1{font:22px/48px "microsoft yahei"; color:#ee8b15;}
.titlecss2{font:16px/32px "microsoft yahei"; color:#555;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.imgdiv{text-align:center; margin:35px auto;}
.imgdiv2{text-align:left; margin:35px auto;}

/* 头部CSS */
.topcc_kj{width:100%; height:70px; background:#11185b;}
.topcc{width:1000px; height:70px; margin:0 auto;}
.topcc img.logo{margin-top:22px;}
.topcc img.tel{margin-top:16px;}



/* banner部分CSS */
.banner_kj{width:100%; height:478px;background-color:#fff; box-shadow:0px 1px 5px #ccc; border-bottom:1px solid #ccc;}
.banner{width:1000px; height:478px; margin:0 auto;}


/* 展开页CSS */
.content{width:1100px; box-sizing:border-box; padding:40px; margin:0 auto}
.content h3{border-bottom:1px solid #ccc; text-align:center; margin-bottom:70px;}
.content h3 span{display:inline-block; padding:5px 50px; background:#007dc6; border-radius:50px; font-size:18px; font-weight:normal; color:#fff; position:relative; top:17px;}
.content h4{font-size:19px; font-weight:bold; line-height:38px; color:#007dc6;}
.content h5{font-size:17px; font-weight:bold; line-height:34px; color:#444;}
.content p{font-size:16px; line-height:32px; color:#444;  margin-bottom:50px; text-align:justify; }
.content .pic_div{text-align:center; margin:40px 0 0;}
.content .pic_div:last-of-type{margin-bottom:0;}
.content .pic_div img{margin-bottom:50px;}
.content .pic_div img.lite50{width:50%;}
.content .pic_div img.lite60{width:60%;}
.content .pic_div img.lite70{width:70%;}
.content .pic_div_zi{ width:750px;text-align:center;margin:40px auto 50px; font-size:14px; color:#007dc6;}
.content .pic_div_zi:last-of-type{margin-bottom:50px;}
.content .pic_div_zi img{margin-bottom:30px;}


/* 底部部分CSS */
.footer_kj{width:100%; height:90px; background:#001339;}
.footer{width:1100px; padding-top:20px; margin:0 auto; text-align:center;font: normal 13px/26px "Microsoft Yahei"; color:#5b9bd5; }




.donghua_img01{text-align:left;opacity: 0; transition: all 1s; -moz-transform:all 1s; -o-transform:all 1s; -webkit-transform:all 1s; position:relative; top:50px;}
.active .donghua_img01{ opacity: 1; transition-delay: 0.7s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative;  top: 0px;}

.donghua_img02{text-align:center;opacity: 0; transition: all 1s; -moz-transform:all 1s; -o-transform:all 1s; -webkit-transform:all 1s; position:relative; left:-70px}
.active .donghua_img02{ opacity: 1; transition-delay: 0.7s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative; left:0px;}

.donghua_img03{ text-align:center;opacity: 0; transition: all 1s; -moz-transform:all 1s; -o-transform:all 1s; -webkit-transform:all 1s; position:relative;left:70px}
.active .donghua_img03{ opacity: 1; transition-delay: 0.7s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative; left:0px;}

.donghua_img04{ text-align:center;opacity: 0; transition: all 1s; -moz-transform:all 1s; -o-transform:all 1s; -webkit-transform:all 1s; position:relative; top:-50px;}
.active .donghua_img04{ opacity: 1; transition-delay: 0.7s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative; top:0px;}

.donghua_img05{ text-align:center;opacity: 0; transition: all 1s; -moz-transform:all 1s; -o-transform:all 1s; -webkit-transform:all 1s; position:relative; left:50px}
.active .donghua_img05{ opacity: 1; transition-delay: 0.7s;-moz-transition-delay:0.3s; -webkit-transition-delay:0.3s; -o-transition-delay:0.3s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative; left:0px;}

.donghua_img06{ text-align:center;opacity: 0; transition: all 1s; -moz-transform:all 1s; -o-transform:all 1s; -webkit-transform:all 1s; position:relative; top:-30px;}
.active .donghua_img06{ opacity: 1; transition-delay: 0s;-moz-transition-delay:0s; -webkit-transition-delay:0s; -o-transition-delay:0s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative; top:0;}

.donghua_img07{ text-align:center;opacity: 0; transition: all 1.5s; -moz-transform:all 1.5s; -o-transform:all 1.5s; -webkit-transform:all 1.5s; position:relative; left:50px}
.active .donghua_img07{ opacity: 1; transition-delay: 0.5s;-moz-transition-delay:0.5s; -webkit-transition-delay:0.5s; -o-transition-delay:0.5s;-webkit-animation:easeIn 1s ease;-moz-animation:easeIn 1s ease;-o-animation:easeIn 1s ease;animation:easeIn 1s ease;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;position:relative; left:0px;}