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


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

.middle { width: 100%;}

.clear{clear: both;}
#clear{clear: both;}


.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;}




::-webkit-scrollbar {
  width: 10px; 
}

::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
  background-color: #2da56f; 
  border-radius: 8px; 
  border: 3px solid #2da56f; 
}









/* 选项卡示例样式 */
.main222{width: 100%;margin:0 auto;}
.tab {overflow: hidden; width: 100%; height: 55px; background: #f8f8f8; cursor: pointer; border-bottom: #2da56f 2px solid;}
.tab li {float: left; width: 16.66%; text-align: center; line-height: 55px; }
.tab li.on {background: #2da56f;}
.tab li.on a{color: #fff;}
.con {width: 100%; padding:20px 0px 20px 0px; font-size: 16px; line-height: 2em;}
.con p{line-height: 2em}


.cxdh_ul li{display: block; width: 25%; float: left; height: 200px; margin-bottom: 20px;}
.cxdh_ul a{display: block; width: 95%; margin: 0 auto;}
.cxcx01{width: 100%; height: 140px; box-sizing: border-box; padding: 10px; border: #e5e5e5 1px solid; background: #fff; transition: 0.5s;}
.cxcx01 img{display: block; max-width: 100%; height: 120px; margin: 0 auto;}
.cxdh_ul h3{font-size: 16px; text-align: center; line-height: 50px;}

.cxdh_ul a:hover .cxcx01{border: #2da56f 1px solid; background: #2da56f;}







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

#huiyi_1{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:28px; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }
#huiyi_2{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; }
#huiyi_2 span{color:#777; margin:0px 30px 0px 10px;}


}






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

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

#huiyi_2{width:100%; height:30px; line-height:30px; font-size:0.8em; font-style:; }
#huiyi_2 span{color:#777; margin:0px 0px 0px 0px;}


}











.a_to1{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 900; background: rgba(0,0,0,0.3);}
.a_to_con{width: 80%; max-width: 1600px; height:600px; position: fixed; left: 10%; top: 50%; margin-top: -300px; background: #fff;  z-index: 901;}

.a_to_con1{width: 90%; margin: 0 auto; height: 40px; line-height: 40px; padding-bottom: 20px; padding-top: 20px;}
.a_to_con1 a{display: block; width: 120px; height: 40px; float: right; line-height: 40px; text-align: center; font-size: 16px; background: #eee; color: #333; border-radius: 28px;}

.a_to_con2{width: 90%; margin: 0 auto; font-size: 16px; line-height: 2em; border-bottom: #e5e5e5 1px solid; padding: 0px 0px 20px 0px; margin-bottom: 20px;}
.a_to_con2 h3{font-size: 24px; line-height: 40px; font-weight: bold;}
.a_to_con2 img{float: left; margin-right: 20px; height: 120px;}

.a_to_con3{width: 90%; margin: 0 auto; font-size: 16px; height: 360px; padding-right: 20px; line-height: 2em; overflow-y: scroll; overflow-x: hidden;}
.a_to_con3 p{line-height: 2em;}




.a_to1 .a_to_con3::-webkit-scrollbar {
  width: 10px; 
}

.a_to1 .a_to_con3::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

.a_to1 .a_to_con3::-webkit-scrollbar-thumb {
  background-color: #2da56f; 
  border-radius: 8px; 
  border: 3px solid #2da56f; 
}












/*内页框架*/
.pab_con{width: 90%; max-width: 1640px; margin: 0 auto; padding: 20px 0px 20px 0px;}
.pab_left{width: 320px; float: left; }
.pab_right{width: calc(100% - 360px); float: right;}

.pab_left_title{width: 100%; height: 75px; background: #f3f3f3; color: #222; font-size: 20px; font-weight: bold; line-height: 75px; text-indent: 30px;}
.pab_left_ul{width: 100%; background-color: #f3f3f3; padding: 0px 0px 30px 0px;}
.pab_left_ul ul{margin: 0; padding: 0;}
.pab_left_ul ul a{display: block; width: 85%; margin: 0 auto; font-size: 15px; height: 50px; line-height: 50px; margin-bottom: 5px; border-bottom: #e0e0e0 1px solid; text-indent: 8px;}

.pab_left_ul ul i{margin-right: 8px;}
.pab_left_ul ul .hv{color: #fff; background: #2da56f; text-indent: 15px; border-radius:35px; border-bottom: #2da56f 1px solid;}

.pab_right_title{width: 100%; height: 80px; line-height: 80px; border-bottom: #e0e0e0 1px solid; margin-bottom: 20px;}
.pab_right_title .left{float: left; font-size: 22px; font-weight: bold; margin-left: 20px;}

.pab_pagecon{width: 90%; max-width: 1640px; font-size: 16px; line-height: 2.0em; margin: 0 auto; padding: 20px 0px 20px 0px;}


/*产品*/
.pcn{width: 90%; max-width: 1600px; margin: 0 auto; padding: 40px 0px 40px 0px;}
.pcn_left{width: 320px; float: left;  box-shadow:4px 0px 4px rgba(0,0,0,0.1);}

.pcn_lbt{width: 100%; background: rgba(29,85,162,1); color: #fff; padding: 30px 0px 20px 40px; margin-top: 0px; position: relative;}
.pcn_lbt h3{line-height: 30px; font-size: 20px;}
.pcn_lbt p{line-height: 20px; opacity: 0.7; font-size: 12px;}

.pc_ul li{margin-bottom: 0px; border-bottom: #e5e5e5 1px solid;}
.pc_ul li i{margin-right: 8px; margin-left: 22px; font-size: 14px; color: #888;}
.pc_ul a{display: block; width: 100%; height: 50px; background: #fff; color: #222; font-size: 16px; line-height: 50px; box-sizing: content-box; padding: 8px 0px 8px 0px; text-indent: px; }
.pc_ul a img{ height: 40px; display: none; float: right; margin-top: 5px; margin-right: 15px;}

.pc_ul li:hover i{color: #55a84e;}
.pc_ul li:hover a{color: #55a84e;}

.pcn_right{width: calc(100% - 340px); float: right;}



.pcn_rbt{width: calc(100% - 20px); margin-left: 20px; height: 80px; line-height: 80px; border-bottom: #e0e0e0 1px solid; margin-bottom: 20px;}
.pcn_rbt .left{float: left; font-size: 22px; font-weight: bold; margin-left: 20px;}

.pcn_con{width:100%; max-width:1600px; margin:0 auto;}

.pcn_con ul li{display:block; width: calc(33.33% - 20px); height:; float:left; border-radius:0px; box-sizing:border-box; padding:10px 10px 10px 10px; background: #fff; margin-left: 20px; margin-bottom:20px; transition:0.2s;  box-shadow:0px 4px 4px rgba(0,0,0,0.1);}
.pcn_con ul .pcn_co1{width:100%; height:;}
.pcn_con ul .pcn_co1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:0px; transition:0.5s;}
.pcn_con ul .pcn_co2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.pcn_con ul li:hover{ background:#1d55a2; color:#fff;}
.pcn_con ul li:hover a{color:#fff;}




















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



.ab_divx{width:100%; height:30px;}


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

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee;position: relative;}
.ny_nav_con{ width:90%; max-width:1600px; margin:0 auto;}
.ny_nav_con a{display:inline; line-height:80px; padding:32px 0px 32px 0px; font-size:16px; margin:0px 30px 0px 30px; position:relative;}

.ny_nav_con a .a_linex{width:0px; height:3px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1600px; margin:0 auto; margin-top:50px; display: none;}
.ab_title h2{ font-size:32px; color:#333; line-height:60px; text-align: center; font-weight: bold;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:40px; font-size:28px; color:#eee; text-transform:uppercase;}


}





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

.ny_nav_wrap{width:100%; padding:0px 0px 0px 0px; background:#fff; text-align:center; -moz-box-shadow:0px 0px 30px #eee; -webkit-box-shadow:0px 0px 30px #eee; box-shadow:0px 0px 30px #eee; position: relative;}
.ny_nav_con{ width:90%; max-width:1600px; margin:0 auto;}
.ny_nav_con a{display:block;  width:50%; float:left; line-height:40px;  font-size:1em;  position:relative;}

.ny_nav_con a .a_linex{width:0px; height:2px; opacity:0.0; background:#3786c7; position:absolute; left:50%; bottom:0; z-index:1; transition:0.5s;}
.ny_nav_con a:hover .a_linex{width:100%; opacity:1; left:0;}



.ab_title{width:90%; max-width:1600px; margin:0 auto; margin-top:30px;  display: none;}
.ab_title h2{ font-size:1.2em; color:#333; line-height:1.6em; text-align: center; font-weight: bold;}
.ab_title p{font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.5em; font-size:1.0em; color:#eee; text-transform:uppercase;}


}








.team_wp{width: 100%; max-width: ; margin: 0 auto; margin-top:20px; margin-bottom: 20px;}
.team_wp ul li{display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: #e2e2e2 1px solid;}
.team_wp ul .left{width:150px; float: left;}
.team_wp ul .left img{display: block; width: 100%; height: auto;}
.team_wp ul .right{width:calc(100% - 190px); float: right;}
.team_wp ul .right h2{font-size: 24px; color: #3786c7; line-height: 40px;}
.team_wp ul .right h2 a{display: inline-block;  border-bottom: #2da56f 2px solid; padding-bottom: 15px; margin-bottom: 15px;}
.team_wp ul .right h3{font-size: 20px; line-height: 50px; border-bottom: #555 1px solid; margin-bottom: 8px; display: inline-block; padding-bottom: 10px;}
.team_wp ul .right p{line-height: 30px; font-size: 15px;}














/*分页*/

#nx_pg{width:98%; height:30px; padding:20px 0px 50px 0px; text-align:center;}
#nx_pg li{display:inline;}
#nx_pg a{display:inline; padding:8px 15px 8px 15px; background:#f8f8f8; 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:#2679b2; color:#fff;}
#nx_pg .on{background:#2679b2; 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:#f8f8f8; 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:#2679b2; color:#fff;}
#nextpage .on{background:#2679b2; color:#fff;}







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

.ab_cont{width:90%; max-width:1600px; margin:0 auto; font-size:16px; line-height:35px; padding:40px 0px 40px 0px; }
.ab_cont p{line-height:35px;}

}


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

.ab_cont{width:90%; max-width:1600px; margin:0 auto; font-size:1.0em; line-height:2em; padding:20px 0px 20px 0px; }
.ab_cont p{line-height:2em;}

}








@media only screen and (min-width: 1200px) {
.ab_cont_left{width:35%; float:left;}
.ab_cont_right{width:60%; float:right;}
.lx_ab_cont{padding-bottom:80px; margin-top:60px;}
}




@media only screen and (max-width: 1199px) {
.ab_cont_left{width:100%; float:; margin-bottom:20px;}
.ab_cont_right{width:100%; float:;}
.lx_ab_cont{padding-bottom:40px; margin-top:20px;}
}






/*联系的页面*/

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

.sb_wp{width:100%; height:; background:#f8f8f8; margin:0 auto; padding:40px 0px 50px 0px;}

/*标题*/

.ab_title1{width:90%; margin:0 auto; height:60px; line-height:60px; font-size:18px; color:#fff; text-align:; font-weight:bold;}


.ab_title2_hei1{ color:#333;}
.ab_title2_hei2{ background:#3786c7;}


.ab_con4{width:1200px; margin:0 auto; font-size:16px; line-height:35px; padding-bottom:50px;}
.ab_con4 p{line-height:35px;}
.ab_con4 img{max-width:100%;}


}





/*地图高度*/
@media only screen and (min-width:1200px) {
#allmap{height:500px;}
}


@media only screen and (max-width:1199px) {
#allmap{height:300px;}
}


@media only screen and (max-width:1199px) {
	
.sb_wp{width:100%; height:; background:#f8f8f8; margin:0 auto; padding:30px 0px 30px 0px;}

/*标题*/

.ab_title1{width:88%; margin:0 auto; height:30px; line-height:30px; font-size:1.2em; color:#fff; text-align:; font-weight:bold;}


.ab_title2_hei1{ color:#333;}
.ab_title2_hei2{ background:#3786c7;}


.ab_con4{width:90%; margin:0 auto; font-size:1em; line-height:1.8em; padding-bottom:0px;}
.ab_con4 p{line-height:1.8em;}
.ab_con4 img{max-width:100%;}


}




@media only screen and (min-width:1366px) {
.service_input_wp{width:90%; height:; max-width:1400px; margin:0 auto; padding:10px 0px 30px 0px;}
.service_input_wp ul li{display:block; width:50%; height:; float:left; margin-bottom:16px;}

.s_input1{width:98%; height:48px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

.s_input2{width:99%; height:48px; display: block; margin:0 auto; border:none; background:#3786c7; cursor:pointer; color:#fff; line-height:48px; font-size:18px; letter-spacing:5px; text-align:center;}
.s_input2:hover{ background:#4b9fe4;}

.s_input_li1{width:100% !important;}


.s_input3{width:99%; height:120px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

}




@media only screen and (min-width:1000px) and (max-width:1365px) {
.service_input_wp{width:90%; height:; max-width:1400px; margin:0 auto; padding:10px 0px 20px 0px;}
.service_input_wp ul li{display:block; width:50%; height:; float:left; margin-bottom:16px;}

.s_input1{width:95%; height:48px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

.s_input2{width:97%; height:48px; display: block; margin:0 auto; border:none; background:#3786c7; cursor:pointer; color:#fff; line-height:48px; font-size:18px; letter-spacing:5px; text-align:center;}
.s_input2:hover{ background:#4b9fe4;}

.s_input_li1{width:100% !important;}


.s_input3{width:97%; height:120px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

}



@media only screen and (max-width:999px) {
.service_input_wp{width:90%; height:; max-width:1400px; margin:0 auto; padding:10px 0px 20px 0px;}
.service_input_wp ul li{display:block; width:100%; height:; float:left; margin-bottom:10px;}

.s_input1{width:100%; height:48px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

.s_input2{width:100%; height:48px; display: block; margin:0 auto; border:none; background:#3786c7; cursor:pointer; color:#fff; line-height:48px; font-size:18px; letter-spacing:5px; text-align:center;}
.s_input2:hover{ background:#4b9fe4;}

.s_input_li1{width:100% !important;}


.s_input3{width:100%; height:120px; display: block; margin:0 auto; padding:0; border:none; background:#fff; box-sizing:border-box; border:#e0e0e0 1px solid; line-height:48px; text-indent:15px; font-size:14px;}

}










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


/*公司介绍专题页*/
.ab_jj_1{width:100%; padding:60px 0px 100px 0px; background:url(../abimg/117.jpg) center center; background-size:cover; background-attachment:fixed;}

.ab_jj_1_con{width:90%; max-width:1600px; margin:0 auto; font-size:16px; line-height:35px; color:#fff;}

}



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


/*公司介绍专题页*/
.ab_jj_1{width:100%; padding:30px 0px 30px 0px; background:url(../abimg/117.jpg) center center; background-size:cover; background-attachment:fixed;}

.ab_jj_1_con{width:90%; max-width:1600px; margin:0 auto; font-size:1.0em; line-height:2em; color:#fff;}

}





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

.xcon1{width:100%; height:360px; max-width:1600px; margin:0 auto;}
.xcon1 ul li{display:block; width:33.33%; height:360px; float:left; padding:40px 0px 40px 0px; background:rgba(55,134,199,0.8); box-sizing:border-box; border-right:rgba(255,255,255,0.2) 1px solid; transition:0.5s;}
.xcon1 ul li:nth-child(3){border-right: none;}

.xcon1 ul li:hover{ box-shadow:0px 0px 60px rgba(0,0,0,0.6); background:rgba(55,134,199,1); position:relative;}


.xcon1 ul img{display:block; height:100px; margin:0 auto;}
.xcon1 ul h3{font-size:24px; color:#fff; text-align:center; line-height:40px; padding-bottom:15px;}
.xcon1 ul p{width:70%; margin:0 auto; line-height:30px; font-size:16px; color:rgba(255,255,255,0.7); text-align:center;}

}




@media only screen and (min-width:1000px) and (max-width:1365px) {
.xcon1{width:100%; height:340px; margin:0 auto;}
.xcon1 ul li{display:block; width:33.33%; height:340px; float:left; padding:30px 0px 30px 0px; background:rgba(55,134,199,0.8); box-sizing:border-box; border-right:rgba(255,255,255,0.2) 1px solid; transition:0.5s;}
.xcon1 ul li:nth-child(3){border-right: none;}

.xcon1 ul li:hover{ box-shadow:0px 0px 60px rgba(0,0,0,0.6); background:rgba(55,134,199,1); position:relative;}

.xcon1 ul img{display:block; height:100px; margin:0 auto;}
.xcon1 ul h3{font-size:20px; color:#fff; text-align:center; line-height:40px; padding-bottom:15px;}
.xcon1 ul p{width:70%; margin:0 auto; line-height:25px; font-size:14px;color:rgba(255,255,255,0.7); text-align:center;}
}



@media only screen and (max-width:999px) {
.xcon1{width:100%; height:; margin:0 auto;}
.xcon1 ul li{display:block; width:100%; height:; float:; padding:20px 0px 40px 0px; background:rgba(55,134,199,0.8); box-sizing:border-box; margin-bottom:1px; border-right:rgba(255,255,255,0.2) 1px solid;}
.xcon1 ul li:nth-child(3){border-right: none;}

.xcon1 ul img{display:block; height:50px; margin:0 auto;}
.xcon1 ul h3{font-size:1.2em; color:#fff; text-align:center; line-height:1.8em; padding-bottom:8px;}
.xcon1 ul p{width:80%; margin:0 auto; line-height:1.8em; font-size:0.8em; color:rgba(255,255,255,0.7); text-align:center;}
}



@media only screen and (min-width: 1400px) {
.cs_cont{ width:90%; max-width:1600px; margin:0 auto; padding:20px 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;}
.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:73%; float:right;}
.cs_2 h3{font-size:20px; color:#222; font-weight:bold; line-height:50px;}
.cs_2 h3 a{color:#222; font-weight:bold; }
.cs_2 p{font-size:16px; line-height:32px; color:#888;}



.cs_2_r2{width:100%; line-height:40px; font-size:16px; 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:200px; height:40px; line-height:40px; text-align:center; border:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}




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

.cs_cont{ width:90%; max-width:1600px; margin:0 auto; padding:20px 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;}
.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:20px; color:#333; font-weight:bold; line-height:50px;}
.cs_2 h3 a{color:#222; font-weight:bold; }
.cs_2 p{font-size:14px; line-height:32px; 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:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}






@media only screen and (max-width: 1199px) {
.cs_cont{ width:90%; margin:0 auto; padding:10px 0px 10px 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;}
.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 h3 a{color:#222; font-weight:bold; }
.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:#3786c7 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#3786c7; color:#fff;}

}





























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

#new_conl{width:90%; max-width:1600px; margin:0 auto; min-height:50px; padding:60px 60px 30px 60px; margin-top:0px; position:relative;}

#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:24px; text-align:center; color:#333; font-weight:bold; border-bottom:#e4e4e4 0px dotted; }


#new_conlb{width:100%; height:50px; line-height:50px; font-size:14px; font-style:; text-align:center;}
#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; padding:40px 0px 20px 0px;}

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


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


#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 (min-width: 1200px) {
.yy_cont{ width:90%; max-width:1600px; margin:0 auto; padding:20px 0px 20px 0px;}

.yy_cont ul li{display:block; width:25%; height:; float:left; border-radius:0px; box-sizing:border-box; padding:20px 20px 10px 20px; margin-bottom:15px; transition:0.2s;}
.yy_cont ul .yy_1{width:100%; height:;}
.yy_cont ul .yy_1 img{width:100%; height:auto; display:block; margin:0 auto; border-radius:0px; transition:0.5s;}
.yy_cont ul .yy_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.yy_cont ul li:hover{ background:#3786c7; color:#fff;}
.yy_cont ul li:hover a{color:#fff;}


.yy_cont ul li:hover .yy_1 img{-webkit-transform: rotateZ(2deg);transform: rotateZ(2deg);-moz-box-shadow:0px 0px 20px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.5); box-shadow:0px 0px 20px rgba(0,0,0,0.5);}

}










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

.yy_cont ul li{display:block; width:100%; height:auto; float:; box-sizing:border-box; padding:; transition:0.2s; margin-bottom:15px;}
.yy_cont ul .yy_1{width:100%; height:auto;}
.yy_cont ul .yy_1 img{width:100%; height:auto; margin:0 auto; border-radius:5px;}
.yy_cont ul .yy_2{width:100%; height:3em; line-height:3em; text-align:center; font-size:1.2em;}

}













@media only screen and (min-width: 1200px) {
.rr_cont{ width:92%; max-width:1600px; 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 20px 10px 20px; 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;}

.rr_cont ul .rr_1{width:100%; height:200px;}
.rr_cont ul .rr_1 img{max-width:100%; height:200px; display:block; margin:0 auto;  transition:0.5s;}
.rr_cont ul .rr_2{width:100%; height:60px; line-height:60px; text-align:center; font-size:16px;}


.rr_cont ul li:hover a{  border:#3786c7 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}



}










@media only screen and (max-width: 1199px) {
.rr_cont{ width:92%; max-width:1600px; 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;}

.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%; height:30px; line-height:30px; text-align:center; font-size:1.0em;}


.rr_cont ul li:hover a{  border:#3786c7 1px solid; -moz-box-shadow:0px 0px 20px #eee; -webkit-box-shadow:0px 0px 20px #eee; box-shadow:0px 0px 20px #eee;}


}





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


.sl_c{width:100%; margin:0 auto;}

.sl_c ul li{display:block; width:100%; height:; margin:0 auto; padding:80px 0px 80px 0px; background:#f5f8fb;}

.sl_cw{width:90%; margin:0 auto; max-width:1600px;}

.sl_c ul .sleft{width:40%; float:left;}
.sl_c ul .sleft img{width:100%; height:auto; display:block; box-shadow: 6px 0px 12px rgba(0,0,0,0.1);}

.sl_c ul .sright{width:55%; float:right; font-size:16px; line-height:35px;}
.sl_c ul .sright p{line-height:35px;}

.sl_c ul .sright h2{font-size:28px; line-height:35px; padding-bottom:20px; color:#104280; font-weight:bold;}



.sl_c ul li:nth-child(2n+1){background:#fff;}


.sl_c ul li:nth-child(2n+1) .sleft{float:right !important;}
.sl_c ul li:nth-child(2n+1) .sright{float:left !important;}

}





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


.sl_c{width:100%; margin:0 auto;}

.sl_c ul li{display:block; width:100%; height:; margin:0 auto; padding:30px 0px 30px 0px; background:#f5f8fb;}

.sl_cw{width:90%; margin:0 auto; max-width:1400px;}
.sl_cw img{width:100%; height:auto; display:block; box-shadow: 4px 0px 4px rgba(0,0,0,0.1);}

.sl_c ul .sleft{width:100%; float:left; margin-bottom: 20px;font-size:0.9em; line-height:2em;}
.sl_c ul .sright p{line-height:2em;}

.sl_c ul .sright{width:100%; float:right; font-size:0.9em; line-height:2em;}
.sl_c ul .sright p{line-height:2em;}

.sl_c ul .sright h2{font-size:1.2em; line-height:1.8em; padding-bottom:6px; color:#104280; font-weight:bold;}



.sl_c ul li:nth-child(2n+1){background:#fff;}


.sl_c ul li:nth-child(2n+1) .sleft{float:right !important;}
.sl_c ul li:nth-child(2n+1) .sright{float:left !important;}

}





































/*分页*/

#nx_pg{width:98%; min-height:40px; padding:10px 0px 10px 0px; text-align:center;}
#nx_pg a{display:inline; padding:5px 15px 5px 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:#2da56f; color:#fff;}
#nx_pg .on{background:#2da56f; 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:#2da56f; color:#fff;}
#nextpage .on{background:#2da56f; color:#fff;}


#nextpage{width:98%; min-height:40px; padding:10px 0px 10px 0px; text-align:center;}
#nextpage a{display:inline; padding:5px 15px 5px 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}
#nextpage a:hover{background:#2da56f; color:#fff;}
#nextpage .on{background:#2da56f; 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: #2da56f;}
.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: #2da56f; 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: #2da56f; 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_wrap img{max-width: 100%;}
	
.pd_hd{width: 90%; max-width:1360px; min-height:50px; margin:0 auto; padding:40px 0px 0px 0px;}
.pd_hd_l{width:36%; 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_wrap img{max-width: 100%;}	

.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: #2da56f; 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: #2da56f; 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:1600px; margin:0 auto; padding:20px 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:15px; line-height:28px; 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:14px; padding-top:10px;}
.cs_2_r3 a{display:block; float:right; width:170px; height:35px; line-height:35px; text-align:center; border:#2da56f 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#2da56f; color:#fff;}

}




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

.cs_cont{ width:100%; max-width:1600px; 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:#2da56f 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#2da56f; 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:#2da56f 1px solid; transition:0.5s;}
.cs_cont ul li:hover .cs_2_r3 a{ background:#2da56f; color:#fff;}

}








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

#new_conl{width:100%; max-width:1600px; margin:0 auto; min-height:50px; margin-top:0px; position:relative; box-sizing: border-box; padding: 20px 0px 10px 0px;  }

#new_conla{width:100%; min-height:20px; padding:15px 0px 15px 0px; font-size:18px; line-height: 28px; text-align:center; 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:center;}
#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; box-sizing: border-box; padding:20px 0px 20px 0px; }

#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;}


}










/*解决方案列表*/
.so_2{width: 90%; max-width: 1650px; margin: 0 auto; padding: 20px 0px 20px 0px; font-size: 16px; line-height: 45px;}
.so_2 ul li{display: block; width: 33.33%; float: left; margin-bottom: 40px;}
.so_2 ul .lic{width: 90%; margin: 0 auto;}
.so_2 ul .zz1{width: 100%; height: ; background: #fff; padding: 10px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);}
.so_2 ul .zz1 img{max-width: 100%; height: ; display: block; margin: 0 auto;}
.so_2 ul .zz2{width: 100%; height: 50px; font-size: 16px; line-height: 25px; padding-top: 20px; padding-bottom: 20px; text-align: center;}


/*案例图片列表*/
.ca_2{width: 90%; max-width: 1650px; margin: 0 auto; padding: 20px 0px 30px 0px; font-size: 16px; line-height: 45px;}
.ca_2 ul li{display: block; width: 25%; float: left; margin-bottom: 20px;}
.ca_2 ul .lic{width: 94%; margin: 0 auto;}
.ca_2 ul .zz1{width: 100%; height: 250px; background: #fff; padding: px; border: #e5e5e5 0px solid; overflow: hidden;}
.ca_2 ul .zz1 img{width: 100%; height: 250px; display: block; margin: 0 auto; transition: 0.5s;}
.ca_2 ul .zz2{width: 100%; height: 60px; font-size: 15px; line-height: 25px; padding-top: 15px; padding-bottom: 20px; text-align: center; background: #f8f8f8;}
.ca_2 ul .zz1 a:hover img{transform: scale(1.2);  z-index: 1;}




/*新闻*/
.new_wwp{width: 90%; max-width: 1600px; margin: 0 auto; padding: 20px 0px 20px 0px; font-size: 16px; line-height: 45px;}
.new_wwp li{display: block; width:calc(33.33% - 40px); float: left; margin-left: 20px; margin-right: 20px; background: #f8f8f8; padding-bottom: 20px; margin-bottom: 40px; transition: 0.5s;}
.new_wwp img{width:100%; height:336px;}
.new_wwp h2{width:85%; height:60px; margin:0 auto; line-height:30px; padding-top:25px; font-size:18px; color: #222; font-weight: bold; overflow:hidden;}
.new_wwp p{ width:85%;  margin:0 auto; line-height:28px; color:#666; font-size:15px; padding-top:20px;}
.new_wwp li:hover{background:#fff; -moz-box-shadow:0px 0px 30px #d7e5f0; -webkit-box-shadow:0px 0px 30px #d7e5f0; box-shadow:0px 0px 30px #d7e5f0;}
.t5l2{ width:85%; height:60px; overflow:hidden; margin:0 auto; line-height:30px; color:#aaa; font-size:15px; padding-top:px; overflow: hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;} 






@media only screen and (min-width: 1200px) {
.yy_cont{ width:90%; max-width:1400px; margin:0 auto; padding:20px 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:20px 0px 10px 0px;}


	
.yy_cont{ width:90%; margin:0 auto; padding:20px 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:1600px; 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;}

.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:1600px; 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; }

.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: #2da56f  1px solid; background: #2da56f; 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 #2da56f; 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: #2da56f  1px solid; background: #2da56f; 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 #2da56f; 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;}

	
	
}