@charset "utf-8";
/* CSS Document */

.navson{ display:none}
.contact{ margin-top:80px; margin-bottom:80px}
.contact .ty02{ display:flex;flex-wrap:wrap }
.lx_01{ width:30%; float:left; overflow:hidden; margin-right:5%}
.lx_01 h2{ width:100%; float:left; overflow:hidden; line-height:44px; font-size:32px; color:#222; margin-bottom:40px; font-family:Arial, Helvetica, sans-serif}
.lx_01 h5{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.lx_01 h5 a{ width:32%; float:left; overflow:hidden; height:60px; font-size:19px; color:#333; font-weight:normal ;background:#1c5a8d; margin-right:2%; display:flex; justify-content:center;align-items:center }
.lx_01 h5 a img{ height:32px}
.lx_01 h5 a:last-child{ margin-right:0}
.lx_01 ul{ width:100%; float:left; overflow:hidden; display:flex; justify-content:space-between}
.lx_01 ul li{ width:47%; float:left; overflow:hidden; text-align:center; line-height:30px; font-size:14px; color:#1c5a8d; box-sizing:border-box; border:2px solid rgba(28,90,141,.5); padding:17px}
.lx_01 ul li img{ max-width:100%}

.lx_02{ width:65%; float:left; overflow:hidden; display:flex; flex-wrap:wrap}
.lx_02 dl{ width:31%; float:left; overflow:hidden; margin-right:3.5%; border:1px solid #f2f2f2; border-radius:5px; padding:20px; box-sizing:border-box; position:relative   }
.lx_02 dl:last-child{ margin-right:0}
.lx_02 dl h6{ width:100%; float:left; overflow:hidden; margin-bottom:30px; height:80px}
.lx_02 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; font-size:22px; color:#222; margin-bottom:15px}
.lx_02 dl dd{ width:100%; float:left; overflow:hidden; line-height:30px;  font-size:18px; color:#666;}
.lx_02 dl h4{ width:100%; position:absolute; left:20px; bottom:20px; overflow:hidden;}

.contact2{ background:#0c336d; padding:80px 0;background-image: linear-gradient(to bottom,#1c5a8d ,#1a619c);}
.contact2 h3{ width:100%; float:left; overflow:hidden; line-height:44px; font-size:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:40px}
.message{ width:100%; float:left; overflow:hidden;}
.message ul{ width:48%; float:left; overflow:hidden}
.message ul.ul_01{ margin-right:4%;}
.message li{ width:100%; float:left; overflow:hidden; margin-bottom:20px}
.span_001{ width:100%; float:left; line-height:30px; font-size:14px; color:rgba(255,255,255,.8); font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.span_001 b{ color:#f19b0f; padding-left:3px}
.intxt{ width:90%; float:left; height:68px; line-height:68px; overflow:hidden; font-size:14px; color:#333; padding:0 20px; border:none; font-family:"微软雅黑" ; outline:none; background:#efefef;  -moz-box-sizing: border-box;box-sizing: border-box; border-radius:6px }

.sel01{ width:90%; float:left; height:68px; line-height:68px; overflow:hidden; font-size:14px; color:#333; padding:0 20px; border:none; font-family:"微软雅黑" ; outline:none; background:#efefef;  -moz-box-sizing: border-box;box-sizing: border-box;}
.message li.m_16{ margin-bottom:36px}
.message textarea{ width:90%; float:left; overflow:hidden; padding:20px 20px; border:none; background:#efefef; color:#666; font-size:14px; -moz-box-sizing: border-box;box-sizing: border-box; height:200px;font-family:"微软雅黑";border-radius:6px }
.coolbg{ width:90%; height:68px; float:left; overflow:hidden; line-height:68px; text-align:left; text-indent:20px; font-size:18px; color:#fff; background:#f19b0f;  cursor:pointer; border:none; font-family:"微软雅黑"; transition:all 0.35s;border-radius:6px ;background-image: linear-gradient(to bottom,#1b82db,#6eb6f4);}
.coolbg:hover{ background:#ed9e20; border-radius:10px}



/******** 手机版 ********/
@media (max-width:767px){
	
.contact{ margin:30px 0 10px;}
.lx_01{ width:100%;margin-right:0; margin-bottom:25px}
.lx_01 h2{ line-height:26px; font-size:20px;  margin-bottom:15px;}
.lx_01 h5{  margin-bottom:15px}
.lx_01 h5 a{ width:32%;  height:45px; margin-right:2%;}
.lx_01 h5 a img{ height:25px}
.lx_01 h5 a:last-child{ margin-right:0}
.lx_01 ul li{ width:48.5%; line-height:30px; font-size:14px; padding:15px 10px}
.lx_01 ul li img{ max-width:90%}

.lx_02{ width:100%;}
.lx_02 dl{ width:100%;  margin-right:0; padding:20px 15px; margin-bottom:15px }
.lx_02 dl:last-child{ margin-right:0}
.lx_02 dl h6{  margin-bottom:20px; height:40px; text-align:center}
.lx_02 dl h6 img{ height:40px}
.lx_02 dl dt{ line-height:25px; font-size:18px; color:#222; margin-bottom:10px; text-align:center}
.lx_02 dl dd{ line-height:22px;  font-size:14px; text-align:center}

.lx_02 dl h4{ display:none}

.contact2{ padding:25px 0}
.contact2 h3{  line-height:30px; font-size:20px;  margin-bottom:15px}

.message ul{ width:100%; float:left; overflow:hidden}
.message ul.ul_01{ margin-right:0;}
.message li{margin-bottom:15px}
.span_001{ line-height:30px; font-size:12px;}
.span_001 b{padding-left:3px}
.intxt{ width:100%; float:left; height:50px; line-height:50px; overflow:hidden; font-size:13px; padding:0 15px;border-radius:3px }

.sel01{ width:100%; float:left; height:50px; line-height:50px;  overflow:hidden; font-size:13px; color:#333; padding:0 15px;border-radius:3px }
.message li.m_16{ margin-bottom:20px}
.message textarea{ width:100%; padding:20px 20px; font-size:14px; height:100px; border-radius:3px }
.coolbg{ width:100%; height:50px;  line-height:50px;  text-indent:20px; font-size:16px; border-radius:3px }
.coolbg:hover{  border-radius:10px}
	
}
/******** 手机版 结束 ********/

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.contact{ margin:30px 0 40px;}
.lx_01{ width:100%;margin-right:0; margin-bottom:25px}
.lx_01 h2{ line-height:30px; font-size:20px;  margin-bottom:20px;}
.lx_01 h5{  margin-bottom:25px}
.lx_01 h5 a{ width:32%;  height:45px; font-size:17px; margin-right:2%;}
.lx_01 h5 a img{ height:25px}
.lx_01 h5 a:last-child{ margin-right:0}
.lx_01 ul li{ width:48.5%; line-height:30px; font-size:14px; padding:15px 10px}
.lx_01 ul li img{ max-width:90%}

.lx_02{ width:100%;}
.lx_02 dl{ width:31%;  margin-right:3.5%; padding:20px 20px 80px; }
.lx_02 dl:last-child{ margin-right:0}
.lx_02 dl h6{  margin-bottom:20px; height:50px}
.lx_02 dl h6 img{ height:50px}
.lx_02 dl dt{ line-height:25px; font-size:20px; color:#222; margin-bottom:15px}
.lx_02 dl dd{ line-height:22px;  font-size:14px;}
.lx_02 dl h4 img{ height:40px }

.contact2{ padding:40px 0}
.contact2 h3{  line-height:30px; font-size:23px;  margin-bottom:20px}

.message ul{ width:49%; float:left; overflow:hidden}
.message ul.ul_01{ margin-right:2%;}
.message li{margin-bottom:20px}
.span_001{ line-height:30px; font-size:12px;}
.span_001 b{padding-left:3px}
.intxt{ width:96%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:14px; padding:0 20px; }

.sel01{ width:96%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:14px; color:#333; padding:0 20px;}
.message li.m_16{ margin-bottom:50px}
.message textarea{ width:96%; padding:20px 20px; font-size:14px; height:170px; border-radius:5px }
.coolbg{ width:90%; height:60px;  line-height:60px;  text-indent:20px; font-size:16px; border-radius:6px }
.coolbg:hover{  border-radius:10px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){

.contact{ margin:50px 0;}
.lx_01{ width:32%;margin-right:3%}
.lx_01 h2{ line-height:30px; font-size:23px;  margin-bottom:40px;}
.lx_01 h5{  margin-bottom:25px}
.lx_01 h5 a{ width:32%;  height:45px; font-size:17px; margin-right:2%;}
.lx_01 h5 a img{ height:25px}
.lx_01 h5 a:last-child{ margin-right:0}
.lx_01 ul li{ width:47%; line-height:30px; font-size:14px; padding:15px 10px}
.lx_01 ul li img{ max-width:90%}

.lx_02{ width:65%;}
.lx_02 dl{ width:31%;  margin-right:3.5%; padding:20px; }
.lx_02 dl:last-child{ margin-right:0}
.lx_02 dl h6{  margin-bottom:20px; height:60px}
.lx_02 dl h6 img{ height:60px}
.lx_02 dl dt{ line-height:25px; font-size:20px; color:#222; margin-bottom:15px}
.lx_02 dl dd{ line-height:22px;  font-size:14px;}
.lx_02 dl h4 img{ height:40px }


.contact2{ padding:50px 0}
.contact2 h3{  line-height:30px; font-size:25px;  margin-bottom:30px}

.message ul{ width:48.5%; float:left; overflow:hidden}
.message ul.ul_01{ margin-right:3%;}
.message li{margin-bottom:20px}
.span_001{ line-height:30px; font-size:14px;}
.span_001 b{padding-left:3px}
.intxt{ width:90%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:14px; padding:0 20px; }

.sel01{ width:90%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:14px; color:#333; padding:0 20px;}
.message li.m_16{ margin-bottom:50px}
.message textarea{ width:90%; padding:20px 20px; font-size:14px; height:170px; border-radius:5px }
.coolbg{ width:90%; height:60px;  line-height:60px;  text-indent:20px; font-size:18px; border-radius:6px }
.coolbg:hover{  border-radius:10px}
}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){

.lx_01{ width:30%;margin-right:5%}
.lx_01 h2{ line-height:34px; font-size:28px;  margin-bottom:40px;}
.lx_01 h5{  margin-bottom:25px}
.lx_01 h5 a{ width:32%;  height:50px; font-size:19px; margin-right:2%;}
.lx_01 h5 a img{ height:26px}
.lx_01 h5 a:last-child{ margin-right:0}
.lx_01 ul li{ width:47%; line-height:30px; font-size:14px; padding:15px 10px}

.lx_02{ width:65%;}
.lx_02 dl{ width:31%;  margin-right:3.5%; padding:20px; }
.lx_02 dl:last-child{ margin-right:0}
.lx_02 dl h6{  margin-bottom:20px; height:70px}
.lx_02 dl h6 img{ height:70px}
.lx_02 dl dt{ line-height:30px; font-size:22px; color:#222; margin-bottom:15px}
.lx_02 dl dd{ line-height:30px;  font-size:16px;}
.lx_02 dl h4 img{ height:45px }


.contact2{ padding:70px 0}
.contact2 h3{  line-height:36px; font-size:28px;  margin-bottom:30px}

.message ul{ width:48.5%; float:left; overflow:hidden}
.message ul.ul_01{ margin-right:3%;}
.message li{margin-bottom:20px}
.span_001{ line-height:30px; font-size:14px;}
.span_001 b{padding-left:3px}
.intxt{ width:90%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:14px; padding:0 20px; }

.sel01{ width:90%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:14px; color:#333; padding:0 20px;}
.message li.m_16{ margin-bottom:50px}
.message textarea{ width:90%; padding:20px 20px; font-size:14px; height:170px; border-radius:5px }
.coolbg{ width:90%; height:60px;  line-height:60px;  text-indent:20px; font-size:18px; border-radius:6px }
.coolbg:hover{  border-radius:10px}



}

/******** 1400px ********/
@media (min-width:1440px){
	
}