@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;font-size:14px;}
body{background:#4a0000 !important; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;}
ul,li{ list-style:none; padding-left:0px; margin:0px;}
.clr{ clear:both;}
a{ color:#666; text-decoration:none;}
dl,dt{ margin:0px; font-weight:normal;}
img{ max-width:100%;}

.kong_74{ width:100%; height:90px;}
.head_box{ width:100%; height:90px; position:relative}
.head_right{ width:auto; height:90px; float:right; }
.head_nav{ width:auto; height:90px; float:left;}
.head_nav li{ float:left; height:90px; text-align:center;} 
.head_nav li a{ padding:0 30px; height:90px; display:block; line-height:90px; color:#fff; font-size:18px; position:relative;transition: all .3s ease-out;}
.head_nav li i{ width:0; height:5px; background:#dd0012; display:block; position:absolute; top:0px;transition: all .3s ease-out; left:50%; margin-left:-0%;}
.head_nav li a:hover i{ width:40%; margin-left:-20%; left:50%;transition: all .3s ease-out;}
.head_nav li a:hover{ color:#dd0012;}
.head_nav li .menu_links{color:#dd0012;}
.head_nav li .menu_links i{ width:40%; margin-left:-20%; left:50%;transition: all .3s ease-out;}
.am-menu-offcanvas1 .am-menu-toggle{ top:24px !important ; right:-9px; display:none !important}
.logo{ width:25.5%;position:absolute; top:0px; left:56px; z-index:9;}
.head_top .am-menu-nav a{ padding-top:0px !important; font-weight:normal;}
.head_top .head_box{ width:100%;}
.language_box{ width:140px; height:30px; line-height:30px; color:#fff; font-size:14px; padding-left:15px; position:relative; float:right; background:#3b0101; border-radius:100px; border:#8e1919 solid 1px; margin-right:56px; margin-top:30px;}
.language_list{ width:120px; height:100px; position:absolute; top:45px; background:#3b0101 ; z-index:9; padding-bottom:10px; padding-top:10px; border:#8e1919 solid 1px; display:none;}
.language_list li a{padding:0 7px; color:#fff; display:block; font-size:14px; height:26px; line-height:26px; }


.lang_fla li img {
width: 32px;
float: left;
margin-right: 10px;

}
.lang_fla li a {
float: left;

}

.border-up-empty{width: 0;height: 0;border-left: 12px solid transparent;border-right: 12px solid transparent;border-bottom: 12px solid #8e1919;position: relative; position:absolute; top:-12px; left:20px;}
.border-up-empty span{display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #3b0101;position: absolute;left: -10px;top: 2px;}
.border-down-empty{width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;position: relative; position:absolute; top:10px; right:10px;}
.border-down-empty span{display: block;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #3b0101;position: absolute;right:-6px;top:-8px;}
.language_s{ width:100%; display:block; height:30px; line-height:30px; color:#fff;}
/*幻灯片轮播*/
.home_banner{ width:100%; height:auto; overflow:hidden; position:relative;}
.home_banner:hover .am-direction-nav a{opacity:1;transition: all .3s ease;}
.am-direction-nav a{position:absolute;top:45%;z-index:10;display:block;width:49px;height:53px;margin:-18px 0 0;overflow:hidden;opacity:0;cursor: pointer;color: rgba(0,0,0,.65);
-webkit-transition: all .3s ease;transition: all .3s ease; z-index:2}
.home_banner .am-slider-a1 .am-control-nav li a.am-active{  height:9px !important; border-radius:100px; background:#fff !important;transition: all .3s ease-out; width:40px !important;}
.home_banner .am-slider-a1 .am-control-nav li a{display:block !important; background:rgba(255,255,255,0.5) !important;  height:10px !important; width:10px !important; border-radius:100%;box-shadow: inset 0 0 3px rgba(0,0,0,0) !important;transition: all .3s ease-out;}
.home_banner .am-slider-a1 .am-direction-nav, .am-slider-a1 .am-pauseplay{display: block !important;}
.home_banner .am-direction-nav .am-prev{left: 0px;background:url(/template/default/images/banner_left.png) center no-repeat !important; background-size:49px}
.home_banner .am-direction-nav .am-next{right: 0px;}
.home_banner .am-direction-nav a.am-next { background:url(/template/default/images/banner_right.png) center no-repeat !important; background-size:49px}
.home_banner .am-slider-a1 .am-control-nav{ z-index:2; bottom:70px ;}
.home_banner .am-slider{ position:relative;}

.ny_ban .am-direction-nav a{ display:none;}

/*首页三大链接模块*/
.index_mode{ max-width:1200px; height:auto; overflow:hidden;  margin:0 auto; padding:5px; position:relative; margin-top:-60px; z-index:9; background:#4a0000;}
.index_mode ul{ width:102%;}
.index_mode li{ width:32.4%; float:left; position:relative; margin-right:0.5%; position:relative; background:url(/template/default/images/line.png) bottom no-repeat; padding-bottom:10px;}
.index_mode li span{ position:absolute; right:20px; top:15px; color:#181510; font-size:26px;}

.index_about{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:90px; margin-bottom:90px;}
.index_about_img{ width:50%; float:left;}
.index_about_right{ width:47%; float:right; color:#fff;}
.index_a_h1{ color:#fff; font-size:36px; font-weight:normal;}
.index_a_s{ color:#dd0012;  font-size:24px;letter-spacing: 6px;}
.index_a_text{ color:#fff; font-size:16px; line-height:32px; margin-top:35px;text-align: justify;}
.index_more{ width:170px; height:47px; background:#430404; color:#fff; border:#740303 solid 1px; text-align:center; line-height:47px; border-radius:5px; margin-top:30px;transition: all .3s ease-out;}
.index_more a{ display:block; color:#fff; font-size:18px;}
.index_more:hover{border:#9b0707 solid 1px;transition: all .3s ease-out; }

.pro_bg{ width:100%; height:auto; overflow: hidden; background:#3f0101; padding-top:60px; padding-bottom:60px;}
.pro_cen{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.title_box{ width:100%; height:55px; line-height:55px; text-align:center; font-size:36px; color:#dd0012;}
.title_box img{ margin:0 10px;}
.title_text{ width:100%; text-align:center; color:#fff; font-size:24px;letter-spacing: 6px;}
.pro_list{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.pro_list ul{ width:103%;}
.pro_list li{ width:23.48%; background:#5a0b0b; float:left; margin-right:1%; margin-bottom:1%;}
.pro_list li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all .5s ease;    transition: all .5s ease;}
.pro_titlebox{ width:100%; height:80px; text-align:center;}
.pro_titlebox h1{ color:#fff; font-size:18px; font-weight:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-top:10px;}
.pro_titlebox span{ color:#ff2c3d; font-size:20px;}
.pro_listpic{ width:100%; height:auto; overflow:hidden;}
.pro_listpic img{  transition: all .5s ease;}
.pro_more{ margin:0 auto; margin-top:30px;}


.index_news{ padding-top:50px;}
.news_box{ width:100%; height:auto; overflow:hidden; margin-top:50px; margin-bottom:70px; }
.news_box ul{ width:101%;}
.news_box li{ width:49%; float:left; margin-right:1%;}

.footer_icon{ width:100%; height:auto; overflow:hidden; padding:15px 0 15px 0px; background:#660505;}
.footer_icon_list{ max-width:1200px; margin:0 auto;}
.footer_icon_list li{ width:25%; float:left;}
.footer_icon_list li:hover h1{ color:#dd0012;transition: all .5s ease; }
.footer_ipic{ width:20%; float:left;}
.footer_iright{ width:75%; float:right; padding-top:7px;}
.footer_iright h1{ color:#fff; font-weight:normal; font-size:14px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .5s ease; }
.footer_iright span{ color:#cccccc; font-size:14px; display:block;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}


.footer{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.footer_logo{ width:25.5%; margin:0 auto;}
.footer_menu{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:10px;}
.footer_menu a{ margin:0 auto; display:inline; color:#fff; font-size:14px; padding:0 20px;}
.footer_copy{ width:100%; height: auto; overflow:hidden; line-height:20px; color:#d2d2d2; text-align:center; padding-top:15px;}
.footer_copy a{color:#d2d2d2; }
.wap_banner{ display:none;}

.pro_menu{ width:100%; height:auto; overflow:hidden; text-align:center;}
.pro_menu li{ margin:0 auto; display: inline-block;}
.pro_menu li a{margin:0 5px auto; color:#fff;transition: all .5s ease;  display: inline-block;padding:0 30px;  border-radius:5px; height:40px; line-height:40px; background:#330202;}
.pro_menu li a:hover{ background:#dd0012;transition: all .5s ease;}
.pro_menu li .p_menu_links{background:#dd0012;}
.pro_gps{ color:#e8e5e3; margin-bottom:30px;}
.pro_gps a{ color:#e8e5e3;}
.pro_maximg{ width:50%; float:left; background:#5a0b0b;  text-align:center; padding:5%;}
.pro_maximg img{ width:80%;}
.pro_mright{ width:45%; float:right; height:auto; overflow:hidden;}
.pro_mtitle{ color:#e30014; font-size:32px; margin-bottom:30px;}
.pro_mtext{ color:#fff; font-size:15px; margin-bottom:40px;}
.pro_more2{ width:150px; height:40px; float:left; border-radius:5px; background:#e30014; color:#fff; line-height:40px; text-align:center;}
.pro_more2 a{ color:#fff; display:block; font-size:16px;}
.pro_jiage{ padding:0 20px; float:left; height:40px; line-height:40px; color:#ff2c3d; font-size:32px;}
.pro_sbox{ width:100%; height:auto; overflow:hidden; margin:0 auto; border:#5a0b0b solid 1px; margin-top:30px;}
.pro_stop{ width:100%; height:54px; line-height:54px; background:#5a0b0b; text-align:center; color:#fff; font-size:18px; position:relative }
.InvertedTriangle{ width: 0;
     height: 0; position:absolute; bottom:-15px; left:50%;
     border-top: 20px solid #5a0b0b; z-index:9; margin-left:-18px;
     border-left: 18px solid transparent;
     border-right: 18px solid transparent;
}
.p_top{ padding-top:15px;}
.pro_scent{ padding:60px 20px 30px 20px; color:#fff; font-size:16px; line-height:30px; background:#330303;}

@media screen and (min-width: 320px) and (max-width: 768px) 
{
.am-menu-offcanvas1 .am-menu-toggle{ top:5px !important ; right:-9px; display: block !important}
.head_right,.am-direction-nav{ display:none !important; }
.am-slider-a1 .am-control-nav li a{ display: block !important; background:rgba(255,255,255,0.5) !important; height:4px !important;border-radius:100px !important; transition: all .4s ease-out;}
.am-slider-a1 .am-control-nav li a.am-active{ background:#fff !important; width:20px !important; height:4px; border-radius:100px;transition: all .4s ease-out;}
.am-slider-a1 .am-direction-nav, .am-slider-a1 .am-pauseplay{display: none !important;}
.head_top  .am-menu-offcanvas1 .am-menu-toggle{ top:0px !important ; right:0px; display: block !important}
.head_top .head_box{ width:92%;}
.head_box{ height:50px;}
.logo{ left:20px; width:38%;}
.head_box .am-menu-toggle img{ width:30px; height:30px;}
.index_about{ padding:0 20px;}
.index_about_img{ width:100%; float:none;}
.index_about_right{ width:100%; float:none;}
.index_a_text{ line-height:26px; margin-top:15px;}
.index_a_h1{ font-size:26px; margin-top:10px;}
.index_a_s{ font-size:18px;}
.index_about{ margin-top:20px; margin-bottom:20px;}
.home_banner .am-slider-a1 .am-control-nav{ bottom:10px;}
.home_banner .am-slider-a1 .am-control-nav li a.am-active{ height:6px !important;}
.home_banner .am-slider-a1 .am-control-nav li a{ height:6px !important; width:6px !important;}
.index_mode,.home_banner,.index_about_img{ display:none;}
.wap_banner{ display:block;}
.pro_gps{ padding:0 20px;}
}


@media screen and (min-width: 320px) and (max-width:414px) 
{
	.title_box img{ width:70px;}
	.title_box{ font-size:26px;}
	.title_text{ font-size:18px; margin-top:-5px;}
	.pro_list li{ width:48%;}
	.pro_bg{ padding-top:30px; padding-bottom:30px;}
	.pro_list{ margin-top:30px;}
	.index_news{ padding-top:30px;}
	.news_box{ margin-top:30px; margin-bottom:30px;}
	.footer_icon{ padding-bottom:5px;}
	.footer_icon_list li{ width:50%; margin-bottom:10px;}
		.footer_iright span{ font-size:12px;line-height: 16px;    white-space: inherit;
    text-overflow: initial;}
	.footer_iright{ padding-top:0px;}
	.footer_icon_list{ padding:0 10px;}
	.footer_logo{ width:40%;}
	.footer_menu a{ padding:0 10px;}
	.footer_copy{ font-size:12px; padding:0 10px; margin-top:10px;}
	.footer{ padding-bottom:20px; padding-top:30px;}
	.pro_menu li a{margin:0 2px auto; padding:0 10px;}
	.pro_maximg{ width:100%;}
	.pro_gps,.pro_b{ display:none}
	.p_top{ padding-top:0px;}
	.pro_mright{ width:100%; padding:0 20px; float:none; padding-top:15px;}
	.pro_mtitle{ font-size:24px;}
	.formbox{ width: auto !important; border: none !important;}
	.con_box ul li input{ width: 65% !important;  }
	.mx_remark{ width: 65% !important; }
	.pro_menu li{ margin-bottom: 10px; float: left; margin-left: 8px; }
	.footer_menu{ padding-left:20px; }
	.footer_menu a{ width: 33.333%; float: left; display: block; padding:0px; text-align: left}
}

@media screen  and (width: 768px) 
{
	.logo{ left:20px; width:22%;}
}
@media screen and (min-width: 769px) and (max-width:1100px) 
{
.head_right,.am-direction-nav{ display:none !important; }
.am-menu-offcanvas1 .am-menu-toggle{ top:0px !important ; right:-9px; display: block !important}
.head_box{ height:50px;}
}

@media screen  and (min-width: 650px)  and (max-width:768px)
{
	.logo{ left:20px; width:22%;}
}




/*分页样式*/

.listpage {clear: both;text-align: center;}

.xiaocms-page { padding:14px 0 10px; margin-right: 10px;}

.xiaocms-page a { display:inline-block; height:35px; line-height:35px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 5px;}

.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }

.xiaocms-page span { display:inline-block; height:35px;padding:0 15px; line-height:35px; background:#dd0012; border:1px solid #dd0012; color:#fff; text-align:center;margin-left: 1px; }




/*留言*/
.formbox{width:450px; height: 450px; margin:0 auto;  color: #fff; margin-top: 50px; }
.con_box{width:100%;  height: 380px;  float: left;  }

.con_box ul li{

  width:100%;  height:40px; float: left; margin:5px 0;
}
.con_box ul li span{

  width:100px;  float: left; text-align:right;

}
.con_box ul li input{

  width: 70%; float: left; margin-left: 10px; height: 30px; border-radius: 3px; color:#584747; padding-left: 6px!important;

}
.mx_remark{

  width: 70%; height: 100px; margin-left: 10px; border-radius: 3px; color:#584747;  padding-left: 6px!important;
}

.inst_bottom{ width: 80px; height: 40px;  margin:0 auto; }

.certi_bott{  width: 80px; height: 40px; background: #dd0012; border: none; margin-left: 40px; }

textarea::-webkit-input-placeholder {
        color: #999;
      }

      textarea::-moz-input-placeholder {
        color: #999;
      }

      textarea::-ms-input-placeholder {
        color: #999;
      }