/* Write your styles */

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

body{ background:#f8f8f8 !important;overflow-x:hidden}

ul,li{ list-style:none; padding-left:0px; margin:0px;}

.clr{ clear:both;}

a{ color:#666;}

dl,dt{ margin:0px; font-weight:normal;}

/*ͷ����Ϣ*/

.head_bg{ padding:0 50px; width:100%; position:absolute; top:46px; z-index:9999;}

.container{ position:relative;}

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

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

.h_right{ float:right; height:63px; width:auto; position:relative;}

.nav{height: 46px;right: 0px;top: 16px; width:100%; padding-right:20px;}

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

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

.nav li span{ background:url(../images/menu_icon.png) no-repeat; width:9px; height:5px; display:block; position:absolute; right:2px; top:46%;}

.nav li a{line-height: 46px; padding:0 22px;float:left;height:46px; text-align:center;color:#e5e3e3;font-size:15px; display:block;}

.nav li a i{ width: 0px; height: 1px;background: #fff;display: block; position: absolute; left: 5px;top: 23px;transition: all .3s ease-in-out;}

.nav li a:hover {color:#fff;}

.nav li a:hover i{ width:20px;transition: all .3s ease-in-out; left:-4px;}

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

.nav li:hover a{ color:#fff;}

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

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

.nav li .section-nav1 ul li {width:200px; min-height:35px !important;word-wrap: break-word;word-break: break-all;   line-height:15px;position:static;background:none;float:left; text-align:center;}

.yu li a{padding-top:10px; padding-bottom:10px; height:auto; overflow:hidden;}

.nav li .section-nav1 ul li a {width:200px;min-height:35px !important; line-height:15px;text-align:left;padding-left:15px;display:block;background:none; float:none;color:#333;font-size:14px;cursor:pointer;}

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

.nav li .menu_links{color:#fff; font-size:15px;}

.nav li .menu_links i{ width:20px; left:-4px;}

.am-menu-offcanvas1 .am-menu-toggle{ top:0px ; right:-9px;pointer-events: none;cursor: default;}

.menu_kj{ width:auto; float:right; padding-right:30px;}

.menu_kj a{ padding:0 10px; font-size:14px;  color:#e5e3e3; cursor:pointer;}

.mian{ width:1200px; height:274px; overflow:hidden; position:absolute; left:50%; margin-left:-600px; bottom:0px; z-index:9999; }

.m_bg{ width:100%; height:350px; overflow:hidden; position: fixed; bottom:0px; z-index:999; }
/*首页新闻*/
.news_list{ width:895px; height:115px; /*display: none; */overflow:hidden; background:rgba(0,0,0,0.5); margin:0 auto;position: relative; margin-bottom:10px;   
       }
.news_img{ width:100%;
 height:115px; float:left;margin-left:-32px;-webkit-transform:skew(-14deg) ;
        

}
.news_list .am-slides{ display: none;}
.newsimg3{ width:100%; height:115px; position:absolute; top:0px;background-size:cover !important;background-position: 50% !important; }

.news_list .am-slider .am-slides>li{ height:115px; overflow:hidden;}
.news_img2{ width:45%; height:115px; float:left; overflow:hidden; position:relative;}
.news_img img{ max-width:100%;}
.news_text{ padding:0 20px;  float:left; color:#fff; width:55%; padding-left:5px;}
.news_text h1{ font-size:14px; font-weight:normal; text-align:right; margin-top:7%; margin-bottom:8px;display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news_time{ font-size:14px; margin-bottom:10px; display:block; text-align:right;}
.news_txe{ height:auto; font-size:12px;display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.am-slider-a4{box-shadow: 0 1px 4px rgba(0,0,0,0); }
.am-slider-a1 .am-control-nav{ bottom: 34%; display: none !important;}
.news_list .am-slider-c2 .am-control-nav li a{background:none !important; color: #fff; }
.am-slider-a1 .am-control-nav li a{ background:none !important;  height:5px;border-radius:100px;transition: all .5s ease-in-out; width:5px;}
.am-slider-a1 .am-control-nav li a.am-active{ background:#fff; width:20px; height:4px; border-radius:100px;transition: all .5s ease-in-out;}
.news_list .am-slider-c2 .am-control-nav{bottom: 0px;left: 38% !important; right:auto; background:#202020; height:20px; line-height:20px;}
.news_list .am-slider-c2 .am-control-nav li a.am-active{ border-radius:100px; background:none; color:red;}
.news_list .am-slider-c2 .am-control-nav li a{border-radius:100px;}
.am-slider-c2 .am-control-nav li a{ text-indent: 0px; }
.am-slider-c2 .am-control-nav{ font-size: 12px !important; }
.am-slider-c2 .am-control-nav li{ margin:0 6px !important; }
.h_banner .am-direction-nav{ display: block !important; }
.h_banner .am-nav-prev a{ width: 35px; height: 38px;  left: 0px; transition: all .3s ease-in-out;
 position:absolute; top: 40%;  z-index: 999; }
.h_banner .am-nav-next a{ width: 35px; height: 38px;  right: 0px;transition: all .3s ease-in-out; 
 position:absolute; top: 40%;  z-index: 999; }
.n_more{ position: absolute; bottom:10px; right: 10px; color:#fff; font-size: 12px; z-index: 999; }
.h_banner:hover .am-nav-prev a{ left: 0px; background:url(../../img/printrite/banner_left.png) right no-repeat; background-size:35px;  transition: all .3s ease-in-out;}
.h_banner:hover .am-nav-next a{ right: 0px; background:url(../../img/printrite/banner_right.png) no-repeat ; background-size:35px;transition: all .3s ease-in-out;}
/*首页推荐产品*/
.icp_img{ width:41.5%; float:left;}

.tuijian_cp{ width:37%; height:184px; float:left; overflow:hidden;background: rgba(0,0,0,0.5); position: relative;}
.tuijian_cp_left{ width:44%; float:right; height:184px; }
.tj_title{ font-size:20px; color:#fff; text-align:center; font-weight:normal; margin-top:32%; }
.tuijian_cp_left a{ color:#999; font-size:14px; display:block; text-align:center; cursor:pointer;}
.tuijian_cp_right{ width:100%; float:left; position: relative;}
.tuijian_cp_right li{ }
.am-slider-a4 .am-control-nav li a{ text-indent: 0px !important; font-size: 12px; }
.tuijian_cp_right .am-slider-a4 .am-control-nav{bottom: 15px;left: 14px !important; right:auto;}
.tuijian_cp_right .am-slider-a4 .am-control-nav li a{ background:none;box-shadow: inset 0 0 3px rgba(0,0,0,0); height: 6px; width:6px; color: #fff;}
.tuijian_cp_right .am-slider-a4 .am-control-nav li a.am-active{ background:none; color: red}
.tuijian_cp_right .am-slider-a4 .am-control-nav li a:hover{background:none; color: red}
.tuijian_cp_right li:hover .tjcp_title{opacity:1;transition: all .5s ease-in-out;}
.tjcp_title{ position:absolute; width:90%; z-index:9999; font-size:12px; left:50%; margin-left:-45%; text-align:center; 
top:10px;opacity:0;transition: all .5s ease-in-out; color:#999; line-height:16px;}

.icp_text{padding:0 20px;  float:left; color:#fff; width:58%;}
.icp_text h1{ font-size:16px; font-weight:normal; margin-top:10%; margin-bottom:8px;display: -webkit-box; overflow:hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-wrap: break-word;
word-break: break-all;}
.icp_text .news_time{ font-size:12px;}

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

.shop ul{ padding-left:0px; width:102%;}

.shop li{ width:28%; height:58px; text-align:center;background: rgba(0,0,0,0.5); line-height:55px; margin-bottom:5px; color:#fff; float:left; margin-right:10px;}
.shop li img{ margin-right:5px;}
.s_1{ background:#737373 url(../images/icon_3.png) 14px no-repeat !important; width:33px; height:33px;  display: inline-table; padding-left:60px;}
.shop li a{ color:#fff; }
.s_2{ background:#737373 url(../images/icon_4.png) 14px no-repeat !important; width:33px; height:33px;  display: inline-table; padding-left:60px;}

.s_3{ background:#737373 url(../images/icon_5.png) 14px no-repeat !important; width:33px; height:33px;  display: inline-table; padding-left:60px;}



#demo {overflow:hidden;width: 100%;height:auto; overflow: hidden;  }
#demo a{ float:left;width:186px;text-align:center; margin-right:0px; border:#f2f2f2 solid 1px; position:relative;}
#demo a:hover p{opacity:1;transition: all .3s ease-out; }
#demo p{ width:186px; height:90px; line-height:90px; display:block; font-size:16px; color:#fff;  position:absolute; left:0px; top:0px; opacity:0; background:rgba(0,0,0,0.5);transition: all .3s ease-out; z-index:9;}
#demo img{ width:186px;  float:left;}
#indemo{float: left;width: 800%;}
#demo1{float: left;}
#demo2{float: left;}




.footer_left{ width:58%; float:left; font-size:12px !important; color:#777; padding-top:7px;}
.footer_left a{ color: #777; }
.footer_right{ width:24.8%; float:right; font-size:12px; color:#777; padding-top:7px; text-align:right; line-height:20px;}
.ny_s{color: #ddd !important;}
.ny_s a{color: #ddd;}

.footer_red{ color:#ddd; font-size:20px; font-weight:bold; margin-top:0px; margin-bottom:0px;}
.nye .footer_left{ color: #777777; }
object{ display:none !important}

.top{ width:100%; height:60px; line-height:60px; background:#fff;}

.con{ max-width:1200px; min-height:500px; height:auto; overflow:hidden; margin:0 auto; background:#fff; margin-top:2%; margin-bottom:2%; padding:2rem; font-size:15px; color:#656464;}

.n_footer{ width:100%; height:auto; overflow:hidden; padding-top:15px; padding-bottom:15px; background:#fff;}

.am-slider-a1{-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0);box-shadow: 0 1px 4px rgba(0,0,0,0)}

.nav_list{ position: relative; width:1200px; margin:0 auto; }

.nav_list li{  height:60px; line-height:60px; display:block; float:left;display: inline;}

.nav_list li a{ color:#333; font-size:15px; display:block;  border-right:#eee solid 1px; text-align:center; position:relative; padding:0 30px; font-size:15px;}

.nav_list li a:hover{  color:#ed1b23; border-bottom:#ed1b23 solid 3px;}

.nav_list li .am_menu_links{color:#ed1b23; border-bottom:#ed1b23 solid 3px;}

.nav_list li .am_menu_links:after{position: absolute;transition: all .4s ease-in-out;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;

content: "";z-index: 1;border-bottom-color: #ed1b23;}

.nav_list li a:hover:after{position: absolute;transition: all .4s ease-in-out;width: 0;height: 0;bottom: 0;left: 50%;margin-left: -5px;border: 6px solid transparent;content: "";z-index: 1;

border-bottom-color: #ed1b23;}

.top::-webkit-scrollbar {display: none;}

.ny_content{ max-width:1200px; height:auto; min-height:400px; overflow:hidden; margin:0 auto;  color:#666; line-height:35px; margin-top:2%; }

.news_left{ width:100%; height:auto; overflow:hidden; position:relative; }

.news_left ul{ padding:0px;}

.news_left li{ width:100%; height:auto; overflow:hidden; margin-bottom:25px; position:relative;  background:#fff; transition: all .4s ease;}

.news_left li:hover .n_title{ color:#ed1b23;transition: all .4s ease-in-out;}

.n_pic{ width:22.33333%; height:184px; text-align: center; overflow:hidden; float:left; position:relative;    transition: all .4s ease; }

.n_pic img{max-width:100%; height:184px;  transition: all .4s ease;}

.n_right3{ width:auto;     padding-left: 24.333%;}

.n_right{ width:50%; float:left;height: auto;    transition: all .4s ease;

overflow: hidden;

margin-bottom: 15px;}

.n_title{ font-size:18px; font-weight: normal; color:#333; margin-top:20px !important; margin-bottom:12px !important;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.n_content{ width:96%; height:40px; line-height:20px; 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;}

.n_time2{ font-size:14px; color:#999; display:block; margin-top:10px;line-height: 20px;}

.i_1{ width:25%; height:100%; position:absolute; left:0px; bottom:-100%; background:rgba(255,255,255,0.2); transition: all .9s ease;}

.i_2{ width:25%; height:100%; position:absolute; left:25%; top:-100%; background:rgba(255,255,255,0.4); transition: all .9s ease;}

.i_3{ width:25%; height:100%; position:absolute; left:50% ;bottom:-100%; background:rgba(255,255,255,0.2); transition: all .9s ease;}

.i_4{ width:25%; height:100%; position:absolute; left:75%; top:-100%; background:rgba(255,255,255,0.4); transition: all .9s ease;}

.news_left li:hover .i_1{ bottom:0px;transition: all .9s ease;}

.news_left li:hover .i_2{ top:0px;transition: all .9s ease;}

.news_left li:hover .i_3{ bottom:0px;transition: all .9s ease;}

.news_left li:hover .i_4{ top:0px;transition: all .9s ease;}

.news_left li:hover .n_time{ left:50%;transition: all .4s ease; width:95px; font-size:12px;}

.news_left li:hover .n_time{  animation:rotating2 0.5s linear;}

@keyframes rotating2 {from {transform: rotateX(180deg);}}

@keyframes rotating {from {transform: rotateY(120deg);}}

.n_time{ width:0px; height:30px; line-height:30px; position:absolute; top:40%; left:-50%; margin-left:-47.5px; background:rgba(0,0,0,0.5); color:#fff; border-radius:100px; text-align:center;transition: all .4s ease; z-index:999; font-size:0px;}

.n_show_title {width: 100%; font-size: 26px;font-weight: 700;text-align: center;margin-top: 15px; line-height:30px;}

.n_show_time {font-size: 12px;color: #666;text-align: center;margin-bottom: 15px; border-bottom:#ddd dashed 1px; padding-bottom:15px; padding-top:5px;}

.sx_box{ width:100%; height:55px; line-height:55px; font-size:15px; color:#5d5d5d; border-bottom:#eee solid 1px; margin-bottom:40px; margin-top:35px;}

.sx_right{ width:100%;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.sx_right:hover{ color:#ed1b23;}

.button_show{ clear: both; margin:0 auto; width: 120px; height: 35px; text-align: center; cursor: pointer;}

.product_search_more{ clear: both; margin:0 auto; width: 120px; height: 35px; text-align: center; cursor: pointer;}

/*��ҳbanner*/

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

.ny_banner img{ width:100%;}



.box_cen{ max-width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:2%; margin-bottom:2%; }

.ny_left{ width:20%; height:auto; overflow:hidden; float:left;}

.ny_left_top{ width:100%; height:90px;  background:#ea2229; position:relative;}

.ny_left_top i{ width:87px; height:91px; position:absolute; top:29px; left:31px; }

.t_title_1{ font-size:24px; color:#fff; font-weight:bold; margin-left:20px; display:block; padding-top:25px;}

.t_title_2{ font-size:12px; color:#e0e0e0; margin-left:70px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;display: block;}

.ny_te_zx{ width:90px; height:30px; line-height:30px;  margin:0 auto; color:#fff; margin-top:15px;}

.ny_te_zx a{width:90px; height:30px; display:block; color:#fff;background:#443b3e; border-radius:3px;}

.ny_te_zx a:hover{ background:#ea2229; color:#fff;}

.about_menu_line{ width:48px; height:1px; background:#fff; margin-left:20px; margin-top:10px;}

.ny_menu{ width:100%; height:auto; overflow:hidden; border-bottom:none;background:#fff;}

.ny_menu li{ width:100%; height:55px; line-height:55px; color:#252525; border-top:#e9e7e8 solid 1px;}

.ny_menu li a{ width:100%; height:55px; display:block; overflow:hidden; font-size:15px; position:relative;transition: all ease-in 0.4s;  color:#605f5f; padding-left:20px; }

.ny_menu li a span{ width:4px; height:18px; background:#ea2229; position:absolute; top:18px; left:20px; opacity:0;transition: all .8s ease;}

.ny_menu li a:hover span{opacity:1; transition: all .8s ease;}

.ny_menu li .n_menu_sp{opacity:1;}

.ny_menu li a:hover{color:#ea2229; padding-left:35px;transition: all ease-in 0.3s; }

.ny_menu li .ny_menu_links{ color:#ea2229;padding-left:35px;  }

.ny_right{ width:78.5%; height:auto; overflow:hidden; float:right; }

.ny_roght_top{ width:100%; height:56px; line-height:56px; border-bottom:#e8e8e8 solid 1px; background:#fff;}

.ny_roght_top span{ color:#F0922A; margin-left:20px; float:left; font-size:16px; font-weight:bold;}

.ny_gps{ width:auto; float:left; margin-left:28px; color:#999999; font-size:13px;}

.ny_gps a{color:#999999;}

.ny_gps t{color:#F0922A;}

.ny_content{ width:100%; height:auto; min-height:600px; overflow:hidden; margin:0 auto;  color:#666; line-height:35px; padding-top:2%; font-size:14px;}

.ny_content2{ width:100%; height:auto; min-height:600px; overflow:hidden; margin:0 auto;  color:#666; line-height:35px; padding:27px; padding-top:0px; font-size:14px; background:#fff;}

.font-18{ font-size:22px; color:#c42715; font-weight:bold;}

/*��Ʒ����*/



.pro_list2{ width:100%; height:auto; position:relative; overflow:hidden;}

.pro_list2 li{ width:100%; height:auto; overflow:hidden; float:left; background:#fff; margin-bottom:2%; padding-bottom:2%; position:relative;}

.pro_t_x{ width:100%; height:auto; overflow:hidden; float:left;}

.pro_t_x h1{ width:70%; height:25px; line-height:25px; text-align:left; display:block; float:left; margin-top:10px; margin-left:10px; margin-bottom:10px; font-weight: bold; color:#333; font-size:18px;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.pro_t_x h1 a{ color:#333;}

.pro_list2 li:hover .pro_t_x h1 a{color:#ed1b23;}

.pro_text{ width:100%; height:40px; line-height:20px;text-align:left; color:#999999; font-size:12px;display: -webkit-box; overflow:hidden;

-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;}

.pro_t_x span {width: 4px;height: 18px;background: #ea2229;position: absolute;top: 13px;left: 0px;opacity: 1;transition: all .8s ease;}

.pro_jt{ float:right; margin-right:20px; height:80px; line-height:80px; font-size:14px;}

.p_img{ width:100%;overflow:hidden; position:relative; }

.p_img a{ width:31%; float:left;overflow:hidden;transition: all ease-in 0.4s; position:relative; text-align:center; margin-right:2%; border:#eee solid 1px;}

.p_imgtitle{ width:100%; height:30px; line-height:15px; font-size:12px; color:#999;    opacity: 0;transition: all .5s ease-in-out;}

.p_imtiel{ width:100%; line-height: 20px; background:#f8f8f8; border-top:#eee solid 1px; overflow:hidden;display: -webkit-box; overflow:hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all; padding:2%;text-align:left;}

.p_img a:hover .p_imgtitle{ opacity: 1; transition: all .5s ease-in-out;}

.p_img ul{ width:102%;}

.p_img a img{ max-width:100%;}

.p_cpimg{ height:auto; overflow:hidden;}

.p_img a:hover .p_cpimg img {}
.pro_more{ position:relative; width:60px; height:30px; line-height:30px; text-align:center; display:block; float:right; margin-top:5px; margin-right:5px;}

.pro_more a{ display:block; width:100%; height:30px;transition: all ease-in 0.3s; }

.n_cimg2{ position:absolute; top:0px; overflow:hidden; width:100%; height:100%; z-index:99;}

.pro_list2 li:hover .pro_more a{ color:#ed1b23; background:#fff; transition: all ease-in 0.3s; }

.pro_list2 li:hover .i_top{ width:100%;transition: all ease-in 0.2s; display:block;opacity:1; }

.pro_list2 li:hover .i_bottom{ width:100%;transition: all ease-in 0.3s; display:block;opacity:1; }

.pro_list2 li:hover .i_right_bottom { height:100%;transition: all ease-in 0.4s; display:block;opacity:1; }

.pro_list2 li:hover .i_left{ height:100%;transition: all ease-in 0.5s; display:block;opacity:1; }

.i_left{ width:0px; height:1px; position:absolute; left:0px; bottom:0px;border-left:#cc0000 solid 1px; background:#fff;transition: all ease-in 0.4s;opacity:0;  }

.i_bottom{ width:0px; height:1px; position:absolute; right:0px; bottom:0px; background:#cc0000;transition: all ease-in 0.4s;opacity:0; }

.i_top{ width:0px; height:1px; position:absolute; left:0px; top:0px; background:#cc0000;transition: all ease-in 0.4s;opacity:0; }

.i_right_bottom{ width:0px; height:1px; position:absolute; right:0px; top:0px; border-right:#cc0000 solid 1px;transition: all ease-in 0.4s;opacity:0; }





.pro_list{ width:100%; height:auto; position:relative; overflow:hidden;}

.pro_list ul{ width:102%; height: auto; padding-left:0.5% !important;  }

.pro_list li{ width:31.067%; height:auto; overflow:hidden; float:left; background:#fff;margin-right:2%; margin-bottom:2%; position:relative; border:#eff1f1 solid 1px; }

.pro_list li:hover .prolist_t_x h1{ color:#ed1b23;} 

.pro_list li:hover .prolist_text{ color:#ed1b23;} 

.pro_list li:hover .prolist_line{ width:100%;transition: all ease-in 0.4s;}

.pro_list li:hover .prolist_img img{}

.prolist_img {width: 100%;height: auto; text-align:center; background:#fff;overflow: hidden;position: relative;}

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

.prolist_t_x { width: 100%; height: 60px; margin:0 auto; padding:0 15px;}

/*.prolist_t_x h1 {width: 100%;height: 25px;line-height: 25px;text-align: left;display: block;margin-top: 5px; margin-bottom:0px;font-weight: normal;color: #4e4f50; font-size: 15px;*/

/*white-space: nowrap;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}*/

.prolist_t_x h1 {width:100%; line-height: 25px; border-top:#eee solid 1px; overflow:hidden;display: -webkit-box; overflow:hidden;font-size: 15px;font-weight:normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all; padding:2%;}

.prolist_text{width: 100%;height: 20px;line-height: 20px;text-align: left;color: #999999;font-size: 12px;white-space: nowrap;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.prolist_line{ width:0px; height:2px; background:#ed1b23; position:absolute; bottom:0px;transition: all ease-in 0.4s;}

.demo_box2{ width: 100%;  margin:0 auto;height:auto; overflow:hidden;padding-top:0px; padding-bottom:0px; position:relative;  background:#fff;}

.demo_box2 li{ width:100%; height:auto; overflow:hidden; padding-bottom:15px; float:left; margin-top:18px;transition: all .4s ease-out; }

.pro_ss_cen { margin-top: 20px; width: 50%; margin-bottom:15px; height:auto; overflow:hidden;}

.pro_anu{width: 20%;height: 40px;background: #ddd; float:left;border: none;color: #333;font-size: 16px;transition: all ease-in 0.4s;}

.pro_anu:hover{ background:#ed1b23; color:#fff;transition: all ease-in 0.4s;}

.pro_ss_cen:hover .pro_ss{ border:#ed1b23 solid 1px;transition: all ease-in 0.4s;}

.pro_ss_cen:hover .pro_anu{ background:#ed1b23; color:#fff;transition: all ease-in 0.4s;}

.pro_ss{ width: 80%;height: 40px;line-height: 40px;float:left;outline: none; font-size:14px;display: block;padding-left: 2%; border: #ddd solid 1px;transition: all ease-in 0.4s;}
.sx_left{white-space:nowrap;  overflow:hidden;white-space:nowrap;
-o-text-overflow:ellipsis;text-overflow:ellipsis;}


.cases_fl{ width:100px; height:24px; line-height:24px;color:#333; font-size:16px; margin-bottom:10px;}

.cases_flmc{ width:100%; height:37px; overflow:hidden; position:relative;}

.cases_flmc a{cursor: pointer; color:#666; font-size:14px;display: inline-block; padding:0 10px;line-height: 35px; border:#ddd dotted 1px; margin-bottom:5px;}

.cases_flmc .curlinks{border:#ed1b23 dotted 1px; color:#ed1b23;}

.cases_flmc a:hover{ border:#ed1b23 dotted 1px; color:#ed1b23 ;}

.head_top2_input {width: 48%;height: 32px;font-size: 14px;padding-left: 1%;line-height: 32px;border: #e20113 solid 1px;border-radius: 5px;background: none;float: left;outline: none;}

.head_top2_bottom {width: 15%;height: 32px;line-height: 32px; background: #e20113;color: #fff;border: none;border-radius: 0px 5px 5px 0px;margin-left: -3px;outline: none;float: left;}

.wbg{ background:#fff;}

.ps_left{ width:40%; height:auto; overflow:hidden; float:left; border:#f1f1f1  solid 10px;}

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

.ps_right{ width:55%; height:auto; overflow:hidden; float:right; margin-right:2%; position:relative;}

.ps_right h1{ margin-top:20px; font-size:20px; margin-bottom:10px;    line-height: 25px; position:relative;}

.k3{ width:100%; height: auto; overflow: hidden;padding-top:10px; }

.k3 dl dt{ width:50%; height: auto;  position: relative; float:left;background:#f8f8f8;  border:#eee solid 1px;  color: #333; font-size: 14px;     overflow: hidden; margin-top:-1px; margin-right:-1px; }

.kk {width: 8px;height: 8px;background: #000;display: block;position: absolute;left: 0px;top: 15px;}

.dw {width: 220px;height: 25px;line-height: 25px;font-size: 14px;color: #000096;margin-right: 12px;display: block;float: left;white-space: nowrap;

overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.pros_title{display:block;float:left; color:#999; padding-top:8px; padding-bottom:8px;   width:90px; text-align:right; padding-right:10px;}

.pros_text{width:auto; height:auto; overflow:hidden;display:block; padding-left:10px; padding-top:8px; padding-bottom:8px; background:#fff;}

.floatLeft{ position:absolute; top:52px; right:0px; cursor:pointer; outline:none}

.am-icon-angle-up:before,.am-icon-angle-down:before{ font-size:20px; padding-left:5px; color:#999;}

.floatLeft span{ font-weight:normal; color:#666;}

.pros_text2{ line-height:20px; padding-top:8px; padding-bottom:8px;}

.fhui{ position:absolute; right:0px; top:20px; font-size:14px; font-weight:normal; display:block; }

.fhui:hover:before{ color:#e20113;}

.am-icon-arrow-left:before{ font-size:12px; padding-right:5px; color:#666;   }





/*����֧��*/

.map{ position:relative;width:856px; margin:0 auto;}

.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}

.map a:hover{ color:#fff;}

.citybg{ position:absolute; display:none; z-index:3;  }

.city a{ display:block; width:100%; }

.city:hover .citybg{ display:block; z-index:3;}

.container{width:100%;height:auto; overflow: hidden; margin:30px auto;}

.container>div{float:left;width:100%;height:500px;margin-bottom:25px;}

#container-04{width:100% !important; text-align:center; position: relative; z-index: 6 } 

.jsmap-container{width:100% !important; text-align:center; height:auto !important; overflow: hidden;}

.jsmap-container svg{width:100% !important; height:700px;}

.ser_shuaixuan{ width:50%; margin:0 auto; margin-top:20px;}

.ser_shuaixuan select{ outline:none; background:none;}

.ser_cit{ width:35%; height:40px; line-height:40px;}

.ser_buttom{ width:27%; height:40px; background:#ed1b23; color:#fff; border:none; outline:none; cursor:pointer; }

.ser_list{ width:100%; height:auto; overflow:hidden; padding-top:20px; border-top:#eee solid 1px; margin-top:30px;}

.ser_list li{ width:50%; height:auto; overflow:hidden; float:left; border-bottom:#eee solid 1px; margin-bottom:20px; padding-bottom:20px;}

.ser_list li h1{ font-size:16px; font-weight:bold; color:#333; margin-bottom:5px;}

.ser_litext{ font-size:14px;}

.ser_litile{ width:70px; float:left; display:block;}

.ser_list li dt{ display:block;}

.ser_litex2{ padding-left:70px; display:block;}

.cases_list{ width:100%; height:auto; position:relative; overflow:hidden;}

.cases_list ul{ width:103%; height: auto;   }

.cases_list li{ width:31%; height:auto; overflow:hidden; float:left; background:#fff;margin-right:2%; margin-bottom:2%; position:relative; border:#eff1f1 solid 1px; }

.cases_list li:hover{ transition: all .3s ease-out;}

.cases_list li:hover .cases_t_x{ color:#fff;transition: all .5s ease-in-out;} 

.cases_list li:hover .cases_bg{ top:0px;transition: all .5s ease-in-out; }

.cases_t_x{ width:100%; height:60px; line-height:60px;font-size:16px; position:relative;  text-align:center; margin:0 auto;white-space:nowrap;  overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;transition: all .5s ease-in-out;}

.pro_img{ width:100%; height:260px; overflow:hidden; position:relative;}

.pro_img img{ height:100%; width:100%;}

.n_cimg {position: absolute;top: 50%;overflow: hidden;width:0px;height: 0px;z-index: 99; left:50%; background:rgba(0,0,0,0);transition: all .4s ease-in-out;}

.cases_list li:hover .n_cimg{background:rgba(0,0,0,0.5); width:100%; height:100%; top:0px; left:0px; right:0px; bottom:0px;transition: all .4s ease-in-out;animation:rotating2 0.5s linear;}

.cases_list li:hover .c_icon2{ bottom:46%;transition: all .9s ease-in-out;opacity: 1; border:#fff solid 1px; border-radius:100px; background:#fff;animation:rotating2 0.5s linear;}

.c_icon2{ width:50px; height:50px; position:absolute; left:46%; bottom:-20%; text-align:center; z-index:999;transition: all .5s ease-in-out; opacity: 0;}

.c_icon2 img{ width:32px !important; height:32px !important; margin-top:5px;}

.cases_bg{ width:100%; height:60px; position:absolute; top:-60px; background:#ed1b23;transition: all .5s ease-in-out; }

.cases_title{ width:90%; height:60px; position:absolute; top:0px; left:50%; margin-left:-45%; z-index:999;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ve_14{ font-size:14px; }
.am-menu-offcanvas1 .am-menu-sub a:hover{ color:#000;}

.am-u-sm-12 img{ max-width:100%;}

.footer_right img{ width: 70px; }
.i_wx img{ width:60px; float:left; margin-left:8px; }

.list_qudong{ width:100%; height:auto; overflow:hidden; }
.list_qudong li{ width:100%; height:50px; line-height:50px; float:left; border-bottom:#eee solid 1px; color:#666; }
.list_qudong li a{ color:#666; }
.list_qudong li .qd_s1{ width:50%; float:left; }
.list_qudong li .qd_s2{ width:45%; float:right; text-align:right;  font-size:14px; color:#999;}

.qudong_meun{ width:100%; height:auto; overflow:hidden; margin-bottom:30px; }
.qudong_meun li{ float:left; margin-right:10px;}
.qudong_meun li a{ padding:0 20px; color:#666; height:36px; line-height:36px; background:#eee; display:block; }
.qudong_meun li a:hover{ color:#fff; background:#ed1b23; }
.qudong_meun li .qudong_menu_links{color:#fff; background:#ed1b23;}
.mapiconimg{ float: right; width: 24.5%; margin-top: -17%;position: relative;right: 17%; z-index: 1}
.mapiconimg img{ max-width: 100%;}
@media screen and (min-width: 320px) and (max-width: 768px) 
{
.news_list .am-slides{ display: block;}
.list_qudong li{ height:auto; overflow:hidden; padding-bottom:10px; }
.list_qudong li .qd_s1{ width:100%; height:25px; line-height:25px;   }
.list_qudong li .qd_s2{ width:100%; line-height:20px; text-align:left;}
	.n_more{ position: absolute; bottom:0px; right: 10px; color:#fff; font-size: 12px; }
	.am-slider-c2 .am-control-nav li a{ background: rgba(0,0,0,.4) }
	.news_list .am-slider-c2 .am-control-nav li a.am-active{background: rgba(0,0,0,.2)}
	.footer_left a{ color:#777; }
	.n_pic{ width:33.33%; height: auto; }
.n_pic img{max-width:100%; height:67px;  transition: all .4s ease;}
.ny_content{ margin-top:3%;}
.am-slider-a1 .am-control-nav{ bottom: 10px; display: block !important;}
.con{  font-size:14px; padding:1.5rem;text-align: justify;}
.news_img2{ width:56%;}

.n_footer [class*=am-u-]{padding-left:1.5rem !important;padding-right:1.5rem !important}

.top{ height:45px !important; line-height:45px !important; display: -webkit-box;overflow-x: scroll;max-width: 100%;}

.nav_list{ height:45px !important; max-width: 768px !important; padding:0 1.5rem; width:150%;  }

.nav_list li{ height:45px; line-height:45px;}

.nav_list li a{  height:45px !important; line-height:45px !important;  float:left; padding:0 10px;}

.news_list,.tuijian_cp,.footer_left,.footer_right{ width:100% !important;}

.tuijian_cp{ margin-bottom:20px;}

.tjcp_title{ opacity: 1 !important;}

.footer_left{ font-size:12px; color: #777777;}

.footer_right{ text-align:left; font-size:12px; padding-bottom:10px; padding-top:5px;color: #777777;}
.news_text{ margin-left:-40px;}
.news_list{ height: 85px !important; }
.news_text h1{ margin-top:10px;display: -webkit-box; overflow:hidden; color:#333;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

 line-height:20px; font-size:14px; margin-bottom:5px;}

.news_time{ margin-bottom:5px; color:#999 !important;}

.head_bg{ padding:0 15px; top:10px;}

#header,.menu_kj{ display:none}

.news_txe{display: -webkit-box; overflow:hidden;

-webkit-box-orient: vertical;

-webkit-line-clamp: 1;

word-wrap: break-word;

word-break: break-all;}

.tuijian_cp_left{ width:39%;}

.tuijian_cp_right{ width:100%;}

.tuijian_cp .am-slider .am-slides img{ max-width:95% !important;}

.news_text {

padding: 0 20px; padding-right:10px;

float: left;

color: #fff;

width: 58%;
 background-size:8px;}

.am-menu-offcanvas1 .am-menu-toggle{ top:-5px; right:-10px; pointer-events: auto;

cursor: pointer;}

.n_pic{ width:30.333%;}

.n_right3{ padding-left:33.333%;}

.n_title{ margin-top:0px !important; margin-bottom:0px !important; font-size:15px; line-height:25px; font-weight:normal;}

.n_content{ width:96%; height:30px; line-height:15px; display: -webkit-box; overflow:hidden; font-size:12px; 

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

word-wrap: break-word;

word-break: break-all;}

.n_time2{ margin-top:0px; font-size:12px;}

.news_left li{ padding-top:10px; padding-bottom:10px; margin-bottom:10px;}

.cases_list li{ width:48%;}

.pro_img{ width:100%; height:auto !important;}

.pro_img img{  width:100%;}

.c_icon2{ left:35%;}

.cases_list li:hover .c_icon2{ bottom:35%;}

.ny_righ,.ser_list li,.ser_shuaixuan,.ny_right{ width:100%;}

.pro_list2,.pro_t_x,.p_img,.ps_left,.ps_right,.pro_ss_cen{ width:100%;} 

.ny_left{ width:100%; border-bottom:#f8f8f8 solid 5px;}

.ny_left_top{ display:none;}

.am-slide2 .am-control-nav li{ margin-right:6px; margin-left: 0px !important; }

.box_cen{ margin-top:0px;}

.pro_list{ margin-top:20px;}

.pro_list li{ width:48%;}

.ps_right{ padding:0 1.5rem;}

.ny_menu li{ width:33%; float:left; height:35px; line-height:35px; border-top:none}

.ny_menu li a span{ top:8px;}

.ny_menu{ padding-top:10px; padding-bottom:10px;}

.jsmap-container svg{ height:270px;}

.jsmap-container svg text{ font-size:14px !important;}

.nleft{ display:block; height:50px; line-height:50px; background:#f8f8f8;}

.t_title_1{ padding-top:0px; padding:0 1.5rem; margin-left:0px; font-size:16px; color:#ed1b23}

.cases_t_x{ height:50px;  line-height:50px; font-size:14px;}

.tuijian_cp_right .am-slider-a4 .am-control-nav{ bottom:15px;}

.news_list{ background:rgba(255,255,255,0)}

.floatLeft{top:15px; }

.ps_right{ margin-right:0px; margin-bottom:20px;}

.footer_right img{ display: block; width:50px; float:right; }

.ny_s{color: #777 !important;}
.ny_s a{color: #777;}
.mapiconimg{    
    width: 24.5%;
    margin-top: -23%;
    right: 8%;}
}



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

{



.logo{ width:40%;}



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

{
#iframecontent{ height: auto !important; }
.icp_img{ width:46.5%; }
.icp_text{ width: 53%; }
.icp_img img{ max-width: 100% !important; }
.tuijian_cp_right .am-slider-a4 .am-control-nav{bottom: 10px;left: 50% !important; right:auto; width: auto;}
.tuijian_cp_right .am-slider-a4 .am-control-nav li a{ background:rgba(0,0,0,0) }
.am-slider-a4 .am-control-nav li{ margin:0 6px !important;}
.tuijian_cp_right .am-slider-a4 .am-control-nav li a.am-active{ background: none }
.tuijian_cp_right li{ border-right:none; }
.news_list .am-slider-c2 .am-control-nav{left:36% !important; bottom:30px !important; }
.footer_red{ color:#777; }
}

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

{
.icp_text h1{ font-size: 15px; }
.shop li{ width:31.33% !important; float:left;}
.news_text{ width: 54%; }
.shop li{ width:100%; height:75px; background:#737373; line-height:75px; margin-bottom:5px; color:#fff; display: list-item; font-size:14px;}
.shop li img{ width:20px;}
.s_1{ background:#737373 url(../images/icon_3.png) 10px no-repeat !important; width:20px !important;  background-size:22px !important;  display: inline-table; padding-left:35px;}

.s_2{ background:#737373 url(../images/icon_4.png) 10px no-repeat !important; width:20px !important;background-size:22px !important;   display: inline-table; padding-left:35px;}

.s_3{ background:#737373 url(../images/icon_5.png) 10px no-repeat !important; width:20px !important; background-size:22px !important;   display: inline-table; padding-left:35px;}

.n_show_title { font-size: 18px;font-weight: 700;}
.logo{ width: 30% !important; }
.logo img{ margin-top: 0px; }
.news_left li:hover .n_time{ width:50px; left:70%; height:25px; line-height:25px; top:35%;}
.p_s1{ width: 25% !important; }
.p_s2{ width: 55% !important; }
.p_sce{ width: 100% !important; }
.pro_ss{ font-size: 12px; }
.mo_im canvas{ width: 100px; }
.k3 dl dt{ width:100%;}
.ny_menu li a{ font-size: 12px ; height: 35px;}
.p_imtiel{ line-height: 18px;  }
.prolist_t_x h1{ margin-bottom: 0px; }
.prolist_t_x{ padding-top: 10px; }
.fhui{ position:relative; top:auto; margin-top:10px; }

}

@media screen and (width: 360px)

{

.tuijian_cp_left{ height:174px;}

.news_text{ width:54%;}

}

@media screen and (width: 768px)

{
.tuijian_cp{ height: auto !important }
.tuijian_cp_left{ width:24%;}

.tuijian_cp_right{ width:100%;}

.tuijian_cp .am-slider .am-slides img{ max-width:100% !important;}

.am-menu-offcanvas1 .am-menu-toggle{ top:13px;}

.pro_list li{ width:31.067%;}

.tuijian_cp_right .am-slider-a4 .am-control-nav{ bottom:20px;}

.jsmap-container svg{ height:470px;}
.n_pic img{max-width:100%; max-height:157px; height: auto;  transition: all .4s ease;}

}



@media screen and (width: 1024px)

{

.tuijian_cp_left{ width:34%; height:154px !important;}

.tuijian_cp_right{ width:65.5%;}

.tuijian_cp .am-slider .am-slides img{ max-width:85% !important;}
.shop li img{ width:25px; margin-top:-4px;}

}

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

{
	.n_more{ color:#666; }
.news_list .am-slider-c2 .am-control-nav li a{ color:#666; }
.tuijian_cp_right .am-slider-a4 .am-control-nav li a{color:#666;}
.mian{ position:relative; height:auto; overflow:hidden; padding:0 15px; width:auto;
 left:auto; margin-left:auto; bottom:auto; margin-top:20px; z-index:1;}
.m_bg{ position: relative; background: none; height: auto; overflow: hidden; }


.news_text{ color:#fff;}

.news_list{ height:auto; overflow:hidden; background:rgba(0,0,0,0.5);}

.shop{ width:100%; float:none; clear:both; height:auto; overflow:hidden; margin-top:20px;}

.shop ul{ width:102%;}

.shop li{ width:31.33%; float:left; margin-right:2%;}

.news_list{ margin-bottom:20px;}

.tuijian_cp{ width:42%; height:174px; background: none;}
.icp_text h1{ color: #333; }
.tuijian_cp_left{ height:174px;}

.tuijian_cp .am-slider .am-slides img{ max-width:95%; width:auto; margin:0 auto;}

.am-slider-a4{box-shadow: 0 1px 4px rgba(0,0,0,0); }

.news_txe{ color:#666; font-size:12px;}

.news_time{ color:#fff;}

.padd{ padding:0 1.5rem;}

.nav_list{  padding:0 1.5rem;  }

.ny_content{ padding:0 1.5rem;}
.footer_left{ color: #777 !important; }
.footer_left a{ color: #777 !important; }
.ny_content2{ padding:0 1.5rem;}
.ny_s{ color: #777 !important }
}





@media screen and (min-width: 1000px) and (max-width: 1170px) 

{

.tuijian_cp,.tuijian_cp_left{ height:164px;}

.tuijian_cp{ width:42%;}

.tuijian_cp .am-slider .am-slides img{ max-width:89%; width:auto; margin:0 auto;}



}



@media screen and (min-width: 790px) and (max-width: 950px) 

{

.tuijian_cp,.tuijian_cp_left{ height:128px;}

.tuijian_cp{ width:42%;}

.tuijian_cp .am-slider .am-slides img{ max-width:72%; width:auto; margin:0 auto;}

.news_img{ width:42.5%;}

.news_text{ width:57%;}

}



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

{

.n_title{ margin-top:2% !important; margin-bottom:2% !important; font-size:18px; line-height:25px; font-weight:normal;}

.n_content{ font-size:14px; margin-bottom:2%; line-height:20px; height:auto;}
.news_text{ width: 49%; }
.am-menu-offcanvas1 .am-menu-toggle{ top:8px;}

}



@media screen and (min-width: 800px) and (max-width: 910px) 

{

#header, .menu_kj {

    display: none;

}

.am-menu-offcanvas1 .am-menu-toggle{ top:5px !important;}

}



@media screen and (width: 1366px)

{
.shop li img{ width:25px; margin-top:-4px;}
.news_list{ margin:0 auto; height:90px; float:none; margin-bottom:10px;}
.logo{ width:28%; }
.am-slider-a1 .am-control-nav{ bottom:37%;}
.m_bg{ height:304px;}
.news_img2{width:40%; height:90px; float:left; overflow:hidden; position:relative;}
.news_img{ width:100%; overflow:hidden; float:left; background-size:cover !important;
}
.icp_img{ width:26.5%; float:left;}

.news_text h1{ margin-top:3%; text-align:right; 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_text{ width:59%; }
.news_time{ text-align:right; margin-top:-5px;}
.news_list .am-slider-c2 .am-control-nav{bottom: 24px;left: 34% !important; right:auto;}
.tuijian_cp_right .am-slider-a4 .am-control-nav{bottom: 15px;left: 30.5% !important; right:auto; width:auto;}
.n_more{ bottom: 14px; }
.shop{ height: 35px; }
.shop li{ height: 36px; line-height: 36px; margin-bottom:4.5px; }
.s_1,.s_2,.s_3{ background-size:26px !important;  }
.mian{ height: 204px; }
.footer_left,.footer_right{ padding-top:5px;}
}





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

{

.mian{ width:1200px; height:268px; overflow:hidden; position:absolute; left:50%; margin-left:-600px; bottom:0px; z-index:9999; }



}

@media screen and (width:1024px) 

{

.news_list{ width: 100% }
.head_bg{ top: 16px; }
}



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

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

.pagination a{ width: 100%; height: 100%; }
.pagination a:hover{ width: 100%; height: 100%; }

.pagination li { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 15px;margin-left: 1px;}

.pagination li:hover { background:#f1f1f1; color:#000; text-decoration:none; }

.pagination .active { display:inline-block; height:30px;padding:0 15px; line-height:30px; background:#ea0019 !important; border:1px solid #ea0019; color:#fff !important; text-align:center;margin-left: 1px; }