.logo{float:left; width:26%; height:140px; }
.logo ul{ width:100%; float: left; }
.logoimg1{  width:90%; padding-top:20px;}
.logoimg2{ float:right; display:none}    
@media only screen and (max-width:1650px) {  
}
@media only screen and (max-width:1200px) {  
.logoimg1{ padding-top:16px; width:100%}  
}
@media only screen and (max-width:1024px) { 
.header{ background:#fff}
.logo{ width:100%; height:auto; padding:1% 0%; background:#01428a}  
.logoimg1{  width:47%; float:left; padding-top:0%}  
.logoimg2{ float: right;width:32%; display:inline; padding-top:1%}   
} 
@media only screen and (max-width:850px) {     
} 
@media only screen and (max-width:768px) {   
.logo{ text-align:center}
.logoimg1{ width:80%; margin: 0 auto; float:none}   
.logoimg2{ display:none}  
}  
@media only screen and (max-width:550px) {   
.logoimg1{ width:98%;}    
}     
 
 #topnav{ width:100%; margin: 0 auto; height:1px; }  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; text-align:right }
.tbyc a{ color:#fff; padding:0% 0.5%} 
.tbyc p{ display:inline} 
.tbyc h2{ display:inline}
/*ͷ������*/
.header{width:100%; margin:0 auto;position:relative;z-index:1; background:url(../images/header.png) no-repeat left top #045cbd;background-size:110% 100%;}
.headerbg{ width:100%; margin:0px auto; } 
.navArea{ width:70%; float:left;height:140px; margin-left:4%}
.navBg{}
.nav{width:100%;margin:0 auto;line-height:44px;font-family:"΢���ź�";}
.nav li{float:left; width:11%; height:140px; text-align:center;background:url(../images/nav.png) no-repeat;background-size:0% 0%;} 
.nav li h2{ height:80px; line-height:90px;}
.nav li strong{ text-align: center; width:100%; margin: 0 auto; display:block}
.nav li strong img{ margin:  0 auto}
.nav li a{ color:#fff; text-align:center; font-size:16px} 
.nav li:hover{ background:url(../images/nav.png) no-repeat center top;background-size:83% 100%; text-transform:0.3s all 0s linear} 
.nav li:nth-child(1):hover {background: none}
#current h2{ display:none}
#current img{ padding-top:46px;} 

@media only screen and (max-width:1450px) {  
.header{ background-size:97% 100%;}
}  
@media only screen and (max-width:1450px) {  
.nav li:hover{ background-size:100% 100%; } 
}
@media only screen and (max-width:1024px) {  
 #topnav{ display:none}
.header{ background: #045cbd; }
.header .container{ padding:0%}
.navArea{ width:100%; margin-left:0%}
}
@media only screen and (max-width:768px) {
.navArea{ height:auto}
.nav{   padding:2% 0% 0% 0%; height:auto}
.nav li{  width:24%; height:35px; margin-bottom:1%;border-left: none} 
.nav li h2{ height:30px; line-height:25px; overflow:hidden; background:url(../images/navline.gif) no-repeat left; display:block}
.nav li:nth-child(1) h2{ background:none}
.nav li:nth-child(5) h2{ background:none}
.nav li strong{ display: none}
.nav li:hover{ background: none}
#current{ padding:0%}
#current h2{ display: block; } 
#current img{ display:none}
.navlino{ display:none}
}
/*Banner*/
.fullSlide { width:100%; position:relative; } 
.fullSlide .bd { margin:0 auto; position:relative; z-index:0; overflow:hidden; z-index:1996; 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:1996; position:relative} 
.fullSlide .bd li a { display:block; height:550px; } 
.fullSlide .hd { width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:10px; line-height:10px; } 
.fullSlide .hd ul { text-align:center; }
.fullSlide .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:20px; margin:2px; border-radius:20px; overflow:hidden; background:#fff; line-height:999px; background:#333; } 
.fullSlide .hd ul .on { background:#0C0;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:#113671; }

 
/*��������*/
.weblink{width:100%;line-height:82px;margin:0 auto;font-family:Verdana; }
.weblink ul{ background:url(../images/link.png) no-repeat 0px 20px;padding-left:160px;}
.weblink a{margin-left:5px;color:#978F8F; font:13px/22px "΢���ź�"}
.weblink a:hover{color:#978F8F;}
@media only screen and (max-width:768px) {
.weblink{ display:none}
}

.f2b{float: left;width:36%;}
.f2bl{float: left;width:100%;}
.f2bl .hd ul li{float: left;margin-right: 36px;list-style: none;}
.f2bl .hd ul{height: 32px;line-height: 32px;border-left: 5px solid #397cc3;padding-left: 20px;overflow: hidden;}
.f2bl .hd ul li a{font-size: 18px;color: #3e3e3e;}
.f2bl .hd ul li.on a{color: #397cc3;font-weight: bold;}
.f2bl .bd .bdlst ul li a{display: block;height: 79px;border: 1px solid #e5e5e5;overflow: hidden;}
.f2bl .bd .bdlst ul li a .al{float: left;background: url(../images/bg_al.png) no-repeat right center;width: 20%;text-align: center;height: 69px;overflow: hidden; margin-top:4px;}
.f2bl .bd .bdlst ul li a .al .date1{font-size: 29px;color: #666666;font-weight: bold; }
.f2bl .bd .bdlst ul li a .al .date2{color: #818181;}
.f2bl .bd .bdlst ul li a .ar{height: 69px;line-height: 69px;width:66%; overflow: hidden;float: left;padding-left:5%;font-weight: bold;background: url(../images/bg_ar.png) no-repeat right center;}
.f2bl .bd .bdlst ul li{margin-bottom: 20px;}
.f2bl .bd .bdlst .tout{height: auto;overflow: hidden;margin: 30px 0;}
.f2bl .bd .bdlst .toutl{float: left;width:48%; height:174px; overflow:hidden}
.f2bl .bd .bdlst .toutl a img{ width: 100%;display: block;}
.f2bl .bd .bdlst .toutr{float: left;width:49%; padding-left:2%;}
.f2bl .bd .bdlst .toutr h2 a{font-size: 15px;color: #4a4a4a;}
.f2bl .bd .bdlst .toutr h2{height: 40px;line-height: 40px;overflow: hidden;}
.f2bl .bd .bdlst .toutr p{color: #818181;line-height: 1.8em;margin: 5px 0 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden}
.f2bl .bd .bdlst .toutr .more a{display: block;width: 100px;height: 30px;line-height: 30px;overflow: hidden;color: #fff;background: #397cc3;text-align: center;}
  
 
.xw1{ margin:0 auto; padding-top:10px;}
.newss{  float: right; width:62%; }
.newss ul{ list-style-type:none; }
.newss ul li{ width:49.3%; float:left; line-height:30px; height:30px; margin-bottom:16px; }
.newss ul li span{ width:80px; float:right; height:30px; line-height:30px; overflow:hidden;}
.newss ul li a{ padding-left:10px; color:#333}
.newss dl{width:393px; height:120px; float:left; margin-right:10px; display:none}
.newss dl img{  margin-right:10px; width:150px; height:100px; float:left; padding-top:10px;}
.newss p{ color:#000000; font-size:14px; font-weight:900; font-family:"΢���ź�"; line-height:26px; height:26px; width:180px; overflow:hidden;}
.newss h2{ color:#0358A8; font-size:12px;font-family:"΢���ź�"; line-height:26px; height:26px}
.newss span{ line-height:22px; font-family:"΢���ź�"; height:70px; overflow:hidden; display:block; color:#000000}
 
.xinwen-s{ padding:3% 0% 1% 0%;}
.xinwen-s .tit01{ text-align:center; margin-bottom:3%; font-weight:bold}
.xinwen-s .tit01 p{ text-transform:uppercase}

@media only screen and (max-width:1200px) {
.newss ul li span{ display:none}
}
@media only screen and (max-width:1024px) { 
.newss{ width:51%}
.f2b{width:46%}
.newss ul li{ width:100%}
.newss ul li:nth-child(n+11){ display:none}
.newss ul li span{ display: inline}
.f2bl .bd .bdlst .toutl{ height:159px;}
.f2bl .bd .bdlst ul li a{ height:84px;}
}
@media only screen and (max-width:768px) {
.newss{display:none}
.f2b{width:100%}  
} 
@media only screen and (max-width:350px) { 
.f2bl .bd .bdlst .toutl a img{ width: auto; height: 100%;display: block;}
}


<!--��ҳ����--> 
{} 
.maincp li{ background:#f5f5f5} 
.maincp li:hover{ background:#045cbd} 
.maincp_top h4{ color:#045cbd}
.maincp_top h4 a{  color:#045cbd} 
.cpfl1_top{ background:#045cbd;  }
.left{ border:3px #045cbd solid }
.gsjjfl span{ border-top:190px #045cbd solid; }
.wraps_botli{  background:#045cbd!important;;border:3px #045cbd solid!important;;}
.wraps_bot ul li:hover{background:#045cbd;border:3px #045cbd solid;}



/*ҳ������*/  
#footer{ width:100%; margin:0px auto;background:url(../images/footer.jpg) no-repeat center top #183c75;background-size:cover; color:#fff; line-height:30px; } 
.footer{ padding:6% 0% 6% 0%;}
.footbot{  background:#045cbd; color:#FFFFFF; line-height:30px; padding:1% 0% 2% 0%; position:relative} 
.footbot a{ color:#FFFFFF }   
.copyright{ width:100%; margin:0px auto; color:#fff}
.copyright p{ display:inline;float:right}  
.footdivli{width:100%;background:url(../images/yinying3.png) repeat } 
.footdivli li{ width:32%; margin-top:2%}    
.footdivli li a{ color:#fff; }
.footdivli .footer_top{ width:30%; float:left; height:100px; line-height:100px; text-align:center; margin-right:6%; background:url(../images/footdivli.png) no-repeat #ebab01;background-size:100% 100%; margin-bottom:0%;}
.footdivli .footer_top a{ border-left:none; padding-left:0%}
.footdivdt{width:11%; line-height:30px;   } 
.footdivdt li{ width:100%; }  
.footdivdt li a{ color:#fff; }  
.footdivul{width:8%; float: right; text-align: center; padding:0% 0% 0% 0%;}
.footdivul h2{width:100%; line-height:50px; }  
.footdivul p{ width:100%; display:block; line-height:50px; height:50px; overflow:hidden} 
.footdivul p strong{ padding-left:10px; font-weight:normal} 
.footdivul li{width:100%; text-align: center; } 
.footdivul li img{ width:95%; margin: 0 auto; border:3px #fff solid} 
.footdivgg{ width:27%; float: left;  margin-left:2%;  }  
.footdivgg h1{ line-height:20px; height:50px; color:#ebab01; font-size:20px; margin-bottom:3%; font-weight:bold}  
.footdivgg h1 img{ padding-left:3%; margin-bottom:-6%}
.footdivgg p{ line-height:30px; color:#fff; font-size:16px}    
.footdivgg h2{ line-height:30px; color:#fff; }    
.footdivgg span{ line-height:63px; color:#fff; font-weight:bold}     
.footdivgg strong{ width:85%; background:#FFFFFF;border-radius:50px; line-height:46px; text-align:center; color:#000; display:block; font-size:16px; margin-top:3%} 
.footdivgg strong:hover{ background:#045cbd;color:#FFFFFF}
.footer_top{ color:#fff; line-height:50px; margin-bottom:10px;}   
.footer_top a{ color:#FFFFFF; height:20px; border-left:3px #fff solid; padding-left:15px;}
.footer_f{ width:35%; float:left; margin-right:3%}
.footer_fdiv{ width:100%; border-bottom:1px #CCCCCC solid; margin-bottom:6%; padding:0% 0% 6% 0%; }
.footer_fdiv li{ width:24%; float:left; line-height:50px }
.footer_fdiv li a{ color:#FFFFFF}

.footdivgg span{font-family: "AvantGardeITCbyBT-Book";font-size:36px;color:#f7c652;height:56px;line-height:56px; text-align:center; }
.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:1200px) {    
.footdivul{ display:none}
.footdivdt{ width:15%}
}  
@media only screen and (max-width:1024px) {   
.footdivdt{ display:none}
.footer_f{ width:67%} 
.footer_fdiv li{ text-align:center}
.copyright span{ display:none}
.footbot{ padding:1% 0% 3% 0%; } 
}
@media only screen and (max-width:850px) {  
.footer{ padding:3% 0% 3% 0%}
.footer_f{ width:100%}  
.footer_fdiv{ margin-bottom:3%; padding-bottom:3%}
.footer_fdiv li{ line-height:30px;} 
.footdivli{ background:none}
.footdivli .footer_top{ width:100%; height: auto; line-height:50px; font-size: 20px;margin-right:0%; text-align:center; background:none}
.footdivli .footer_top a{ color:#ebab01; }
.footdivgg{ width:100%; } 
.footdivgg p{ display:none}
.footdivgg h2{ display:none}
.footdivgg span{ width:100%; display:block}
.footdivgg h1{ text-align:center; margin-bottom:0%}
.footdivgg h1 img{ margin-bottom:-2%}
.footdivgg strong{ margin: 0 auto; width:56%; margin-top:3%}
.footer_top{ width:100%; margin-bottom:3%}
.footdivul{ display: none }  
.footdivdt{ width:100%; height:auto; padding:1% 0% } 
.footdivdt li a{ padding-left:0%}
.footdivli{ width:100%; padding:1% 0%; height:auto; } 
.footdivli li a{ color: #000}
.footdivdt li{ background:#fff; width:31.3%; margin:0% 1%; height:40px; line-height:40px;  margin-bottom:1%; text-align:center}  
.footdivdt li a{ color: #000}
.footdivli li{ background:#fff; width:31.3%; margin:0% 1%; height:40px; line-height:40px;  margin-bottom:1%; text-align:center} 
.footbot strong{ display:none}
}  
@media only screen and (max-width:768px) {   
#footer{ padding:2% 0% 0% 0%; } 
.footer{ padding:0% 0% 0% 0%; }   
.footbot{ padding:2% 0% 0% 0%; } 
.footdivli li:nth-child(n+11){ display:none}
.copyright{ float:left; text-align:center; padding-bottom:80px}  
.footbot p{ width:100%; display:block}  
.footer_top{text-align:center}
.footer_top a{color:#ebab01; border-left:none }
.footdivgg strong{ margin-bottom:3%}
  
} 

@media only screen and (max-width:600px) { 
#footer{ padding:5% 0% 0% 0%;  }  
.footdivgg{ width:97%;margin:2% 2% 2% 0%;}
 }  
 
@media only screen and (max-width:450px) { 
.copyright{ padding-bottom:100px} 
 }
/*��Ʒ����*/
.infoboxf{ width:100%; margin: 0 auto; background:#f5f5f5; padding:3% 0%; } 
.infoboxf ul{ position:relative; width:100%; float:left; height:470px}
.box { float: left;   width:25%;  position: relative;  overflow: hidden;  } 
.box:nth-child(2){ background:url(../images/box1.jpg) no-repeat;background-size:cover; height:200px; top:0%; left:0%; position:absolute }  
.box:nth-child(3){ background:url(../images/box2.jpg) no-repeat;background-size:cover; height:250px; top:200px; left:0%; position:absolute; }
.box:nth-child(3) h3{ padding-top:19%;} 
.box:nth-child(4){ background:url(../images/box5.jpg) no-repeat;background-size:cover; height:200px; top:250px; left:25%; position:absolute; text-align: center}
.box:nth-child(4) h3{ padding-top:14%;}
.box:nth-child(4) h3 b{  margin:0 auto}
.box:nth-child(5){ background:url(../images/box6.jpg) no-repeat;background-size:cover; height:200px; top:0px; left:49.9%; position:absolute;  }
.box:nth-child(5) h3{ padding-top:10%;} 
.box:nth-child(6){ background:url(../images/box7.jpg) no-repeat;background-size:cover; height:250px; top:200px; left:49.9%; position:absolute}
.box:nth-child(7){ background:url(../images/box9.jpg) no-repeat;background-size:cover; height:200px; top:250px; left:74.9%; position:absolute}
.box:nth-child(8){ background:url(../images/box8.jpg) no-repeat;background-size:cover; height:250px; top:0% ; left:74.9%; position:absolute} 
.box:nth-child(n+9){ display:none} 
.infoboxf h3 strong{ overflow:hidden; height:60px; line-height:70px; font-size:24px; display:block; font-weight:normal}
.infoboxf h3 p{ overflow:hidden; height:60px; line-height:30px; font-size:14px; display:block; font-weight:normal}
.infoboxf b{ width:9%; height:3px; background:#fff; display:block}  
.box h3{ padding:11% 11% 0% 11%; } 
.box h3 a{ color:#fff; vertical-align: middle; } 
.boxbj{ background:#ebab01;background-size:cover; height:250px; top:0%; left:25%; position:absolute; text-align:center}
.boxbj h3{padding:24% 28% 0% 28%; }
.boxbj h3 b{  margin:0 auto; width:100%}
.boxbj h3 strong{  height:70px;} 
@media (max-width: 1024px){  
.box { width:33.3333%; } 
.infoboxf ul{ height:610px}
.boxbj h3{ padding:19% 28% 0% 11%}
.box:nth-child(1){ height:200px; top:0%; left:0%;  }
.box:nth-child(2){ height:200px; top:200px; left:0%; }
.box:nth-child(3){ height:200px; top:400px; left:0%; }
.box:nth-child(3) h3{ padding-top:11%}
.box:nth-child(4){ top:0%; left:33.3333%;height:200px; text-align:left}
.box:nth-child(4) h3 b{ margin: inherit}
.box:nth-child(5){ top:200px; left:33.3333%; height:200px} 
.box:nth-child(6){ height:200px; top:400px; left:33.3333%; }
.box:nth-child(7){ height:300px; top:0px; left:66.6666%;  }
.box:nth-child(8){ height:300px; top:300px; left:66.6666%; } 
}
@media (max-width: 768px){ 
.infoboxf ul{ height:460px}
.boxbj h3{ padding:15% 28% 0% 11%}
.boxbj h3 b{ display:none}
.box:nth-child(1){ height:150px; top:0%; left:0%;  }
.box:nth-child(2){ height:150px; top:150px; left:0%; }
.box:nth-child(3){ height:150px; top:300px; left:0%; }
.box:nth-child(3) h3{ padding-top:11%}
.box:nth-child(4){ top:0%; left:33.3333%;height:150px; text-align:left}
.box:nth-child(4) h3 b{ margin: inherit}
.box:nth-child(5){ top:150px; left:33.3333%; height:200px} 
.box:nth-child(6){ height:150px; top:300px; left:33.3333%; }
.box:nth-child(7){ height:225px; top:0px; left:66.6666%;  }
.box:nth-child(7) h3{ padding-top:29%}
.box:nth-child(8){ height:225px; top:225px; left:66.6666%; } 
.box:nth-child(8) h3{ padding-top:29%}
}
@media (max-width: 650px){ 
.infoboxf h3 strong{ font-size:18px;}
}
@media (max-width: 500px){ 
.box { width:50%; float:left; position:relative} 
.infoboxf ul{ height: auto}
.infoboxf h3 strong{ font-size:18px;}
.box:nth-child(1){ height:150px; top: auto; left: auto; position:relative }
.box:nth-child(2){ height:150px; top: auto; left: auto; position:relative }
.box:nth-child(3){ height:150px; top: auto; left: auto; position:relative } 
.box:nth-child(4){ height:150px; top: auto; left: auto; position:relative} 
.box:nth-child(5){ height:150px; top: auto; left: auto; position:relative} 
.box:nth-child(6){ height:150px; top: auto; left: auto; position:relative }
.box:nth-child(7){ height:150px; top: auto; left: auto; position:relative }
.box:nth-child(7) h3{ padding-top:11%}
.box:nth-child(8){ height:150px; top: auto; left: auto; position:relative} 
.box:nth-child(8) h3{ padding-top: 11%}
}
@media (max-width: 328px){  
.box { width:100%; }  
}
 
/*��������*/
.index_about { padding:4% 0% 1% 0%}
.index_about_top { font-family:'����';}
.index_about_left {width: 100%;}
.index_about_left h3 {color: #fff; }
.index_about_left p {color: #edca5c; margin-bottom: 5px; line-height:66px;}
.index_about_left span {color: #fff;font-size: 16px;text-transform: uppercase;font-family: 'Arno Pro';}
.index_about_right {width:100%;}
.about_right_top img {vertical-align: middle;margin-right: 10px;}
.about_right_top h3 {color: #edca5c;font-size:30px;font-family: '����';text-align: right;}
.about_right_top h3 span {color: #000;font-size:24px; font-weight:bold;}
.about_right_down {text-align: right;margin-top: 20px;}
.about_right_down a {display: inline-block;width: 138px;height: 42px;text-align: center;color: #fff;line-height: 42px;border-radius: 50px;font-size: 17px;margin-left: 10px;	transition: all ease-in-out .3s; background:#045cbd}
.about_right_down a:hover{background: #e5c790;transition: all ease-in-out .3s;} 
.about_us_right {width: 67%;}
.about_us_right h3 { font-size: 32px;margin: 18px 0 20px;}
.about_us_right h3 strong{ padding-left:2%}
.about_us_right p {color: #666;font-size: 16px;line-height: 36px; }
.index_about_button {display: block;width: 187px;height: 50px;line-height: 50px;color: #fff;text-align: center;font-size: 16px;background: #e5c790;border: none;border-radius: 50px;transition: all ease-in-out .3s;cursor: pointer;margin-top: 40px;}
.index_about_button:hover {background: #e5c790;transition: all ease-in-out .3s;}
.index_about_content {width:100%;margin: 0 auto; }
.about_us_left{ width:29%; float:left; line-height:30px; font-size:16px; background:#f5f5f5;}
.about_us_left_bot{ width:100%; float:left; height:200px; overflow:hidden; margin-top:3%}
.about_us_left_bot img {vertical-align: bottom; width:100%}
.index_about_us {padding-bottom: 3%;}  


/*��վ����*/  
.wzgg{ border-left:3px #045cbd solid; margin:6%;padding:0% 0% 0% 4%;}
.wzgg_bt h2{  font-weight:bold;line-height:40px; }
.wzgg_bt span{ font-weight:bold; text-transform:uppercase; color:#BEDBFA; line-height:40px}
.announcet{ line-height:28px; }


/* ��˾���*/ 
.gsjj_bt{ width:100%; margin-bottom:3%}
.gsjj_bt h1{ display:inline;  font-weight:bold;padding-left:7px; line-height:40px; }
.gsjj_bt h1 span{font-size:16px; font-weight:bold; text-transform:uppercase; color:#BEDBFA; line-height:40px; padding-left:3%} 
.gsjj_bt h2{ float:right; text-transform:uppercase}
   
 
@media only screen and (max-width:1250px) {  
 .about_us_left{ line-height:37px}
 }
@media only screen and (max-width:1200px) {  
 .index_about_top{ margin-top:0%}
 }
@media only screen and (max-width:1160px) {  
 .announcet{ line-height:34px}
 }
@media only screen and (max-width:1024px) {  
.wzgg{ display:none}
.index_about{ padding:0%}
.index_about_left{ width:100%; text-align:center}
.index_about_right{ width:100%; text-align:center}
.index_about_left p{ line-height:45px;}
.about_right_top h3{ text-align:center}
.about_right_down{ text-align:center}
.index_about_left span{ height:20px; overflow:hidden; display:block}

.about_us_left p{ display:none}
.about_us_left{ float:none; width:100%; background:none; text-align:center}
.about_us_left_bot{ height:400px;}
.about_us_left img{ height:auto; width:80%; margin: 0 auto}
.about_us_right{ width:100%; }
.index_about_content .fr{ float: left}
.index_about_content .fl{ float: left}
.about_us_right p{overflow: hidden;transition: all ease-in-out .5s;width: calc(100% - 40px);margin: 0 auto;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.index_about_button{ margin: 0 auto}
.gsjj_bt h1{ width:100%; text-align:center; display:block; line-height:30px; padding-left:0%}
.gsjj_bt h2{ display:none}
.gsjj_bt{ margin-bottom:0%; padding:2% 0% 0% 0%;}
.gsjj_bt h1 span{ display:block} 
}
@media only screen and (max-width:768px) {  
.about_us_left_bot{ height:300px;}
.about_us_right p{overflow: hidden;transition: all ease-in-out .5s;width: calc(100% - 40px);margin: 0 auto;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} 
}
@media only screen and (max-width:678px) { 
.about_us_left_bot{ height:300px;} 
.about_us_left{ width:100%; margin:  0 auto; text-align:center; } 
.about_us_right{ width:100%; float:left}
.about_us_right h3{ text-align:center; line-height:60px; margin:0%;}
}
@media only screen and (max-width:600px) {  
.about_us_left_bot{ height:200px;}
.about_right_top h3{ font-size:24px; padding-top:3%}
.index_about_left p{ height:45px; overflow:hidden}
.index_about_us{padding-bottom:6%}
}
@media only screen and (max-width:450px) { 
.about_us_right h3 span{ display:none}
.about_us_right p{ text-indent: inherit}
}
@media only screen and (max-width:360px) {  
.about_us_left_bot{ height: auto;}
}
 
 
.maincpsy{ padding:2% 0% 3% 0%;background:url(../images/maincpsy.jpg) no-repeat center top #f5f5f5;} 
/*left*/
.cpfl_lefter{ width:100%; margin: 0 auto}
.cpfl_lefter_top{ width:100%;text-align:center; }
.cpfl_lefter_top h1{ color:#045cbd; line-height:80px;font-weight:bold; }
.cpfl_lefter_top h2{ color:#ccc;  text-transform:uppercase; line-height:50px; display:block; font-weight:bold;}
.cpfl_lefter ul{ width:100%; margin: 0 auto; padding:3% 0%;text-align: center;}
.cpfl_lefter ul li{ height:45px;line-height:45px; border:1px #CCCCCC dashed; margin:0% 0.5% 1% 0.5%; width:11.3%; text-align:center;border-radius:50px; display: inline-block;}
.cpfl_lefter ul li a{ font-size:16px; color:#000} 
.cpfl_lefter ul li strong{ font-weight:normal}
.cpfl_lefter ul li:hover{background:#045cbd;display:block}
.cpfl_lefter ul li:hover a{ color:#FFFFFF}
 
.prolist_bt{ width:100%; height:30px;  margin-bottom:10px; margin-left:5px; background:#f1f1f1; line-height:30px; display:none}
.prolist_bt h1{ float:left; font-size:18px; color:#08243C; font-weight: normal; padding-left:5px}
.prolist_bt h2{ float:left; font-size:15px; color:#ccc; font-weight: normal; text-transform:uppercase}
.prolist_bt a h3{ font-size:14px; float:right; padding-right:10px; color:#E19100; font-weight:normal}
 
/*��Ʒչʾ*/
.prolist{width:100%; margin:0 auto; }
.prolist ul{  margin: 0 auto; padding:0px;}
.prolist ul dl{float:left; width:18%; margin:0% 1% 1% 1%; background:#f1f1f1}
.prolist ul dl dt{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.prolist ul dl dt img{vertical-align:middle; height:0px; }
.prolist ul dl dd{ text-align:center; width:100%;height:50px;line-height:50px;text-decoration:none; color:#000; font-weight:bold; float:left}
.prolist ul dl li{ width:100%; float:left}  
.prolist ul dl li strong{ width:20%; margin: 0 auto; text-align:center;height:20px;line-height:20px;  font-size:14px; color:#fff; background:#CCCCCC; display:block}  
.prolist ul dl:hover li strong{ width:100%; background:#045cbd; color:#FFFFFF;transition:all 0.4s}
.prolist ul dl:hover{ background:#ccc;}

@media only screen and (max-width:1550px) { 
.cpfl_lefter_top h2{ line-height:20px} 
}
@media only screen and (max-width:1200px) {  
.noticeli{ display:none} 
.cpfl_lefter ul li{ width:18.8%; }
.prolist ul dl{ width:23%}
.prolist ul dl:nth-child(n+25){ display:none}
}
@media only screen and (max-width:1024px) {   
.cpfl_lefter ul li{ width:18.6%; }
.prolist ul dl{ width:31.333%} 
}
@media only screen and (max-width:768px) {  
.cpfl_lefter_top h1{ line-height:50px;} 
.cpfl_lefter ul li a{ font-size:14px}
.prolist ul dl{ width:48%} 
}
 
@media only screen and (max-width:550px) {   
.cpfl_lefter ul li{ width:31.6%; }
.prolist ul dl li strong{ width:38%}
}
@media only screen and (max-width:414px) {   
.prolist ul dl{ width:97%}
}
@media only screen and (max-width:328px) {   
.cpfl_lefter ul li{ border:none; background:#045cbd }
.cpfl_lefter ul li a{ color:#fff} 
}
 

.cpfl_top{ width:100%; margin: 0 auto;  text-align:center; margin-bottom:3%;background:url(../images/cpfl_top.png) no-repeat center center;background-size:100% auto; } 
.cpfl_top h2{ line-height:80px;  width:100%; color:#fff; }
.cpfl_top  strong{  } 
.cpfl_top p{ line-height:30px; height:30px; font-size:16px; display:block; width:100%; color:#fff} 
 
/*������ʽ��*/  
.news2_div{ }
.news2_div ul{ width:100%; float:left; border-bottom:1px dotted #CCCCCC; }
.news2_div ul li{ width:100%; line-height:40px; float:left;height:40px; text-align:left; overflow:hidden; font-size:16px} 
.news2_div ul dt{ float:left; text-align:left;overflow:hidden; line-height:30px;}
.news2_div ul span{ float: left;  line-height:40px; }
.news2_div ul span strong{ float:right; font-weight:normal}
 
.news4_div{ }
.news4_div ul{ float:left; }
.news4_div ul li{ width:100%; line-height:40px; float:left; height:40px; overflow:hidden; font-size:16px} 
.news4_div ul li a{  font-weight: normal; }
.news4_div ul dt{ float:left; width:100%;  line-height:30px; overflow:hidden; text-overflow:ellipsis }
.news4_div ul dl{ width:100%; float:left }
.news4_div ul dl span{ float:right; text-align:right; }
.news4_div ul dl strong{ width:30%; height:1px; background:#000; display:block; margin-top:10px; margin-right:10px; line-height:30px; float:left}
 
.news1 ul{width:100%; float:left}
.news1 ul li{ width:100%; float:left; line-height:30px; height:30px; overflow:hidden}
.news1 ul li a{  color:#333; float:left;}
.news1 ul li span{ float:right; overflow:hidden; height:30px; line-height:30px}
.news1 p{ color:#000000; font-size:14px; font-weight:900; font-family:"΢���ź�"; line-height:26px; height:26px}
.news1 h2{  font-size:14px;font-family:"΢���ź�"; line-height:20px; font-weight:normal}
.news1 a h3{ height:25px; line-height:25px; text-align:center; border:1px #CCCCCC solid; background:url(../images/icon_more.jpg) no-repeat right; margin-left:200px; font-weight:normal}
.news1 span{ line-height:22px; font-family:"΢���ź�"}
@media only screen and (max-width:768px){ 
.news2_div ul li{ font-size:14px}
.news4_div ul li{ font-size:14px}
} 

.xinwen-b{ width:100%; margin: 0 auto;background:url(../images/xinwenb.jpg) no-repeat right top ;background-size:40% 100%; padding:3% 0%}
.xinwen-bf{ width:60%; float:left}
.xinwen-bftop{ line-height:80px; color:#045cbd}
.xinwen-bftop strong{ padding-left:3%; text-transform:uppercase; color:#555555}
.xinwen-bf li span{ display:none}
.newslist1{ width:100%; margin:0 auto;}
.newslist1 li{ width:48%; float:left; height:40px; line-height:40px; margin:0% 0.5% 0% 0.5% }
.newslist1 li a{ float:left; overflow:hidden; height:40px; line-height:40px}
.newslist1 li span{float:right;font-family:Verdana;color:#000; padding-right:10px}

#left_lx{ width:28%; float: right; }
#left_lx a{ color:#FFFFFF }
#left_lx_bt{ color:#FFFFFF; }
#left_lx_bt h1{ line-height:50px; text-transform:uppercase}
#left_lx_bt h2{ line-height:50px}
#left_nr{ color:#fff;background:url(../images/footdivgg.png) no-repeat 0px 20px;}
#left_nr h1{ font-size:18px; font-weight:600; padding-left:69px; line-height:60px; height:40px}
#left_nr h2{ color:#ebab01; font-weight:bold; font-size:24px; padding-left:67px; line-height:50px}
#left_nr b{ font-size:16px ; line-height:30px}
#left_lx p{ font-size:15px; line-height:30px}
#left_lx span{ width:50%; height:50px; line-height:50px;border-radius:50px; background:#ebab01; text-align:center; color:#fff; margin-top:8% ; display:block}
@media only screen and (max-width:1350px){ 
.xinwen-b{ background-size:36% 100%; }
}
@media only screen and (max-width:1200px){ 
.newslist1 li{ width:49%}
.newslist1 li:nth-child(n+21){ display:none}
#left_lx span{ width:87%}
}
@media only screen and (max-width:1024px){ 
#left_lx{ width:32%}
}
@media only screen and (max-width:850px){ 
.xinwen-b{ background-size:39% 100%; }
#left_lx{ width:33%}
}
@media only screen and (max-width:768px){ 
.xinwen-b{ background:none}
#left_lx{ width:100%;background:url(../images/xinwenb.jpg) no-repeat left top ; padding:3% 0%}
#left_lx_bt{ text-align:center}
#left_nr{ width:30%; margin: 0 auto}
.xinwen-bf{ width:100%; padding-bottom:3%}
.newslist1 li{ width:100%;height:30px; line-height:30px;}
.newslist1 li:nth-child(n+6){ display: none}
.xinwen-bf li span{ display: inline}
.xinwen-bftop{ text-align:center}
#left_lx span{ margin: 0 auto; margin-top:8% } 
#left_lx p{ width:40%; float:left; margin-left:10%; height:30px; overflow:hidden}
}
@media only screen and (max-width:600px){  
#left_lx p{ margin-left:6%;}
}
@media only screen and (max-width:570px){  
#left_nr{ width:91%}
#left_lx p{ width:100%;}
}
@media only screen and (max-width:400px){  
.xinwen-bf li span{ display:none}
}
@media only screen and (max-width:328px){ 
.xinwen-bftop{ line-height:40px;} 
.xinwen-bftop strong{ display:block}
}

.maincpsytops{ text-align:center; line-height:50px; font-weight:bold} 
.maincpsytops strong{  }
.maincpsytops b{ width:15px; height:15px; background:#045cbd;border-radius:50px; display: inline-table; margin:0% 2%}
.ejfl{ padding-top:3%}
.ejfl ul{ width:32.3333%; float:left; margin:0% 0.5% 1% 0.5%;}
.ejfl ul h2{ height:204px; overflow:hidden; width:48%; margin-right:3%; float:left}
.ejfl ul h2 img{ height:100%; } 
.ejfl .cplx{width:47%; height:204px; float:left; }
.ejfl .cplx p{ font-size:18px; line-height:50px; height:50px; overflow:hidden}
.ejfl .cplx li{ font-size:15px; line-height:30px; height:150px; overflow:hidden}
.ejfl .cplx dl{ width:100%; font:16px/130px "΢���ź�"; height:80px;  color:#fff; display:none; text-align:center}
.ejfl .cplx span{ width:100%; font: bold 24px/60px "΢���ź�"; color:#fff; display:none; text-align:center}
.ejfl ul:hover{ background:#045cbd}
.ejfl ul:hover .cplx p{ display:none}
.ejfl ul:hover .cplx li{ display:none}
.ejfl ul:hover .cplx dl{ display: block}
.ejfl ul:hover .cplx span{ display: block}
.ejfl ul:nth-child(4){ display:none}

.maincpsytops_bot{ text-align:center; width:20%; margin: 0 auto; border-radius:50px; margin-top:3%; overflow: hidden}
.maincpsytops_bot h2{ width:70%; float:left; height:50px; line-height:50px; background:#045cbd; color:#FFFFFF; display:block}
.maincpsytops_bot span{ width:30%; float:left; height:50px; line-height:50px; background:#ebab01; color:#fff; display:block}
@media only screen and (max-width:1024px){ 
.ejfl ul{ width:49%;}
.ejfl ul:nth-child(4){ display: block}
.maincpsytops_bot{ width:41%;}
}
@media only screen and (max-width:650px){ 
.ejfl ul h2{ width:100%; margin-right:0%} 
.ejfl ul h2 img{ height:100%; width:100%; } 
.ejfl .cplx{width:100%; height: auto; float:left; }
.ejfl .cplx p{ font-size:18px; line-height:50px; height:50px; overflow:hidden; text-align:center}
.ejfl .cplx li{ display:none}
.ejfl .cplx dl{ display:none; }
.ejfl .cplx span{  display:none; }
.ejfl ul:hover{ background:#045cbd}
.ejfl ul:hover .cplx p{ display: block; color:#FFFFFF; text-align:center}
.ejfl ul:hover .cplx li{ display:none}
.ejfl ul:hover .cplx dl{ display:none}
.ejfl ul:hover .cplx span{ display:none}
.maincpsytops_bot{ width:66%;}
}
@media only screen and (max-width:414px){ 
.ejfl ul h2{ height:160px;}
}
 
.xinwen-c{background:url(../images/xinwen-c.jpg) no-repeat center top ;background-size:cover; width:100%; margin: 0 auto; padding:3% 0%}
.xwxx{ width:100%; float:left; }
.xwxxtop{ background:url(../images/yinying3.png) no-repeat center top;background-size:50% 100%; font-weight:bold; text-align:center; padding:3% 0%; margin-bottom:3%}
.xwxxtop h2{ line-height:50px; color:#FFFFFF}
.xwxxtop span{ width:100%; color:#fff; line-height:30px; height:30px; overflow:hidden; font-size:14px; text-transform:uppercase}

.xwxxbot{ width:100%; float:left}
.xwxxbot_t{ width:30%; float:left}
.xwxxbot ul{  border-top:#ebab01 3px solid; background:#f5f5f5; padding:13px 3% 11px 3%; float:left; margin-bottom:15px}
.xwxxbot ul span{ width:20%; float:left;  height:100px; overflow:hidden; margin-top:3%}
.xwxxbot ul dl{ width:75%; padding-left:5%; height:128px; overflow:hidden}
.xwxxbot ul dl h3{ height:50px; line-height:50px; overflow:hidden}
.xwxxbot ul dl p{ height:60px; line-height:30px; overflow:hidden}  
.xwxxbot_ts ul:nth-child(1) span{ background:url(../images/xwxxbot1.png) no-repeat center top;background-size:100% auto; }
.xwxxbot_ts ul:nth-child(2) span{ background:url(../images/xwxxbot2.png) no-repeat center top;background-size:100% auto;}
.xwxxbot_ts ul:nth-child(3) span{ background:url(../images/xwxxbot3.png) no-repeat center top;background-size:100% auto;}
.xwxxbot_tb ul:nth-child(1) span{ background:url(../images/xwxxbot4.png) no-repeat center top;background-size:100% auto;}
.xwxxbot_tb ul:nth-child(2) span{ background:url(../images/xwxxbot5.png) no-repeat center top;background-size:100% auto;}
.xwxxbot_tb ul:nth-child(3) span{ background:url(../images/xwxxbot6.png) no-repeat center top;background-size:100% auto;}

.newsfocus_c{ width:32%; margin:0% 1% 0% 1%; float:left; padding:40px 3% 40px 3%; background:#f5f5f5}
.newsfocus{ }
.newsfocus div{width:100%;height:150px; overflow:hidden}
.newsfocus div img{  width:100%}
.newsfocus h3{  width:100%; line-height:50px; text-align:center; font-size:18px} 
.newsfocus p{ width:100%; color:#000;line-height:30px; height:60px; margin-bottom:3%; overflow:hidden}

.newslist li{color:#000; width:50%; float:left; height:28px; line-height:28px; list-style-type:none; overflow:hidden}
.newslist li a{color:#000;}
.newslist li span{float:right;font-family:Verdana;color:#000; display:none}
 
@media only screen and (max-width:1200px){ 
.xwxxtop{ background-size:65% 100%; }
.xwxxbot_tb{ display:none}
.xwxxbot_t{ width:39%; float:left}
.newsfocus_c{ width:53%;}
}
@media only screen and (max-width:1024px){ 
.xwxxtop{ background-size:80% 100%; }
}
@media only screen and (max-width:768px){ 
.xwxxtop span{ display:none}
.xwxxbot_t{ display:none}
.newsfocus_c{ width:94%;}
} 
@media only screen and (max-width:500px){ 
.xwxxtop{ background-size:100% 100%; }
.newslist li{  width:100%;}
.newslist li:nth-child(n+6){ display:none}
.newslist li span{ display: inline}
}
@media only screen and (max-width:450px){ 
.xwxxtop{ background-size:100% 100%; }
}
@media only screen and (max-width:414px){  
.newslist li span{ display: none}
}
@media only screen and (max-width:328px){  
.xwxxtop h2 strong{ display:block; width:100%}
.newsfocus div{ height:auto}
}

/*����*/
.mainkszy{ width:100%; margin: 0 auto; padding:3% 0%;}
.mainkszy .tit01{ text-align:center; margin-bottom:3%}
.mainkszy .tit01 span{ line-height:30px; font-size:14px; height:30px; overflow:hidden}
.mainkszy .tit01 h2{ font-weight:bold; line-height:50px;}
.mainkszy .tit01 p{ line-height:40px; text-transform:uppercase}
.lx-case{ 
	margin:0 auto;
	padding:0;
	height: auto;
}
.lx-case li{
  float: left;
  width: 25%;
  border:1px solid #fff;
  box-sizing: border-box;
}
.lx-case li .tu{
  position: relative;
  width: 100%;
  height:193px;
  overflow: hidden;
}
.lx-case li .tu img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.lx-case li:hover .tu img{
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.lx-case li .uptit{
  display: block;
  background-color: #3e3e3e;
  transition: all 0.5s ease-out;
}
.lx-case li:hover .uptit{
  background-color: #045cbd;
}
.lx-case li .uptit h3{
  display: block;
  padding: 10px 10px 5px 10px;
  font-size: 15px;
  color: #d8d8d8;
  /*text-shadow: 0.1em 0.1em 0.05em #333;*/
  text-align: center;
  /*font-weight: 700;*/
  /*text-shadow: -1px -1px white, 1px 1px #333;*/
  transition: all 0.3s ease-out;
}
.lx-case li .uptit p{
  padding:0px 10px 10px 10px;
  font-size: 12px;
  color: #8b8b8b;
  /*text-shadow: 0.1em 0.1em 0.05em #333;*/
  text-align: center;
  transition: all 0.3s ease-out;
}
.lx-case li:hover .uptit h3,.lx-case li:hover .uptit p{
  color: #fff;
}
@media only screen and (max-width:1024px){  
.lx-case li{ width: 25%; }
.lx-case li:nth-child(5){ display:none}
}
@media only screen and (max-width:850px){  
.lx-case li{ width: 33%; }
.lx-case li:nth-child(4){ display:none}
.mainkszy .tit01 span{ font-weight:normal}
}
@media only screen and (max-width:650px){  
.lx-case li{ width: 49%; }
.lx-case li:nth-child(4){ display: inline}
}
@media only screen and (max-width:450px){  
.lx-case li .tu img{ width:auto}
}

.mainys{ width:100%; padding:3% 0%; background:#f5f5f5}
.mainys .m-tit{
  padding:0% 0% 3% 0%; 
  color: #333;
  font-weight: bold;
  text-align: center;
}
.mainys .col-xs-6{ width:23%; background:#FFFFFF; float:left;  margin:0% 1%}
.mainys .foot-tb{ border:1px solid #cbcbcb; width:100%;
  padding:8% 0%;
  text-align: center; float:left; 
}
.mainys .foot-tb img{ margin: 0 auto;}
.mainys .foot-tb p{
  display: block;
  margin-top: 15px;
  font-size: 24px;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.mainys .foot-tb span{
  display: block;
  margin-top: 15px;
  font-size: 15px;
  color: #181717;
  text-align: center;
}
@media only screen and (max-width:1024px){ 
.mainys .col-xs-6{ width:31.3333%;}
.mainys .col-xs-6:nth-child(4){ display:none}
.mainys .foot-tb p{ font-size:18px}
}
@media only screen and (max-width:768px){ 
.mainys .col-xs-6{ width:48%;}
.mainys .col-xs-6:nth-child(4){ display: inline; }
.mainys .col-xs-6:nth-child(3) .foot-tb{ border-top:none}
.mainys .col-xs-6:nth-child(4) .foot-tb{ border-top:none}
.mainys .foot-tb span{ height:22px; overflow:hidden}
}
@media only screen and (max-width:500px){  
.mainys .foot-tb span{ height:50px; padding:0% 9%; overflow:hidden}
}



.xinwen-t{ width:100%; margin: 0 auto;background: linear-gradient(to right,#045cbd,#045cbd,#000,#000,#000);} 

/*��ҳ��ϵ����*/ 
.lx{ width:48%; float: left; padding:6% 0% 4% 0%; background:#045cbd}  
.lx_top{ width:100%;  margin-bottom:3%; float:left; display:block; color:#FFFFFF}
.lx_top img{   float:left; display:none} 
.lx_top h2{ line-height:40px; font-weight:bold}
.lx_top span{ line-height:40px;}
.lxbot{width:100%; float:left; } 
.lxbot p{font:16px/40px "΢���ź�"; color:#fff; width:50%; float:left} 
.lx_ewm{ display:none}
.lx_b{margin-top:3%; display:block}
.lx_b a{ width:100%; display:block; text-align:center}
.lx_b b{ text-align:center; line-height:50px; height:50px;  background:#ebab01; color:#FFFFFF; padding:2% 16%;border-radius:50px; margin: 0 auto; font-size:18px}
@media only screen and (max-width:1200px) {     
.lxbot p{ font-size:14px; line-height:50px} 
}
@media only screen and (max-width:1024px) {   
.lxbot p{ width:100%; line-height:30px;}
.lx_top span{ line-height:60px}
}
@media only screen and (max-width:850px) {    
.xinwen-t{ background:#000}  
.lx{ width:98%; padding:0% 1%; background:none}
.lx_top img{ width:100%; background:#FFFFFF; display:block; margin-bottom:3%}  
.lx_top{ display:none}
.lxbot{ display:none}
} 
@media only screen and (max-width:500px) {   
.lxbot p{ width:100%; float:left} 
.lxbot{ width:70%}
.lx_ewm{ width:30%; float:right; display:block}
.lx_ewm img{ width:95%; margin-top:5%; border:2px #FFFFFF solid}
}
@media only screen and (max-width:328px) {    
.lxbot{ width:100%}
.lx_ewm{  display: none}
}

.advantage{ width:52%; float:left;background:#000; padding:0% 0% 0% 0% } 
.advantage_top{ width:100%; margin: 0 auto; text-align:center; color:#FFFFFF; margin-bottom:4%}
.advantage_top a{ color:#FFFFFF}
.advantage_top h1{ line-height:50px; font-weight:bold}
.advantage_top h1 b{ display:inline-table; width:10px; height:10px; background:#FFFFFF; margin:0% 1% 0% 1%;}
.advantage_top span{ line-height:16px; font-size:21px; text-transform:uppercase}
.advantage_top p{ line-height:50px;} 
.advantageul{ width:33%; height:130px; float:left; border:1px solid rgba(255, 255, 255, 0.2); border-left:none; border-top:none; padding:4% 0% 4% 0%; display:block}

.advantageul ul{width:100%; float:left; text-align:center} 
.advantageul ul h1{ width:100%; float:left; text-align:center}
.advantageul ul h1 img{ width:21%; margin: 0 auto; padding:5% 5% 5% 5%; }
.advantageul ul h2{ width:100%; float:left; line-height:50px; height:50px; overflow:hidden; color:#FFFFFF;transition:all 0.5s linear;} 
.advantageul ul span{font-size: 14px;line-height:28px; display:none; padding:0% 2%; color:#FFFFFF} 
.advantageul:nth-child(1):hover{ background:url(../images/advantageul1.jpg) no-repeat;background-size:100% 100%;}
.advantageul:nth-child(2):hover{ background:url(../images/advantageul2.jpg) no-repeat;background-size:100% 100%;}
.advantageul:nth-child(3):hover{ background:url(../images/advantageul3.jpg) no-repeat;background-size:100% 100%;}
.advantageul:nth-child(4):hover{ background:url(../images/advantageul4.jpg) no-repeat;background-size:100% 100%;}
.advantageul:nth-child(5):hover{ background:url(../images/advantageul5.jpg) no-repeat;background-size:100% 100%;}
.advantageul:nth-child(6):hover{ background:url(../images/advantageul6.jpg) no-repeat;background-size:100% 100%;}
.advantageul:hover h1 img{ display:none;transition:all 0.5s linear;} 
.advantageul:hover span{ display:inline;transition:all 0.5s linear;}
 
@media only screen and (max-width:1200px){ 
 .advantage{ width:43%}
 .advantageul{ width:49.5%; height:100px;}
 }
@media only screen and (max-width:1024px){ 
 .advantage{ width:50%} 
 } 
@media only screen and (max-width:850px){ 
 .advantage{ width:100%; padding:2% 0% 5% 0%} 
 .advantageul{  height:140px;}
 }
@media only screen and (max-width:768px){  
 .advantageul{  height:130px; padding-top:0%}
}
@media only screen and (max-width:600px){  
 .advantageul{  height:100px; } 
 .advantageul ul h2{ line-height:30px;} 
 .advantageul:hover h2{ line-height:60px;}
}
  
@media only screen and (max-width:414px){   
 .advantageul{  height:110px; }
.advantageul ul h1 img{ width:39%}
}
 


.fwcn{ width:100%; margin: 0 auto;background:url(../images/fwcn.jpg) no-repeat center top ;background-size:cover; }
.fwcn ul{ width:100%; float:left; padding:9% 0% 3% 0%; }  
.fwcn li{ width:100%; padding-bottom:1%}
.fwcn li h2{  line-height:110px; font-size:110px; color:#fff; font-weight:bold; font-family:Impact; float:left}
.fwcn li span{  line-height:70px; color:#fff; padding-left:30px; font-weight:bold;}
.fwcn li p{  line-height:40px; color:#fff; padding-left:150px; }  
.fwcn ul strong{ width:160px; height:50px; line-height:50px; background:#ebab01; display:block; text-align:center; color:#FFFFFF; }
@media only screen and (max-width:1450px){ 
.fwcn ul{ padding:6% 0% 3% 0%}
}
@media only screen and (max-width:1024px){ 
.fwcn li{ padding-bottom:3%}
.fwcn li h2{ font-size:80px}
.fwcn li span{ line-height:60px; height:40px;}
.fwcn li p{ line-height:30px; padding-left:121px; font-size:18px}
}
@media only screen and (max-width:900px){  
.fwcn li p{ font-size:14px}
}
@media only screen and (max-width:700px){  
.fwcn li p{  width:100%; display:block; padding-left:0px; line-height:7px;}
.fwcn li span{ line-height:110px;}
}
@media only screen and (max-width:479px){   
.fwcn{background-size:160% 100%; background:url(../images/fwcns.jpg) no-repeat center top;}
.fwcn li{ width:100%; display:block}
.fwcn li span{ width:100%; display:block; padding-left:0%; float:left; line-height:40px}
.fwcn li h2{ width:100%;font-size:53px; line-height:70px;  display:block; float:left; padding-left:3%}
.fwcn li p{ display:none}
.fwcn ul strong{ float:left; display:block; height:40px; line-height:40px}
}