@charset "utf-8";
html { background: #FFFFFF; }
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure ,div,form,img,ul,ol,li,i,b,table,tr,td,th,fieldset,label,legend{margin:0;padding:0; font-weight:normal;}
body { font-size: 12px; font-family: "Microsoft YaHei"; color: #333333; font-weight:normal; font-style:normal;}
ul, ol, menu { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, a img, iframe { border: 0 none; }
address, em, i { font-style: normal; }
input, select, button { vertical-align: middle; }
input, textarea, select { *font-size: 100%; }
button { overflow: visible; }
a,img,a img{border:0px;}
a{text-decoration:none;cursor:pointer;transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out; color:#333;}
a:hover{text-decoration:none; color:#f60;} 
input:-moz-placeholder{color: #999;}  
input::-webkit-input-placeholder{color:#999;}
input,select{ outline:none 0;}
textarea{ outline:none; resize:none; font-size:12px;}
img{ vertical-align:top; -ms-interpolation-mode: bicubic; -moz-interpolation-mode: bicubic; -webkit-interpolation-mode: bicubic;/*图片缩放失真问题*/ transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease;}

.tims {transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out;}

.fl{float:left;}
.fr{float:right;}
.pr{position: relative;}
.pa{position: absolute;}
.cl{ height: 0.00000000001px; line-height: 0; font-size: 0; clear: both;}
.h10 {height:10px;}
.h20 {height:20px;}
.bbc {border-bottom: solid 1px #ccc;}
.clh{ height:861px; line-height: 0; font-size: 0; clear: both;}
.clearfix { display: block; *zoom: 1; }
.none{ display:none;}
.inline{ display:inline-block;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.col_red {color:red;}
.img_auto {display: block; margin: 0px auto;}
.no_b {border: none !important;}
.ovh {overflow: hidden;}



.maincl{ color:#ff7800;}
.fontcl1{ color:#ff6600;}
.fontcl2{ color:#ff9900;}
.fontcl3{ color:#0484cd;}
.pointcl{ color:#ff3300;}
.black9{ color:#999;}
.black6{ color:#666;}
.black3{ color:#333;}
.black0{ color:#000;}
.whitecl{ color:#fff;}

.min{width:1200px; margin:0px auto;min-width:1200px;}
.before:before {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.min:before {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.after:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.min:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.mmin{width:1200px; margin:0px auto;min-width:1200px;}
.mmin:before {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.mmin:after {content: "" !important; display: block; height: 0; clear: both; visibility: hidden;}

.mt5{ margin-top:5px;}
.mb5{ margin-bottom:5px;}
.ml5{ margin-left:5px;}
.mr5{ margin-right:5px;}
.mt10{ margin-top:10px;}
.mtb15{ margin:15px 0px;}
.mtb20{ margin:20px 0px;}
.mb10{ margin-bottom:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.unline{ border-bottom:1px solid #eee;}
.indent { text-indent: 2em;}
.txt_left{ text-align:left;}
.txt_center{ text-align:center;}
.txt_right{ text-align:right;}
.line2{line-height: 22px; color: #999; font-size:14px; height: 44px; overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.pub_btn{ display:inline-block;text-decoration:none; cursor:pointer;transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out; height:36px; line-height:36px; border:none; background:none #ff7800; color:#ffffff; font-size:16px; text-align:center; font-family:"Microsoft YaHei"; opacity:1; filter:alpha(opacity=100);}
.pub_btn:hover,.long_btn:hover{ opacity:0.9;filter:alpha(opacity=90);}
.pub_btn.bg1{ background:#ff6600;}
.long_btn{height:40px; width:100%; display:inline-block; background:#ff7800 none; border:none 0; font-size:16px; color:#fff; text-align:center; line-height:40px; cursor:pointer;}

.overflow_clear{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.articleBox{ font-size:16px; line-height:30px;}
.articleBox p a{color:#f60;text-decoration:underline}
.articleBox p{margin:15px 0;text-indent: 2em; line-height: 30px;font-size: 14px;font-family: "Microsoft Yahei";}
.articleBox h2{padding-left: 30px;height: 40px;line-height: 40px; font-weight:bold; font-size:20px;}
.articleBox img {max-width: 100%;height: auto;margin: 10px 0px;}
/**/

/*icon UI图标*/
.ico{display:inline-block; font-size:0; vertical-align:middle; background-repeat:no-repeat; background-origin:content-box;}
/*以上为通用样式部分*/
/*banner开始*/
.banner{ width:100%; text-align:center; overflow:hidden;}
/*banner动画*/
.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:500px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:500px;position:absolute;top:0;left:0;display:none;}
.flashBox ul li:first-child{display:block;}
.flashBox ul li>a,.flashBox ul li>div{width:100%;height:500px;display: block;background-position: top center;background-repeat: repeat;background-size: cover}
.bannerBtn{position: absolute;top:50%;margin-top: -30px;width: 100%;z-index: 3;}
.bannerBtn .w1000{position: relative}
.bannerBtn a{position: absolute;width: 40px;height:60px;background: rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);z-index: 99;display: none}
.bannerBtn a.prev{left:20px;}
.bannerBtn a.prev:after{position:absolute; left:15px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-bottom:2px solid #fff;border-left:2px solid #fff; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.bannerBtn a.next{right:20px;}
.bannerBtn a.next:after{position:absolute; right:15px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-bottom:2px solid #fff;border-right:2px solid #fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.flashBox ol li{width: 140px; height: 30px; display: inline-block; background: rgba(41, 41, 41, 0.76); line-height: 28px; text-align: center; cursor: pointer; overflow: hidden; margin: 0px -2px; color: #fff;}
.flashBox ol .active{background: rgba(41, 41, 41, 1);}
.flashBox ul li .warp{position:relative;height: 500px;}
.flashBox ul li .warp img{position: absolute;}
/*动画部分*/
.wxBanner1 .img1{left: 50%;margin-left: -385px;top: 69px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner1 .img2{left: 50%;margin-left: -222px;top:299px; -webkit-animation: bounceInLeft 1s 1s ease both;-moz-animation: bounceInLeft 1s 1s ease both;animation: bounceInLeft 1s 1s ease both;}
.wxBanner1 .img3{left: 50%;margin-left: -309.5px;top:370px; -webkit-animation: flipInY 1s .8s ease both;-moz-animation: flipInY 1s .8s ease both;animation: flipInY 1s .8s ease both;}
.wxBanner2 .img1{left: 50%;margin-left: -230px;top:92px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner2 .img2{left: 50%;margin-left: -124px;top:162px; -webkit-animation: zoomInDown 1.5s 0.2s ease both;-moz-animation: zoomInDown 1.5s 0.2s ease both;animation: zoomInDown 1.5s 0.2s ease both;}
.wxBanner2 .img3{left: 50%;margin-left: -264px;top:225px; -webkit-animation: zoomInDown 1.5s 0.3s ease both;-moz-animation: zoomInDown 1.5s 0.3s ease both;animation: zoomInDown 1.5s 0.3s ease both;}
.wxBanner2 .b2btn{left: 50%;margin-left: -112.5px;top:316px; -webkit-animation:bounceInUp 1s .5s ease both;-moz-animation:bounceInUp 1s .5s ease both;animation:bounceInUp 1s .5s ease both;}
.wxBanner2 .img5{left: 50%;margin-left: -545px;top:162px; -webkit-animation: bounceInLeft 1s 1s ease both;-moz-animation: bounceInLeft 1s 1s ease both;animation: bounceInLeft 1s 1s ease both;}
.wxBanner2 .img6{left: 50%;margin-left: 281px;top:172px; -webkit-animation: wind 1.5s 0s ease infinite;-moz-animation: wind 1.5s 0s ease infinite;animation: wind 1.5s 0s ease infinite;}
.wxBanner3 .img1{left: 50%;margin-left: -251px;top: 158px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner3 .img2{left: 50%;margin-left: -251px;top: 261px; -webkit-animation: zoomInDown 1.5s 0.5s ease both;-moz-animation: zoomInDown 1.5s 0.5s ease both;animation: zoomInDown 1.5s 0.5s ease both;}
.wxBanner3 .b3btn{left: 50%;margin-left: -69px;top: 384px; -webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;}

@-webkit-keyframes zoomInDown{
    0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 	}
}
@keyframes zoomInDown{
    0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 	}
}

@-webkit-keyframes bounceInLeft{
    0%{opacity: 0;-webkit-transform: translateX(-2000px);}
	60%{opacity: 1;-webkit-transform: translateX(30px);}
	80%{-webkit-transform: translateX(-10px);}
	100%{-webkit-transform: translateX(0);}
}
@-moz-keyframes bounceInLeft{
    0%{opacity: 0;-moz-transform: translateX(-2000px);}
	60%{opacity: 1;-moz-transform: translateX(30px);}
	80%{-moz-transform: translateX(-10px);}
	100%{-moz-transform: translateX(0);}
}
@-o-keyframes bounceInLeft{
    0%{opacity: 0;-o-transform: translateX(-2000px);}
	60%{opacity: 1;-o-transform: translateX(30px);}
	80%{-o-transform: translateX(-10px);}
	100%{-o-transform: translateX(0);}
}
@keyframes bounceInLeft{
    0%{opacity: 0;transform: translateX(-2000px);}
	60%{opacity: 1;transform: translateX(30px);}
	80%{transform: translateX(-10px);}
	100%{transform: translateX(0);}
}

@-webkit-keyframes flipInY{
    0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
	70%{-webkit-transform: perspective(400px) rotateY(10deg);}
	100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes flipInY{
    0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-moz-transform: perspective(400px) rotateY(-10deg);}
	70%{-moz-transform: perspective(400px) rotateY(10deg);}
	100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipInY{
    0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-o-transform: perspective(400px) rotateY(-10deg);}
	70%{-o-transform: perspective(400px) rotateY(10deg);}
	100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInY{
    0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{transform: perspective(400px) rotateY(-10deg);}
	70%{transform: perspective(400px) rotateY(10deg);}
	100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@-moz-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@-o-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}
/*banner动画end*/