@charset "utf-8";
/* 画时建站（drawtime.com）做最好的营销网站*/

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td { 
	padding:0;
	border:none;
	border-collapse:collapse;
}
img {
	vertical-align:top; 
}
embed { 
	vertical-align:top;
}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.btn_nav_loh{ width:126px; height:45px; background:url(/drawtime/img/logo2.png) no-repeat; animation: shine 3s linear infinite;}


@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
     }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0;    
    }
    75% {
        opacity:1;
    }
}
.anim_fade_image {
    position:absolute;    
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    -webkit-animation-direction: alternate;
}


.drw_maxwidth{width:100%; max-width:1200px; margin:0 auto;}
.drw_clear{clear:both;}
.home_fw{ background:#f6f6f6; height:800px; margin:0 auto;}
.fw_mc{ padding:30px 15px; margin:0 auto; text-align:center;}

.fw_left{width:400px; height:600px; float:left; margin-right:5px; background:url(../img/xxkj.png) left no-repeat; overflow:hidden;}
.hc_an_1{width:400px; height:600px; position:relative; display:block;}
.mask_1{width:400px; height:600px; overflow:hidden; background:url(../img/sfl_bj.png) left bottom no-repeat; position:absolute; right:410px; top:0; z-index:99; text-align:left;color:#ccc;}
.mask_1 b{padding:310px 0 0 30px; font-size:26px; text-align:left; display:block;}
.mask_1 .btfd{padding:10px 0 0 30px; text-align: left; font-size:16px;  color:#CCCCCC;}
.bbcs{text-align:center; padding-top:280px; font-size:280%; color:#ccc;}
.lsdl_more_s{ padding:10px 0 0 50px; float:left; text-align:left;style=cursor:pointer;}
.fw_right{width:790px; height:600px; float:right;}


.fw_right .d1{ width:390px; height:430px; background:url(../img/cy_fw.jpg) center no-repeat; float:left; color:#FFFFFF;text-align:center; overflow:hidden;}
.fw_right .d2{ width:390px; height:430px; background:url(../img/jd_fw.jpg) center no-repeat; float:right; text-align:center;color:#FFFFFF; overflow:hidden;}
.hc_an_2{width:395px;height:430px;position:relative; display:block;}
.mask_2{width:100%; height:430px;background:rgba(38,35,30,0.7);position:absolute; left:0; top:435px; z-index:99; text-align:left;color:#FFFFFF;}
.bbc{ text-align:center; padding-top:180px; font-size:200%;color:#ccc;}
.bbc2{ text-align:center; padding-top:120px; padding-bottom:15px; font-size:280%;color:#ccc;}

.btd{ text-align:center; font-size:16px;  color:#CCCCCC;}
.ppjhhd{ padding:15px;}
.ppjhhd a{ font-size:12px; color:#FFFFFF; margin:10px; height:14px; display: block; float:left;}


.fw_right .d3{ width:100%; height:160px; margin:0 auto; background:url(../img/qtfw.png) no-repeat;margin-top:10px; text-align:center;color:#FFFFFF; overflow:hidden;}
.hc_an_3{width:100%;height:160px;position:relative; display:block;}
.mask_3{width:100%; height:160px;background:rgba(38,35,30,0.6);position:absolute; left:0;top:160px; z-index:99; text-align:left;color:#FFFFFF;}
.bbc3{ text-align:center; padding-top:50px; font-size:200%;color:#ccc;}
.bbc3_3{ text-align:center; padding-top:30px; padding-bottom:5px; font-size:280%;color:#ccc;}



/*6大专业优势*/
.major-adv{
	width:100%;
	height:680px;
	background:#fff;
}
.major-adv-c{
	width:1200px;
	margin:0 auto;
}
.major-adv-c h2{
	text-align:center;
	padding-top:57px;
}
.major-adv-con{
	margin:20px 0;
	padding:0 24px;
}
.major-adv-con li{
	float:left;
	margin:0 4px;
	position:relative;
	width:374px;
	height:238px;
}
.major-adv-con li a{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:374px;
}
.major-adv-con li a .list_mask{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 4;
  background:#aaaaaa;
  opacity:0;
 transition: all 1s linear;
 }
 .major-adv-con li a .list_mask1{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 4;
  opacity: 100;
 transition: all 1s linear;
 }
.major-adv-con li a img{
	transition: all 1s linear;
 }
.major-adv-con li a:hover > img{
	 transform: scale(1.01);
}
.major-adv-con li a:hover > .list_mask{
	 opacity:2;
	 transform: scale(1.01);
}
.major-adv-con li:nth-child(4){
	margin-top:10px;
}
.major-adv-con li:nth-child(5){
	margin-top:10px;
}
.major-adv-con li:nth-child(6){
	margin-top:10px;
}
.list_mask h6{
	text-align:center;
	line-height:74px;
	font-size:24px;
	margin-top:33px;
	color:#fff;
}
.list_mask span{
	width:45px;
	border-bottom:1px solid #fff;
	display:block;
	margin:0 auto;
}
.list_mask p{
	font-size:14px;
	color:#fff;
	line-height:20px;
	margin:0 auto;
	margin-top:37px;
	width:271px;
	text-align:center;
}
.list_mask1 h6{
	text-align:center;
	line-height:74px;
	font-size:24px;
	margin-top:33px;
	color:#000;
}
.list_mask1 span{
	width:45px;
	border-bottom:1px solid #000;
	display:block;
	margin:0 auto;
}
.list_mask1 p{
	font-size:14px;
	color:#000;
	line-height:20px;
	margin:0 auto;
	margin-top:37px;
	width:271px;
	text-align:center;
}
/*首页标题*/
.tietx{ width:550px; margin:0 auto; text-align:center; padding:15px 0;}
.tietx h2{ font-size:24px; padding:15px 0 5px 0; text-align:center; font-family:Gothic,Arial, Helvetica, sans-serif;}
.tietx p{ font-size:16px; padding:0px 0 5px 0; text-align:center;}
/*首页标题结束*/
/*新闻中心*/
.home_new{ background:#f6f6f6;}

.home_new ul{ width:1200px; margin:0 auto; }
.home_new ul li{ width:350px; float:left; margin:25px 25px;-moz-box-shadow:2px 2px 5px #A6A6A6; -webkit-box-shadow:2px 2px 5px #A6A6A6; box-shadow:2px 2px 5px #A6A6A6; border-radius:5px; overflow:hidden;}
.home_new ul li .kjf_img{height:247px; width:340px;overflow:hidden; margin:0 auto; padding:5px;}
.home_new ul li img{ height:247px; width:340px; transition: all 0.6s; }
.home_new ul li img:hover{transform: scale(1.2);}  
.home_new h6{ color:#8f8f8f; font-size:13px; padding:5px; display:block;}
.home_new ul li .title{ padding:10px 30px;}
.home_new hr.line {background: #e0e0e0 none repeat scroll 0 0;margin: -3px 0 0 0;width: 123px;}
.ptb-15{padding:0 30px; color: #828282; font-size:12px;}
.blog-footer{padding:10px 30px;}
.home_new a{ color:#747474;}
.pull-left{ width:200px; float:left;}
.pull-left a {
    border-bottom: 1px solid #d8d8d8;
    color: #949494;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 3px;
}
.pull-right {
    float: right!important;
}


.hc_1200 {
    width: 1200px;
    margin: auto;
    border: 0px solid red;
}

.footer_bx{ width:100%; padding-top:10px; margin-top:0px; border-top:1px solid #ddd; text-align:center; overflow:hidden; background: url(../img/footer_bx.png) center top;  }

.footdh{ height:45px; color:#666; border-bottom:1px solid #fff;}
.footdh ul{width:520px; height:45px;line-height:45px;color:#666;font-size:14px;border:0 solid #fff; float:left;}
.footdh ul li{ height:45px;float:left;margin-left:8px;margin-right:8px}
.footdh ul li a{ color:#FFFFFF;}
.footdh ul li a:hover{ color:#666;}

.footdh .hc_shj{ width:230px; float:right; margin-top:14px;}
.footdh .hc_shj a{ display:inline-block; margin-left:10px; color:#999; font-size:12px;}
.footdh .hc_shj a:hover{ color:#333;}
.footdh .hc_shj a img{ float:left; margin-right:5px;}

.hc_contlx{ color:#333;  }
.hc_contlx .contlxfs{ width:600px; margin-top:20px;}
.contlxfs ul{ float:left;}
.contlxfs ul li{font-size:14px;color:#fff; line-height:36px ; text-align:left;}
.contlxfs ul li span{margin-right:8px}
.contlxfs ul li img{ width:20px; height:20px; margin-top:10px; }

.hc_ewm{ width:104px; }
.hc_ewm img{ height:104px; width:104px;}
.hc_ewm p{ color:#fff; line-height:24px; font-size:12px; border:0px solid red;} 

.hc_ditu{ margin-top:20px;}
.hc_ditu a{ display:block; margin-right:12px; }
.hc_ditu a img{ width:510px; height:156px; border:1px double #CCCCCC;border-radius: 5px;box-shadow: 0 0 15px rgba(0,38,72,.15);}

.hc_db{ height:50px; border:0px solid #fff; background:#000;opacity: 0.6;}
.hc_db p{ color:#fff; line-height:50px; font-size:12px; border:0px solid red; text-align:center;}
.hc_db p a{color:#fff; display:inline-block;}

.hc_link{ text-align:left; margin:20px auto 10px; font-size:14px; color:#fff; line-height:40px; width:1200px; border-top:1px solid #fff;}
.hc_link a{ display:inline-block; margin-left:15px; font-size:12px; color:#888; line-height:40px;}
.hc_link a:hover{ color:#333; text-decoration:underline;}

.nk1003{width: 1200px;margin-right: auto;margin-left: auto;}
.hc_sctop{ margin:auto; text-align:center; background:url(/tu11.png) repeat-x; height:30px;}
.ds_bt{overflow:hidden; margin:40px auto 18px; text-align:center; position:relative; overflow:hidden;}
.ds_bt h5{ font-size:15px; color:#5f5f5f; font-weight:normal;letter-spacing:1px; display:inline-block; position:relative;}  
.ds_bt h5 span{ display:block;  font-size:30px; color:#666; margin:0px auto; background:#fff;z-index:9; padding:0 25px;position:relative;}
.ds_bt h5 span i{ font-style:normal;font-size:15px; color:#5f5f5f;display:block;}
.ds_bt small{ position:absolute; left:-100px; display:block; height:33px; border:1px solid #0070d8; top:12px; width:100%; padding:0 100px; z-index:0}
.ds_bt p{font-size:14px; color:#666; margin-bottom:15px; margin-top:5px }

.hc_yckj{width: 282px;height: 205px;float: left;border: 1px solid #e7e7e7;margin-right: 20px;margin-bottom: 20px;}
.hc_yckj:nth-child(4n+1){ margin-right:0}
.hc_yckj h5{width: 100%;height: 45px;border-bottom: 1px solid #e7e7e7;font-size: 18px;color: #333; line-height:45px; padding:0 15px;
 box-sizing:border-box; font-weight:bold}
.hc_yckj h5 a{color: #666;text-transform: uppercase; font-size:12px; font-weight:normal; float:right}
.hc_yckj p{margin: 15px 15px 15px 0; overflow:hidden;}
.hc_yckj p a{width:240px;height: 26px;display: block;padding-left: 25px;font-size: 12px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;}
.hc_yckj p a:hover{ color:#0070d8}
.hc_yckj p a::before{content: '';width: 3px;height: 3px;background: #676767;position: absolute;top: 11px;left: 15px;}

.index_logo {top:36px;right:55px;z-index:110;width:126px;height:45px;overflow:hidden;background:url(/drawtime/img/logo3.png) left center / auto 100% no-repeat;animation:shine 3s linear infinite;}
.index_logo_active {background-image:url(/drawtime/img/logo2.png);animation:none;}
.index_logo h1,
.index_logo a {display:block;width:100%;height:100%;line-height:50em;overflow:hidden;margin:0;padding:0;}

@keyframes shine {
    0% {background-image:url(/drawtime/img/logo3.png)}
    50% {background-image:url(/drawtime/img/logo2.png)}
    100% {background-image:url(/drawtime/img/logo3.png)}
}