@charset "utf-8";

/*banner*/
.conrp { width: 100%; overflow: hidden; position: relative; }
.conrp #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.conrp #owl-demo .item { width: 100%; display: block; position: relative; height: auto; overflow: hidden; }
.conrp #owl-demo .white{ position:absolute; left:0; top:30%; z-index:10; text-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.conrp #owl-demo .active .item img { animation: mobileburns 10s infinite; }
.conrp #owl-demo .item .ban1{ transform: translateX(60px); opacity: 0;}
.conrp #owl-demo .active .item .ban1{ transition: all 2s ease 1s; transform: translateX(0); opacity: 1;}
.conrp #owl-demo .item .ban2{ transform: translateX(70px); opacity: 0;}
.conrp #owl-demo .active .item .ban2{ transition: all 2.1s ease 1.2s; transform: translateX(0); opacity: 1;}
.conrp #owl-demo .item .ban3{ transform: translateX(80px); opacity: 0;}
.conrp #owl-demo .active .item .ban3{ transition: all 2.2s ease 1.4s; transform: translateX(0); opacity: 1;}

.owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 5%; text-align: center; display: block; }
.owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #FFF; *display: inline; *zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity:0.6;}
.owl-page.active { background: #e49800; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity:1;}
.owl-buttons div { width: 50px; height: 100%; background:url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity:0.6;}
.owl-buttons div:hover { opacity:1;}
.owl-buttons div.owl-next, .conrp .owl-buttons div:hover.owl-next { left:5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.owl-buttons div.owl-prev { right:5%; }

/*footer*/
.linker{ width:100%; height:84px; line-height: 84px;}
.linker .link{ width: 76%; margin: 0 auto; height: 84px;}
.stmenu1 { width: auto; position: relative; overflow: visible; z-index: 90; height: 24px; margin-top:30px;}
.stmenu1 .xiala { width: auto; height: 24px; line-height: 24px; }
.stmenu1 .childa { display: none; width: 100%; position: absolute; bottom: 24px; left: 0; z-index: 99; background: #FFF; }
.stmenu1 .childa a { display: block; overflow: hidden; text-align: center; border-bottom: 1px #dcdcdc solid; padding: 5px; line-height: normal; opacity: 0.7; }
.stmenu1 .childa a:hover { opacity: 1; }
/*cpzs*/
.cpzs{ background:url(../images/bg1.jpg) no-repeat left top #fff; position:relative;}
.f160 {background: linear-gradient(to bottom,#dcdcdc,#f4f4f4); -webkit-background-clip: text;color: transparent;}
.cply{ width:39%;}
.cplb{ position:relative;}
.cplb dd{ width:41.5%;}
.cplb dd .tita{ position:relative;}
.cplb dd .tita .tin{ position:absolute; left:0; bottom:20%; z-index:2;}
.cplb:nth-of-type(1) dt{ width:66%; overflow:hidden; float:right;}
.cplb:nth-of-type(1) dd{ position:absolute; left:9.6%; bottom:0; background:#f4f4f4;}
.cplb:nth-of-type(2) .pt100{ padding-top:0;}
.cplb:nth-of-type(2) dt{ width:52.7%; overflow:hidden; float:left;}
.cplb:nth-of-type(2) dd{ float:right;}
.cplb:nth-of-type(3).pt60{ padding-top:0;}
.cplb:nth-of-type(3) dt{ width:43.5%; overflow:hidden; float:right;}
.cplb:nth-of-type(3) dd{ position:absolute; left:25.8%; bottom:0; background:#f4f4f4; z-index:5;}
.mb_lo{ width:28%; overflow:hidden; position:absolute; left:6%; bottom:0;}
/*abouts*/
.abouts{ position:relative;}
.abty{ margin-left:12%;}
.abouts .ab_lb{ width:19.4%; overflow:hidden; border-right:1px #d2d2d2 solid; box-sizing: border-box; -moz-box-sizing: border-box; float:left;}
.abouts .ab_lb li{ position:relative; border-bottom:1px #dcdcdc solid; }
.abouts .ab_lb li:hover{ border-bottom:1px #e49a06 solid;}
.abouts .ab_lb .more{ width:54%; overflow:hidden; position:relative;}
.abouts .ab_lb .more dd{ width:100%; height:3px; background:#e49800; display:block;}

.ppys{ width:49.15%; overflow:hidden; float:left;}
.ppys .ppys_txt{ width:70%; overflow:hidden;}

.zsjm{ width:50.85%; overflow:hidden; float:left; position:relative;}
.zsjm dt{ width:100%; overflow:hidden;}
.zsjm dd{ width:100%; overflow:hidden; position:absolute; left:0; top:40%; z-index:2;}

.gywm{ width:69.2%; overflow:hidden; position:absolute; right:0; top:2%; z-index:5; background:url(../images/ty.jpg) no-repeat top center;}
.gywm .gywm_top{ width:60%; overflow:hidden; margin:0 auto;}
.gywm .gywm_imgs{ position:relative;}
.gywm .gywm_imgs:after { content: ''; width: 12px; height: 46%; background: #FFF; position: absolute; left: 0; bottom: 0;}
.gywm img{ border-bottom:12px #fff solid; margin-left:12px;}
/*news*/
.morei{ width:auto; overflow:hidden; padding:1vw 2.5vw; border:1px #e49800 solid; display:block;}
.morei:hover{ background: #e49800; color:#FFF;}
.new_img{ width:22%; overflow:hidden; float:left; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}
.new_img dt{ position:relative;}
.new_img dt .time{ position:absolute; right:0; bottom:0; z-index:5; padding:0.75vw;}
.new_img:hover{ -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}
.new_img:hover dt img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.new_img:hover dd a{ color:#e49800;}
.new_img:nth-of-type(odd) { margin-top:2vw;}
.new_img:nth-of-type(2){ margin-left:4%;}
.new_img:nth-of-type(3){ margin-left:4%;}
.new_img:nth-of-type(4){ float:right;}






 @media screen and (max-width: 1600px) and (min-width:0) {
/*banner*/
.owl-page { width: 13px; height: 13px; margin: 0 6px; }
/*footer*/
.linker .link{ width: 78%;}
/*abouts*/
.abty{ margin-left:11%;}
.ppys .ppys_txt{ width:75%;}
.gywm{ width:70.4%;}
.gywm .gywm_imgs:after{ height: 48.8%;}

}
@media screen and (max-width: 1400px) and (min-width:0) {
/*banner*/
.owl-page { width: 12px; height: 12px; margin: 0 5px; }
/*footer*/
.linker .link{ width: 80%;}
/*abouts*/
.abty{ margin-left:10%;}
.ppys .ppys_txt{ width:80%;}
.gywm{ width:71.4%;}
.gywm .gywm_imgs:after{ height: 50%;}
}
@media screen and (max-width: 1200px) and (min-width:0) {
/*banner*/
.conrp .owl-pagination{ bottom: 10px;}
.owl-page { width: 10px; height: 10px; margin: 0 4px; }
/*footer*/
.linker .link{ width: 82%;}
/*abouts*/
.abty{ margin-left:9%;}
.ppys .ppys_txt{ width:85%;}
.gywm{ width:71.6%;}

}
@media screen and (max-width: 1100px) and (min-width:0) {
/*footer*/
.linker .link{ width: 84%;}
/*abouts*/
.abty{ margin-left:8%;}
.ppys .ppys_txt{ width:90%;}
.gywm{ width:72.6%;}
}
/*wap*/
@media screen and (max-width: 1024px) and (min-width:0) {

/*banner*/
.conrp #owl-demo .white{ top:25%;}
.conrp #owl-demo .tei1{ text-indent:0;}
.conrp #owl-demo .active .item img { animation: none; }
.owl-page { width: 10px; height: 10px; margin: 0 5px; }
.owl-buttons { display: none; }

/*footer*/
.linker .link{ width: 90%;}

/*cpzs*/
.title{ text-align:center;}
.title dd{ top:15%;}
.cply{ width:100%; text-align:center;}
.cplb{ position:relative;}
.cplb dd{ width:100%;}
.cplb dd .tita{ width:100%; overflow:hidden;}
.cplb dd .tita .f160{ display:none;}
.cplb dd .tita .tin{ position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.cplb dd .padt35 a{ color:#e49800;}

.cplb .pt100{ padding-top:0;}

.cplb:nth-of-type(1) dt{ width:100%; float:none;}
.cplb:nth-of-type(1) dd{ position:inherit; left:inherit; bottom:inherit;}

.cplb:nth-of-type(2) dt{ width:100%; float:none;}
.cplb:nth-of-type(2) dd{ float:none; background:#f4f4f4;}
.cplb:nth-of-type(3).pt60{ padding-top:0;}

.cplb:nth-of-type(3){ margin-top:0.3rem;}
.cplb:nth-of-type(3) dt{ width:100%; float:none;}
.cplb:nth-of-type(3) dd{ position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.mb_lo{ display:none;}
/*abouts*/

.abty{ margin-left:0%;}
.abouts .ab_lb{ width:94%; border-right:none; box-sizing:inherit; -moz-box-sizing: inherit; float:none; margin:0 auto;}
.abouts .ab_lb li{ width:49%; float:left; margin:0 0.5%;}
.abouts .ab_lb .more{ width:50%; margin-left:25%;}

.ppys{ width:100%; float:none; margin:0 auto;}

.ppys .ppys_txt{ width:94%; margin-left:2%; padding-bottom:0.3rem;}

.zsjm{ width:100%; float:none;}
.zsjm dd{ top:10%; text-align:center;}
.zsjm dd .title dd{ top:40%;}
.gywm{ width:94%; position:inherit; right:inherit; top:inherit; z-index:5; background:#fff; margin:0 auto; margin-top:0.8rem;}
.gywm .gywm_top{ width:96%;}
.gywm .gywm_top .title dd{ top:40%;}
.gywm .gywm_imgs{ padding-bottom:0.3rem;}
.gywm .gywm_imgs:after { background: #none;}
.gywm img{ width:94%; border-bottom:none; margin-left:none;}

/*news*/
.new_top{ text-align:center;}
.new_top .fl, .new_top .fr{ float:none; width:100%;}
.new_top .fl.title dd{ top:40%;}
.morei{ width:30%; padding:0.1rem 0; margin:0 auto; background: #e49800; color:#FFF;}


.new_img{ width:100%; float:none;}
.new_img dt .time{ padding:0.15rem;}

.new_img:nth-of-type(odd) { margin-top:inherit;}
.new_img:nth-of-type(2){ margin-left:0; margin-top:0.3rem;}
.new_img:nth-of-type(3){ margin-left:0; margin-top:0.3rem;}
.new_img:nth-of-type(4){ float:none; margin-top:0.3rem;}


}






/* animation */
@keyframes mobileburns { 5% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
 65% {
 transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 80% {
 transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 100% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
}

@-webkit-keyframeshue{
 
　　from{
 
　　-webkit-filter:hue-rotate(0deg);
 
　　}
 
　　to{
 
　　-webkit-filter:hue-rotate(-360deg);
 
　　}
 
　　}

/* Hover */
@-webkit-keyframes hover {  50% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 100% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
}
 @keyframes hover {  50% {
 -webkit-transform: translateY(-3px);
 transform: translateY(-3px);
}
 100% {
 -webkit-transform: translateY(-6px);
 transform: translateY(-6px);
}
}