.maindh{ height:80px; overflow:hidden; display:none }
.maindh ul li strong{ float:left; font-size:16px; line-height:80px; font-weight:normal}
.maindh ul{ float:left; }
.maindh ul li{ display:inline; float:left;}
.maindh ul li dt{width:100%;float:left; overflow:hidden;max-height:300px;position:relative;padding-bottom:100%;display: none; }
.maindh ul li dt img{ width:100%; height:100%; float:left; position:absolute;}  
.maindh ul li h3{ float:left;line-height:80px; font-weight:normal}
.maindh_top{ text-align:center; display:none; margin-bottom:3%}
.maindh_top span{ font: 18px/30px "΢ÈíÑźÚ"; color:#333; text-transform:uppercase;background:url(../images/prolist_top.gif) no-repeat center bottom; display:block; }
.maindh_top p{ font: bold 30px/40px "΢ÈíÑźÚ"; color:#045cbd;} 
@media only screen and (max-width:1024px) { 
.maindh{ height: auto; padding:3% 0% 3% 0%;}
.maindh_top{ display: block}
.maindh ul strong{ display:none}
.maindh ul li{ display: block; width:23%; margin:0% 1% 1% 1%; float:left;}
.maindh ul li h3{ width:100%; height:50px; line-height:50px; font-size:16px; overflow:hidden; text-align:center; float:left}
.maindh ul li h3 b{ display:none}
.maindh ul li:nth-child(1){ display:none}
.maindh ul li:nth-child(n+14){ display:none}
.maindh ul li dt{ display:block}
}
@media only screen and (max-width:768px) { 
.maindh_top p{ font-size:24px}
.maindh ul li{ width:48%;}
}

.mainsyab{ width:100%; margin: 0 auto; background:url(../images/mainsyab.jpg) no-repeat center bottom #f5f5f5;background-size:cover;} 
.announce{ line-height:30px; height:54px; overflow:hidden; color:#333 } 
.announce .n_part1{ display:none} 
.companyt{ width:67%; float: right; background:url(../images/companyt.png) no-repeat right bottom; padding:10px 0% 0% 0%; }
.company_top{ width:100%; padding:0% 0% 0% 0%; text-align:center; }
.company_top h1{ font: bold 30px/47px "΢ÈíÑźÚ";display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; color:#045cbd}
.company_top h1 strong{ padding-left:2%}
.company_top h2{ font-size:24px; font-weight:bold; line-height:30px; text-transform:uppercase; display:none }
.company_top b{ width:75px; height:5px; background:#e3a233; display: none; margin:5px 0px 10px 10px;} 
.companyt p{ line-height:30px; display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical; overflow:hidden; color:#333 }  

.icompany_b{ width:200px; height:50px; line-height:50px;border:1px #CCCCCC solid; font-size:16px; color:#000; text-align:center; margin-top:10px; margin-bottom:10px }
.icompany_b:hover{border:1px #045cbd solid; background: #045cbd; color:#FFFFFF}
.company{ width:31%; float: left; height:341px; background:url(../images/company.jpg) no-repeat left top;background-size:cover; text-align:center} 
.company img{ max-width:none; width:80%; margin: 0 auto; display:none}  

@media only screen and (max-width:1200px) {   
.company_top h1{ font-size:24px}
.company_top h2{ font-size:24px; line-height:30px}
.announce{ display:none} 
.icompany_b{ margin:25px auto; line-height:40px; height:40px;}  
.company_top b{ width:50px;} 
.company{ height:330px;}
}
@media only screen and (max-width:1024px) { 
.companyt{ width:100%;}
.company{ width:50%; float:none; margin: 0 auto; background:none; height:auto}  
.company img{ display:block}
}
@media only screen and (max-width:850px) {   
.company_top h1{ font-size:20px}
.company_top h2{ font-size:20px} 
.companyt p{display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden; }  
.icompany_b{ margin:0 auto; margin-top:30px; margin-bottom:30px } 
}
@media only screen and (max-width:550px) {
.company{ width:98%;}  
}
@media only screen and (max-width:414px) {  
}


.news { }
.news ul{ }
.news ul li{ line-height:30px; height:30px; overflow:hidden;font-size:16px}
.news ul li a{}
.news ul li span{ float:right; }

.mainone{ width:100%; margin: 0 auto; padding:0% 0%;background:url(../images/mainone.jpg) no-repeat center bottom;background-size:cover; }
.mainone_top{ text-align:center; margin-bottom:1%; }
.mainone_top h1{ font-size:30px; line-height:50px; font-weight: bold}
.mainone_top li{ color:#666666; width:42%; margin: 0 auto; height:40px; overflow:hidden}
.mainone_top li h2{ width:31%; margin:0% 1%; float:left; line-height:40px; height:40px; font-size:14px; background:#f5f5f5;border-radius:50px; overflow:hidden}
.mainone_top p{ background:#045cbd; height:2px; width:40px; margin: 0 auto; display:block}
.mainone_top li h2:hover{ background:#045cbd; color:#FFFFFF}

.xw1{ width:45%; float:left; background:#f5f5f5;margin-bottom:20px; }
.xw1_img{ width:30%; float:left}
.xw1_img dl dd{ height:130px; overflow:hidden; margin-bottom:20px; }
.xw1_img dl dd img{ width:100%}
.xw1_img dl dd:nth-child(3){ display:none}
.xw1 ul{ width:60%; float:right}
.xw1_ul{ height:100px; overflow:hidden; margin-bottom:0px; }
.xw1_ul p{ height:32px; line-height:30px; overflow:hidden; }
.xw1_ul h1{ border:1px #CCCCCC solid; padding:8px 30px; text-align:center; font-size:14px; line-height:40px; display:inline}
.xw1 .news{ padding:10px 40px 10px 40px; clear:both; }
.news5{ float: right; width:53% }
.news5_div ul{ }
.news5_div ul li{ width:50%; height:30px; line-height:30px;float:left; overflow:hidden; margin-bottom:2px; }
.news5_div ul li a{ padding-left: 16px;position: relative; }
.news5_div ul li a:after{position: absolute;width: 4px;height: 4px;content: "";border: 1px solid #9f9f9f;border-radius: 100%;left: 0;top: 5px;} 
.news5_div ul li span{ float:right; margin-right:10px;}

@media only screen and (max-width:1680px) {
.news5_div ul li span{ display:none}
}
@media only screen and (max-width:1200px) {
.mainone_top h1{ font-size:30px;}
.mainone_top li{ width:60%;}
.news5_div ul li{ width:100%; }
.news5_div ul li:nth-child(n+11){ display:none}
.news5_div ul li span{ display: inline}
.xw1_img dl dd img{ width: auto; height:100%; max-width:none}
}
@media only screen and (max-width:1024px) {
.xw1{ width:54%;}
.news5{ width:41%; }
.mainone_top li{ width:80%;}
}
@media only screen and (max-width:900px) {
.news5_div ul li span{ display:none}
}
@media only screen and (max-width:768px) {
.mainone_top h1{ font-size:24px;}
.news5{ display:none}
.xw1{ width:100%; background:none}
.xw1 .news{ padding:0%;}
.mainone_top li{ width:100%;}
.xw1_img{ width:21%}
.xw1 ul{ width:77%}
}
@media only screen and (max-width:550px) {
.xw1_img{ width:36%}
.xw1 ul{ width:64%}
}
@media only screen and (max-width:450px) {
.xw1_img{ width:46%;}
.xw1 ul{ width:52%}
.xw1_ul h1{ border: none; padding:0%}
}
@media only screen and (max-width:414px) {
.mainone_top li h2{ width:47%}
.xw1_img{ width:100%; }
.xw1_img dl dd{ width:30.77777%; float:left}
.xw1_img dl dd:nth-child(2){ margin:0% 2%}
.xw1_img dl dd img{}
.xw1 ul{ width:100%; }
.xw1_ul{ width:90%; padding:5%; background:#f5f5f5; margin-bottom:10px;}
.xw1_ul h1{ border: none; padding:0%} 
}


.maintwo{ background:#f5f5f5;}
.maintwo_top{ text-align:center;  }
.maintwo_top h1{ font-size:30px; line-height:40px; font-weight: bold} 
.maintwo_top h2{ line-height:40px; font-size:14px; color:#666; display:none }
.mainone_top p{ background:#045cbd; height:2px; width:40px; margin: 0 auto; display:block}
 
.maintwo .part4{ border-bottom:1px #CCCCCC dotted; height:50px; margin-bottom:10px }
.maintwo .part4 h1{ font-size:24px; line-height:60px; float:left; }
.maintwo .part4 h2{ font-size:14px; line-height:60px; float:right }


.xw2{ width:31%; float:left;background:#FFFFFF; }
.xw2 ul li{ padding:20px 30px 0px 40px; }
.xw2 ul span{ padding:0px 30px 10px 40px;display:block; float:left}
.xw3{ width:31%; float:left; margin:0% 3% 0% 4%;}
.xw3_bot{ height:240px;background:url(../images/xw3_bot.jpg) no-repeat center bottom;background-size:cover; margin-bottom:10px;}
.xw3 ul span{ line-height:11px;display:block; float:left}
.xw4{ width:31%; float: right; }
.xw4 ul li{ margin-bottom:0px;}
.xw2_top{ width:100%; height:297px; overflow:hidden; }
.xw2_top h1{ background:url(../images/mao.png) no-repeat 14px center #045cbd; color:#FFFFFF; font-size:24px; line-height:60px; padding:30px 0px 47px 62px;}
.xw2_top h1 span{ float:right; font-size:14px; line-height:60px; padding-right:20px;}
.xw2_top h3{ margin:-30px 40px 20px; height:320px;background:url(../images/xw2_top.jpg) no-repeat center bottom;background-size:cover; }
@media only screen and (max-width:1200px) {
.xw2{ width:48%; }
.xw3{ display:none;}
.xw4{ width:48%; }
}
@media only screen and (max-width:850px) {
.maintwo_top h1{ font-size:24px;}
.xw2{ width:100%; }
.xw3{ display:none;}
.xw4{ display:none;}
.xw2_top h1{ font-size:20px}
.xw2_top h3{ background:url(../images/xw2_top.jpg) no-repeat center  top;background-size:100%; }
}
@media only screen and (max-width:500px) { 
.xw2_top h3{ background:url(../images/xw2_top.jpg) no-repeat center  top;background-size:cover; }
}
@media only screen and (max-width:450px) {
.xw2 ul li span{ display: none }
.xw2_top h1 span{ display:none}
}

.mainthree{ padding:1% 0%; }
.mainthree .part4{ border-bottom:1px #CCCCCC dotted; height:50px; margin-bottom:10px; overflow:hidden}
.mainthree .part4 h1{ font-size:24px; line-height:50px; display:inline }
.mainthree .part4 h2{ font-size:14px; line-height:50px; float:right }
.xw5{ width:31%; float:left;}
.xw5 dl{ height:286px; overflow:hidden; }
.xw5 dl img{ width:100%; margin-bottom:20px;}
.xw5 h1{ padding-left:30px;background:url(../images/n1.png) no-repeat left center;}
.xw6{ width:31%; float:left; margin:0% 3% 0% 4%;} 
.xw6 dl{ height:286px; overflow:hidden; }
.xw6 dl img{ width:100%}
.xw6 h1{ padding-left:30px;background:url(../images/nn2.png) no-repeat left center;}

 
.lxwm{ width:31%; float:right; background:url(../images/lxwmbg.jpg) no-repeat right bottom #f5f5f5; }
.lxwm .n_part1{ font-size:24px; line-height:60px; margin:30px 0px 0px 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lxwm .n_part1 span{ padding-left:30px;}
.lbot{ padding:10px 0 20px 50px; }
.lbot p{ color:#000; line-height:30px; font-size:16px; }
.lxwm_b{ margin:0px 50px; height:110px; background:url(../images/lxwm_b.jpg) no-repeat center  top;background-size:cover;}

@media only screen and (max-width:1200px) {
.xw5{ width:48%; }
.xw6{ display:none;}
.lxwm{ width:48%; }
}
@media only screen and (max-width:1024px) {
.lxwm .n_part1 span{ display:none}
}
@media only screen and (max-width:850px) {
.xw5{ display:none; }
.lxwm{ width:100% ;} 
.lxwm .n_part1{ text-align:center; }
}
@media only screen and (max-width:450px) {  
.lxwm_b{ height:100px;}
}


.mainsycp{ padding:0% 0%; }  
.sfl{ width:100%; margin: 0 auto; background:#f2f2f2; padding:0% 0%; }
.sfl ul li{  width:18.5%; float:left; height:50px; margin:0% 0.5% 0% 1%; line-height:50px; overflow:hidden}
.sfl ul li a{float: left;font-size: 15px;color: #666;line-height: 44px;padding-left: 16px;position: relative; } 
.sfl ul li a:after{position: absolute;width: 4px;height: 4px;content: "";border: 1px solid #9f9f9f;border-radius: 100%;left: 0;top: 19px;} 
.sfl ul li:hover a{ color:#045cbd} 
.sfl ul li a:hover:after{border-color: #045cbd;}
.cpflli{   background:#f97831!important; }
.cpflli a{ color:#FFFFFF!important;}
.cpfllino{ display:none}
.cpfl_fot{ width:100%; height:85px;display:block}
.sfl ul li:nth-child(n+11){ display:none} 
@media only screen and (max-width:1024px) {
.sfl ul li{ width:31.5%}
.sfl ul li:nth-child(n+10){ display:none} 
}
@media only screen and (max-width:768px) {
.sfl{ padding:1% 0% 0% 0%}
.sfl ul li{ width:48%; background:#045cbd; text-align: center; margin:0% 1% 1% 1%;}
.sfl ul li a{ color:#FFFFFF; width:100%; text-align:center; padding:0%;}
.sfl ul li a:after{ display:none;} 
.sfl ul li:hover a{ color:#fff} 
.sfl ul li a:hover:after{border: none;}
.sfl ul li:nth-child(n+10){ display: inline} 
}
 
.prolist_top{ text-align:center}
.prolist_top span{ font: 26px/60px "΢ÈíÑźÚ"; color:#333; text-transform:uppercase;background:url(../images/prolist_top.gif) no-repeat center bottom; display: none; }
.prolist_top p{ font: bold 30px/40px "΢ÈíÑźÚ"; color:#045cbd;} 
.cpzs{ padding:1% 0% 0% 0%; margin: 0 auto}
.cpzs .part2{ display:none}
.prolist div{ width:23.8%; float:left; margin: 0% 0.5% 0% 0.5%; padding:0.1% 0.1% 0% 0.1%; background:#FFFFFF } 
.prolist div h2{width:100%;float:left; overflow:hidden;max-height:300px;position:relative; display:block; padding-bottom:100%}
.prolist div h2 img{ width:100%; height:100%; float:left; position:absolute;}  
.prolist div h3{ height:50px; line-height:50px; text-align:center; width:100%; float:left; color:#000; font-size:16px; overflow:hidden; z-index:1999; position:relative}  
.prolist div img {width: 100%;height:100%; display: block;transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s;} 
.prolist div:hover img {transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1);}   
@media only screen and (max-width:1200px) {  
.prolist_top p{ font-size:30px;} 
}
@media only screen and (max-width:1024px) {
.prolist div{ width:31.8%} 
}
@media only screen and (max-width:850px) {  
.prolist_top p{ font-size:24px;}
.prolist_top span{ font:18px/30px "΢ÈíÑźÚ"}
.prolist div{ width:30.333333%; margin: 0% 1% 1% 1%; padding:0.5%; } 
.prolist div:nth-child(16){ display:none} 
}
@media only screen and (max-width:768px) {  
.prolist_top span{ font-size:20px;} 
.prolist div:nth-child(16){ display: inline}
.prolist div{ width:46%; background:#045cbd;}
.prolist div  h3 a{ color:#FFFFFF } 
}
@media only screen and (max-width:414px) {
.prolist_top p strong{ display:none}
}
.ryzz{ padding:0% 0%;background:url(../images/ryzzs.jpg) no-repeat center top #045cbd;background-size:cover;  }
.s_bt{ text-align:center;  }
.s_bt dt{ font-size:30px; line-height:60px; color:#FFFFFF ;font-weight: bold}
.s_bt dt i{ height:90px; overflow:hidden; width:100%; display:block;background:url(../images/footnav.png) no-repeat center top; display:none}
.s_bt dd{ font-size:18px; line-height:30px; color:#fff; text-transform:uppercase; font-weight:normal; display:none }
.s_bt p{ background:#fff; height:2px; width:40px; margin: 0 auto; display: none} 
.TesBox_nr { }
.TesBox_nr dl {width:18%; background: #FFF; float: left;margin: 0% 1% 1% 1%; padding:0%  0% 0px 0%;}
.TesBox_nr dl dt{width:100%; overflow:hidden;max-height:300px; display:block; position:relative; padding-bottom:75%; text-align:left}
.TesBox_nr dl dt img{ width:100%; float:left; position:absolute;}  
.TesBox_nr dl p {height: 24px; width:100%; text-align: center;}
.TesBox_nr dl p img{ margin: 0 auto; margin-top:-30px; z-index:1999; position:relative}
.TesBox_nr dl h3 {height: 45px;line-height: 45px; font-size: 20px;font-weight: bold;color: #494949;text-align: center; overflow:hidden} 
.TesBox_nr dl b{height:5px; width:18%; margin: 0 auto;  display:block; background:#045cbd;} 
.TesBox_nr dl dd { height: 65px;margin: 0px auto;padding: 0px 30px 0px;overflow: hidden; font-size: 14px;font-weight: normal;color: #646464;line-height: 30px;}
.TesBox_nr dl:hover{ background:#e3a233}
.TesBox_nr dl:hover h3{ color:#FFFFFF}
.TesBox_nr dl:hover dd{ color:#FFFFFF}
.TesBox_nr dl:hover b{ background:#FFFFFF}
.TesBox_nr dl:nth-child(n+11){ display: none}  
@media only screen and (max-width:1200px) {   
.s_bt dt{ font-size:30px; line-height:40px; } 
}
@media only screen and (max-width:1024px) {    
.TesBox_nr dl{ width:31.333333%}
.TesBox_nr dl:nth-child(n+10){ display: none}  
}
@media only screen and (max-width:850px) {   
.s_bt dt{ font-size:24px; line-height:40px; }
.TesBox_nr dl{ width:48%; }
.TesBox_nr dl:nth-child(n+10){ display: inline}  
.TesBox_nr dl:nth-child(n+11){ display: none}  
}
 
@media only screen and (max-width:414px) {   
.s_bt dt{ font-size:20px; line-height:40px; } 
}
@media only screen and (max-width:328px) {   
.s_bt dt strong{ display:none} 
}

.mainsytj{ padding:1% 0% 0% 0%;background:url(../images/mainsytj.jpg) no-repeat center top #f5f5f5;background-size:cover;  }
.s_bts{ text-align:center; margin-bottom:1%; }
.s_bts dt{ font-size:30px; line-height:40px; color:#045cbd ;font-weight: bold}
.s_bts dt i{ height:90px; overflow:hidden; width:100%; display:block;background:url(../images/footnav.png) no-repeat center top; display:none}
.s_bts dd{ font-size:18px; line-height:40px; color:#045cbd; text-transform:uppercase; font-weight:normal; display:none}
.s_bts p{ background:#045cbd; height:2px; width:40px; margin: 0 auto; display: none} 
.TesBox_nrs { width:80%; float:left }
.TesBox_nrs dl {width:18%; float: left;margin: 0% 1% 1% 1%; padding:0%  0% 0px 0%;}
.TesBox_nrs dl dt{width:100%; overflow:hidden;max-height:300px; display:block; position:relative; padding-bottom:100%; text-align:left}
.TesBox_nrs dl dt img{ width:100%; float:left; position:absolute;}  
.TesBox_nrs dl p {height: 45px; width:100%; text-align: center;}
.TesBox_nrs dl p img{ margin: 0 auto; margin-top:-30px; z-index:1999; position:relative}
.TesBox_nrs dl h3 {height: 50px;line-height:50px; font-size: 20px;font-weight: bold;color:#454545; overflow:hidden} 
.TesBox_nrs dl b{height:30px; font-size:13px; line-height:30px; text-align:center; overflow:hidden; width:53%; margin:10px 10px 10px 0px; display:block; border:1px solid #d2d2d2;border-radius:50px;} 
.TesBox_nrs dl dd { height: 65px;margin: 0px auto; overflow: hidden; font-size: 14px;font-weight: normal;color: #535353;line-height: 30px;} 
.TesBox_nrs dl:hover b{ background:#045cbd; color:#FFFFFF}
.TesBox_nrs dl:nth-child(n+6){ display:none}

.s_bts_l{ width:5%; height:100px; margin-top:150px;border-radius:150px; margin-right:5%;  float:left;  display:block;background:url(../images/s_bts_l.png) no-repeat center center;}
.s_bts_r{ width:5%; height:100px; margin-top:150px;border-radius:150px;margin-left:5%; float:right; display:block;background:url(../images/s_bts_r.png) no-repeat center center;}
@media only screen and (max-width:1440px) {   
.s_bts_l{ height:60px;}
.s_bts_r{ height:60px;}
.TesBox_nrs dl b{ width:100%; margin: 0 auto}
.TesBox_nrs dl h3{ font-size:16px}
}
@media only screen and (max-width:1200px) {   
.s_bts dt{ font-size:30px; line-height:40px; } 
.s_bts_l{ display:none;}
.s_bts_r{ display:none;}
.TesBox_nrs { width:100%; }
}
@media only screen and (max-width:1024px) {    
.TesBox_nrs dl{ width:31.333333%}
.TesBox_nrs dl:nth-child(n+6){ display: block}
.TesBox_nrs dl:nth-child(n+7){ display:none}
.TesBox_nrs dl dd{ display:none}
.TesBox_nrs dl b{ display:none}
.TesBox_nrs dl h3{ text-align:center}
}
@media only screen and (max-width:850px) {   
.s_bts dt{ font-size:24px; line-height:40px; }
.TesBox_nrs dl{ width:48%; }
.TesBox_nrs dl:nth-child(n+7){ display: inline} 
.TesBox_nrs dl:nth-child(n+9){ display: none} 
}
 
@media only screen and (max-width:414px) {   
.s_bts dt{ font-size:20px; line-height:40px; } 
}
@media only screen and (max-width:328px) {   
.s_bts dt strong{ display:none} 
}

.bg6 {background: url(../images/renbg_1.jpg) no-repeat center top #045cbd;background-size:cover;color: #fff; padding:1% 0%;}

.in-renzheng {}
.in-renzheng li {float: left;width: 14.3333333%; margin:0% 1%; border-right:1px solid #fff; text-align:center} 
.in-renzheng li img{ height:81px; margin: 0 auto}
.in-renzheng li p {margin:0px 0 0;font-size: 16px; color:#FFFFFF}
 
@media only screen and (max-width:850px) { 
.in-renzheng li{ width:22.333333%}
.in-renzheng li:nth-child(1){ display:none }
.in-renzheng li:nth-child(3){ display:none }
}

@media only screen and (max-width:500px) { 
.in-renzheng li img{ height:50px; }
}
@media only screen and (max-width:414px) { 
.bg6{ padding:5% 0%;}
.in-renzheng li { width:30.333333%; margin:0% 1% 1% 1%; }
.in-renzheng li:nth-child(1){ display: block }
.in-renzheng li:nth-child(3){ display: block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.in-renzheng li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden; padding:0% 10px; margin:0 auto;}
}


 .shdw {background: url(../images/shdwbg.jpg) no-repeat top center #045cbd; padding:1% 0% 0% 0%;background-size:cover}
.shdwbt { width:22%;margin-top: 2px; }
.shdwbt h1 {font-size: 28px;color: #ffffff;font-weight: bold;}
.shdwbt h2 {font-size: 18px;color: #f9f9f9;font-weight: normal;line-height: 36px;margin-top: 10px;text-indent: 17px;}
.shdwbt h3 {width:96%;height: 53px; margin-top: 30px;line-height: 53px;padding-left: 6px;font-size: 18px;color: #0155a5;font-weight: normal; background:url(../images/shdwbt.png) no-repeat right top #f2f2f2;}
.shdwbt h3 strong{ font-size:16px}
.shdwfl {width:78%}
.shdwfl ul li {width:18%; margin:0% 1% 20px 1%;height: 167px;float: left;background: #fff; padding:2% 2% ;text-align: center;}
.shdwfl ul li:nth-child(2n) {margin-right: 0px;}
.shdwfl ul li .img2 {display: none;}
.shdwfl ul li:hover .img1 {display: none;}
.shdwfl ul li:hover .img2 {display: block;}
.shdwfl ul li h3 { font-size: 20px;color: #0155a5;font-weight: bold;}
.shdwfl ul li p {font-size: 14px;line-height: 24px; text-align: left; height:67px; overflow:hidden}
@media only screen and (max-width:1440px) {  
.shdwbt{ display:none}
.shdwfl{ width:100%}
}
@media only screen and (max-width:1200px) {  
.shdwbt h3{ width:100%}
.shdwfl ul li{ height:auto}
.shdwfl ul li img{ height:60px;}
.shdwfl ul li h3{ font-size:16px; font-weight:normal}
.shdwbt h1{ font-size:30px} 
}
@media only screen and (max-width:1024px) {  
.shdwbt h3 strong{ display:none}
}
@media only screen and (max-width:850px) { 
.shdwbt h3{ width:50%; margin: 0 auto; text-align:left}
.shdwbt h3 strong{ display: inline-table; padding-left:20px; font-weight: normal; } 
.shdwbt h2{ margin-top:0px; margin-bottom:10px;}
.shdwbt{ width:100%; text-align:center; margin-top:0px; margin-bottom:3%; margin-left:0%}
.shdwfl {width:100%; margin-right:0%}
}
@media only screen and (max-width:850px) { 
.shdwbt h1{ font-size:24px}
.shdwfl ul li{ width:44%}
.shdwbt h3{ width:94%;}
}
@media only screen and (max-width:350px) { 
.shdwbt h3 strong{ display:none}
}

.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center bottom;background-size:100% 100%; }
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:20%;height: 225px;}
.root dt img {display: block;width: 251px; z-index:19999; position:relative}
.root .wzgg {padding-top: 26px;position: relative;height: 113px;width:80%;float: right;font-size: 15px;color: #000;line-height: 30px;text-indent: 2em; overflow:hidden;display:inline }
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal; height:50px; overflow:hidden}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: none;position: absolute;right: 0;bottom: 24px;width: 100px;height: 100px;}
.root .wzgg img {display: block;width: 100px;height: 100px;} 
.root .wzgg_bt{display:inline; color:#000} 
.root .wzgg .n_part1{display:inline}
@media only screen and (max-width:1680px) { 
.root .wzgg{ padding-top:16px; width:74%; } 
} 
@media only screen and (max-width:1440px) {  
}
@media only screen and (max-width:1400px) {  
} 
@media only screen and (max-width:1200px) {  
.root .wzgg{ width:73%; padding-right:0%; margin-left:0%; float:right} 
.root .wzgg{ padding-top:35px}
.root .wzgg i{ display:none}
.root dt{ margin-top:-20px;}
.root{ height:auto}
.root .wzgg h2{ display:none}
}
@media only screen and (max-width:1024px) { 
.root{ height:auto}
.root dt{ margin-top:-33px; width:24%}
.root .wzgg i{ display:none}
.root .wzgg{ padding-top:30PX; width:65%}
}
@media only screen and (max-width:850px) {
.root{ padding:2% 0% 2% 0%; height:auto}
.root dt{ width:100%; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{  display:none}
}
@media only screen and (max-width:450px) { 
}

.mainsytj_top{ text-align:center;padding:0% 0% 0% 0%; position:relative; display:none} 
@media only screen and (max-width:450px){   
}

.prolist div h2 b{ width:100%;height:100%;position:absolute; ;z-index:19998; background:url(../images/sycpbj.png) no-repeat center bottom;background-size:100% 100%;}

.pro_info{padding:18px 5px 0;}
.rel_center0{width:35%; height:400px; margin:3% 3% 3% 0%; float:left; overflow:hidden;  position:relative; display:block; text-align:left; } 
.rel_center0 img{ width:100%; height:100%; float:left }
.pro_name{ width:40%;float:left; margin-top:3%}
.pro_name h2{font-size:18px;height:26px;line-height:26px;margin-bottom:10px; overflow:hidden;font-weight:700;}
.pro-canshu{border-top:1px solid #ffcac6;background:#fff8f8;padding:6px 0 6px 16px;margin-bottom:10px;}
.pro-canshu p{line-height:30px;font-size:20px;padding:12px 0;}
.pro-canshu p span{color:#999;font-size:14px;}
.info_title h3{padding:48px 0 24px 0;}
.nylx a{display:block;width:calc(97% / 3);height:46px;margin:8px 1% 0 0;font-size:16px;font-weight:700;padding:0 8px;line-height:46px;color:#fff;text-align:center;border-radius:8px;float:left;box-sizing:border-box;}
.nylx a.nm{background-color:#ef1f1f;border-color:#ef1f1f;}
.nylx a.nm1{background-color:#d74b00;border-color:#d74b00;}
.nylx a.nm2{border:1px solid #e0e0e0;color:#333;font-weight:400;}
.xgcp_title{padding:10px;background-color:#f7f7f7;margin-bottom:15px;}
.xgcp_title h3{height:30px;line-height:30px;font-weight:bold;font-size:18px;}
#textarea img{max-width:100%}
.nyxx{padding:12px 0;line-height:24px;padding-left:16px;color:#666;}
.nyxx span{ padding-left:16px;}
.nyb{ width:20%;float:right;border:1px solid #ffedc8;padding:20px;box-sizing:border-box;background:#fffcf6; margin-top:3%}
.nyb .yby{ width:auto;}
.nyb .bt .fl{width:100%;} 


.ybt{width:100%;height:54px;margin-bottom:16px;}
.ybt img{display:inline-block;float:left;width:54px;height:54px;}
.ybt span{display:inline-block;float:right;padding:4px 0 8px 8px;width:calc(100% - 54px);font-size:16px;color:#000;font-weight:700;box-sizing:border-box;}
.ybt span font{font-size:14px;line-height:14px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:normal;padding-top:10px;display:block;}
.yby{display:block;width:275px;height:28px;font-size:12px;line-height:28px;padding:3px 8px;margin-bottom:16px;background:rgba(30,152,255,0.08);border-radius:2px;color:#249afe;}
.lj1,.lj2{ width:calc( (100% - 15px) / 2);font-weight:700;padding:0;float:left;background:#ef1f1f;color:#fff;height:40px;line-height:40px;border-radius:4px;text-align:center;box-sizing:border-box;}
.lj2 a{ color:#FFFFFF}
.lj1 a{ color:#FFFFFF}
.lj1{margin-right:15px;}

.yxw{ list-style:none;}
.yxw li{ height:30px;line-height:30px;overflow:hidden;margin-bottom:8px;}
.ymm{width:100%;height:44px;line-height:44px;font-size:16px;color:#fff;background-color:#ef1f1f;border-color:#ef1f1f;font-weight:400;text-align:center;margin-top:15px;}


@media screen and (max-width:1280px){
.nyb{ padding:10px;}
.nyb .ybt span font{ display:none;}
.pro_name h2{font-size:16px;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (max-width:1024px){ 
.nyb{ display:none}
.rel_center0{width:48%;}
.pro_name{ width:46%;}
.nrz{ display:none;}
.nry{ width:100%;}
}
@media screen and (max-width:768px){ 
.rel_center0{width:100%; margin-right:0; height:auto}
.pro_name{ width:100%; margin-top:20px;}
.pro_name h2{ display:none;}
.nyn li span{width:50px;padding-right:10px;}
}
@media screen and (max-width:640px){ 
.nyn li{ width:50%;}
.nbb{ padding:10px;}
}


.npro{margin-top:18px;}
.npro li{text-align:center;list-style:none; float:left; margin:0% 2% 15px 0%; width:18%}
.npro li a{display:block;}
.npro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a span:before{ content:"";background:url(../images/cpt.png) no-repeat center;background-size:cover;position:absolute;width:100%;height:100%;left:0;top:0;z-index:9;}
.npro li a span img{width:100%; height:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.npro li a span img:hover {transform:scale(1.2);} 
.npro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a em img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.npro li a em img:hover {transform:scale(1.2);} 
.npro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.npro li a:hover p{color:#000;}
.npro li:nth-child(n+6){ display:none;} 
@media screen and (min-width:992px){
.npro li a p{height:36px;line-height:36px;}
} 
@media screen and (max-width:768px){
.npro li{overflow:hidden;width:48%; margin:0% 1% 1% 1%;} 
.npro li:nth-child(n+5){ display:none;}
} 

.nrz{ width:240px;float:left;border:1px solid #eee;}
.nrtt{color:#000;height:48px;padding:0 16px;font-size:16px;font-weight:700;line-height:48px;border:1px solid #eee;background-color:#f7f7f7;}
.nrz ul{padding:16px 16px 0;}
.nrz ul li{text-align:center;list-style:none;margin-bottom:15px}
.nrz ul li a{display:block;}
.nrz ul li a span{display:block;width:100%;}
.nrz ul li a span img{width:100%;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.nrz ul li a span img:hover {transform:scale(1.2);} 
.nrz ul li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.nrz ul li a:hover p{color:#000;}

.nry{ width:calc(100% - 270px);float:right;border:1px solid #eee;}
.nbb{ padding:20px;}
.nyn{margin-bottom:32px;border-bottom:1px solid #eee;padding-bottom:20px;}
.nyn li{ width:calc(100% / 3);float:left;box-sizing:border-box;padding-right:16px;margin-bottom:16px;line-height:22px;vertical-align:top;}
.nyn li span{width:100px;padding-right:16px;color:#999;float:left;box-sizing:border-box;word-break:break-all;}
@media screen and (max-width:1024px){
.nry{ width:100%}
}
@media screen and (max-width:850px){
.nyn li{ width:100%}
}