@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
img,input,button {border: 0;}
i,h2,h3,h4,h5{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"Microsoft Yahei";}
a{color: #333;text-decoration:none;font-family:"Microsoft Yahei";font-size:16px;}
a:hover{color: #335daf;}
button,img,input { vertical-align: middle;}
.clearfix{content: " "; height:0;display: table;clear: both;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}
.fr{ float:right;}

.contant{ width:100%; height:auto;}
.mainbox{ width:1200px; margin:0 auto; overflow:hidden;}
.bg1{ height:835px; background:url(zjyh_bg1.jpg) no-repeat center center; }
.yhgk{ width:710px; padding-top:435px;}
.yhgk h2{ font-size:22px; font-weight:bold; color:#084289; display:block;}
.yhgk .introduce{ font-size:14px; line-height:30px; text-indent:2em; padding-top:10px;}
.yhgk .introduce a{ font-size:14px; color:#ed2b25;}
.region{padding-top:50px;}
.region a{ width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; background:url(zjyh_cion02.png) no-repeat; display:block; float:left; margin-right:20px;}
.region a:hover{ color:#084289; background:url(zjyh_cion01.png) no-repeat; }

.bg2{ height:656px; background:url(zjyh_bg2.jpg) no-repeat center center; }
.geography{ height:170px; line-height:170px; text-align:center;}
.ambient{ overflow:hidden; }
.ambient_list{ width:324px; height:425px; display:block; }
.ambient_list:nth-child(2){margin-left:115px;}
.am_tilte{ width:100%; height:93px;}
.am_tilte h2{ line-height:48px; font-size:22px; font-weight:bold; color:#4b7da3; padding-left:135px; display:block;}
.tlbg1{ background:url(zjyh_cion03.png) no-repeat;}
.tlbg2{ background:url(zjyh_cion04.png) no-repeat;}
.tlbg3{ background:url(zjyh_cion05.png) no-repeat;}
.am_intrd{ width:100%; height:320px; background:#FFF; border-radius:8px; margin-top:10px;}
.am_intrd span{ text-indent:2em; line-height:30px; padding:20px 15px; display:block;}
.am_intrd span a{color:#ed2b25;}

.bg3{ height:850px; background:url(zjyh_bg3.jpg) no-repeat center center; }
.humanity{ overflow:hidden;}
.humanity ul li{ width:160px; height:50px; line-height:50px; text-align:center; font-size:20px; background:url(zjyh_cion02.png) no-repeat; display:block; float:left; margin-right:48px; cursor:pointer; }
.humanity ul li a{font-size:20px;}
.humanity ul li.on{ color:#084289; background:url(zjyh_cion01.png) no-repeat; }
.humanity ul li:last-child{ margin:0;}
.history{ font-size:14px; height:120px; line-height:30px; padding:40px 0 20px 0; overflow:hidden;}
.hishow a{ font-size:14px; color:#ed2b25;}
.hishow{text-indent: 25px;}
.carousel{ width:1160px; height:400px; margin:0 auto;}
.poster-main {position: relative;bottom: -30px;left: 10px;}
.poster-main a, .poster-main img { display: block; width: 100%; height: 100%;}
.poster-main .poster-list {width: 1000px;height: 500px;}
.poster-main .poster-list .poster-item {width: 200px;height: 500px;position: absolute;left: 0;top: 0;}
.poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;filter: opacity(.7) brightness(1);}
.poster-main .poster-btn:hover{ filter: opacity(1); }
.poster-main .poster-prev-btn {left: -165px; background: url(zjyh_cion08.png) no-repeat center center;}
.poster-main .poster-next-btn {right: -165px;background: url(zjyh_cion09.png) no-repeat center center;}

.bg4{ height:717px; background:url(zjyh_bg4.jpg) no-repeat center center; }
.video{ width:720px; height:400px; margin:0 auto; margin-top:30px;}



@media only screen and (max-width: 765px){
.mainbox{width: 100%;}
.bg1{background: none;height: auto;}
.yhgk{width: 95%;padding: 10px;}
.region{padding-top: 20px;}
.yhgk .introduce{line-height: 40px;}
.region a{width: 29.6%;margin-right: 10px;background: #bbb;color: #fff;}
.bg2{height: auto;}
.geography{width: 100%;}
.geography img{width: 100%;}
.ambient_list{margin:0px auto;float: none !important;}
.ambient_list:nth-child(2){margin:20px auto;}
.humanity ul li{width: 28%;margin: 10px;background: #bbb;}
.humanity ul li.on{background: #4b7da3;}
.humanity ul li a{color: #fff;}
.humanity ul li:last-child{margin:10px}
.carousel{display: none;}
.video{text-align: center;width: 100%;height: 220px;margin: 0;}
.video video{width: 80%;height: 210px;margin: 0px auto;/* text-align: center;*//* float: left;*/}
.bg3,.bg4{height:auto;}


 
}