/* 二级页面 */
body{ margin:0px; width: 100%; padding:0px; font-size:14px; color:#222; font-family:"Microsoft Yahei"; background:#edecec;  
}
li{ list-style:none;
}
ul,h1,h2,h3,h4,h5,h6,p{ margin:0px; padding:0px;
}
a{ text-decoration:none; color:#0a62c0;
}
img{ border:none;
}

@media (min-width:1200px) {
.bgcg{ background: #c7dfeb;
}
.ban{ width: 100%; height: 223px; max-height: 300px; display: block; overflow: hidden;
}
.ban img{ width: 100%; height: 223px;
}
.cents{ position: relative; width: 1000px; margin: -223px auto 0px; height: 223px;
}
.nav{ margin: 73px 48px 0px; 
}
.mag{ margin: 0px;
}
.content{ width: 100%; height: auto; display: block; overflow: hidden; background: #c7dfeb; /*background: url(../images/content_bg.jpg) no-repeat; background-size: 100%;*/
}
.h1_lan{ width: 100%; height: 70px; float: left; margin: 50px 0px;
}
.h1_left{ width: 2%; height: 70px; float: left; background: url(../images/h1_left.png) left no-repeat;
}
.h1_cent{ width: 96%;height: 70px; float: left; background: url(../images/h1_cent.png);
}
.h1_right{ width: 2%; height: 70px; float: left; background: url(../images/h1_right.png) right no-repeat;
}
.h1_cent h1{ margin: 20px 0px 0px; line-height: 30px; font-size: 28px; color: #1961ae;  font-weight:300;
}
.h1_cent h1 span{ font-size: 20px; margin: 0px 0px 0px 10px; color: #999;
}
.pages{ width: 100%; height: auto;  display: block; overflow: hidden;text-align: left; float: right;
}
#position{ width: 30%; line-height: 30px; float: right; font-size: 14px; text-align: right; margin: 5px 0px 0px; color: #999; font-weight: 300;
}
#position a{ margin: 0px 3px;
}

.content_page{ margin: 20px 0px 40px; width: 100%; float: right; height: auto; display:  block; overflow: hidden; 
}
.content_page p{ line-height: 25px; text-align: left; margin: 0px 0px 20px 0px; text-indent: 30px;
}
.content_page img{ width: 94%; background: #fff; padding: 5px; box-sizing:border-box; border-radius: 3px;
}
.content_page_img{ width: 100%; height: auto; display: block; float: left;
}
.content_page_img li{ width: 200px; display: inline-block; margin: 0px 10px; 
}
.content_page_img li img{ width: 100%;
} 
.content_pro{ margin: 40px 0px 0px; width: 100%; height: auto; display:  block; overflow: hidden; 
}
.content_pro li{ width:235px; float: left;  margin: 0px 0px 40px 20px; position: relative; 
}
.content_pro li:nth-child(4n+1){ margin: 0px 0px 40px 0px;
}
.content_pro li img{ width: 100%; float: left; height: 186px;
}
.content_pro li h1{ margin: 0px; line-height: 40px;  font-size: 16px; text-align: center; background: #1961ae;  color: #fff;
}
.content_pro li div{ display: none; width: 100%; height: 100%; position: absolute;  background: #1961ae url(../images/seach.png) no-repeat 100px 90px;
}
.content_pro li div h4{ width: 100%; line-height: 40px; margin: 130px 0px 0px; text-align: center; font-size: 18px; color: #fff; font-weight: 300;
}
.content_pro li:hover div{ display: block;
}
.content_show{ margin: 40px 0px 60px; width: 100%; height: auto; display:  block; overflow: hidden; text-align: left;  
}
.content_show h1{ width: 100%; margin: 0px; text-align: center; margin: 0px 0px 20px;
}
.content_show p img{ max-width: 800px;  
}
.content_show p{ line-height: 30px; margin: 10px 0px 10px 0px;   text-indent: 30px;
}
.content_news{ margin: 40px 0px 60px; width: 100%; height: auto; display:  block; overflow: hidden; 
}
.content_news li{ width: 100%; height: 150px; float: left; margin: 0px 0px 50px 0px; position: relative;
}
.cont_new_img{ width: 20%;  float: left; margin: 0px 30px 0px 0px;
}
.cont_new_img img{ width: 100%;  height: 150px;
}
.cont_new_img img:hover{border:5px #d8e4ea solid; box-sizing:border-box; 
}
.cont_new_hp{ width: 75%; height: 150px; float: right; 
}
.cont_new_hp h1{ margin: 0px 0px 20px; font-size: 18px; font-weight: 300; height: 40px; border-bottom: 1px dashed #999;  color: #333;
}
.cont_new_hp a:hover h1{ color: #1961ae;
}
.cont_new_hp h1 span{ float: right; color: #999; font-size: 14px;
}
.cont_new_hp p{ line-height: 25px; 
}
.cont_new_hp h4{ padding: 5px 20px; background: #1961ae; border-radius: 4px; position: absolute; bottom: 0px; left: 250px; font-size: 14px; font-weight: 300; color: #fff;
}
.cont_new_hp a:hover h4{ background: #fff; color: #1961ae;	
}
.share{ width: 100%; float: left; text-align: left; height: 30px; line-height: 30px; margin: 0px 0px 30px; padding: 0px 0px 30px 0px; border-bottom: 1px dashed #999;
}
.share h1{ font-size: 14px; font-weight: 300;
}
.share h1 img{ width: 17px; margin: 0px 5px 0px 0px;
}
.share h1 a{ margin: 0px 30px 0px 0px; color: #666;
}
.strip{ width: 100%; float: left; text-align: left; height: 30px; line-height: 30px; margin: 0px 0px 30px; 
}
.next,.pre{ width: 50%; float: left;
}
.next a,.pre a{ color: #777;
}
.next a:Hover,.pre a:Hover{ color: #1961ae;
}
.content_case{margin: 40px 0px 60px; width: 100%; height: auto; display:  block; overflow: hidden; 
}
.content_case li{ width: 300px; height: 336px; display: block; overflow: hidden; border:5px solid #1961ae; box-sizing:border-box; float: left; margin: 0px 0px 60px 0px; position: relative;
}
.content_case li:nth-child(3n+2){ margin: 0px 50px 60px; 
}
.content_case li img{ width: 100%; height: 326px; -webkit-transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;
}
.content_case li div{ width: 100%; height: 150px; padding: 40px 0px; box-sizing:border-box; text-align: center; position: absolute; bottom: 0px; z-index: 2; background: #1961ae;
}
.content_case li div h1{ color: #fff; font-size: 18px; font-weight: 300; margin: 0px 0px 30px 0px;
}
.content_case li div span{ padding: 2px 15px; border:1px solid #fff; color: #fff; font-size: 14px; border-radius: 3px;
}
.content_case li:hover div{
}
.content_case li:hover img{	 -moz-transform: scale(1.25) ; -webkit-transform: scale(1.25);
}
.content_book{ padding: 40px 0px 60px; width: 100%; background:#fff; height: auto; display:  block; overflow: hidden;
}
.content_book li{ width: 100%; padding: 0px 50px; box-sizing:border-box; margin: 0px 0px 30px 0px; line-height: 40px; float: left;
}
.content_book li b{ width: 200px; float: left; text-align: right; font-size: 16px;  font-weight: 400;  margin: 0px 30px 0px 0px;
}
.content_book li input{ width: 400px; float: left; padding: 11px; border:2px solid #999; border-radius: 5px;
}
.content_book li input:focus{outline: none; border:2px solid #1961ae;
}
.textar{ width: 424px; max-width: 424px; height: 200px; padding: 10px; box-sizing:border-box; border:2px solid #999; border-radius: 5px;
}
.content_book p{ line-height: 20px; padding: 0px 0px 0px 260px; box-sizing:border-box;
}
.content_book p span{ color:#ff7e00; margin: 0px 3px;
}
.content_book h1{ width: 100%; height: 50px; padding: 0px 200px 0px 280px; box-sizing:border-box; float: left;
}
.content_book h1 input{ width: 150px; height: 40px; margin: 0px 30px; border:none; border-radius: 5px; font-size: 18px; color: #fff;
}
#ymas{ width: 200px;
}
.tijiao{ background: #1961ae; 
}
.chogz{ background: #434343; 
}
.content_recruit{ margin: 40px 0px 60px; width: 100%; height: auto; display:  block; overflow: hidden;
}
.content_recruit li{ position: relative; float: left; width: 100%; margin: 0px 0px 40px 0px;
}
.content_recruit li:last-child{
}
.content_recruit h1{ width: 100%; font-size: 18px; font-weight: 500; margin: 0px 0px 30px 0px; padding: 0px 20px; line-height: 50px; height:50px; border:1px solid #1961ae; border-radius: 10px; box-sizing:border-box;
}
.content_recruit li h4{ margin: 0px 0px 20px 0px; width: 100%; float: left; padding: 0px 0px 0px 50px; box-sizing:border-box; font-weight: 400; font-size: 14px;
}
.content_recruit h4 b{font-size: 14px; font-weight: 300px; margin: 0px 30px 0px 0px; float: left;
}
.content_recruit h4 p{ padding: 0px 0px 0px 100px; box-sizing:border-box; line-height: 25px;
}
.content_recruit li span{ position: absolute; top: 100px; right: 20px; padding: 5px 20px 10px; border:1px solid #1961ae; border-radius: 10px;
}
.content_recruit li a{ color: #333;
}
.content_recruit li span i{ font-size: 28px; margin: 0px 0px 0px 2px; color: #1961ae;
}
.list_page{ width: 100%; float: left; text-align: center; height: 30px; line-height: 30px; margin: 50px 0px;
}
.list_page li{ display: inline-block; margin: 0px 0px 0px 5px;
}
.list_page a{ padding:3px 8px; margin: 5px 5px 0px 0px; background: #fff; border-radius: 5px; color: #666;
}
.list_page span{ padding:3px 8px; margin: 5px 5px 0px 0px; background: #1961ae; border-radius: 5px; color: #ccc;
}
.layui-layer-content{ text-align: center; margin: 30px 50px; line-height: 40px;
}
}


 /* -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;
 -moz-transform: scale(1.05) rotate(2deg); -webkit-transform: scale(1.05) rotate(2deg);
 .tengim{ display:block;  height:90px; background:#fff url(../images/tengx.png) center 22px no-repeat; -webkit-transition: background-position linear .2s;	-moz-transition: background-position linear .2s; transition: background-position linear .2s;
}
.tengim:hover{ background-position: center -55px; 	 
}