@charset "utf-8";
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0}
body,button,input,select,textarea{font:16px/1.5 "微软雅黑",sans-serif; color:#272626;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none;color:#333;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
/*---------------------------------------导航-------------------------------------------*/
.banner_ph{ display:none;}
.banner{ width:100%; overflow:hidden;}
.banner img{ width:100%;}
.con_01{ width:100%; overflow:hidden; margin:auto;}
.con_01 p{ width:1200px; line-height:32px; text-align:center; margin:30px auto; font-size:18px;}

.con_03{ width:100%; overflow:hidden;background:linear-gradient(0deg, #002d4c 0%,#125e82 100%);}
.zi{ text-align:center; color:#FFF; width:1200px; margin:20px auto; line-height:30px;}
.con_03 h1{ text-align:center; font-size:30px; color:#FFF;}
.con_03 ul{  width:1200px; margin:auto; overflow:hidden; margin-bottom:10px;}
.con_03 ul li{ width:168px; height:265px; padding:20px; float:left; background:#F3F3F3; margin:16px; margin-top:30px; border-radius:5px;}
.con_03 ul li:hover{ cursor:pointer; -webkit-transform:translateY(-20px);transition:all 0.6s;box-shadow:0 0 5px #159FC1; border-radius:8px;}
.con_03 ul li img{ margin:auto;}
.con_03 ul li p{ text-align:center; margin:10px 0; line-height:30px; font-size:15px; color:#656565;line-height:28px;}


.con_04{ width:1200px; margin:30px auto; overflow:hidden; }
.wen_left{ overflow:hidden; width:800px; float:right;}
.block-img::before{-webkit-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 0 50px 0 rgba(0, 0, 0, 0.5);
	content: " ";
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;}

.block-img{ width:390px; overflow:hidden; border-bottom:5px solid #20c5e1; position:relative; float:left; margin:10px 5px; }
.block-img h2{ position:absolute; bottom:0; color:#FFF; width:100%;  overflow:hidden; height:100%;}
.block-img h2:hover{ background:rgba(32, 197, 225, 0.5);}
.block-img h2 p{padding:3%; width:94%; position:absolute; bottom:0;background:rgba(0, 0, 0, 0.4);}
.wen_right{ overflow:hidden; width:400px; float:left;}
.wen_right_ph{ display:none;}

.con_05{ width:100%; background:#f1f1f1; overflow:hidden;}
.con_05 ul{ width:1200px; margin:auto;}
.con_05 ul li{ width:340px; padding:20px; float:left; margin:10px; font-weight:bold;}
.con_05 ul li h2{ font-size:24px; margin-bottom:10px;}
.con_05 ul li span{ margin-top:50px; display:inline-block;}
.con_05 ul li img{ float:left; margin:0 30px; width:36%;}
.img_03 img{ margin-left:120px !important;}
.btn{width:166px; height:38px; line-height:38px; color:#fff; text-align:center; display:inline-block; margin-top:10px; background:linear-gradient(90deg, #1ec6e4 0%,#2668c1 100%); font-size:15px;margin-left:100px; }

.footer{background:linear-gradient(0deg, #002d4c 0%,#125e82 100%); color:#FFF; font-size:14px; text-align:center; width:98%; padding:1%; margin-top:30px;}