@charset "utf-8";
/*内通用样式*/


body{ background: #f7f7f7;}
.left{float: left;}
.right{float: right;}

.middle { width: 100%;}



.item { border-top: 1px solid #2980b9; overflow: hidden;}

.btn {position: relative;display: block; padding: 16px 20px; background: #3498db; color: #fff;}

.btn::before { content: "";  position: absolute;  width: 14px; height: 14px;  background: #3498db left: 20px;  bottom: -7px; transform: rotate(45deg);}

.btn i { margin-right: 10px;}

.smenu { background: #333; overflow: hidden;  transition: max-height .3s;  max-height: 0;}

.smenu a { display: block;padding: 16px 26px; color: #fff;  font-size: 14px; margin: 4px 0;position: relative;}

.smenu a::before {content: "";position: absolute;width: 6px;height: 100%;background: #3498db;left: 0;top: 0;  transition: .3s;  opacity: 0;}

.smenu a:hover::before { opacity: 1;}

.item:target .smenu { max-height: 14em;}





/*分页*/

#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#fff; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nx_pg a:hover{background:#55b3d5; color:#fff;}
#nx_pg .on{background:#55b3d5; color:#fff;}


#nextpage{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nextpage a{display:inline; padding:6px 8px 6px 8px; background:#fff; font-size:14px; margin:0px 1px 0px 1px; border-radius:2px; -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
#nextpage a:hover{background:#55b3d5; color:#fff;}
#nextpage .on{background:#55b3d5; color:#fff;}


.page_wrap{width: 100%; margin: 0 auto; padding: 20px 0px 20px 0px;}
.page_wrap a{display: block; width: 100%; border: #e0e0e0 1px solid; line-height: 25px; font-size: 14px; padding: 15px 0px 15px 0px; text-indent: 30px; margin-bottom: 10px;}




.ny_banner{width:100%; margin: 0 auto;}
.ny_banner img{display: block; width: 100%; height: auto;}







.m_map{width: 100%; height: 70px; line-height: 70px;  background: #fff;   box-shadow: 0px 5px 20px rgb(0 0 0 / 6%);  position: relative;  z-index: 888;}
.m_map a{color: #888;}
.m_map a:hover{ color: #55b3d5;}
.m_mapc{width: 90%; max-width: 1360px; margin: 0 auto;}
.m_mapc .left{font-size: 24px; font-weight: bold; color: #222;}
.m_mapc .right{font-size: 12px; color: #888;}
.m_mapc .right span{color: #aaa; margin-left: 15px; margin-right: 15px;}

.main_wp{width: 90%; max-width: 1360px; margin: 0 auto; padding: 40px 0px 40px 0px;}
.main_l{width: 25%; float: left;}
.main_r{ width: 72%; float: right;}




.ml1{width: 100%; height: 45px; background: #55b3d5; line-height: 45px; color: #fff; text-indent: 20px; font-size: 18px; font-weight: bold;}
.ml1 i{ float: right; margin-right: 20px; margin-top: 15px;}



.ml2{width: 100%; height: 45px; background: #; margin-top: 20px; line-height: 45px; color: #333; text-indent: 20px; font-size: 18px; font-weight: bold; border-bottom: #d0d0d0 1px solid;}


.ml3{width: 100%; height: 45px; margin-top: 20px;}
.ml3 ul li{display: block; width: 100%; background: #fff; border-bottom: #d0d0d0 1px dotted; padding: 10px 0px 10px 0px; transition: 0.5s;}
.ml3 ul li a{display: 100%; height: auto; color:#666;}

.ml3 ul .left{width: 35%; float: left; margin-left: 13px;}
.ml3 ul .left img{display: block; width: 100%; height: auto;}
.ml3 ul .right{width:55%; float: right; padding-top: 20px; padding-right: 10px; line-height: 24px; font-size: 15px;}

.ml3 ul li:hover{background: #55b3d5; color: #fff;}
.ml3 ul li:hover a{color: #fff;}








.vmenu{}
.vmenu ul li{ /*height:45px; */line-height: 55px; border-bottom: ; font-size: 14px; }
.vmenu ul li span{ display: block; height: 100%; width: 100%; position: relative; background: #fff; text-indent: 20px; margin-bottom: 2px;}
.vmenu ul li span i{ display: block; height: 20px; width: 20px; background: url(../img/arr.png) no-repeat center center; background-size:80% 80%; position: absolute; right: 20px; top: 50%; margin-top: -10px;  transition: all 0.3s ease-out; transform: rotate(0deg);}
.vmenu ul li span i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}
.vmenu ul li>dl{ display: none; text-indent: 30px; background: #fafafa; }
.vmenu ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px; line-height:45px; border-bottom: #e2e2e2 1px solid; color: #666; text-decoration: none; }

.vmenu ul li>dl a:hover{color: #115ca3;}











.mr2_p{width: 100%;}


.mr2_p ul li .my_more1,.mr2_p .tags_ul{ display:none;}

.mr2_p .pro_more{ margin-top:10px;}

.mr2_p ul {list-style: none;padding: 0; margin:0px -10px;}

.mr2_p ul li{  margin-bottom:20px; padding:0px 10px; width:calc(33.33% - 20px); text-align: left;vertical-align: top;float:left;}

.mr2_p ul li .li{ background: #fff;text-align:center; position:relative; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; border: 1px solid #e5e5e5; padding: 8px;}

.mr2_p ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:10px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; position: relative; z-index: 2; border-radius: 0; position: relative; }

.mr2_p ul li .h4 a{margin:5px 0 5px;line-height:22px;  font-size: 15px; height:44px; overflow:hidden;display:block; text-align:center; color: #333; z-index: 999; position: relative;font-family: "montserratB";   }

.mr2_p ul li .li:hover{ box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}

.mr2_p ul li .cbp-vm-details{color:#999;overflow:hidden;height:48px;line-height:24px; font-size:13px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}























@media only screen and (min-width:1500px) {
.po_wp{width:1400px; margin:0 auto; padding-top:80px 0px 20px 0px; margin-top:0px; background:url(../img/x4.jpg) left center repeat-y;}
.po_l{width:300px; float:left;}
.po_r{width:1020px; float:right; padding-top:30px;}



.po_ra{width:100%; height:80px; line-height:80px; color:#333; font-size:24px; font-weight:bold;}
.po_ra i{margin-right:10px; color:#2679b2; margin-right:6px;}

.po_rb{width:100%; min-height:50px; margin:0 auto;}
.po_rb ul li{display:block; width:33.33%; height:360px; float:left; box-sizing:border-box; padding:15px; margin-bottom:20px; transition:0.5s;}
.po_rb ul img{ display:block; width:100%; height:220px; margin:0 auto;}
.po_rb ul h3{width:95%; margin:0 auto; font-size:18px; line-height:40px; padding-top:10px; color:#004a7c; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.po_rb ul p{width:95%; margin:0 auto; height:50px; line-height:25px; font-size:14px; color:#888; padding-top:8px; overflow:hidden;}
.po_rb ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}
}




@media only screen and (min-width:1366px) and (max-width:1499px) {
.po_wp{width:1200px; margin:0 auto; padding-top:50px 0px 20px 0px; margin-top:0px; background:url(../img/x4.jpg) left center repeat-y;}
.po_l{width:300px; float:left;}
.po_r{width:840px; float:right; padding-top:30px;}


.po_ra{width:100%; height:80px; line-height:80px; color:#333; font-size:24px; font-weight:bold;}
.po_ra i{margin-right:10px; color:#2679b2; margin-right:6px;}

.po_rb{width:100%; min-height:50px; margin:0 auto;}
.po_rb ul li{display:block; width:33.33%; height:330px; float:left; box-sizing:border-box; padding:15px; margin-bottom:20px; transition:0.5s;}
.po_rb ul img{ display:block; width:100%; height:190px; margin:0 auto;}
.po_rb ul h3{width:95%; margin:0 auto; font-size:18px; line-height:40px; padding-top:10px; color:#004a7c; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.po_rb ul p{width:95%; margin:0 auto; height:50px; line-height:25px; font-size:14px; color:#888; padding-top:8px; overflow:hidden;}
.po_rb ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}
}



@media only screen and (min-width:1000px) and (max-width:1365px) {
.po_wp{width:1000px; margin:0 auto; padding-top:80px 0px 20px 0px; margin-top:0px; background:url(../img/x4.jpg) left center repeat-y;}
.po_l{width:300px; float:left;}
.po_r{width:640px; float:right; padding-top:30px;}

.po_ra{width:100%; height:60px; line-height:60px; color:#333; font-size:20px; font-weight:bold;}
.po_ra i{margin-right:10px; color:#2679b2; margin-right:6px;}

.po_rb{width:100%; min-height:50px; margin:0 auto;}
.po_rb ul li{display:block; width:50%; height:340px; float:left; box-sizing:border-box; padding:15px; margin-bottom:20px; transition:0.5s;}
.po_rb ul img{ display:block; width:100%; height:200px; margin:0 auto;}
.po_rb ul h3{width:95%; margin:0 auto; font-size:18px; line-height:40px; padding-top:10px; color:#004a7c; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.po_rb ul p{width:95%; margin:0 auto; height:50px; line-height:25px; font-size:14px; color:#888; padding-top:8px; overflow:hidden;}
.po_rb ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}
}




@media only screen and (max-width:999px) {
.po_wp{width:90%; margin:0 auto; padding-top:30px 0px 20px 0px; margin-top:0px; }
.po_l{width:100%; float: ; padding-bottom:20px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; position:relative;padding-top:20px;}
.po_r{width:100%; float:; }


.po_ra{width:100%; height:40px; line-height:40px; color:#333; font-size:1.3em; font-weight:bold;}
.po_ra i{color:#2679b2; margin-right:6px;}

.po_rb{width:100%; min-height:50px; margin:0 auto;}
.po_rb ul li{display:block; width:100%; height:auto; float:left; box-sizing:border-box; padding:15px; margin-bottom:20px; transition:0.5s;}
.po_rb ul img{ display:block; width:100%; height:auto; margin:0 auto;}
.po_rb ul h3{width:95%; margin:0 auto; font-size:18px; line-height:40px; padding-top:10px; color:#004a7c; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.po_rb ul p{width:95%; margin:0 auto; height:50px; line-height:25px; font-size:14px; color:#888; padding-top:8px; overflow:hidden;}
.po_rb ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}

}







@media only screen and (min-width: 1200px) {
	
.pd_hd_wrap{width: calc(100% - 20px); background: #fff; padding: 20px 0px 20px 0px; margin-left: 20px;  box-shadow: 4px 0px 4px rgba(0,0,0,0.1);}
	
.pd_hd{width: 90%; max-width:1360px; min-height:50px; margin:0 auto; padding:40px 0px 0px 0px;}
.pd_hd_l{width:30%; float:left;}
.pd_hd_r{width:60%; float:right;}

.pd_hd_ra{width:100%; min-height:30px; line-height:30px; font-size:24px; padding: 20px 0px 30px 0px; color: #222;  border-bottom: #ddd 1px solid; }
.pd_hd_rb{width:100%;  line-height:30px; font-size:14px; color:#666; border-bottom: #ddd 1px solid; margin-bottom: 20px; padding-bottom: 30px;}
.pd_hd_rc{width:100%; min-height:40px; line-height:35px; font-size:16px; color:#666; padding-top:20px;}
.pd_hd_rc p{ line-height:35px;}

	
.pro_content{width: calc(100% - 20px); background: #fff; padding: 20px 0px 20px 0px; margin-left: 20px; margin-top: 20px;}
	
.pd_detail1{width: 90%; max-width:1360px;  height:60px; margin: auto; line-height:60px; border-bottom:#e2e2e2 1px solid; font-size:32px; font-weight:bold; color:#333;}
.pd_detail2{width: 90%; max-width:1360px;  min-height:60px; margin: auto; line-height:30px; font-size:14px; padding:20px 0px 20px 0px;}
.pd_detail2 p{ line-height:30px;}
.pd_detail2 img{max-width:100%;}
	
	.pro_content{width: calc(100% - 20px); background: #fff; padding: 20px 0px 20px 0px; margin-left: 20px; box-shadow: 4px 0px 4px rgba(0,0,0,0.1);}
	
	.pd_hd_re{width: 100%; padding-top: 20px; font-size: 16px; color: #888;}
	.pd_hd_re ul li{float: left; margin-right: 5px; display: block; height: 40px; line-height: 40px;}
	.pd_hd_re ul img{display: block; height: 40px; border-radius:50%;}
	.pd_hd_re ul i{color: #aaa; margin-right: 6px;}
	
	/*产品详情页*/
	.mr2_ptitle{width: 90%; margin: 0 auto;  height:55px; line-height: 55px; color: #104280; font-size: 24px; font-weight: bold; border-bottom: #e2e2e2 1px solid; margin-bottom: 0px;}
	.mr2_pcon{width:  90%; margin: 0 auto;  min-height: 50px; font-size: 16px; padding: 20px 0px 20px 0px; line-height: 35px;}
	.mr2_pcon p{line-height: 35px;}

}








@media only screen and (max-width: 1199px) {
	
.pd_hd_wrap{width: 100%; background: #fff; padding: 40px 0px 0px 0px;  box-shadow: 4px 0px 4px rgba(0,0,0,0.1);}
	
.pd_hd{width: 90%; max-width:1360px; min-height:50px; margin:0 auto; padding:40px 0px 0px 0px;}
.pd_hd_l{width:100%; float:left;}
.pd_hd_r{width:100%; float:right;}

.pd_hd_ra{width:100%; min-height:40px; line-height:40px; font-size:1.3em;}
.pd_hd_rb{width:100%;  line-height:30px; font-size:1em; color:#666; border-bottom: #ddd 1px solid; margin-bottom: 20px; padding-bottom: 30px;}
.pd_hd_rc{width:100%; min-height:40px; line-height:2em; font-size:16px; color:#666; padding-top:20px;}
.pd_hd_rc p{ line-height:eem;}

.pd_detail1{width: 90%; max-width:1360px;  height:40px; margin: auto; line-height:40px; border-bottom:#e2e2e2 1px solid; font-size:1.3em; font-weight:bold; color:#333;}
.pd_detail2{width: 90%; max-width:1360px;  min-height:60px; margin: auto; line-height:30px; font-size:1em; padding:20px 0px 20px 0px;}
.pd_detail2 p{ line-height:eem;}
.pd_detail2 img{max-width:100%;}
	
	.pro_content{width: calc(100% - 20px); background: #fff; padding: 20px 0px 20px 0px; margin-left: 20px; box-shadow: 4px 0px 4px rgba(0,0,0,0.1);}
	
	
	.pd_hd_re{width: 100%; padding-top: 20px; font-size: 1.2em; color: #888;}
	.pd_hd_re ul li{float: left; margin-right: 5px; display: block; height: 40px; line-height: 40px;}
	.pd_hd_re ul img{display: block; height: 30px; border-radius:50%;}
	.pd_hd_re ul i{color: #aaa; margin-right: 6px;}
	
	/*产品详情页*/
	.mr2_ptitle{width: 90%; margin: 0 auto; height: 45px; line-height: 45px; color: #333; font-size: 1.3em; font-weight: bold; border-bottom: #e2e2e2 1px solid; margin-bottom: 30px;}
	.mr2_pcon{width: 90%; margin: 0 auto; min-height: 50px; font-size: 1em; padding: 20px 0px 20px 0px; line-height: 2em;}
	.mr2_pcon p{line-height: 2em;}
}





@media only screen and (min-width: 1200px) {
	
.main-more{width: 100%; padding-top: 20px;}
.main-more a{ display: block; width: 220px; height: 42px; color: #fff; line-height: 42px; text-align: center; background: #55b3d5; font-family: "montserratB"; font-size: 14px; text-transform: uppercase; border-radius: 5px; transition: 0.5s;}

.main-more a i{margin-right: 6px;}
.main-more a:hover{ opacity: 0.8;}

}





@media only screen and (max-width: 1199px) {
	
.main-more{width: 100%; padding-top: 20px;}
.main-more a{ display: block; width: 100%; height: 42px; color: #fff; line-height: 42px; text-align: center; background: #55b3d5; font-family: "montserratB"; font-size: 1.1em; text-transform: uppercase; border-radius: 5px; transition: 0.5s;}

.main-more a i{margin-right: 6px;}
.main-more a:hover{ opacity: 0.8;}

}























/*新闻*/


@media only screen and (min-width: 1400px) {
.cs_cont{ width:100%; max-width:1800px; margin:0 auto; padding:0px 0px 20px 0px;}



.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#e5e5e5 1px solid; background: #fff;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}




.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:8px;}


.cs_2{width:72%; float:right;}
.cs_2 h3{font-size:18px; color:#333; font-weight:bold; line-height:25px; padding-bottom: 10px; padding-top: 5px;}
.cs_2 p{font-size:14px; line-height:22px; color:#888;}



.cs_2_r2{width:100%; line-height:40px; font-size:14px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
	
.cs_2_r3{width:100%; line-height:40px; font-size:12px; padding-top:10px;}
.cs_2_r3 a{display:block; float:right; width:170px; height:35px; line-height:35px; text-align:center; border:#55b3d5 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#55b3d5; color:#fff;}

}




@media only screen and (min-width: 1200px) and (max-width: 1399px) {

.cs_cont{ width:100%; max-width:1800px; margin:0 auto; padding:0px 0px 20px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:20px; transition:0.2s; margin-bottom:20px; border:#e5e5e5 1px solid; background: #fff;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:25%; float:left;}
.cs_1 img{width:100%; height:auto; border-radius:5px;}

.cs_2{width:72%; float:right;}
.cs_2 h3{font-size:18; color:#333; font-weight:bold; line-height:50px; padding: 5px 0px 10px 0px;}
.cs_2 p{font-size:14px; line-height:22px; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:14px; color:#888;}
.cs_2_r2 i{margin-right:8px;}
.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:20px;}
.cs_2_r3 a{display:block; float:right; width:150px; height:40px; line-height:40px; text-align:center; border:#55b3d5 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#55b3d5; color:#fff;}

}






@media only screen and (max-width: 1199px) {
.cs_cont{ width:100%; margin:0 auto; padding:0px 0px 20px 0px;}

.cs_cont ul li{display:block; width:100%; height:; float:; box-sizing:border-box; padding:10px; transition:0.2s; margin-bottom:10px; border:#e5e5e5 1px solid; background: #fff;}
.cs_cont ul li:hover{-moz-box-shadow:0px 0px 40px #e4eff7; -webkit-box-shadow:0px 0px 40px #e4eff7; box-shadow:0px 0px 40px #e4eff7;}



.cs_1{width:100%; float:;}
.cs_1 img{width:100%; height:auto; border-radius:5px;}

.cs_2{width:100%; float:; margin-top:10px;}
.cs_2 h3{font-size:1.2em; color:#333; font-weight:bold; line-height:2em; padding-bottom:10px;}
.cs_2 p{font-size:1em; line-height:1.6em; color:#888;}


.cs_2_r2{width:100%; line-height:40px; font-size:1.0em; color:#888;}
.cs_2_r2 i{margin-right:5px;}

.cs_2_r3{width:100%; line-height:40px; font-size:16px; padding-top:12px;}
.cs_2_r3 a{display:block; width:100%; height:40px; line-height:40px; text-align:center; border:#55b3d5 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#55b3d5; color:#fff;}

}








@media only screen and (min-width:1366px) {

#new_conl{width:100%; max-width:1800px; margin:0 auto; min-height:50px; margin-top:0px; position:relative; background: #fff; box-sizing: border-box; padding: 30px 50px 50px 50px;  box-shadow:0px 0px 10px rgba(0,0,0,0.2);}

#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:18px; line-height: 28px; text-align:left; color:#333; font-weight:bold; border-bottom:#e4e4e4 1px solid; }


#new_conlb{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; text-align:left;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:35px;}
#new_conlc p{ line-height:35px;}
#new_conlc img{max-width:100%;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}






@media only screen and (max-width:1365px) {

#new_conl{width:90%; margin:0 auto; min-height:50px; background: #fff; box-sizing: border-box; padding: 30px 50px 50px 50px;  box-shadow:0px 0px 10px rgba(0,0,0,0.2);}

#new_conla{width:100%; min-height:20px; padding:10px 0px 10px 0px; font-size:18px; line-height: 28px; text-align:left; color:#333; font-weight:bold; border-bottom:#e4e4e4 1px solid; }


#new_conlb{width:100%; height:30px; line-height:30px; font-size:14px; font-style:; text-align:left;}
#new_conlb span{color:#777; margin:0px 30px 0px 10px;}


#new_conlc{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:1em; line-height:2em;}
#new_conlc p{  line-height:2em;}
#new_conlc img{max-width:100%;}

#new_conld{width:100%; min-height:50px; padding:15px 0px 15px 0px; font-size:14px; line-height:30px; border-top:#e0e0e0 1px dotted;}


}



















@media only screen and (min-width: 1200px) {
.yy_cont{ width:90%; max-width:1400px; margin:0 auto; padding:40px 0px 10px 0px;}

.yy_cont ul li{display:block; width:25%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:0px 20px 10px 20px; margin-bottom:25px; transition:0.2s; position: relative;}
.yy_cont ul .yy_1{width:100%; height:; overflow: hidden; background: #000;}
.yy_cont ul .yy_1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:0px; transition:1.0s; opacity: 0.7;}
.yy_cont ul .yy_2{width:100%; height:50px; line-height:20px; padding-top: 15px; text-align:center; font-size:14px;}
	
	
.yy_play{width: 100%; position: absolute; top: 28%; opacity: 0.6; left: 0; z-index: 11; text-align: center; transition: 0.5s;}
.yy_play i{color: #fff; font-size:88px;  transition: 0.3s; }


.yy_cont ul li:hover .yy_play{opacity: 1;}
.yy_cont ul li:hover .yy_play i{color: #ee0000; font-size:108px; }

	
.yy_cont ul li:hover .yy_1 img{transform: scale(1.2);  z-index: 1; opacity: 1;}

}










@media only screen and (max-width: 1199px) {
.yy_cont{ width:90%; margin:0 auto; padding:30px 0px 10px 0px;}


	
.yy_cont{ width:90%; margin:0 auto; padding:30px 0px 10px 0px;}

.yy_cont ul li{display:block; width:100%; height:; float:left; box-sizing:border-box; margin-bottom:20px; transition:0.2s; position: relative;}
.yy_cont ul .yy_1{width:100%; height:; overflow: hidden; background: #000;}
.yy_cont ul .yy_1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:0px; transition:1.0s; opacity: 0.7;}
.yy_cont ul .yy_2{width:100%; height:40px; line-height:20px; padding-top: 10px; text-align:center; font-size:14px;}
	
	
.yy_play{width: 100%; position: absolute; top: 30%; opacity: 0.6; left: 0; z-index: 11; text-align: center; transition: 0.5s;}
.yy_play i{color: #fff; font-size:2.8em,;  transition: 0.3s; }


.yy_cont ul li:hover .yy_play{opacity: 1;}
.yy_cont ul li:hover .yy_play i{color: #ee0000; font-size:3.2em; }

	
.yy_cont ul li:hover .yy_1 img{transform: scale(1.2);  z-index: 1; opacity: 1;}
	
	
	
}



























@media only screen and (min-width: 1200px) {
.rr_cont{ width:90%; max-width:1380px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:25%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:20px 15px 10px 15px; margin-bottom:15px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s; background: #fff; border-bottom: 3px solid #55b3d5;}

.rr_cont ul .rr_1{width:100%; height:220px;}
.rr_cont ul .rr_1 img{max-width:100%; height:220px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:45px; line-height:20px; padding-top: 15px; text-align:center; box-sizing: content-box; font-size:14px;}


.rr_cont ul li:hover a{  box-shadow:0px 0px 20px rgba(0,0,0,0.2);}



}










@media only screen and (max-width: 1199px) {
.rr_cont{ width:92%; max-width:1800px; margin:0 auto; padding:20px 0px 20px 0px;}

.rr_cont ul li{display:block; width:50%; height:; float:left; border-radius:8px; box-sizing:border-box; padding:10px 10px 10px 10px; margin-bottom:0px; transition:0.2s;}

.rr_cont ul li a{display:block; width:100%; margin:0 auto; border:#e5e5e5 1px solid; box-sizing:border-box; padding:10px; transition:0.5s; background: #fff; border-bottom: 3px solid #55b3d5;}

.rr_cont ul .rr_1{width:100%; height:100px;}
.rr_cont ul .rr_1 img{max-width:100%; height:100px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; min-height:20px; line-height:20px; padding: 10px 0px 10px 0px; text-align:center; font-size:1.0em; box-sizing: content-box;}


.rr_cont ul li:hover a{  box-shadow:0px 0px 20px rgba(0,0,0,0.2);}

}











@media only screen and (min-width: 1200px) {



.lx_wp{width: 90%; max-width: 1360px; margin: 0 auto; padding: 60px 0px 30px 0px;}
.lx_l{width: 45%; float: left; background: #fff; box-sizing: border-box; padding: 40px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}

.lx_bt{width: 100%; line-height: 50px; font-size: 24px; border-bottom: #e2e2e2 1px solid; font-weight: bold; color: #222;}
.lx_cc{width: 100%; padding: 20px 0px 20px 0px; font-size: 16px; line-height: 2em;}
.lx_cc p{line-height: 2em;}



.lx_r{width: 50%; float: right; padding: 30px 0px 30px 0px;}



.lx_s1{width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; text-indent: 20px; font-size: 16px; box-sizing: border-box; border: #888 1px solid; border-radius:5px; opacity: 0.7;}

.lx_s2{width: 100%; height: 150px; line-height: 25px; margin-bottom: 10px; font-size: 16px; font-family: arial; padding: 10px 20px 10px 20px; box-sizing: border-box; border: #888 1px solid; border-radius:5px;  opacity: 0.7;}



.lx_s3{width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px;  font-size: 16px; border: #55b3d5  1px solid; background: #55b3d5; color: #fff; text-align: center; border-radius:5px; transition: 0.5s; cursor: pointer;}
.lx_s3:hover{opacity: 0.9;}





.lx_ul{width: 100%; margin: 0 auto; max-width: 1380px; padding: 30px 0px 60px 0px;}
.lx_ul li{width: 33.33%; height: 300px; float: left;}
.lx_li1{width:95%; height: 300px; margin: 0 auto;line-height: 32px; font-size: 14px; text-align: center; background: #fff;  border-bottom: 3px solid #55b3d5; box-sizing: border-box; padding: 30px 20px 0px 20px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.lx_li1 img{display: block; margin: 0 auto;}
.lx_li1 h4{font-size: 20px; text-align: center; line-height: 40px; color: #222;}
.lx_li1 p{line-height: 32px; font-size: 14px;}




.lx_map{width: 100%; }

.lx_map img{width: 100%; height: auto; display: block;}



}










@media only screen and (max-width: 1199px) {


	

.lx_wp{width: 90%; max-width: 1360px; margin: 0 auto; padding: 30px 0px 30px 0px;}
.lx_l{width: 100%; float: ; background: #fff; box-sizing: border-box; padding: 20px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}

.lx_bt{width: 100%; line-height: 40px; font-size: 1.3em; border-bottom: #e2e2e2 1px solid; font-weight: bold; color: #222;}
.lx_cc{width: 100%; padding: 20px 0px 20px 0px; font-size: 1em; line-height: 2em;}
.lx_cc p{line-height: 2em;}



.lx_r{width:100%; float: right; padding:20px 0px 20px 0px;}



.lx_s1{width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px; text-indent: 20px; font-size: 1em; box-sizing: border-box; border: #888 1px solid; border-radius:5px; opacity: 0.7;}

.lx_s2{width: 100%; height: 100px; line-height: 25px; margin-bottom: 10px; font-size: 1em; font-family: arial; padding: 10px 20px 10px 20px; box-sizing: border-box; border: #888 1px solid; border-radius:5px;  opacity: 0.7;}



.lx_s3{width: 100%; height: 40px; line-height: 40px; margin-bottom: 10px;  font-size: 1em; border: #55b3d5  1px solid; background: #55b3d5; color: #fff; text-align: center; border-radius:5px; transition: 0.5s; cursor: pointer;}
.lx_s3:hover{opacity: 0.9;}





.lx_ul{width: 100%; margin: 0 auto; max-width: 1380px; padding: 30px 0px 60px 0px;}
.lx_ul li{width: 100%; height: ; float: left;}
.lx_li1{width:95%; height: ; margin: 0 auto;line-height: 2em; font-size: 1em; text-align: center; background: #fff;  border-bottom: 3px solid #55b3d5; box-sizing: border-box; padding: 20px 20px 0px 20px; box-shadow:0px 0px 20px rgba(0,0,0,0.2);}
.lx_li1 img{display: block; height: 60px; margin: 0 auto;}
.lx_li1 h4{font-size: 1.3em; text-align: center; line-height: 40px; color: #222;}
.lx_li1 p{line-height: 2em; font-size: 1em;}




.lx_map{width: 100%; }

.lx_map img{width: 100%; height: auto; display: block;}

	
	
}