/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,h5,p,table,td,tr,p,dl,dt,dd{ padding:0; margin:0; list-style:none;}
body{ font-family:"微软雅黑"; font-size:14px; color:#262626;}
em{ font-style:normal;}
a{ color:#666; text-decoration:none;}
a:hover{color:#2358a4;}
img{ border:0;max-width: 100%;}
.clear{ clear:both;}
.wid{ width:1000px; margin:0 auto;}

.header{}
.top{ height:10px; background:url(../images/top_bj.jpg) no-repeat center;}
.logo{ float:left;}
.baoj{line-height: 1.8;display: flex;flex-wrap: wrap;	justify-content: space-around;}
.h_lx{ float:right; padding:15px 10px 0 65px; background:url(../images/lx.png) no-repeat 0 15px; font-size:14px; color:#646464;}
.h_lx span{ display:block; color:#1a3783; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.lx{background: none;padding: 15px;}
.nav{ height:35px; line-height:35px; background:#045cb2; box-shadow:0 5px 10px #03417d inset;}
.nav li{ width:150px; text-align:center; float:left;}
.nav li a{color:#fff; display:block;}
.nav li .active{background:#3f3f3f;box-shadow:0 5px 10px #0e0e0e inset;}
.nav li a:hover{background:#3f3f3f;box-shadow:0 5px 10px #0e0e0e inset;}

.xwlb{  border-bottom: 1px dashed #ccc;padding: 5px 0 5px 40px;margin:0 5%;background: url(../images/jt03.gif) no-repeat 20px center;}
.arti{border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
.xwlb span,.section span{float: right;}
.section h4{text-align: center;}

.img_box{display: flex;flex-wrap: wrap;justify-content: space-around;}
.img_box img{padding: 1%;}
.img_box>div img{width: 460px;max-width: 98%;}

.sc{position: absolute;top: 15%;z-index: 100;max-width: 975px;width: 100%;left: 17%;font-size: 35px;color: #fff;}
.sc>div{background: rgba(66, 82, 105, 0.6);  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.08);  border-radius: 2px 2px 60px 2px;padding: 4%;}
.sc a{	border: 1px solid #fff;padding: 10px;margin: 4%;display: block;width: 100px;text-align: center;color: #fff;font-size: 20px;}

.con1{ padding-top:30px; background:#f4f4f4;}
.con1_l{ float:left; width:72%; height:305px; background:url(../images/ba_right.jpg) no-repeat right 15px;}
.con1_l h3{ width:95%; font-size:16px; color:#2358a4; font-weight:600; border-bottom:#d6d6d6 solid 1px; height:30px;}
.con1_l h3 em{ font-size:12px; color:#b0b0b0; margin-left:5px; padding-left:5px; font-weight:normal; border-left:#d2d2d2 solid 1px;}
.con1_l h3 span{ font-size:12px;color:#b0b0b0; float:right;}
.con1_l h3 span a{ color:#b0b0b0; font-weight:normal;}
.con1_l h3 span a:hover{ color:#2358a4;}
.con1_l p{ padding:20px 25px 0 0; font-size:12px; line-height:24px;}
.con1_l p img{ float:left; width:363px; margin-right:15px;}
.con1_r{ float:right; width:24%; color:#b0b0b0; padding:0 2%;}
.con1_r h3{ width:95%; font-size:16px; color:#2358a4; font-weight:600; height:30px; text-align:center;}
.con1_r h3 em{ font-size:12px; color:#b0b0b0; margin-left:5px; padding-left:5px; font-weight:normal; border-left:#d2d2d2 solid 1px;}
.con1_r p{ font-size:12px; line-height:24px;color:#666;}
.con1_r .con1_r_lx_pic{ height:100px; background:#0085DA url(../images/sy_lx.jpg) no-repeat; margin-bottom:15px; box-shadow:0 0px 5px #999;}

.con2{background:#e5e9ec; padding:40px 0;}
.con2 li{ width:249px; height:186px; overflow:hidden; float:left; position:relative; cursor:pointer; margin-right:1px; margin-bottom:2px;}
.con2 li img{ vertical-align:middle; width:100%; border:0px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.con2 li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.con2 li .tel{ width:100%; height:35px; font-size:14px; color:#fff; line-height:35px; text-align:center; font-weight:600; position:absolute; bottom:0px; left:0px; background:url(../images/propicbg.png);}
.con2 .case_tel{ background:#1561af url(../images/casebg.jpg) no-repeat center;}
.con2 .case_tel_t{ display:block; padding:60px 0 0 55px; font-size:22px; color:#fff; line-height:34px;}
.con2 .case_tel_b{ display:block; color:#4bbeed; font-size:20px; line-height:26px; padding-left:35px;font-family:"Impact"; font-weight:normal;}
.case_tel a{ display:block;}
.case_more a{ display:block; background:#fff url(../images/case_more.png) no-repeat center 34px; padding-top:126px; text-align:center; line-height:40px; color:#1561af; height:60px;}
.case_more a:hover{ color:#fff;background:#1561af url(../images/case_more1.png) no-repeat center 34px;}

.con3{}
.con3 h3{ color:#2358a4; padding-top:40px; font-size:20px; text-align:center;}
.con3>p{ color:#b7b7b7; height:24x; line-height:24px; text-align:center; font-size:12px;text-transform:uppercase;}
.con3 .sl{ background:url(../images/sl_line.gif) repeat-x center 93px; margin-top:30px;}
.con3 .sl dl{ width:232px; margin-right:24px; float:left; height:360px; cursor:pointer;}
.con3 .sl dt{ width:160px; height:182px; margin:0 auto; overflow:hidden; background:url(../images/sl_bg1.png) no-repeat center top;}
.con3 .sl dd{ height:164px; background:url(../images/sl_dd1.png) no-repeat center 28px;}
.con3 .sl dd h4{ text-align:center; font-size:16px; height:24px; line-height:24px; color:#121212; padding-top:16px;}
.con3 .sl dd p{ color:#666; line-height:20px; padding:0 15px; margin-top:12px;}
.con3 .sl dl:hover dt{background:url(../images/sl_bg2.png) no-repeat center top;}
.con3 .sl dl:hover dd h4{ color:#1561af;}
.con3 .sl dl:hover dd p{color:#1561af;}

.footer{ background:#424242; padding:20px 0;}
.footer p{ text-align:center; color:#999; font-weight:normal; font-size:13px; line-height:30px;}
.footer p a{ color:#999;}
.footer p a:hover{ color:#fff;}

.mid{ background:url(../images/mid_bj.jpg);}
.weizhi{ height:37px; text-align:right; padding-right:15px;line-height:35px;background:url(../images/xian.jpg) no-repeat center bottom;}
.weizhi .tb{background:url(../images/icon_home.jpg) no-repeat 0 4px; padding-left:18px;}
.mid>.wid{padding:0px 0px 35px; background:#fff; box-shadow:0 5px 5px #666;}
.mid h2{ margin-top:20px; text-align:center; background:url(../images/titlebg.jpg) no-repeat center; font-size:24px; font-weight:normal; color:#2358a4;}
.mid h2 em{ display:block; font-weight:normal; font-size:12px; color:#262626; line-height:24px;}
.mid_nr{ margin-top:30px; padding:0 15px;}
.mid_nr p{ text-indent:2em; line-height:26px; margin-bottom:10px;}

.mid_pro{}
.mid_pro li{width:31%; margin:0 1% 20px 1%; text-align:center; border:1px solid #ccc; float:left;    height: 226px;display: flex;align-items: center;justify-content: center;}
.mid_pro li a{font-size:0;    overflow: hidden;max-height: 100%;text-align: center;align-items: center;display: flex;}
.mid_pro li img{ width:100%;}

.mid_shebei{}
.mid_shebei li{width:31%; margin:0 1% 20px 1%; text-align:center; float:left;}
.mid_shebei li a{ display:block;font-size:0;}
.mid_shebei li img{ width:100%; height:100%;}

.mid_contact{ margin-top:50px;}
.mid_contact li{ width:25%; text-align:center; float:left;}
.mid_contact li img{width:60px;}
.mid_contact li p{ text-indent:0em; margin-bottom:5px;}
.ditu{ width:100%; margin-top:40px;}
.ditu p{ text-indent:0em;}

/*分页代码*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}

.biaoge{width:100%; border-bottom:1px solid #c0c0c0;border-left:1px solid #c0c0c0; background:#efefef; margin-top:15px;}
.biaoge td{border-top:1px solid #c0c0c0;border-right:1px solid #c0c0c0;line-height:26px;padding-left:5px;font-size:13px;}

.feedback{padding-top: 2%;}
.feedback_part{padding-bottom:5%;}
.feedback_item{padding: 0 25px;width: 50%;box-sizing: border-box;}
.feedback_item h2{color: #CA120A;font-size: 34px;text-transform: uppercase;margin-bottom: 40px;font-weight: 400;}
.feedback_msg{padding: 10px 0;}
.feedback_msg i{font-size: 30px;color: #CA120A; padding-right: 10px;}
.feedback_box .feedback_msg span,.feedback_box .feedback_msg p{display: block; font-size: 20px;padding-right: 1%;    color: #6C6A6A;}
/* .feedback_msg p{font-size: 16px;line-height: 26px;color: #636363;align-self: center;} */
.feedback_item input{        box-sizing: border-box;padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;}
.feedback_item textarea {    box-sizing: border-box;padding-left: 15px;display: block;width: 100%; line-height: 40px; margin-bottom: 15px;border-radius: 2px;border: solid 1px #cccc;max-height: 120px;font-family:'sans';}
.feedback_item textarea,.feedback_item input{font-size: 17px;    padding: 10px 0;  border-radius: 0 2px 2px 0;    width: 100%;  border: none;  
  outline: none;margin: 0;background: #fcfcfc;}
.feedback_item a{display: inline-block; padding: 13px 25px;background:#CA120A;color: white;}
.feedback_item a:hover{background:#CA120A;}
.feedback_lg { width: 60%; margin-top: 35px;padding-bottom: 25px;border-bottom: solid #CA120A;}
.feedback_lg a{background: white;padding:0 25px;}
.feedback_lg a i{color: black; font-size: 25px;}
.feedback_lg a:hover{background:white;}
.feedback_lg a:hover i{color:#CA120A;}
.feedback_box p{font-size: 24px;margin-bottom: 5%;color: #6C6A6A;}
#Feedback>div{display: flex;margin-bottom: 15px;border: 1px solid #d5d5d5;}
#Feedback>.form_send{border: none;}
#Feedback>div i{background: #fcfcfc;color: #CA120A;font-size: 42px;border-radius: 2px 0 0 2px;padding: 1.3% 2%;}

@media screen and (max-width: 800px) {
.wid{ width:96%; padding:0 2%;}	
.slide_container{ margin-bottom:10px;}
.nav li{ width:20%;}
.con1_l p img{ width:50%;}
.con2 li{}
}
@media screen and (max-width: 700px) {.feedback_item{width: 100%;}}
@media screen and (max-width: 480px) {
.wid{ width:96%; padding:0 2%;}	
.slide_nav{ top:65%;}
.slide_container{ margin-bottom:10px;}
.logo img{ width:100%;}
.h_lx{ display:none;}
.nav li{ width:16%;font-size: 12px;}
.con1_l{ width:100%; float:none; height:100%;}
.con1_l h3{ width:100%;}
.con1_l p{ padding:10px 0 0 0;}
.con1_l p img{ width:100%; margin:0;}
.con1_r{width:96%; float:none; margin-top:15px;}
.con2 li{ margin:0 auto; float:none;}
.mid_pro li{ width:47%;}
.mid_shebei li{ width:47%;}
.mid_contact li{ width:50%; height:180px;}
.sc{font-size: 1em;left: 10%;max-width: 85%;}
.sc a{margin: 0;padding: 0;font-size: 1em;}
.h_lx span{font-size: 18px;}
.h_lx:nth-child(3){display: block;width: 98px;}
.slide li{height: 180px;}
.slide img{height: 180px;object-fit: cover;}
	}