.logo{float:left; width:100%;  }
.logo ul{ width:100%; float: left; text-align:center}
.logoimg1{ float:left; }
.logoimg2{ float:right; padding-top:30px; }  
.logoimg3{ float:left; width:25%; padding:30px 0% 0% 2%} 
.logoimg4{ display:none} 
.logo3g{ display:none} 
@media only screen and (max-width:1500px) {  
.logoimg1{ width:39%}  
.logoimg3{ }
.logoimg2{ width:24%; padding-top:20px; }  
}  
@media only screen and (max-width:1200px) {   
}
@media only screen and (max-width:1024px) { 
.header{ background:#fff}
.logo{ width:100%; height:auto; }   
.logoimg3{ display: none;}   
.logoimg1{ width:48%; }  
.logoimg2{ width:30%; padding-top:10px; } 

} 
@media only screen and (max-width:850px) {     
} 
@media only screen and (max-width:768px) {   
.logo{ text-align:center}
.logoimg1{ display:none}   
.logoimg2{ display:none} 
.logoimg4{ width:100%; margin: 0 auto; display:block}
.logo3g{ display:block}
.logo3g img{ width:100%}
.banners{ display:none!important}
}  
.header{ width:100%; background:url(../images/top.jpg) repeat-x #650a09;}
 #topnav{ width:100%; float: left; height:0px; text-align:right}  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; }
.tbyc a{ line-height:27px; color:#cfd208; }
.tbyc p{ display:inline}
.tbyc h2{ float: right;  text-align: right} 
#nav1{ width:100%; float:left; height:80px; background:url(../images/menu.jpg) repeat-x;background-size:100% 100%;}
#nav{ width:100%; float:left; font-family:"微软雅黑"}
#nav ul{ width:100%; float:left; list-style-type:none}
#nav ul li{ float:left; width:10%; text-align:center; }
#nav ul li h2{ height:40px; line-height:57px; color:#cfd208 }
#nav ul li span{ height:20px; font-size:14px; line-height:20px; display:block; text-transform:uppercase; color:#cfd208}
#nav ul li a{ color:#fff; text-align:center; font-size:16px} 
     
@media only screen and (max-width:1024px) {
#topnav{ display:none} 
#nav ul li{ width:12.2%; text-align:center; }   
.navno{ display: none}
}

@media only screen and (max-width:768px) {
#nav1{ height:auto}
#nav{ padding:2% 0% 2% 0%; height:auto}
#nav ul{ padding:1% 0%}
#nav ul li span{ display:none}
#nav ul li{  width:24%;  }   
#nav ul li h2{ line-height:30px; height:30px;}
}
@media only screen and (max-width:414px) { 
#nav ul{ padding:2% 0%}
}
@media only screen and (max-width:350px) {
#nav ul li a{ font-size:14px}
}
/*Banner*/
.fullSlide { width:100%; position:relative; } 
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; z-index:99; position:relative } 
.fullSlide .bd ul { width:100% !important; }
.fullSlide .bd li { width:100% !important; height:550px; overflow:hidden; text-align:center; background-position:center top; background-repeat: no-repeat; z-index:99; position:relative} 
.fullSlide .bd li a { display:block; height:550px; } 
.fullSlide .hd { width:100%; position:absolute; z-index:99; bottom:40px; left:0; height:10px; line-height:30px; } 
.fullSlide .hd ul { text-align:center; width:80px; margin: 0 auto }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px!important; height:20px!important; margin:2px; border-radius:20px; overflow:hidden; background:#fff; line-height:999px; background:#810607; z-index:99; position:relative } 
.fullSlide .hd ul .on { background:#fff;width:50px; height:20px; border-radius:10px  } 
.fullSlide .prev,.fullSlide .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%; z-index:1; width:40px; height:60px; cursor:pointer;/* filter:alpha(opacity=50); opacity:0.5; */display:none; width:73px; height:73px; } 
.fullSlide .prev { background:#000; }
.fullSlide .next { left:auto; right:5%; background:#c60203; }
@media only screen and (max-width:768px) {
.fullSlide .hd { bottom:20px;}
}
@media only screen and (max-width:330px) {
.fullSlide .hd { display:none}
}
<!--内页导航--> 
{} 
.maincp li{ background:#f5f5f5} 
.maincp li:hover{ background:#c60203} 
.maincp_top h4{ color:#c60203}
.maincp_top h4 a{  color:#c60203} 
.cpfl1_top{ } 



/*页脚区域*/  
#footer{ width:100%; margin:0px auto; background:url(../images/footer.jpg) repeat-x #6c0a0b; color:#fff; line-height:30px;padding:3% 0% 0% 0%; position:relative} 
.footer a{ color:#fff }  
.footbot{  background:#580304; color:#fff; line-height:30px; padding:1% 0% 2% 0%; margin-top:2%} 
.copyright span{ display:block}
.copyright a{ color:#fff; }
.copyright{ width:100%; margin:0px auto; }
.copyright p{ display:inline;float:right}  

.copyrightno{ width:100%; float:left}
.copyrightno li{ width:50%; float:left; height:30px; overflow:hidden; line-height:30px;}
.copyrightno li a{ }
.copyrightno li{}
.vipb a{ color:#eec162}
.footer_r{ width:100%; } 

.footerlogo{ width:18%; float:left; margin-right:8%;}
.footerlogo img{ width:100%; padding-top:30px;}
.footdivli{width:9%; } 
.footdivli li{ width:100%;  }   
.footdivli li:nth-child(n+8){ display:none}  
.footdivdt{width:8%; line-height:30px;   } 
.footdivdt li{ width:85%; }    
.footdivdt li strong{ font-weight:normal}

.footdivul{width:10%; float: right; }
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; margin-bottom:3%}  
.footdivul p{ width:100%; display:block; line-height:50px; text-align:center}  
.footdivul p strong{ padding-left:10px; font-weight:normal}
.footdivul li{ margin: 0 auto; } 
.footdivul li img{ width:77%; border:5px #fff solid} 
.footdivgg{ width:40%; float: left; padding:30px 0% 0% 3%;}  
.footdivgg li{ width:25%; float:left}
.footdivgg h2{ line-height:30px; color:#fff; margin:15px 0%;}     
.footdivgg p{ line-height:40px; font-size:16px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden }    
.footdivgg img{ width:35%;} 
.footertop{ width:10%; float:right}
.footertop img{}

.footer_top{ height:20px; line-height:20px; margin-bottom:10px; }    
 
.footdivgg span{            text-align: center;
                /* 背景颜色线性渐变 */
                    /* 老式写法 */
                        /* linear为线性渐变，也可以用下面的那种写法。left top，right top指的是渐变方向，左上到右上 */
                        /* color-stop函数，第一个表示渐变的位置，0为起点，0.5为中点，1为结束点；第二个表示该点的颜色。所以本次渐变为两边灰色，中间渐白色 */
                background: -webkit-gradient(linear, left top, right top, color-stop(0, #f7c652), color-stop(.3, #f7c652), color-stop(.5, white), color-stop(.7, #f7c652), color-stop(1, #f7c652));
                    /* 新式写法 */
                 /*background: -webkit-linear-gradient(left top, right top, color-stop(0, #f7c652), color-stop(.4, #f7c652), color-stop(.5, white), color-stop(.6, #f7c652), color-stop(1, #f7c652)); */

                /* 设置为text，意思是把文本内容之外的背景给裁剪掉 */
                -webkit-background-clip: text;
                /* 设置对象中的文字填充颜色 这里设置为透明 */
                -webkit-text-fill-color: transparent;
                /* 每隔1.34秒调用下面的CSS3动画 infinite属性为循环执行animate */
                -webkit-animation: animate 1.34s infinite;
            }

/* 兼容写法，要放在@keyframes前面 */
            @-webkit-keyframes animate {
                /* 背景从-100px的水平位置，移动到+100px的水平位置。如果要移动Y轴的，设置第二个数值 */
                from {background-position: -100px;}
                to {background-position: 100px;}
            }
            @keyframes animate {
                from {background-position: -100px;}
                to {background-position: 100px;}
            }
@media only screen and (max-width:1450px) {   
.footdivgg img{ width:29%}
.footdivdt{ width:11%}
.footdivdt4{ display:none}
	}
@media only screen and (max-width:1200px) {     
.footdivul{ display:none}
.footdivgg{ width:50%}
}  
@media only screen and (max-width:1024px) {  
.footbot{ padding:1% 0% 30px 0%}  
.footdivdt{ width:32%}
.footdivdt li{ width:50%;}
.footdivli{ width:27%}
.footdivli li{ width:50%;}
.footerlogo{ width:33%}
.footdivgg{ width:53%} 
.footerlogo img{ padding-top:10px;}
.footdivdt1{ display:none}
.copyrightno{ display:none}
.footdivul{ width:20%}
.footdivul p{ line-height:30px;}
.footdivgg{ width:100%; padding:2% 0%} 
.footdivgg img{ width:19%}
.footdivgg h2{ margin:2% 0% 0% 0%}
} 
@media only screen and (max-width:768px) {  
.header1{ background:#f68600;}  
#footer{ padding:4% 0% 0% 0%; } 
.footer{ padding:0% 0% 0% 0%; }   
.footbot{ padding:2% 0% 100px 0%; background:none } 
.footerlogo{ width:100%}
.footdivgg{ width:100%; margin: 0 auto; float:none; text-align:center; padding:0% 0%;} 
.footdivgg_top{ display:none}
.footdivgg h2{ line-height:40px; font-size:18px; margin:0%} 
.footdivgg span{ width:55%; float: right; display:block; line-height:80px; font-size:36px}
.footdivgg li{ width:25%; padding:3% 0% 0% 0%; } 
.footertop{ width:100%; text-align:center}
.footertop img{ margin: 0 auto}
.footer_top{ display:none }
.footdivul{ display: none }   
.footdivdt{ display:none}    
.footdivli{ display:none}  
.copyright{ float:left; text-align:center}   
.copyright strong{ display:none}
.footbot p{ width:100%; display:block} 
.footerlogo{ text-align:center}
.footerlogo img{ width:90%; margin: 0 auto} 
} 

@media only screen and (max-width:550px) {   
#footer{ padding:4% 0% 20px 0%; } 
.footdivgg li{ width:32% } 
.footdivgg li:nth-child(4){ display:none}
.footdivgg li:nth-child(5){ display:none}
 }  
@media only screen and (max-width:414px) {  
.footdivgg li{ width:100%; text-align:center}
.footdivgg h2{ display:inline}
.footdivgg p{ display:inline; font-size:20px; font-weight:normal}
.footdivgg img{ width:10%; margin-bottom:-10px;}
 } 
@media only screen and (max-width:300px) {   
.footdivgg h2{ display: none} 
 }  
.xiangxi{  BACKGROUND: url("../images/ihot-t.jpg") no-repeat; } 
  




/*新闻1*/
.mainxw{ width:100%;background:url(../images/mainxw.jpg) no-repeat center top;background-size:100% 100%; padding:2% 0% 3% 0%; }
.newssl{ width:100%; }
.mainxw_top{ width:100%; margin: 0 auto; text-align:center;background:url(../images/mainxw_topbj.png) no-repeat center top; padding:1% 0% 3% 0%;}
.mainxw_top h2{ font-size:36px; line-height:70px; color:#fb0101}
.mainxw_top h2 strong{ padding-left:2%}
.mainxw_top span{ font-size:16px; line-height:30px; color:#888888}
.mainxw_top span strong{ font-weight:normal; font-size:14px; line-height:20px; width:100%; display:block}
.mainxw_top b{ width:40px; height:4px; margin: 0 auto; background:#ef0405; display:block}
.newsl1_top{width:46%;color: #FFFFFF;  font-weight:bold; float:left;background:url(../images/newsl1_top.png) repeat-x bottom left; height:60px; }
.newsl1_top h2{ float:left; line-height:45px; font-size:24px;  background:url(../images/newsl1_toph2.png) no-repeat;  padding-left:30px;}
.newsl1_top h2 strong{ font-weight:normal; font-size:16px}
.newsl1_top span{ float:right; padding-right:10px; padding-top:10px} 
.newsl2_top{ margin-left:8%}
.newsl2_top h2{  background:url(../images/newsl1_toph3.png) no-repeat;}
.newssl_div{width:100%; float:left;}
.newssl_div ul{ margin:0px; padding: 4px 0px 0px 0px;}
.newssl_div ul li{ width:46%; height:40px; overflow:hidden; line-height:30px; float:left; border-bottom:1px solid #CCCCCC; line-height:30px; margin-bottom:7px;}
.newssl_div ul li a{ padding-left:26px;background:url(../images/jt2.png) no-repeat left center;  }
.newssl_div ul li span{ float:right; }

.newssl_div ul li:nth-child(2n){ margin-left:8%}

.newsl1_bot{ width:46%; height:177px; float:left; padding:1% 0% 1% 0%; }
.newsl1_botimg{ width:45%; float:left; height:175px; overflow:hidden}
.newsl1_botimg img{ height:100%;}
.newsl1_bot dl{ float:right; width:50%; padding-right:1%; padding-top:29px}
.newsl1_bot dl dd{ font-size:16px; font-weight:bold; margin-bottom:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.newsl1_bot dl dt{ line-height:30px; color:#999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.newsl1_bot dl h1{ color:#F90; font-size:16px; text-align:right; margin-top:8px; margin-right:6px}
.newsl1_botno{ margin-left:8%} 
@media screen and (max-width:1200px){ 
.mainxw_top{ padding:2% 0% 3% 0%}
.mainxw_top h2{ font-size:30px; line-height:60px}
.newsl1_top h2{ font-size:20px;}
}
@media screen and (max-width:900px){ 
.mainxw_top{background-size:auto 100%; }
}
@media screen and (max-width:768px){ 
.mainxw{ background:#ebebeb}
.mainxw_top h2{ font-size:24px;}
.newsl1_botno{ display:none}
.newsl2_top{ display:none}
.newsl1_top{width:100%;}
.newsl1_bot{ width:100%}
.newssl_div ul li{ width:100%}
.newssl_div ul li:nth-child(2n){ margin-left:0%}
.newssl_div ul li:nth-child(n+6){ display:none}
}
@media screen and (max-width:450px){ 
.newsl1_bot{ height:auto}
.newsl1_botimg{ width:100%; height: auto}
.newsl1_botimg img{ height: auto; width:100%;}
.newsl1_bot dl{ width:96%; padding:2%}
.newsl1_bot dl h1{ display:none}
}
@media screen and (max-width:350px){ 
.newssl_div ul li span{ display:none}
.newsl1_top span{ display:none}
}
/*新闻2*/
.xxxxw{ width:100%; margin:0 auto; padding:3% 0%;}

.title_box { margin-bottom:3%; text-align:center}
.title_box h2{ font-size:36px; line-height:60px; height:60px; color:#f5f5f5 }
.title_box ul{ margin-top:-41px;}
.title_box h1 { font-size:36px;margin: 0; line-height:50px;color: #282828; font-weight:bold}
.title_box h5 { color: #888888; font-size:18px; line-height:30px; text-transform:uppercase; font-weight:normal; }

.xxxxw_l{ width:62%}
.xxxxw_l_top{ width:100%; height:177px; background:#F2F2F3}
.xxxxw_l_topimg{ width:45%; float:left; height:175px; overflow:hidden}
.xxxxw_l_topimg img{ height:100%;}
.xxxxw_l_top dl{ float:right; width:50%; padding-right:1%; padding-top:29px}
.xxxxw_l_top dl dd{ font-size:16px; font-weight:bold; margin-bottom:10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.xxxxw_l_top dl dt{ line-height:30px; color:#999;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.xxxxw_l_top dl h1{ color:#F90; font-size:16px; text-align:right; margin-top:8px; margin-right:6px}
.xxxxw_l_bom{}
.xxxxw_l_bom ul{ padding-top:1%}
.xxxxw_l_bom ul li{ width:49%; float:left; height:46px; margin-right:2%; background:url(../images/ff.png) no-repeat left center; border-bottom:1px #f5f5f5 solid; overflow:hidden}
.xxxxw_l_bom ul li:nth-child(2n){ margin-right:0}
.xxxxw_l_bom ul li a{ float: left; padding-left:3%; width:96%; height:46px; overflow:hidden; line-height:46px}
.xxxxw_l_bom ul li span{ float:right; }
.xxxxw_r{ width:35%}
.xxxxw_r_top{}
.xxxxw_r_top ul{ width:100%; border-bottom:1px #CCCCCC dashed; padding-bottom:13px; padding-top:13px;}
.xxxxw_r_top li{}
.xxxxw_r_top li dd{ height:35px; line-height:35px; font-size:16px; background:url(../images/bit.png) no-repeat 0 14px;text-indent:1rem;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.xxxxw_r_top li dt{ line-height:33px; color:#333; padding-left:1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.xxxxw_r_bom{}
.xxxxw_r_bom li{ height:35px; line-height:35px}
.xxxxw_r_bom li a{ float:left}
.xxxxw_r_bom li span{ float:right}  
@media screen and (max-width:1200px){ 
.xxxxw_l_bom ul li span{ display:none}
.title_box h1{ font-size:30px;}
}
@media screen and (max-width:1024px){ 
.xxxxw_l_bom ul li span{ display: block}
.xxxxw_l_bom ul li{ width:100%; }
.xxxxw_l_bom ul li:nth-child(n+8){ display:none}
} 
@media screen and (max-width:768px){ 
.xxxxw_r{ display:none}
.xxxxw_l{ width:100%}
.xxxxw_l_bom ul li:nth-child(n+6){ display:none}
.title_box h2{ font-size:24px}
.title_box h1{ font-size:24px; line-height:36px}
}
@media screen and (max-width:450px){ 
.xxxxw_l_top{ height:auto}
.xxxxw_l_topimg{ width:100%; height: auto}
.xxxxw_l_topimg img{ height: auto; width:100%;}
.xxxxw_l_top dl{ width:96%; padding:2%}
.title_box h2{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
}
@media screen and (max-width:414px){ 
.xxxxw_l_bom ul li span{ display:none} 
}

.maincpsy{ padding:2% 0%; background:url(../images/maincpsy.jpg) repeat-y center top; padding:2% 0% 3% 0%; background-size:100% auto;}
.maincpsy_top{ width:50%; margin: 0 auto; }
.maincpsy_top img{ width:100%}
.maincpsy_top h2{ display:none; }
.maincpsy_top h3{ display:none; } 
  
.news2{ width:100%;} 
.news2 ul{ margin:0% 1% 1% 1%; float:left; width:31%}
.news2 ul h2{ width:45%; float:left; height:175px; overflow:hidden}
.news2 ul h2 img{ width:100%;}
.news2 ul li{width:50%; float: right;}
.news2 ul li h3{ font-size:24px; line-height:50px; font-weight:bold; height:50px; overflow:hidden}
.news2 ul li p{ width:100%; font-size:16px; line-height:30px; color:#888888;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden; }
.left_div_bot3{ width:100%; padding:3% 0% 3% 0%; }
.left_div_bot3 dl{ list-style-type:none;}
.left_div_bot3 dl dt{ background:url(../images/cp1.png) no-repeat center center #f5f5f5; width:10.4%; float:left; height:50px; line-height:50px; margin:0% 1% 1% 1%; text-align:center; overflow:hidden; background-size:99% 97%;}
.left_div_bot3 dl dt a{ color: #c52d20; } 
.left_div_bot3 dl dt:hover{ background:url(../images/cp2.png) no-repeat center center #bd0f00; background-size:99% 97%;}
.left_div_bot3 dl dt:hover a{ color:#FFFFFF}

@media screen and (max-width:1450px){ 
.maincpsy_top{ width:61%; }
.left_div_bot3{ padding:1% 0% 2% 0%}
}
@media screen and (max-width:1200px){ 
.news2 ul li h3{ font-size:20px;}
.news2 ul li p{ font-size:14px; line-height:28px}
.news2 ul h2 img{ width:100%; height:100%}
}

@media screen and (max-width:1024px){ 
.maincpsy_top{ width:69%; }
.news2 ul{ width:47%}
.news2 ul h2 img{ width:100%; height: auto}
.left_div_bot3 dl dt{ width:18%}
.left_div_bot3no{ display:none}
}
@media screen and (max-width:768px){ 
.maincpsy_top{ width:88%; }
.left_div_bot3 dl dt{ width:23%}
.left_div_bot3no{ display: inline}
.news2 ul{ width:100%}
}
@media screen and (max-width:450px){ 
.maincpsy_top{ width:100%; }
.news2 ul h2 img{ width:100%; height:100%}
.left_div_bot3 dl dt{ width:31%}
.left_div_bot3no{ display: none}
}
@media screen and (max-width:328px){ 
.maincpsy_top{ text-align:center}
.maincpsy_top img{ display:none}
.maincpsy_top h2{ display: block; font-size:24px; line-height:30px;}
.maincpsy_top h3{ display: block; font-size:16px; line-height:30px; } 
}
  
/*中间图片*/
.fwcn{background:url(../images/fwcn.jpg) repeat center #c42c1f; padding:3% 0%}  
.fwcn ul li{ float: left; width:23%; padding:2% 0%; margin:0% 1%; background:#FFFFFF; border-radius:16px; } 
.photo1 { background: url(../images/01.png) no-repeat center top;} 
.photo2 { background: url(../images/02.png) no-repeat center top; } 
.photo3 { background: url(../images/03.png) no-repeat center top;  } 
.photo4 { background: url(../images/04.png) no-repeat center top; } 
.photo{ width:30%; height:66px; float:right;background-size:93% 100%; }
.name1 { width:64%; float:left; padding:0% 0% 0% 6%} 
.fwcn ul li .name1 h3 { font-size: 22px; line-height:60px; height:40px; color:#810607; font-weight:bold; margin-bottom:10px; overflow: hidden; white-space: nowrap; font-weight:normal; background: url(../images/name1.png) no-repeat left top; } 
.fwcn ul li .name1 span { font-size: 14px; color:#888888; line-height:25px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden  }

@media screen and (max-width:1200px){
.fwcn ul li{ width:31%} 
.fwcn ul li:nth-child(3){ display:none}
}
@media screen and (max-width:1024px){ 
.name1{ width:100%; text-align:center; float:left; padding:0%}
.photo{ width:100%; float:left;background-size: auto 100% ; }
.fwcn ul li .name1 h3{background: url(../images/name1.png) no-repeat center top;}
}
@media screen and (max-width:768px){
.fwcn ul li{ width:48%; margin:0% 1% 1% 1%} 
.fwcn ul li:nth-child(3){ display: inline} 
}
@media screen and (max-width:450px){
.fwcn ul li .name1 span{ display:none}
}
  
.ys_yy{ padding:3% 0% 1% 0%;  }  
.ys_yy_top{ width:100%; text-align:center }
.ys_yy_top ul{ font-size:36px; line-height:60px;color:#707070} 
.ys_yy_top ul strong{ font-weight:normal; padding-left:2%}
.ys_yy_top dl{ width:100%; margin: 0 auto; font-size:14px; line-height:30px; color:#707070} 

.ys_yy_r{ width:100%; padding:3% 0%;} 
.ys_yy_r_bot{ width:18%; margin:1% 1% 1% 1%; float:left;  overflow:hidden}
.ys_yy_r_bot li{ width:100%; height:360px; overflow:hidden; float:left}
.ys_yy_r_bot li img{ height:100%; float:left}  
.ys_yy_r_bot dd{ width:100%; float:left; margin-top:-50px; background:#414141; text-align:center; height:50px;}
.ys_yy_r_bot dd h2{ line-height:50px; font-size:18px;  color:#fff;}     
.ys_yy_r_bot dd p{ line-height:30px; font-size:16px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow:hidden; color:#fff; padding:0% 5%; }     
.ys_yy_r_bot:hover dd{ height:200px; margin-top:-200px; background:rgba(18, 19, 18, 0.45);transition:all 0.5s linear;}
.ys_yy_r_bot:nth-child(6){ display:none}
@media only screen and (max-width:1200px) { 
.ys_yy_r_bot{ width:23%;} 
.ys_yy_r_bot:nth-child(5){ display:none}
.ys_yy_top ul{ font-size:30px} 
}
@media only screen and (max-width:1024px) { 
.ys_yy_r_bot{ width:31.333333%;} 
.ys_yy_r_bot:nth-child(5){ display: inline}
.ys_yy_r_bot:nth-child(6){ display: inline} 
}
@media only screen and (max-width:768px) {  
.ys_yy_r_bot li{ height:270px;}
.ys_yy_top dl{ width:75%} 
.ys_yy_top ul{ font-size:24px} 
.ys_yy_r_bot dd p{ font-size:14px}

}
@media only screen and (max-width:550px) { 
.ys_yy_r_bot{ width:48%;}  
}
@media only screen and (max-width:500px) { 
.ys_yy_top dl{ width:100%} 
}
@media only screen and (max-width:414px) {  
.ys_yy_r_bot dd h2{ font-size:16px}
.ys_yy_top dl{ display:none}
}
@media only screen and (max-width:350px) {  
.ys_yy_top ul{ line-height:36px}
.ys_yy_top ul strong{ padding-left:0%; width:100%; display:block}
}
@media only screen and (max-width:300px) { 
.ys_yy_r_bot{ width:98%;} 
.ys_yy_r_bot li{ height: auto}
.ys_yy_r_bot li img{ height:auto; width:100%}
.ys_yy_r_bot dd p{ display:none}
}
/*关于我们*/
.habout{background: url(../images/abbg.jpg) no-repeat center top;background-size:cover;}
.haboutb{background: url(../images/abbgb.jpg) no-repeat left top;background-size:30% 45%; padding:4% 0%; }
.habout .container{}
.haboutleft{width: 47%;float: left; height:530px; overflow:hidden}
.haboutleft img{ height:100%;display: block;} 
.haboutright{width: 49%;float: right; }
.habtxt{margin-top: 20px;line-height: 25px;} 
.habicobox{min-width: 89%;float: right;margin-top: 15px;}
.habicobox li{width: 80px;float: right;margin-left:7%;padding-bottom: 5px;}
.habicobox li span{display: block;width: 75px;height: 75px;border:1px solid #ba1d22;border-radius: 15px;margin:10px auto;position: relative;}
.habicobox li i{display: block;width: 50px;height: 50px;position: absolute;top:0;right: 0;bottom: 0;left: 0;text-align: center; margin:auto;}
.habicobox li p{font-size: 16px;color: #333;text-align: center;line-height: 30px;}
.habicobox li:hover span{background: #fcfcfc;-webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.08);
            box-shadow: inset 0 0 30px rgba(0,0,0,.08);border:1px solid #fcfcfc;}
.habicobox li:hover p{color: #ba1d22;}                
i.habico1{background: url('../images/advan1.png') no-repeat;background-size: 100%;}
i.habico1:hover,.habicobox li:hover i.habico1{background: url('../images/advan1.gif') no-repeat;background-size: 100%;}
i.habico2{background: url('../images/advan2.png') no-repeat;background-size: 100%;}
i.habico2:hover,.habicobox li:hover i.habico2{background: url('../images/advan2.gif') no-repeat;background-size: 100%;}
i.habico3{background: url('../images/advan3.png') no-repeat;background-size: 100%;}
i.habico3:hover,.habicobox li:hover i.habico3{background: url('../images/advan3.gif') no-repeat;background-size: 100%;}
i.habico4{background: url('../images/advan4.png') no-repeat;background-size: 100%;}
i.habico4:hover,.habicobox li:hover i.habico4{background: url('../images/advan4.gif') no-repeat;background-size: 100%;}
i.habico5{background: url('../images/advan5.png') no-repeat;background-size: 100%;}
i.habico5:hover,.habicobox li:hover i.habico5{background: url('../images/advan5.gif') no-repeat;background-size: 100%;}
.habbtn{ width:100%; text-align:center; float:left}
.habbtn h2{font-size: 16px;color: #333;background-color: #ffce10;width: 195px;height: 46px; border-radius: 25px;text-align: center;line-height: 46px;  margin-top:-142px; margin-left:41%; display:block}
.habbtn h2;hover{ background:#ba1d22;color: #fff;}
.habhaochu{margin:40px 0;}
.habhaochu li{width: 18.3%;float: left;margin-right: 2%;transition: 0.3s;position: relative;overflow: hidden;}
.habhaochu li div{border: 1px solid #ccc;padding:20px;height: 95px;position: relative;}
.habhaochu li:last-child{margin-right:0;}
.habhc_num span{display: inline-block;font-size: 40px;color: #333333;font-weight: 700;}
.habhc_num{font-size: 32px;color: #333;}
.habhc_txt{font-size: 14px;color: #666;margin-top: 5px;}
.habhaochu li div i{display: block;width:26px;height: 26px;background:url(../images/ico1.png) no-repeat;position: absolute;top:15px;right: 15px; }
.habhaochu li:hover{background-color: #ba1d22;}
.habhaochu li:hover .habhc_num span,.habhaochu li:hover .habhc_num,.habhaochu li:hover .habhc_txt{color: #fff;}
.habhaochu li{z-index: 5;}
.habhaochu li::before{content: "";width: 0;background-color: #ba1d22;color: #fff;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
.habhaochu li:hover::before{width: 100%;}

.zngg{ line-height:24px;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; overflow:hidden }
.company img{ display:none}
.company p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.ctop{ width:100%; text-align:right}
.ctop h2{ font-size:36px; text-transform: uppercase; font-weight:bold; color:#810607; }
.ctop h2 strong{ color:#000}
.ctop p{ font-size:36px; font-weight:bold; color:#810607; }
.ctop span{ color:#810607; font-size:16px; line-height:50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
@media screen and (max-width:1700px){
.habicobox{width: 98%;}	
}
@media screen and (max-width:1550px){ 
}
@media screen and (max-width:1450px){
.habicobox{width: 90%;}	
.habicobox li{margin:0 1%;width: 18%;}
.haboutleft a.habbtn{ position:relative; bottom:0; right:0;margin: 26px auto 0;}
}
@media screen and (max-width:1200px){ 
.ctop p{ font-size:30px;}
.habhc_num span{ font-size:30px;}
}
@media screen and (max-width:1024px){
.haboutb{ background:none}
.haboutleft{ display:none}	
.haboutright{width: 100%;float: none; } 
.ctop{ text-align: center}
.habicobox{ width:100%;min-width: inherit; float:left}
.habicobox li{ width:22%}
.habbtn{ margin:0 auto; }
.habbtn h2{ margin:0 auto}
.habhaochu{ display:none} 
.zngg{ display:none} 
}
@media screen and (max-width:960px){ 
.habicobox li{width: 23%;}
}
@media screen and (max-width:768px){ 
.ctop p{ font-size:24px;}
}
@media screen and (max-width:640px){
.habicobox li span{height: 60px;width: 60px;}
.habicobox li i{width: 35px;height: 35px;}  
.habhc_num span{font-size: 30px;}
.habhc_num{font-size: 26px;}
}
@media screen and (max-width:500px){
.htitle{padding:40px 0;}
.htitle h1,.htitle h1 i{font-size: 30px;}  
.habicobox li p{font-size: 14px;} 
}
@media screen and (max-width:450px){
.habicobox li span{height: 50px;width: 50px;}
.haboutright img.fr,.htitle img{width: 80%;}
}  
@media screen and (max-width:414px){
.habicobox li{ width:47%}
}


/*bt*/
.ys_bt{ background:url(../images/ys_bt.jpg) no-repeat center; padding:2% 0}
.bt2{text-align:center; font-size:37px; color:#fff; line-height:50px; font-weight:bold; letter-spacing:1px;}
.bt2 span{ color:#fea415;font-size:42px;}
.btx{text-align:center; font-size:16px; color:#999; line-height:38px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}
.bt_line{width:260px; margin:0 auto; height:2px; background:#a41003; overflow:hidden; margin-top:5px;}
.btt{text-align:center; margin:0 auto; background:url(../images/bb.png) no-repeat  center top; height:19px; line-height:19px; margin-top:15px; font-size:19px; color:#fff; margin-bottom:15px; overflow:hidden}
.bten{ margin:0 auto; font-size:10px; font-family:Tahoma, Geneva, sans-serif; color:#ddd; line-height:18px; text-align:center; margin-bottom:20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden}
.bt1{text-align:center; font-size:37px; color:#fff; line-height:47px; font-weight:bold;}
.bt1 span{ color:#fea415;font-size:42px;}
.bt1x{text-align:center; font-size:16px; color:#9be090; line-height:28px; text-transform:uppercase;}
@media screen and (max-width:1073px){
.bt2{ font-size:34px}
.bt2 span { font-size:38px}
}
@media screen and (max-width:461px){
.btt{ width:100%}
.bten{ width:100%}
}
@media screen and (max-width:420px){
.bt2{ font-size:28px}
.bt2 span { font-size:34px}
}

.pbtmore{ width:230px; margin:0 auto;  height:36px; color:#fff; background:#a41003; margin-top:25px;}
.pbtmore a{color:#fff;}
.pbtmorea{ width:115px; float:left; line-height:36px; text-align:center;}
.pbtmoreb{ width:115px; float:left; line-height:36px; text-align:center; background:#fb0101;}

.adv_box{ padding:0 0 50px; overflow:hidden; width:100%; margin:0 auto; background:url(../images/ys.jpg) top center no-repeat; }
#agent{ margin:0 auto; padding-top:50px; z-index:1;}
#agent li{width:15.6%; float:left; border:1px #fff solid; padding:50px 1%; margin:0% 1%; position: relative; transition-duration: 1s; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; top: 0; display: block; z-index:1; box-shadow: 1px 1px 10px #cfcfcf; background:#fff; text-align:center}
#agent li .jg{display:block; width:0px; height:0px;  position:absolute; background:#a41003; top:364px; left:141px;  transition: all 0.4s;}
#agent li:hover .jg{width:282px; height:424px; top:0; left:0px; transition: all 0.3s;}
#agent li:hover{box-shadow:0px 13px 15px #eee; display:block; top:-18px; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-mz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; z-index:1;}
#agent li img{width:63px; height:63px; margin:0 auto; border-radius:50%; border:5px #f1f1f1 solid; z-index:1; position: relative; background:#a41003;}
#agent li .bt{width:100%; float:left; color:#a41003; font-size:22px; text-align:center; height:50px; line-height:50px; margin-top:5px; font-weight:bold; z-index:1; position: relative; overflow:hidden}
#agent li:hover .bt{color:#fff;}
#agent li .fl{width:100%; float:left; color:#333; font-size:14px;  line-height:30px; padding-top:0px; padding-left:0px; padding-right:0px; height:165px; text-align:center; z-index:1; position: relative;}
#agent li:hover .fl{color:#fff;}
#agent li .more{width:60%; float:left; color:#666; font-size:15px; line-height:28px; height:28px; border-radius:35px; border:1px #ccc solid; text-align:center; margin-left:22%; z-index:1; position: relative;}
#agent li .more a{color:#999; font-size:15px;}
#agent li:hover .more{color:#fff; border:1px #fff solid;}
#agent li:hover .more a{color:#fff; font-size:15px;} 
@media screen and (max-width:1270px){  
#agent li .bt{ width:100%}
#agent li .fl{ width:100%; height:135px}  
}
@media screen and (max-width:1200px){  
#agent li{ width:20.6%}
#agent li:nth-child(4){ display:none}
}
@media screen and (max-width:1073px){ 
#agent li .fl{height:125px; overflow:hidden;} 
#agent li .bt{ font-size:18px}
}
@media screen and (max-width:1024px){ 
}
@media screen and (max-width:768px){
#agent li{ width:44%; margin-bottom:1%} 
}
@media screen and (max-width:494px){
#agent li .bt { font-size:19px; overflow:hidden}
#agent li .fl { line-height:24px}
}
@media screen and (max-width:397px){
#agent li{ width:94%; margin-right:0; margin-bottom:5%}
#agent li .fl{ height:auto}
}
.lxwm{ width:100%; padding:2% 0%; }
  
.htitle img{display: block;margin:0px auto;}
.htitle{padding:0px 0 20px 0;}
.htitle span{text-align: center;color: #000;font-size: 60px;font-family: 'Impact';letter-spacing: 2px; display:block; transition:.5s;}
.htitle span i{display: inline-block;color: #ba1d22;font-family: 'Impact';} 
.htitle h3{text-align: center;color: #333;font-family: 'Impact';  transition:.5s; font-size:36px}
@media screen and (max-width:1200px){
.htitle span,.htitle span i{font-size: 50px; letter-spacing: 2px;}
.htitle h3{font-size: 30px;}
}
@media screen and (max-width:1024px){
.htitle span,.htitle span i{font-size:50px;letter-spacing:1px;}
.htitle h3{font-size:30px;}
}
@media screen and (max-width:760px){
.htitle span,.htitle span i{font-size:40px; letter-spacing:0px;}
.htitle h3{font-size:24px;}
}
@media screen and (max-width:460px){
.htitle span,.htitle span i{font-size:30px; letter-spacing:0px;}
.htitle h3{font-size:22px;}
}

.hproduct{background:#fafafa url(../images/probg.jpg) bottom center no-repeat;background-size:100% 50%; padding:3% 0%;}
.hprobtn{width: 70%;margin:0px auto; display:none}
.hprobtn a{display: block;background-color: #e2e2e2;width: 23%;margin:1%;font-size: 18px;color: #666;text-align: center;border-radius: 30px;line-height: 40px;float: left;}
.hprobtn a.proon,.hprobtn a:hover{background-color: #bb1c21;color: #fff;}
.proCon{width: 100%;overflow: hidden;margin-top: 20px;margin-bottom: 50px;display: block;}
.pro_iframe{width: 100%; overflow: hidden;}
.hproconbox{ width: 100%; text-align: center;}

.smllproduct{ width:100%; float: left;}
.smllproduct_div{ width:100%; text-align:right; display:none}
.smllproduct_div h2{ font-size:36px; text-transform: uppercase; font-weight:bold; color:#810607; } 
.smllproduct_div p{ font-size:36px; font-weight:bold; color:#810607; }
.smllproduct_div span{ color:#810607; font-size:16px; line-height:50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden}
.smllproduct_cp{ width:96%; background:#FFFFFF; padding:30px 2%; }
.smllproduct_cp li{ width:23%; margin:0% 1% 0% 1%; float:left}
.smllproduct_cp li dd{ width:100%; } 
.smllproduct_cp li h2{ font-size:16px; line-height:50px; height:50px; overflow:hidden; text-align:center; background:#FFFFFF}
.smllproduct_cptop{ font-size:36px; line-height:50px; border-left:3px #000000 solid; height:40px; margin-bottom:10px;}
.hproduct_r{ width:50%; float:right; display:none}
.hproduct_r_bot{ width:105%; margin-left:-5%; height:500px;}
.hproduct_r_bot img{ height:100%}
.hproduct_r_bott{ width:105%; margin-left:-5%; height:}
.hproduct_r_bott h1{ width:10%; background:#FF0000; float:left}
.hproduct_r_bott h1 span{ width:5%; height:89px; display:block}
.hproduct_r_bott1{ background:url(../images/l1.jpg)  no-repeat center center; }
.hproduct_r_bott2{ background:url(../images/r1.jpg)  no-repeat center center; }
.hproduct_r_bott h2{ font-size:36px; color:#FFFFFF; margin-left:5%; line-height:50px;}
.smllproduct_cptop{ display:none}
@media screen and (max-width:1200px){
.smllproduct_cp li{ width:31%}
.smllproduct_cp li:nth-child(3){ display:none}
}
@media screen and (max-width:768px){
.smllproduct_cp li{ width:48%}
.smllproduct_cp li:nth-child(3){ display: inline}
}

.matou{width: 100%;background:#f5f5f5;background-size:cover } 
.matou dl{ }   
.wzgg_top{ line-height:30px; font-size:16px; color:#999; margin-top:15px; }
.wzgg_top ul{ height:54px; overflow:hidden} 
.announcet{ width:15%; float: left; }
.announcet dt { float:left}
.announcet dt img {display: block; margin-top:-60px; width:auto; max-width:inherit; height:230px; z-index:99; position:relative; float:right}
.wzgg{ width:80%; height:170px; float: right;}
.wzgg .title{ font-size:18px; line-height:24px; margin-top:32px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden }
@media only screen and (max-width:1680px) {
.wzgg{ width:75%} 
.wzgg .title{ margin-bottom:10px;}
.wzgg_top{ line-height:26px;}
}
@media only screen and (max-width:1440px) { 
.announcet{ width:23%} 
.announcet dt img{ margin-top:-60px;} 
}
@media only screen and (max-width:1200px) {
.wzgg{ width:66%}  
.wzgg .title{  display:none} 
.wzgg_top ul{ height:130px; line-height:33px}
 }
@media only screen and (max-width:1024px) { 
.announcet{ width:31%}  
.announcet dt img{ margin-top:0px;}
.wzgg{ margin-top:30px;}
}
@media only screen and (max-width:850px) {  
.matou{ padding:0% 0% 3% 0%;  } 
.announcet{  width:100%; text-align:center}
.announcet dt{ width:100%}
.announcet dt img{ margin:3% auto; float:none}
.wzgg{ width:100%; text-align:center; height:auto; background:none; margin-top:0px;}
.wzgg .title{ display: block; height:auto; font-size:16px; line-height:30px; margin-top:0px;}
.wzgg_top{ display:none}
}
@media only screen and (max-width:600px) {  
.wzgg .title h2{ line-height:50px}
}
@media only screen and (max-width:500px) { .wzgg .title h2{ font-size:16px; line-height:30px;}
.wzgg .title span{ font-size:20px; line-height:36px}
}
@media only screen and (max-width:414px) {.wzgg .title span{ background:none; padding:0%; margin:0%}
}
@media only screen and (max-width:350px) { 
.wzgg .title span strong{ display:block}
}