@charset "utf-8";

/* CSS Document */



*{ margin:0px; padding:0px; }

body{ font-family:"微软雅黑";overflow-x:hidden}

ul,li{ list-style:none;}

img{ border:0px; }

a{ text-decoration:none; color:#727171;}

.clr{ clear:both;}




.head_bg{ width:100%; height:5px; background:#000;}

.yy_box{ width:199px; height:101px; position:absolute; padding-top:15px; padding-bottom:15px; right:0px; margin-top:2.8%; z-index:9999; background:url(../images/img_1.png) no-repeat;}

.yy_box ul{ padding:0px;}

.yy_box li{ width:85px; height:35px; margin:0 auto;}

.yy_box li a{ width:85px; height:30px; line-height:30px; text-align:center; border:#fff solid 1px; color:#616161; margin:0 auto; display:block; margin-top:4px; background:#fff; border-radius:3px;}

.yy_box li a:hover{border:#fff solid 1px;background:#fa0a14; border-radius:3px; color:#fff;transition: all .3s ease-in-out; }

.yy_box li .yy_links{ border:#fff solid 1px;background:#fa0a14; border-radius:3px; color:#fff;}

.index_about_pic{ width:42%; height:auto; overflow:hidden; float:left;}

.index_about_content{ width:55%; height:auto; overflow:hidden; float:right;}

.index_about_content h3{ font-size:26px; color:#fa0a15; font-weight:700;}

.top_80{ margin-top:4%; margin-bottom:4%;}

.top_30{ margin-top:30px; margin-bottom:30px;}

.bottom_50{ margin-bottom:50px;}
.bottom_20{ margin-bottom:20px;}

.a_text{ width:100%; height:auto; overflow:hidden; line-height:35px; color:#313131; font-size:16px;display: -webkit-box; overflow:hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    word-wrap: break-word;

    word-break: break-all;}
    .a_text p img{ display: none; }

.more{ float:left;color:#313131; margin-top:40px; }

.more a{padding:8px 40px 8px 40px;  display:block;color:#313131;font-size:16px;letter-spacing: 4px;border:#a3a3a3 solid 1px;  border-radius:3px; }

.more a:hover{ background:#fa0a14; color:#fff;border:#fa0a14 solid 1px;  border-radius:3px;transition: all .3s ease-in-out; }

.gg_box{ width:100%; height:auto; overflow:hidden;}

.gg_box img{ max-width:100%;}



.m_top{ width:100%; margin:0 auto; padding:12px 0 12px 0; height:auto; overflow:hidden;border-bottom:#dad9d9 solid 1px; margin-bottom:30px !important;}

.m_top h1{ float:left; font-size:28px; color:#040102;    margin: 0 0 0 0; }

.m_top span a{ padding:4px 17px 4px 17px; float:right; border:#b4b4b4 solid 1px; display:block; border-radius:5px; color:#919191; }

.m_top span a:hover{ border:#fa0a14 solid 1px; border-radius:5px; color:#fa0a14;transition: all .3s ease-in-out;}



.carousel-example{}

.carousel.flexible .items {

	display: none;

}



.news_left{ width:48%; height:auto; overflow:hidden; float:left;}

.news_left ul{ padding:0px;}

.news_left li{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.news_left li:hover .n_right h1{ color:#fa0a14;transition: all .4s ease-in-out;}

.n_pic{ width:45%; height:auto; overflow:hidden; float:left;}

.n_pic img{width:100%;}

.n_right{ width:50%; float:right;}

.n_right h1{ color:#333333; font-size:20px; font-weight:700; margin-top:6%; margin-bottom:0px;display: -webkit-box; overflow:hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-wrap: break-word;

    word-break: break-all;}

.n_content{ width:100%; height:auto; overflow:hidden; color:#888; font-size:14px;display: -webkit-box; overflow:hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-wrap: break-word;

    word-break: break-all;}





.news_right{ width:48%; height:auto; overflow:hidden; float:right;}

.news_right ul{ padding:0px;}

.news_right li{ width:100%; height:50px; line-height:50px;  background:#f5f5f5; position:relative; margin-bottom:18px; color:#666666; font-size:15px;}

.news_right li a{ width:100%; height:50px; display:block;}

.news_right li:hover{ background:#fa0a14; color:#fff;transition: all .3s ease-in-out;}

.news_right li:hover .n_text{  color:#fff;transition: all .3s ease-in-out;}

.n_text{ width:70%; float:left; display:block; font-weight:700;color:#666666; font-size:15px; margin-left:8px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis; }

.n_text:hover{ color:#fff;}

.n_time{ width:60px;  display:block; text-align:center; position:absolute; right:0px; top:0px; font-size:14px; font-weight:normal;}



.items:hover .cp_title{color:#fa0a14; border-bottom:#fa0a14  solid 4px;}

.cp_title{ width:100%; padding:15px 0 15px 0; text-align:center; color:#000; font-size:16px; border-bottom:#999  solid 4px;}



.links_bg{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:20px 0 20px 0;}

.links_bg h1{ font-size:28px; margin-bottom:0px; color:#040102; float:left;}

.links_list{ width:86%; height:auto; overflow:hidden; float:left; margin-left:20px;}

.links_list ul{ margin:0px; padding:0px;}

.links_list li{ height:30px; line-height:30px; float: left; color:#424041; font-size:14px; margin-right:10px}

.links_list li a{ color:#424041;font-size:14px; display:block;}



.footer{ width:100%; height:auto; padding-top:20px; padding-bottom:20px; background:#100f14;}

.copy_text{ width:75%; height:auto; overflow:hidden; float:left; color:#d2d2d2; font-size:14px;}

.wx_img{ width:22%; height:auto; overflow:hidden; float:right; text-align:right;}

.wx_img img{ max-width:100%;}

.container{ position:relative;}

.logo{ width:50%; float:left;}

.logo img{ max-width:100%; margin-top:20px; margin-bottom:20px;}

.menu_bg{ width:100%; height:46px; line-height:46px; background:#fa0a14;}

.nav{position: absolute;height: 46px;}

.nav ul{ padding-left:0px; margin:0px;}

.nav li{position: relative;float: left;}

.nav .bg{ background:url(../images/menu_line.jpg) center no-repeat; width:2px; height:46px; padding:0px; display:block;}

.nav li a{line-height: 46px; width:133px;float:left;height:46px; text-align:center;color:#fff;font-size:16px; display:block;}

.nav li a:hover {color:#fa0a14;background:#fff url(../images/menu_tb.png) top repeat-x;}

.nav li .nav-w { width:180px;z-index:21;position:absolute;display:none;float:left;clear:both;overflow:hidden;top:46px;background:#fff ;}

.nav li:hover a{ color:#fa0a14;background:#fff url(../images/menu_tb.png) top repeat-x;}

.nav li .section-nav1{  height:auto; overflow: hidden;}

.nav li .section-nav1 ul {position:static;margin:0px;width:180px;overflow:hidden;}

.nav li .section-nav1 ul li {position:static;width:180px; height:35px; line-height:35px;background:none;float:left; text-align:center;}

.nav li .section-nav1 ul li a {height:35px; line-height:35px; padding-left: 30px;text-align:left;width:180px;display:block;background:none; font-family:"微软雅黑";float:none;color:#333;font-size:14px;overflow:hidden;cursor:pointer;}

.nav li .section-nav1 ul li a:hover {background:#eee;color: #fa0a14;}

.nav li .menu_links{color:#fa0a14; background:#fff url(../images/menu_tb.png) top repeat-x;}

#showLeft{ display: none;position:absolute; right:0; z-index:99999; top:28%; background:none; border:none;}

#showLeft img{ width:30px;}



.menu_list{margin:10px auto;width:100%; height:100%; }
.curt{background:#fa0a15;}
.curt a{color:#fff !important;}
.menu_head{height:47px;line-height:47px;font-size:15px;color:#fff;cursor:pointer;position:relative;margin:0;}

.menu_head a{ padding-left:15%;}

.menu_list .current{}

.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px; background:#000;}

.menu_body a{display:block;height:45px;line-height:45px;padding-left:20%;color:#666;text-decoration:none;border-bottom:1px solid #e1e1e1; font-size:13px;}

.menu_body a:hover{text-decoration:none;}

.menu_head a p{ border-bottom:none;}



.top_menu_bg{ width:100%; height:auto; overflow:hidden;  background:#f5f5f5;}

.top_menu_left{ float:left; width:50%;}

.top_menu_right{ width:40%; text-align:right; float:right; line-height:48px; color:#707070; font-size:14px;}

.top_menu_right a{ color:#707070; }

.scroller ul{ padding-left:0px;}

.wrapper01 {position:relative;height: 48px;width:auto;overflow: hidden;}

.wrapper01 .scroller {position:absolute; }

.wrapper01 .scroller li {text-align:center; font-size:14px; color:#5f5f5f; float:left; margin-top:8px; }

.wrapper01 .scroller li a{ color:#323131; padding:6px 20px 6px 20px;  font-size:14px; display:block;  margin-right:4px;border-radius:3px; }

.wrapper01 .scroller li .cur2{background:#fa0a14 !important; border-radius:5px; color:#fff;}

.cpjs_box{ width:100%; height:auto; overflow:hidden; padding-top:35px; padding-bottom:35px; border-bottom:#d8d8d8 solid 1px;}

.cpjs_left{ width:41.3%; height:auto; overflow:hidden; float:left;}

.cpjs_left img{ width:100%;}

.cpjs_right{ width:56%; height:auto; overflow:hidden; float:right;}

.cpjs_right h1{ width:100%; font-size:22px; margin-bottom:0px; color:#333333;}

.cpjs_text{ width:100%; height: auto; overflow:hidden; font-size:14px; color:#6b6969; line-height:30px;}

.wap_yy{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:13px;}

.wap_yy ul{ padding-left:0px;}

.wap_yy li{ width:45%; height:35px; line-height:35px; float:left; margin-left:6px; text-align:center; }

.wap_yy li a{ width:100%; height:35px; border:#666 solid 1px;font-size:13px;}

.wap_yy li .wap_yy_links{ background:#fa0a14;  border:#fa0a14 solid 1px; color:#fff;}





.news_box{ width:100%; height:auto; overflow:hidden; padding-top:35px; padding-bottom:35px; border-bottom:#d8d8d8 solid 1px;}

.news_left2{ width:100%; height:auto; overflow:hidden; margin-top:30px;}

.news_left2 ul{ padding:0px; margin-bottom:0px;}

.news_left2 li{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}

.news_left2 li:hover .n_right2 h1{ color:#fa0a14;transition: all .4s ease-in-out;}

.n_pic2{ width:20.7777%; height:auto; overflow:hidden; float:left;}

.n_pic2 img{ width:100%;}

.n_right2{ width:77%; float:right;}

.n_right2 h1{ color:#333333; font-size:20px; font-weight:700; margin-top:2%; margin-bottom:15px;display: -webkit-box; overflow:hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-wrap: break-word;

    word-break: break-all;}

.n_content2{ width:100%; height:auto; overflow:hidden; color:#888; font-size:14px;display: -webkit-box; overflow:hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    word-wrap: break-word;

    word-break: break-all;}

.news_more{ width:80px; height:25px; line-height:25px; border:#CCC solid 1px; text-align:center; font-size:12px; color:#666; margin-top:15px;}

.n_show_title{ width:100%; font-size:26px; font-weight:700; text-align:center; margin: 15px 0 5px 0;}

.n_show_text{ font-size:14px; color:#333; line-height:30px;}

.n_show_time{ font-size:12px; color:#666; text-align:center; margin-bottom:15px;}



.b_box2{ width:auto; height: auto; overflow:hidden; margin-top:10px;}

.b_box2 ul{ padding-left:0px; margin-bottom:0px;}

.b_box2 li{ width:49%; height: auto; overflow:hidden;float:left; text-align:center;}

.b_box_list2{ width:100%; height:auto; overflow:hidden; }

.pro_title4{ width:98%; height:35px;  line-height:35px; padding-left:2%; background:#f5f5f5 ; color:#333;  text-align:left; font-size:14px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.pro_title5{ width:98%; height:35px; line-height:35px; padding-right:2%; background:#f5f5f5 ; color:#333; text-align:right; font-size:14px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}



.cptp-content{max-width: 1200px; height:auto; overflow:hidden;margin-top:30px;}

.sampleimage{width: 100%;height: auto;}

.cptp-content ul{ width:103%; padding-left:0px; }

.cptp-content li{ width:31%; height:auto; overflow:hidden; float:left; margin-right:2%; margin-bottom:2%; position:relative;}

.cptp_img{ width:100%; height:auto; overflow:hidden;}

.cptp-content li .cptp_img img{ width:100%; height:auto; overflow:hidden; display:block;-ms-interpolation-mode:bicubic;vertical-align:bottom;display:inline-block;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}

.cptp-content li .cptp_img img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}

.cptp-content li:hover .cptp_title{color:red; border-bottom:red  solid 4px;}

.cptp_title{ width:100%; padding:15px 0 15px 0; text-align:center; color:#000; border-bottom:#999  solid 4px; font-size:16px;}

	

#zoomiocontainer{ /* container containing enlarged image (native sized image) */

	position: absolute;

	z-index: 1000;

	overflow: hidden;

	visibility: hidden;

}



#zoomiocontainer img{ /* image inside zoom container */

	width: auto !important;

	height: auto !important;

	position: absolute !important;

	display: block !important;

}



#zoomiocontainer.mobileclass{ 

	overflow: scroll;

	-webkit-overflow-scrolling: touch;

}



.content_text{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:14px; color:#333333; margin-top:30px;}
.content_textimg img{max-width:100%;height:auto !important;vertical-align: unset !important;}
.re_box{ width:100%; height:auto; overflow:hidden; background:#f8f8f8; border:#eee solid 1px; padding:20px; margin-bottom:15px;}

.re_box span{ width:24%; float:left;line-height:25px; color:#7d7c7c;   }

.re_title{ font-size:22px; font-weight:700; margin-bottom:10px; display:block; color:#000 !important;}

.re_text{ width:100%; height:auto; line-height:25px; margin-top:10px; overflow:hidden; color:#484848;}

.gg_box2{ width:100%; height:auto; overflow:hidden;display:none; margin-top:30px; }

.gg_box2 img{ max-width:100%;}

@media screen and (min-width: 320px) and (max-width: 767px) 

{

.index_about_pic{ width:100%; margin:0 auto; float:none;}

.index_about_pic img{ width:100%;}

.index_about_content{ width:100%; float:none;margin:0 auto; }

.container{ width:92%; }

.m_top{ width:100%;}

.index_about_content h3{ font-size:22px; margin-top:15px; margin-bottom:0px;}

.more{ margin-top:20px;}

.more a{padding:4px 25px 4px 25px;}

.news_left,.news_right,.news_left2,.news_right2{ width:100%;}

.n_right h1,.n_right2 h1{ color:#333333; font-size:16px; font-weight:700; margin-top:4%; margin-bottom:10px;}

.links_list{ width:100%; margin-left:0px; margin-top:15px;}

.links_list li{ width:100%; float: left; height:35px; line-height:35px; border-bottom:#dadada  solid 1px; }

.logo{ width:80%;}

.yy_box,.menu_bg,.top_menu_right{ display:none;}

#showLeft{ display:block;}

.cptp-content li{ width:48%;}

.n_pic2{ width:40%;}

.n_right2{ width:55%;}

.re_box span{ width:50%;}

.links_bg{ display:none;}

}



@media screen and (min-width: 320px) and (max-width: 414px)

{

.footer{ padding-top:0px;}

.copy_text{ width:80%; float:left;}

.wx_img{ width:19%; height:auto; overflow:hidden; text-align:left; margin-top:26px; float:right;  }

.wx_img img{ max-width:100%;}

.m_top h1{ font-size:24px;}

.m_top span a{    padding: 2px 14px 2px 14px; }

.links_bg{ padding-top:15px;}

.links_bg h1{ font-size:24px;}

.container2{ margin-top:0px;}

.cpjs_left{ width:100%;}

.top_menu_left,.cpjs_right{ width:100%;}

.cpjs_right h1{ margin-top:15px;}

.wrapper01 {position:relative;height: 44px;width:auto;overflow: hidden;}

.wrapper01 .scroller li {text-align:center; font-size:14px; color:#5f5f5f; float:left; margin-top:8px; }

.wrapper01 .scroller li a{ color:#323131; padding:4px 15px 4px 15px;  font-size:14px; display:block;  margin-right:4px;border-radius:3px; }

.news_more{ display:none;}

.cptp-content li{ width:48%;}

.n_pic2{ width:40%;}

.n_right2{ width:55%;}

.re_box span,.re_text{ font-size:13px;}

.re_title{ font-size:18px !important;}

.n_show_title{ font-size:18px;}

.bottom_50{ margin-bottom:20px;}

.gg_box2{ display: block;}

.gg_box{ display:none;}

}



@media screen and (min-width: 768px) and (max-width: 1199px) 

{

.yy_box,.menu_bg{ display:none;}

#showLeft{ display:block; }

}



@media screen and (min-width: 1200px) and (max-width: 1920px) 

{

.cbp-spmenu{ display:none;}

}
.nban{ height:400px;}
.pagebar2 { padding:20px; overflow:hidden; clear:both}
.pagebar2 .pagination2 {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination2 a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination2 span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination2 a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination2 a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination2 .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100%; height:auto !important}
.n_pic img{ height:170px}
@media screen and (max-width: 768px) {
    .n_pic img{ height:auto}
	.nban{ height:100px;}
	.mes-inp a{ width:100px !important;}
	.mes-inp a button{ width:100% !important}
}