@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;outline:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden}
body{font:12px "microsoft yahei",helvetica,Georgia,sans-serif;margin:0 auto;color:#302a26;background:#fff}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
strong{font-weight:700}
input{outline:0}

.maxw{ font-size:14px; font-family:Arial, Helvetica, sans-serif}
img{border:0}
input:not([type]),input[type=text],input[type=button],input[type=submit],textarea{border-radius:0;box-shadow:none;outline:0 none!important;overflow:auto}
.jwclick,.jwlogo{display:none!important}
textarea{-webkit-appearance:none;border-radius:0}
::-moz-selection{background:#d87570;color:#fff;text-shadow:none}
::selection{background:#d87570;color:#fff;text-shadow:none}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;color: #666;}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.fc{text-align:center}
.fr{text-align:right}
#banner .swiper-button-next{ right:30px}#banner .swiper-button-prev{ left:30px}
.l,.left{float:left;display:inline-block}
.r,.right{float:right;display:inline-block}
.text-center{text-align: center;}
input,textarea,fieldset{border:none;background: none;padding: 0;margin: 0;font-family: 'SimSun'}
i,em{font-style: normal;}
.img-responsive{display: block;width: 100%;max-width: 100%;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background: none;border:none;}
/*垂直水平居中*/
.vm{top: 50%;left:0%; width:100%; text-align:center; margin-top:-50px; position: absolute;}
.vtm{top: 50%; position: absolute;-webkit-transform: translate(0, -50%);transform:translate(0, -50%);}
.serBox .vm{margin-top:-90px; }
.hide{display: none;}
.icon{display: inline-block;background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;vertical-align: middle;}
h1,h2,h3,h4{font-weight: normal;}
body{font-family: 'Arial';}
.wrap{margin:0 auto;}
.head{z-index:100;position:absolute;left: 0;top: 0;right: 0; margin: 20px 0%; padding:5px 30px;}
.nav ul{text-align: center;padding-top: 15px;}
.nav li{display: inline-block; font-weight:bold;position: relative;height: 47px;line-height: 47px;margin: 0 20px;}
.nav li a.item{text-transform: uppercase;color: #fff;font-size: 18px; font-family:"Arial Black","微软雅黑"}
.nav li.on .item,.nav li:hover .item{color: #9fa0a0;}
.lan_a{color: #fff;margin-top: 27px;margin-left: 20px; font-size:16px}
.search{background: url(../images/s.png) no-repeat center center;width: 30px;height: 110px;cursor: pointer;}
.con img{ max-width:100%; text-align: center;}
.con p img{ position:relative; left:-32px; }

.con{ text-indent:32px; width:750px; margin:0 auto}
.navbox{border-top:1px solid #dadada; background:rgba(255,255,255,.95);position: absolute;left: 0px;top: 110px;width: 100%;overflow-x: hidden;-webkit-overflow-scrolling: touch;z-index: 101;display: none;overflow-y:auto;right: 0;height: auto;font-family: 'Arial';}
.menu-handler{width:52px;height:52px;cursor:pointer;display:none;position: absolute;top:50%;margin-top: -26px; z-index: 102;right: -2%;}
.menu-handler .burger{width:25px;height:4px;background:#fff; display:block;position:absolute;z-index:5;top:16px;left:50%;margin:0 0 0 -12px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:23px}
.menu-handler .burger-3{top:30px}
.csstransforms .menu-handler.active .burger-1{top:27px;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.csstransforms .menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0}
.csstransforms .menu-handler.active .burger-3{top:27px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.csstransitions .trans,.csstransitions .trans:hover{-webkit-transition:all 277ms ease-in-out;-moz-transition:all 277ms ease-in-out;-o-transition:all 277ms ease-in-out;transition:all 277ms ease-in-out;-ms-transition:all 277ms ease-in-out}
.csstransitions .trans-fast,.csstransitions .trans-fast:hover{-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out}
.no-csstransitions .menu-handler.active .burger-1,.no-csstransitions .menu-handler.active .burger-2,.no-csstransitions .menu-handler.active .burger-3{display:none}
.no-csstransitions .menu-handler.active{background:url(../images/mob_close.png) no-repeat scroll center center}
.navMobile{width: 100%;}
.navMobile dd{display:block;width:100%;text-align: left;}
.navMobile dd p a{text-transform:uppercase;font-size:14px;color: #666;border-bottom: 1px solid #dadada;}
.navMobile dd a{display:block;padding:11px 0 11px 5%;font-size:13px;color:#666}
.navMobile dd a:active{background-color:#1b3186;color:#fff}
.navMobile dd .msubnav{display:none;border-bottom: 1px solid #666;}
.navMobile dd .msubnav a{color:#666;font-size:15px;padding: 0 11%;line-height: 36px;letter-spacing: 2px;}
.navMobile dd .msubnav a:hover{background-color:#e6e6e6}

/*.article-block{position:relative}*/
img{vertical-align: middle;}

/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0 !important!}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-slide:hover  .infor{ background:#1263a0 !important}
.slick-slide:hover  .infor *{ color:#fff !important}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }*/

/* Dots */
.slick-slider {}

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }


.mytop{ height:100px; background:#000}

.container{ max-width:1160px; margin:0 auto}
.title{ margin-bottom:15px; margin-top:25px; width:100%; display:inline-block; border-bottom:#ddd solid 1px; padding-bottom:20px}
.title h1{ color:#13669f; float:left; font-size:36px;font-family: 'SegoeL', 'SegoeUI', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.title h1 a{ color:#13669f}
.con{clear:both; font-family:Verdana, Geneva, sans-serif; line-height:24px}
.con p,.con div{ margin-top:15px}
.logo img{ width:90px}
.inbanner{ height:200px; width:100%; text-align:center;  color:#fff}
.inbanner h2{ color:#fff;font-family: 'SegoeL','微软雅黑'; text-align:left;  margin:0 auto; width:1160px; font-size:48px; padding-top:120px; text-shadow: #000 0 2px 15px;  }
.inmenu p{ position:absolute; }
.inmenu ul li{ display:inline-block}
.inmenu{ background:url(); width:100%; line-height:55px; text-align:center;
background: -webkit-gradient(linear, 0 0, 0 0, from(#13669f), to(#2eb28c));     
    background: -webkit-linear-gradient(left,#13669f, #218c95, #2eb28c);     
    background: -moz-linear-gradient(left,#13669f, #218c95, #2eb28c);     
    background: -o-linear-gradient(left,#13669f, #218c95, #2eb28c);     
    background: -ms-linear-gradient(left,#13669f, #218c95, #2eb28c);     
    background: linear-gradient(left,#13669f, #218c95, #2eb28c);     
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #13669f, endColorstr = #2eb28c);   
	   }.inmenu ul li>a{ display:inline-block; color:#fff; background-position:bottom; padding:0 10px; font-family:"Times New Roman", Times, serif; font-size:16px;}
.h50{ height:50px; display:block
}
.inmenu  p{ color:#ccc;}.inmenu  p a:hover,.inmenu  p a.on{ color:#fff}
.inmenu  div{ min-height:40px; width:100%; text-align:center; line-height:40px; font-size:12px;}.inmenu  p a{ color:#ccc; padding:0 10px; font-size:14px}
.inmenu ul li>a:hover,.inmenu ul li>a.on{ background:url(../images/menu.png) no-repeat center bottom;}
.newslist li div p{ color:#999; line-height:24px}
.title div{ float:right ; padding-top:20px; color:#999}



.imglist{ margin-left:-10px; margin-right:-10px}
.imglist>div{text-indent:0px; float:left; width:23%; margin:1%; position:relative}
.imglist>div p{ padding:10px ; height:40px; text-align:center}
.imglist>div p span{ }
.imglist>div a:hover p{ color:#36C}
.imglist div:hover img{opacity:0.8}
.bright{ text-indent:0}

.imglist3{ margin:10px }
.imglist3>div{text-indent:0px; float:left; width:31.33%; margin:1%; position:relative}
.imglist3>div p{ padding:10px ; margin-top:0; text-align:center}
.imglist3>div p span{ }
.imglist3>div a:hover p{ color:#36C}
.imglist3 div:hover img{opacity:0.8}


.imglist2{ margin-left:-10px; clear:both; margin-right:-10px}
.imglist2 div:hover img{opacity:0.8}
.imglist2>div{ float:left; width:48%;  margin:1%; position:relative}
.imglist2>div p{ padding:10px 0 ; text-align:center }
.imglist2>div p span{ }
.imglist2>div a:hover p{ color:#36C}
.imglist2 img{border:#ccc  solid 1px; max-width:100%}
.message {
  
	
}.imglist2>div p span{ font-size:18px}
.inti{ font-size:24px; clear:both; color:#13669f}
.newslist li{  background:url(../images/d.jpg) no-repeat  ; background-position:5px 30px;position:relative; padding-left:2%; overflow:hidden; display:inline-block; width:98%; margin:8px 0; border-bottom:#eee solid 1px}
.newslist li h2{ font-size:18px; color:#000; font-family:"微软雅黑", Times, serif; padding:5px 0}
.newslist li div{}.newslist li span{ color:#ccc; font-family:Arial, Helvetica, sans-serif} 
.newslist li:hover h2{ color:#14669e}
.pages{ border-top:#eee solid 2px; margin:20px 0; padding-top:20px; text-align:center; font-size:14px; }
.pages a{ display:inline-block; padding:10px 15px; color:#000}
.pages a:hover,.pages a.on{ background:#eee}
.pages li{ display:inline-block}

.tits{ text-align:center; font-family:"Times New Roman", Times, serif; border-bottom:#ddd solid 1px; padding:20px 0;}
.tits p{ font-family:Arial, Helvetica, sans-serif; color:#999; padding:10px;}
.tits h2{ font-size:24px;}

.btxt{ color:#fff; font-size:48px; font-family:"Goodfont"}

.sta{ position:absolute}
.banner{ position:relative;}
.sta1{ margin-left:-20%}
.start img{ position:absolute; top:50%; left:50%}
/*.sta2{left:220px; top:290px}
.sta3{left:500px; top:580px}
.sta4{left:920px; top:150px}
.sta5{left:1520px; top:380px}
.sta6{left:1520px; top:140px}
.sta9{left:1470px; top:210px}
.sta7{left:1010px; top:580px}
.sta8{left:920px; top:460px}
.sta10{left:1570px; top:610px}
*/
.start2 img{ width:100%}
.start2{ position:absolute; background-size:100% auto; background-position: center; background-repeat:no-repeat;display: table-cell;
    vertical-align: middle; width:100%; height:100%; left:0; top:0}
.anim-opacity2{animation: 2s opacity2 0s infinite; -webkit-animation: 2s opacity2 0s infinite;-moz-animation: 2s opacity2 0s infinite;}
        @keyframes opacity2{
            0%{opacity:0}
            50%{opacity:1;}
            100%{opacity:0;}
        }
        @-webkit-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:1;}
            100%{opacity:0;}
        }
        @-moz-keyframes opacity2{
            0%{opacity:0}
            50%{opacity:1;}
            100%{opacity:0;}
        }
		
		.anim-opacity1{animation: 1.5s opacity1 0s infinite; -webkit-animation: 1.5s opacity1 0s infinite;-moz-animation: 1.5s opacity1 0s infinite;}
        @keyframes opacity1{
            0%{opacity:1}
            50%{opacity:0;}
            100%{opacity:1;}
        }
        @-webkit-keyframes opacity1{
            0%{opacity:1}
            50%{opacity:0;}
            100%{opacity:1;}
        }
        @-moz-keyframes opacity1{
            0%{opacity:1}
            50%{opacity:0;}
            100%{opacity:1;}
        }
		.btxt{ font-family:"dian"}
		
		@media(max-width:768px){
.con{ width:100%}.inmenu p{ width:100%; left:0}
}