@charset "utf-8";
/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,lable,textarea,p,blockquote,th,td {margin:0;padding:0;border:0 none;list-style:none;}
table{border-collapse: collapse;border-spacing:0;}
textarea, input{-webkit-appearance:none; outline:none; border-radius:0;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
img,input,select{vertical-align:middle;border:0;}
.clear{clear:both;visibility:hidden;margin:0;padding:0;height:0;font-size:0;line-height:0;}
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix{ display:block;}
* html .clearfix{ height:1%;}
a{color:#333;}
a:link{text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ color: #275c9c;}
a:active{text-decoration:none;}
body, html{ position:relative; }
body{font: normal 14px/26px \5fae\8f6f\96c5\9ed1,\9ed1\4f53,droid sans,sans-serif; color:#7e7e7e;}

/*common*/
.container{min-width:1150px; width:100%;margin:0 auto; clear: both;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.mtop14{margin:14px auto 0;}
.mtop20{margin:20px auto 0;}
.mtop40{margin:40px auto 0;}
.mtop50{margin:50px auto 0;}
.mtop60{margin:60px auto 0;}
.mtop70{margin:70px auto 0;}
.mtop80{margin:0px auto 0; }
.mtop801{margin:0px auto 0; background:url(/uploads/image/2simages/ii.jpg) no-repeat bottom}
.mtop802{margin:0px auto 0; background:url(/uploads/image/2simages/ii1.jpg) no-repeat bottom}
.w1100{width: 1100px;margin:0 auto;padding:0;}
.cf:after,.layout:after,.hd:after,.bd:after{content:"";display:table;clear:both;}
.cf,.layout,.hd,.bd{*zoom:1;}
.morebox{clear:both;padding:45px 0 10px 0;height:35px;}
.moreboxcon{display:block;margin:0 auto;width:145px;height:35px;border:1px solid #2777b0;-webkit-border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;cursor:pointer; text-align:center;}
.morebox a{color:#2777b0;font-size:14px;line-height:35px;}
.morebox a:hover{text-decoration:none;color: #d6b446; }
.mod_hd{background:url(/uploads/image/2zimages/common.png) no-repeat center 0;width:100%;height:105px;overflow: hidden;position: relative;margin:0 auto;}
.mod_hd h2{font-size:0;text-indent: -9999px;height:105px;}


/*loading层*/
.mask{position:absolute;z-index:20;width:100%;height:100%;background:#f5f5f5;}
.mask .anim{position:absolute;top:50%;left:50%;z-index:10;margin-top:-50px;margin-left:-122px;width:244px;height:110px;}
.mask .loading{position:absolute;top:50%;left:50%;z-index:21;margin-top:60px;margin-left:-25px;width:50px;height:20px;color:#666;text-align:center;font-size:16px;font-family:arial;}

.arrows{position:absolute;left:50%;z-index:22;margin-left:-30px;width:60px;height:72px;}
.arrows path{stroke:#e8d4b5;fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite;}
.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s;}
.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s;}
.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s;}

.header{position:absolute;top:0;left:0;z-index:-2;overflow:hidden;width:100%;height:460px;}
.bird1{z-index:-1;opacity:0;animation:zoomina 2s 1s ease-in-out normal;-webkit-animation:zoomina 2s 1s ease-in-out normal;}
.bird2{z-index:-1;opacity:0;animation:zoomina 2.9s 1s ease-in-out normal;-webkit-animation:zoomina 2.9s 1s ease-in-out normal;}
.bird3{z-index:-1;opacity:0;animation:zoomina 3.3s 1s ease-in-out normal;-webkit-animation:zoomina 3.3s 1s ease-in-out normal;}
.bird4{z-index:-1;opacity:0;animation:zoomina 2.6s 1s ease-in-out normal;-webkit-animation:zoomina 2.6s 1s ease-in-out normal;}

.main_nav{position:relative;top:0;width:100%;height:60px;background-color:#216da1;}
.nav_bg{position:absolute;top:0;right:75%;left:0;height:60px;background-color:#16486d;}
.mn_mian{position:relative;margin:auto;width:1100px;}
.mainn_left{position:absolute;top:0;left:5px;width:335px;height:60px;background-color:#16486d;text-align:right;}
.mainn_left img{display:block;}
.mainn_right{margin-left:340px;height:60px;}
.mainn_right ul{z-index:10;clear:both;}
.mainn_right ul li{float:left;margin:0 22px 0 30px;height:60px;font-size:18px;}
.mainn_right ul .navl{margin:0 0 0 32px;}
.mainn_right ul li a{display:block;padding:0;color:#fff;text-align:center;line-height:60px;}
.mainn_right ul li a:hover{color:#e9ca8d;text-decoration:none;}
.navfixed{position:fixed;top:0;left:0;z-index:200;overflow:hidden;width:100%;}

.p1{background: center -560px no-repeat #fff;}
.p1 .headlines{overflow:hidden;margin-bottom:28px;padding:15px 0;width:100%;background: 0 100% repeat-x;}
.p1 .headlines dt{float:left;width:106px;height:67px;background: 0 0 no-repeat;}
.p1 .headlines dd{float:right;width:990px;height:90px;}
.p1 .headlines dd h1{display:block;padding-bottom:10px;color:#333;text-align:center;font-weight:700;font-size:46px;line-height:45px;}
.p1 .headlines dd h1 a{color:#333;font-weight:700;}
.p1 .headlines dd h1 a:hover{color:#216da1;}
.p1 .headlines dd p{text-align:center;}
.p1 .headlines dd p a{color:#535353;}
.p1 .headlines dd p a.more{margin-left:60px;}
.p1 .headlines dd p a:hover{color:#216da1;}
.p1 .headlines dd span{position:relative;top:-26px;float:right;text-indent:0;}
.p1 .headlines dd span a{color:#535353;}
.p1 .headlines dd span a:hover{color:#216da1;}

.p1 .hotarea{ padding-bottom:5px;}
.p1 .hotarea ul li{position: relative;float: left;display: block;overflow: hidden;box-shadow: 1.3px 1.5px 5px 0 rgba(0,0,0,.15);color: #fff;}
.p1 .hotarea ul li.hotarea_pic{ width:290px;height:190px;}
.p1 .hotarea ul li.hotarea_pic p{position:absolute;bottom:0;left:0;padding:5px 0;width:100%;background:rgba(0,0,0,.7) none repeat scroll 0 0!important;color:#fff;text-indent:10px;line-height:20px;}
.p1 .hotarea ul li.hotarea_pic p a{color:#fff;}
.p1 .hotarea ul li.hotarea_pic p a:hover{ color:#e9ca8d;}
.p1 .hotarea ul li.hotarea_news{ position:relative;display:table;overflow:hidden;width:185px; height:190px; text-align: justify; word-wrap: break-word;font-size:18px;cursor:pointer;}
.p1 .hotarea ul li.hotarea_news .middle-inner{ display:table-cell; width:100%;vertical-align:middle; text-align:left; *position:absolute; *top:50%; *left:50%;}
.p1 .hotarea ul li.hotarea_news .middle-inner p{position:relative;padding:5px 10px; *top:-50%; *left:-50%;}
.p1 .hotarea ul li.hotarea_news .middle-inner p a{color:#fff;}

.p1 .hotarea ul li:nth-child(1){margin-right:14px;}
.p1 .hotarea ul li:nth-child(2){margin-right:15px; background:#53a4dc;}
.p1 .hotarea ul li:nth-child(2) :hover{background:#69b8ef;}
.p1 .hotarea ul li:nth-child(3){margin-right:14px; background:#648ec8;}
.p1 .hotarea ul li:nth-child(4){margin:0;}
.p1 .hotarea ul li:nth-child(5){margin:18px 17px 0 0;background:#648ec8;}
.p1 .hotarea ul li:nth-child(5) :hover{background:#7facea;}
.p1 .hotarea ul li:nth-child(6){margin:18px 17px 0 0;background:#ec6564;}
.p1 .hotarea ul li:nth-child(6) :hover{background:#f68d8c;}
.p1 .hotarea ul li:nth-child(7){margin:18px 17px 0 0;background:#f8a257;}
.p1 .hotarea ul li:nth-child(8){margin:18px 17px 0 0;background:#f8a257;}
.p1 .hotarea ul li:nth-child(8) :hover{background:#fdba80;}
.p1 .hotarea ul li:nth-child(9){margin:18px 0 0 0;background:#87b8c5;}
.p1 .hotarea ul li:nth-child(9) :hover{background:#92ccdb;}

.p2{ background: center top no-repeat; height:106px;}
.p2 .w1100{ text-indent:-9999em;}
.p3{background:url(/uploads/image/2zimages/tt.jpg) center no-repeat;}
.p3 .mod_hd{background-position:0 2px;}
.p3 .mod_bd{overflow:hidden;margin-top:50px;height:375px;}

.p3_right{overflow:hidden;margin-top:-3px;width:470px;}
.p3 .bn_title{margin-bottom:23px;}
.p3 .bn_title h2{margin-bottom:10px;font-size:26px;}
.p3 .bn_title p{color:#8c8c8c;text-indent:2em;font-weight:400;font-size:14px;line-height:25px;}
.p3 .bn_title p a{color:#333;}
.p3 .bn_title p a:hover{color:#275c9c;}
.list ul li{padding:1pc 0 15px;border-bottom:1px dotted #e3e3e3;font-size:1pc;}
.p3_right .list ul li,.p7 .list ul li{padding:14px 0 7px 28px;background: no-repeat 0 22px;}

.p3_left{overflow:hidden;width:600px;}
.focusbox{position:relative;overflow:hidden;width:600px;height:373px;}
.focusbox .pic img{display:block;overflow:hidden;width:600px;height:373px;}
.focusbox .pic li{position:relative;float:left;display:block;}
.focusbox .pic li p{position:absolute;bottom:0;left:0;padding:10px 0;width:100%;background:rgba(0,0,0,.7) none repeat scroll 0 0!important;background:#000;color:#fff;text-indent:10px;line-height:20px;filter:alpha(opacity=70);}
.focusbox .pic li p a{position:relative;color:#fff;font-size:16px;}
.focusbox .hd{position:absolute;right:10px;bottom:12px;z-index:3;overflow:hidden;zoom:1;}
.focusbox .hd li,.p4 .p4pic .hd li{float:left;overflow:hidden;margin-left:4px;width:12px;height:12px;border-radius:100%;background:#cdcdcd;text-align:center;text-indent:-999em;font-size:0;line-height:15px;opacity:.8;cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;filter:alpha(opacity=80);}
.focusbox .hd .on,.p4 .p4pic .hd .on{background:red;opacity:1;filter:alpha(opacity=100);}
.focusbox .next,.focusbox .prev{position:absolute;top:42%;z-index:3;width:40px;height:47px;opacity:.5;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;filter:alpha(opacity=50);-moz-opacity:.5;}
.focusbox .prev{left:0;background-image:;background-position:-105px 0;}
.focusbox .next{right:0;background-image:;background-position:-50px 0;}
.focusbox .next:hover,.focusbox .prev:hover{opacity:1;filter:alpha(opacity=100);-moz-opacity:1;}


.p4 .mod_hd{ width:1100px;background-position:0 -121px;}
.p4 .p4pic{ margin:50px auto 0;width: auto;max-width: 1920px; min-width: 1100px;}
.p4 .p4pic .focusbox{position: relative; overflow: hidden; width:auto;height:800px;}
.p4 .p4pic .focusbox .tempwrap ul.pic{ position: relative; overflow: hidden;height: 100%;}
.p4 .p4pic .pictxt{position:absolute;bottom:0;left:0;padding: 30px 460px 0;width:1000px;height: 80px;background: repeat left top;color:#ccc;font-size:14px;line-height:20px;}
.p4 .p4pic .focusbox .pictxt .h3tit{margin-bottom:14px;color:#fff;text-align:center;font-size:32px;line-height:40px;}
.p4 .p4pic .focusbox .pictxt .text{overflow:hidden;height:40px;}
.p4 .p4pic .pictxt .text a{ color:#ccc;}
.p4 .p4pic .pic li{position:relative;float:left;display:block;overflow:hidden;width:100%;height:100%;}
.p4 .p4pic .focusbox .h3tit a{ color:#fff;}
.p4 .p4pic .pic img { display: block; width:1920px; height:800px; }	
.p4 .p4pic .focusbox .prev,.p4 .p4pic .focusbox .next {top:0px;}
.p4 .fcs_btn{  position: absolute;  top: 50%;  left: 0px; z-index: 11;  margin-top: -50px; width: 100%;}
.p4 .p4pic .hd{position:relative; bottom:0px; display:block;margin: 20px auto 0; padding:0 462px;width: 76px;height: 13px;text-align: center;line-height: 20px;}
.p4 .p4pic .hd .on{ background:#0492ff;opacity:1; filter:alpha(opacity=100); }
.p4 .p4pic .focusbox .prev { left:0; background-position:0 -76px; }
.p4 .p4pic .focusbox .next { right:0;background-position:-50px -76px; }
.p4 .p4pic .focusbox .prev:hover { background-position:0 0;}
.p4 .p4pic .focusbox .next:hover { background-position:-50px 0;}
.p4 .p4pic .focusbox .prev,.p4 .p4pic .focusbox .next { position:absolute; top:42%; z-index:3;  display: block;width: 50px; height: 76px;background-image:; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;}



/*.p4 .mod_hd{background-position:0 -121px; width:1100px;}
.p4 .p4pic{width: auto; min-width: 1100px;max-width: 1920px; margin:50px auto 0;}
.p4 .p4pic .focusbox{width:1920px;position: relative;height:800px; overflow: hidden;margin-left: -960px;left: 50%;}
.p4 .p4pic .focusbox .tempwrap ul.pic{height: 100%; overflow: hidden; position: relative;}
.p4 .p4pic .pictxt{width:1000px;height:120px;color:#ccc;font-size:14px;line-height:20px;padding:12px 460px 0;background: repeat left top;position:absolute;left:0;bottom:0;}
.p4 .p4pic .focusbox .pictxt .h3tit{color:#fff;font-size:32px;line-height:40px;text-align:center;margin-bottom:14px;}
.p4 .p4pic .focusbox .pictxt .text{height:40px;overflow:hidden}
/*.p4 .p4pic .focusbox .h3tit{margin:10px 0 15px;color:#fff;font-weight:400;font-size:32px;line-height:40px; text-align:center; position: absolute; width: 1100px; height: 40px; left: 50%; margin-left: -550px; text-align: center; z-index:3}*/
/*.p4 .p4pic .pictxt .text{overflow:hidden;height:40px; width:1000px; margin:60px auto 0;}*/
/*.p4 .p4pic .pictxt .text a{ color:#ccc;}
.p4 .p4pic .pic li{position:relative;float:left;display:block;overflow:hidden;width:100%;height:100%;}
.p4 .p4pic .focusbox .h3tit a{ color:#fff;}
.p4 .p4pic .pic img { width:1920px; height:800px; display: block; }	
.p4 .p4pic .focusbox .prev,.p4 .p4pic .focusbox .next {top:0px;}
.p4 .fcs_btn{ width: 100%;  margin-top: -50px;  position: absolute;  left: 0px;  top: 50%; z-index: 11;}
.p4 .p4pic .hd{ display:block;position:relative;height: 13px;text-align: center;margin: 20px auto 0;width: 76px;line-height: 20px; padding:0 462px; bottom:0px;}
.p4 .p4pic .hd .on{ background:#0492ff; filter:alpha(opacity=100);opacity:1; }
.p4 .p4pic .focusbox .prev { background-position:0 -76px; left:0 }
.p4 .p4pic .focusbox .next {background-position:-50px -76px; right:0 }
.p4 .p4pic .focusbox .prev:hover { background-position:0 0;}
.p4 .p4pic .focusbox .next:hover { background-position:-50px 0;}
.p4 .p4pic .focusbox .prev,.p4 .p4pic .focusbox .next {  display: block;width: 50px; height: 76px; position:absolute; top:42%; z-index:3; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;background-image:;}*/

	
.p5 .mod_hd{background-position:0 -240px;}
.p5 .mod_bd{overflow:hidden;margin-top:40px;height:720px;}
.p5 .mod_bd ul li{position:relative;float:left;margin-right:-1.3px;width:274px;height:350px;border:1px solid #d7d7d7;background:#fff;}
.p5 .mod_bd ul li:hover{background:#4474a9;}
.p5 .mod_bd ul li:hover h4 a{color:#fff;}
.p5 .mod_bd ul li:hover p{color:#fff;}
.p5 .mod_bd ul li h4{margin:0 20px;padding:10px 0;height:46px;border-bottom:1px solid #a9a9a9;font-size:16px;line-height:22px;}
.p5 .mod_bd ul li p{margin:0 20px;padding:10px 0 0;height:62px;color:#b3b3b3;font-size:14px;line-height:20px;}
.p5 .mod_bd ul li img{width:274px;height:171px;}
.p5 .mod_bd ul li i{float:right;display:inline;margin:0 6px 7px 0;width:23px;height:23px;cursor:pointer;}
.p5 .mod_bd ul li i img{width:23px;height:23px;}
.p5 .mod_bd ul li b{position:absolute;top:160px;right:10px;width:29px;height:15px;background: no-repeat;}
.p5 .mod_bd ul li:hover b{background: no-repeat;}
.p5 .morebox{padding:35px 0 30px 0;}

.p6{background:url(/uploads/image/2zimages/tt1.jpg) center no-repeat;}
.p6 .mod_hd{margin-top:40px;background-position:0 -365px;}
.p6 .mod_bd{position:relative;overflow:hidden;margin-top:0;height:450px;}
.p6 .morebox{padding:0 0 30px 0;}

#tujie .swiper-container{margin:0 auto;margin:-20px 0 0 35px;width:1040px;height:480px;text-align:center;}
#tujie .arrow-left{position:absolute;top:210px;left:50%;z-index:30;margin-left:-550px;width:45px;height:60px;background: 0 -597px;}
#tujie .arrow-right{position:absolute;top:210px;left:50%;z-index:30;margin-left:525px;width:45px;height:60px;background: -69px -597px;}
#tujie .swiper-slide{position:relative;width:253px;height:357px;background: 0 69px no-repeat;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
#tujie .swiper-slide:hover{z-index:90;background: 0 69px no-repeat;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
#tujie .swiper-slide img{position:absolute;top:98px;left:25px;}

/*#tujie .swiper-slide-active { top: 0; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }*/
#tujie .pagination{position:absolute;bottom:5px;left:0;z-index:20;width:100%;text-align:center;}
#tujie .swiper-pagination-switch{position:relative;top:-50px;display:inline-block;margin-right:8px;width:10px;height:10px;border-radius:8px;background:#aaa;opacity:0;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
#tujie .swiper-visible-switch{top:0;background:#aaa;opacity:1;}
#tujie .swiper-active-switch{background:#fff;}
#tujie .swiper-slide span{position:absolute;right:19px;bottom:84px;width:48px;height:41px;background:#f90;background: no-repeat;}

.p7 .mod_hd{margin:0 auto 25px;height:42px;background-position:0 -489px;}
.p7 .mod_hd h2{padding-left:15px;height:42px;color:#333;text-indent:0;font-size:28px;line-height:30px;}
.p7 .mod_hd h2 i{color:#2777b0;}
.p7 .mod_hd span{position:relative;top:-30px;float:right;text-indent:0;}
.p7 .mod_hd span a{color:#858585;}
.p7 .mod_hd span a:hover{color:#275c9c;}
.p7_left,.p7_right{width:525px;}

.p7 dl{overflow:hidden;padding-top:10px;padding-bottom:30px;}
.p7 dt{float:left;margin-top:3px;width:145px;height:110px;}
.p7 dt img{display:block;width:145px;height:110px;}
.p7 dd{float:right;width:365px;}
.p7 dd h3{padding-bottom:16px;font-size:18px;line-height:28px;}
.p7 dd p{overflow:hidden;height:72px;color:#858585;line-height:24px;}

.footer{padding:50px 0 30px;width:100%;height:60px;background:#376a9b;color:#dedede;text-align:center;font-size:14px;line-height:32px;}

#backtop{ position:fixed; right:30px;bottom:30px; width:54px; height:54px; background: no-repeat; z-index:400;}

.animated {  
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hingea {
  -webkit-animation-duration: 12s;
  animation-duration: 12s;
}
.animated.hingeb {
  -webkit-animation-duration: 50s;
  animation-duration: 50s;
}
.animated.fast {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes zoomina {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
    transform-origin:5000px 5000px;
    -webkit-transform-origin:5000px 5000px;
  }

  50% {
    opacity: 1;
  }
  100%{opacity: 1;}
}

@keyframes zoomina {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3) translatez(1000px);
    -ms-transform: scale3d(.3, .3, .3) translatez(1000px);
    transform: scale3d(.3, .3, .3) translatez(1000px);
    
    transform-origin:5000px 5000px;
    -webkit-transform-origin:5000px 5000px;
  }

  50% {
    opacity: 1;
  }
  100%{opacity: 1;}
}

.zoomina {
  -webkit-animation-name: zoomina;
  animation-name: zoomina;
}
@keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes arrow{0%{opacity:0}
40%{opacity:1}
80%{opacity:0}
100%{opacity:0}
}