@charset "utf-8";
/* CSS Document */
body{  margin:0 0 0 0; font-family:"微软雅黑"; }
*{ margin:0; padding:0px; list-style-type:none;}
li{ list-style-type:none;}
img{ border:0px;vertical-align: middle;}
.clear{ clear:both;}
h1,h2,h3{font-family:"微软雅黑"; font-weight:normal;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
input {outline:none;}
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 700;
  src: local('Changa Bold'), local('Changa-Bold'), url(https://fonts.gstatic.com/s/changa/v3/lChKXdVMbxf1dAYeI9q9wRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin-ext */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 700;
  src: local('Changa Bold'), local('Changa-Bold'), url(https://fonts.gstatic.com/s/changa/v3/PZYVkpm3vAnBa-afcEJb3xJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 700;
  src: local('Changa Bold'), local('Changa-Bold'), url(https://fonts.gstatic.com/s/changa/v3/ZLtEtZF8z-OEmYAGzkqHkltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
@font-face {
  font-family: 'century';
  src:url('century.ttf') format('truetype');

}


.header,.header_top{width:100%; z-index: 888; position: relative;float: left;}
.header_top{ z-index: 999; position: relative;}
.index_banner{width:100%; float: left; z-index: 100; position: relative;}
.header_topa{width:1200px; margin: 0px auto;}
.header_topb{width:1200px; float: left;}
.head_top_left,.head_logo,.head_top_right{width:400px; float: left;}
.head_logo{ margin-top: 20px; margin-bottom: 10px; width: 412px; float: left;}

.head_top_left a{ margin-right: 20px; }
.head_top_left a:link,.head_top_left a:visited{color:#888;}
.head_top_left{ margin-top:60px;}
.head_top_right{text-align:right; margin-top: 20px;}
.h_righta{width:160px;line-height: 45px; border-radius: 500px; margin-top: 40px; font-size:14px; float: right; text-align: right;}
.h_righta a{padding:6px 15px;}
.h_righta a:link,.h_righta a:visited{color:#fff;}
.header_daohangd li{line-height:50px;}
.header_daohang{width:100%; float: left; height: 68px; background: #111b4c;}
.header_daohanga{width:1200px; margin: 0px auto;}
.header_daohangb{width:1200px; float: left;}
.header_daohangb li{ float:left; text-align: center;font-size:16px;}
.header_daohangb li a{ transition:all 0.6s; padding: 5px 17px;}
.header_daohangb li a span{padding-right:15px;}
.header_daohangb li a:link,.header_daohangb li a:visited{color:#fff;}
.header_daohangb li:hover a{border-radius: 500px;color:#fff;}
.header_daohangc{width:1200px; margin: 0px auto;}
.header_daohangd li{padding:0px 30px;}
.yc_cd{width:140px;  overflow: hidden; font-size:14px; margin-left: -10px; padding: 8px; position:absolute; display: none; padding-top: 37px; transition: all 0.6s;z-index:9999; border-bottom-left-radius:6px;   }
.yc_cd dd{ background: #bd292d;}

.yc_cd dd a{display:block; width: 100%; transition: all 0.6s; line-height: 40px; line-height: 40px; text-align: left; border-bottom: 1px dashed #eee;}
.header_daohangd li:hover{background:#153476; }
.yc_cd dd a:hover{padding-left:30px;}
.yc_cd  a:link,.yc_cd  a:visited{color:#fff;}
 .h_dh li:hover .yc_cd{
	 display: none;animation: hideIndex 0.3s; 
     -moz-animation: hideIndex  0.3s; /* Firefox */
     -webkit-animation: hideIndex  0.3s; /* Safari and Chrome */
     -o-animation: hideIndex  0.3s; /* Opera */
   }
.yc_djc{transform:rotate(180deg); text-align: center; color:#2d2d2d; margin-top: -25px;color:#bd292d;
-ms-transform:rotate(180deg); 	/* IE 9 */
-moz-transform:rotate(180deg); 	/* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg);}
@keyframes hideIndex{
 0%{ opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}





.header_daohangd{width:100%; float: left;}
.header_daohangb{width:100%; height: 50px; background: #18519f;}
.ja_main{width:100%; float: left;}
.ja_maina{width:1200px; margin: 0px auto;}
.ja_mainb{width:1200px; float: left; margin-top: 60px; margin-bottom: 60px; }
.index_aboutimg{width:600px; float: left;}
.index_aboutr{width:560px; float: right;}
.h_xian{width:80px; height: 2px; background: #b92835; margin-bottom: 25px;}
.nr_a{font-size:14px; color:#777; line-height: 26px; margin-top: 36px;}
.index_aboutr dd{font-size:14px; font-family: Arial; line-height: 35px;}
.a_link{width:100%; margin-top: 30px;}
.a_link a:link,.a_link a:visited{color:#284da5;}
.title_a{width:500px; margin: 0px auto; text-align: center;}
.title_a dd{height:1px; background: #dcdcdc; width: 250px; margin: 10px auto;}
.title_a dd span{display:block; width: 80px; height: 1px; margin: 0px auto; background: #ba2835;}
.title_a p{font-family:Arial; color:#777;}
.tj_news{width:380px; float: left; margin: 25px 10px; transition: all 0.6s;padding-bottom: 25px;}
	.tj_news dd{font-size:20px; font-family:Bodoni Bd BT; color:#888; margin-bottom: 10px;}
	.tj_news dd span{font-size:12px; padding-right: 15px;}
	.tj_news p{font-size:12px; height: 78px; color:#888; font-size:14px; padding: 0px 15px; font-family: Arial; line-height: 26px;text-align: center;}
	.tj_news h1{font-size:18px; font-family: Arial;  line-height: 36px; margin-top: 20px; text-align: center;}
.tj_news dd{text-align:center; padding-top: 25px;}
.tj_news dd a{padding:8px 35px; background: #ba2835; font-size:14px;}
.tj_news dd a:link,.tj_news dd a:visited{color:#fff;}
.tj_news:hover{ box-shadow: 0px 0px 15px #ccc; position:relative;}
.ja_footer{width:100%; float: left; height: 423px; background: url(../images/footer_bg.jpg);}
.ja_footera{width:1200px; margin: 0px auto;}
.ja_footerb{width:1200px; float: left;}
.f_logo{width:300px; float: left; text-align: center; margin-top: 30px; color:#fff;}
.f_logo h1{font-size:20px; line-height: 40px;}
.f_daohang a:link,.f_daohang a:visited{color:#fff;}
.f_daohang{width:100%; text-align: center; margin-top: 45px; margin-bottom: 35px;}
.f_daohang a{padding:0px 30px;}
.footer_add{width:350px; float: left; margin-left: 110px;color:#fff; font-size:14px; margin-top: 40px; }
.footer_add dd{font-size:16px; line-height: 40px;}
.footer_ewm{width:365px; float: right; margin-top: 40px;}
.footer_ewm li{float:right; margin-left: 10px;}
.footer_end{width:100%; float: left;  margin-top: 30px; text-align: center; background: #fff; line-height: 50px; color:#222;}
.dq_weizhi{width:100%;  background: #eee; float: left;  line-height: 60px;color:#333; border-bottom:1px solid #ccc;}
	.dq_weizhia{width:1200px; margin: 0px auto;}
	.dq_weizhib{width:1200px; float: left;}
	.dq_weizhib span{padding-right:8px;}
	.dq_weizhib a{padding-right:8px;}
	.dq_weizhib a:link,.dq_weizhib a:visited{color:#333;}
	.dq_weizhib font{padding-left:8px; color:#333;}
.r_dh{text-align:right; margin-bottom: 25px;}
.r_dh a{padding:8px 30px; background: #eee; margin-left: 10px;}
.r_dh a:link,.r_dh a:visited{color:#222;}
.news_reada{width:1200px; float: left; padding: 30px; background: #eee; text-align: center;}
.news_reada h1{font-size:18px; line-height: 40px;}
.news_reada dd{font-size:14px; color:#777;}
.news_readb{width:1200px; margin-top: 30px;font-size:14px; line-height: 26px; color:#666;}

.footer_ty,.footer_tya{width:100%; float: left;}
.footer_tya{height:390px; background:#222;}
.f_logo{width:100%; float: left; border-bottom: 1px solid #3d3d3d; padding-top: 35px; padding-bottom: 25px;}
.f_logoa{width:600px; float: left;}
.f_logob{width:500px; padding-top: 30px; float: right; text-align: right;}
.f_logob a:link,.f_logob a:visited{color:#5f5d5d;}
.f_logob span{padding-right:15px;}
.f_maina{width:66px; float: left; margin-top: 40px;}
.f_maina h1{color:#f08519; padding-bottom: 10px; border-bottom: 2px solid #f08519; font-size:16px; margin-bottom: 10px;}
.f_maina dd{line-height:32px;}
.f_maina dd a{transition:all 0.6s;}
.f_maina dd a:link,.f_maina dd a:visited{color:#fff;}
.f_maina dd a:hover{color:#f08519;}
.f_maina dd{color:#fff;}
.f_maina dd span{color:#f08519; padding-right: 10px;}
.font-caolor{color:#f08519; padding-left: 10px;}
.f_right{width:260px; margin-top: 40px; float: right;}
.f_righta{width:154px; float: left; text-align: center; height: 105px; border-left:1px dashed #3d3d3d;border-top:1px dashed #3d3d3d;border-bottom:1px dashed #3d3d3d;color:#fff; padding-top: 28px; line-height: 32px;}
.f_rightb{width:105px; float: right;}
.f_rightb img{width:100%;}
.ty_headb,.ty_heada,.ty_head,.head_b{width:100%; float: left;}
.head_a{width:1200px; margin: 0px auto;}

 .news_list{width:100%; transition: all 0.6s; float: left; background: #fff; padding: 30px; margin-top: 20px;}
.news_lista{width:155px; float: left; transition: all 0.6s; }
.news_lista dd{font-size:16px; font-family: Arial; color:#666; margin-bottom: 10px;transition: all 0.6s;}
.news_lista h1{font-family: Arial; font-size:34px; margin-top: 15px;color:#666;transition: all 0.6s;}
.news_listb{width:985px;border-left:1px solid #eee; padding-left: 35px; float: right;}
.news_listb h1{font-size:22px; margin-bottom: 15px;}
.news_listb p{font-size:14px; color:#777; line-height: 30px;}
.news_list a:link,.news_list a:visited{color:#222;}
.news_list:hover{background:#eee; box-shadow: 0px 8px 15px #ccc;}
.news_list:hover .news_lista dd,.news_list:hover  .news_lista h1{color:#222;}
.news_list:hover .news_listb h1,.news_list:hover .news_listb p,.news_list:hover .news_listb dd{color:#222;}
.fenye span{color:#222;}
.fenye{width:100%; float: left; margin-top: 20px; text-align: center; border-top: 1px solid #eee; padding-top: 30px;}
.fenye a,.fenye span{padding:6px 10px; border: 1px solid #eee; margin: 5px;}
 .left_cont{width:500px; padding: 30px; background: #eee; float: left; box-shadow: 0px 0px 15px #eee; font-size:14px; line-height: 30px; color:#555;  margin-top: 30px; margin-bottom: 30px;}
	.right_cont{ width:600px; margin-top: 30px; padding: 30px; float: right;  font-size:14px; line-height: 28px; font-family: Arial;}
    .ly_jj{ margin-bottom:30px;}
	.lb_indexm{width:100%; float: left;}
	.lb_indexma{width:600px; float: left;}
	.lb_indexma_img{width:300px; float: left;}
	.lb_indexma_img img{width:100%; transition: all 0.6s;}
	.lb_indexma_t{width:300px; float: right;padding-left: 30px;}
	.lb_indexma_t h1{font-size:18px; font-family: Arial;transition: all 0.6s; }
	.lb_indexma_t h1{font-family:Bodoni Bd BT; font-style: italic; font-size:26px; color:#555; padding-top: 30px;}
	.lb_indexma_t p{font-size:12px; color:#888; line-height: 26px; font-family: Arial; margin-top: 20px;}
	.lb_indexma_t dd a,.tjcp_b dd a{padding: 8px 25px; border-radius: 500px; border: 1px solid #9e966a; font-size:12px;}
	.lb_indexma_t dd a:link,.lb_indexma_t dd a:visited,.tjcp_b dd a:link,.tjcp_b dd a:visited{color:#9e966a;}
	.lb_indexma_t dd{margin-top:20px;}
	.lb_indexma:hover .lb_indexma_img img{box-shadow:0px 0px 12px #888;}
	.lb_indexma:hover .lb_indexma_t h1{color:#9e966a;}
    .con_nr h1{font-size:18px; padding-bottom: 15px; padding-top: 8px;}
    .con_nr dd{ margin-bottom:15px; line-height: 30px;}
    
      .server_c h1{font-size:18px; color:#fff;padding: 0px 15px;}
                                .server_b img{transition: all 0.6s;-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 100%, 0% 100%);
	transition: 1s all;
	-webkit-transition: 1s all;
	-o-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;}
    .server_a:hover .server_b img{-webkit-clip-path: polygon(9% 8%, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(9% 8%, 100% 0, 100% 100%, 0 100%);}
                                .server_d{padding-top:15px; height: 95px;transition: all 0.6s;  z-index: 888; position: relative;overflow: hidden;background:url(../images/jj_bg.png);color:#fff; font-size:14px;}
                                .server_a{width:285px; margin: 10px; float: left; height: 394px; overflow: hidden;}
                                .server_c{height:54PX; margin-top: -54px; position: relative; z-index: 999;
                                width: 100%;

    color: #fff;
    transition: all 0.6s;
    position: relative;
    z-index: 999; line-height:54px; 
    background: url(../images/tt_bg.png);}
 
  .server_a{ overflow: hidden;}
  .server_c{ margin-top:-54px;}
  .server_a:hover .server_c{ margin-top:-148px;}
  .server_d{width:297px; padding: 20px; float: left; height:96px;}
   .n_title{width:1220px; padding-left: 10px; text-align:center; background: url(../images/hengx.png) center; margin: 50px auto 30px auto;color:#fff;}
   .n_title p{padding-top:15px;}
   .more_a{font-size:16px; padding-bottom: 50px; padding-left: 10px;  margin-top: 30px; padding-top: 15px; text-align: center;}
    .more_a a:link, .more_a a:visited{color:#222;}
    .more_a a{background: #fff; padding: 10px 50px;}
    .head_yy{WIDTH:750px; margin-top: 30px; float: right; }
    .head_yy a{padding:5px 25px; }
    .head_yy a:link,.head_yy a:visited{color:#fff;}

    
    .dla_main{width:330px; box-shadow: 0px 2px 8px #777; float:right; position: relative; z-index: 888; margin-top: -345px; background: #fff; opacity: 0.98; padding: 30px;}
.dla_maina{width:100%; float: left;}
.dla_maina h1{font-size:16px;color:#f60; margin-bottom: 15px;}
.inp_a{width:100%; border: 1px solid #eee; border-radius: 3px; margin-bottom: 10px; padding: 5px 0px;}
.inp_a span{padding-left:8px; padding-right: 10px;}
.inp_a input{border:0px;}
.dla_maina dd a{display:block; width: 100%; height:36px; background: #f60; border-radius: 3px; text-align: center; line-height: 36px;}
.dla_maina dd a:link,.dla_maina dd a:visited{color:#fff;}
.dla_maina p a:link,.dla_maina p a:visited{color:#333;}
.dla_maina p{font-size:12px; text-align: right; padding: 10px 0px;}
.dla_maina p a{padding-left:15px;}
.dla_mainb{width:100%;}
.dla_mainb input{width:75%; float: left; border:1px solid #eee; padding: 6px 8px;}
.dla_mainb button{ border: 0px; background: #18519f; width: 25%; float: right; color:#fff; height: 33px;}

.h_dh li a:link,.h_dh li a:visited{color:#222;}
.h_dh li{float:left; font-size:16px;}
.h_dh{width:540px; float: left;}
.t_right{width:210px; float: right; text-align: right; margin-top: -5px;}
.t_right a{padding:5px 15px; float: right; border-radius: 5px; margin-left: 12px;}

    
                                










