@charset "utf-8";

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0;padding: 0;border: 0;font-size: 100%;background: transparent;}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html{ overflow-y:scroll; height:100%; overflow-x:hidden;}
ul, li{list-style:none;}
a{ text-decoration: none;}
*, *:before, *:after {box-sizing: content-box; }
a {margin: 0; padding: 0; font-size: 100%;  background: transparent;}
input,textarea {vertical-align: middle;-webkit-appearance:none; -webkit-appearance:none; border-radius:0;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
input[type=button],input[type=submit],input[type=reset]{cursor:pointer;}
/*reset*/
body{ font-family: "微软雅黑", Arial; font-size: 14px; line-height:26px; color: #464646; position: relative; background:#fff;max-height:99999px;min-height:1px; min-width:320px;}
a{ color: #464646;}
a:hover{ transition: 0.4s;-moz-transition:  0.4s;	-webkit-transition:  0.4s;-o-transition:  0.4s; }
input{ outline: none;font-family: "微软雅黑", Arial;font-size: 14px;color: #333;display:block; }
.container{ width:1200px; margin:0 auto; }
.ImgBox{display:table-cell; vertical-align:middle; text-align:center;}
@font-face {
	font-family:'poppinsLight';
	src: url('fonts/poppinsLight.ttf')  format('truetype');
}
@font-face {
	font-family:'LetterGothicStd';
	src: url('fonts/LetterGothicStd.ttf')  format('truetype');
}




.head{position:fixed;  top:0; left:0; right:0; z-index:99999; width:100%; height:108px;}
.head .headbox{width:1200px; margin:0 auto;height:108px;position:relative; }
.head .logo{position:absolute; left:0; top:0; color:#fff; cursor:pointer;}
.head .logo a{height:108px;}
.head .logo img{max-width:100%; max-height:108px;}
.head .nav{position:absolute;right:0;top: 31.5px;list-style:none;padding:0;margin:0;font-size:0;}
.head .nav ul{ position:relative;display: block;line-height: 45px; height: 45px;}
.head .nav ul li{list-style:none; cursor:pointer; padding:0; margin:0 0 0 46px; font-size:14px; color:#5e5e5e; display:inline-block;*display:inline;zoom:1;}
.head .nav ul li a.nav-a{display: block;line-height: 45px; height: 45px; color: #5e5e5e; overflow: hidden;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}
.head .nav ul li a.nav-a span{display: block;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
.head .nav ul li a.nav-a:hover span{-webkit-animation: fottc 0.8s normal;-moz-animation: fottc 0.8s normal;-ms-animation: fottc 0.8s normal;animation: fottc 0.8s normal;}
.head .nav ul li a.nav-a:hover,.head .nav ul li a.nav-a.cur{color: #EED190;}
.headbg{background:#fff;}
.headbg2{position:fixed;  top:0; left:0; right:0; z-index:99; width:100%; height:108px;background:#fff;}
@media (max-width:1200px){
	.container{width:94%;}
	.head .headbox{width:94%; }
	.head .nav ul li{margin:0 0 0 40px;}
}
@media (max-width:1100px){
	.head .nav ul li{margin:0 0 0 15px;}
}

/**********************mobileHead Start**********************/
.mobileHead{ display:none;}
@media screen and (max-width:1000px) {
.head{ display:none;}
.mobileHead {margin: 0 auto; height:auto;display:block; position:relative;}
.mobile-header {width: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.index_logo{display: block;}
.index_logo img{display: block;width:100%;max-width:640px;}.headbg2{height:110px;}
.mobile-header .icon{ cursor: pointer; position: absolute;right:3%; top: 50%;margin-top:-15px;width: 30px; height: 30px; z-index: 16; overflow:hidden;}
.mobile-header .icon span{ position: absolute; width: 100%; height: 100%; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.mobile-header .icon span b{ display: block; width: 100%; height:1px; background: #000; position: absolute; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.mobile-header .icon span.line1 b{ top: 0%;}
.mobile-header .icon span.line2 b{ top: 30%;}
.mobile-header .icon span.line3 b{ top: 60%;}
.mobile-header .icon.current{ position: absolute; right:3%; top: 50%;margin-top:-15px;width: 30px; height: 30px; overflow:hidden;}
.mobile-header .icon.current span b{background: #000;}
.mobile-header .icon.current .line1 b{-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top: 50%; bottom: auto; }
.mobile-header .icon.current .line2 b{opacity: 0;left: -100%;}
.mobile-header .icon.current .line3 b{-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top: 50%; bottom: auto; }
.mobile-nav a {display: inline-block;line-height: 50px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255, 255, 255, 0.3);
font-weight: 300;font-size: 14px;}
.mobile-nav a {opacity: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;transition: all 0.5s ease;-webkit-transform: translateX(10%);-moz-transform: translateX(10%);-ms-transform: translateX(10%);-o-transform: translateX(10%);transform: translateX(10%);}
.mobile-nav.current a {opacity: 1;-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;transition: all 0.4s ease;visibility: visible;-webkit-backface-visibility: hidden}
.mobile-nav{ position: fixed; right:-101%; top:110px; z-index: 4;background: #EED190;  /*height: 100%;*/ width:100%; min-width: 320px;padding-top: 30px;padding-bottom: 50px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.mobile-nav.current{ right:0;}
.mobile-header.current {background:#fff;}
}
@media screen and (max-width:639px) {
	.mobile-nav {top:17.1875vw;}
	.headbg2{height:17.1875vw;}
}

/**********************banner Start**********************/
.fullSlide {width:100%;position:relative;min-height:940px; height:auto; background:#fff;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;min-height:940px;height:auto; overflow:hidden;text-align:center; list-style-type:none; background-position:top center; background-repeat: no-repeat;}
.fullSlide .bd li a {display:block;min-height:940px; height:auto; }
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;left:0;right:0; margin:0 auto;}
.fullSlide .hd ul {text-align:center; margin-bottom:25px;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 13px;overflow:hidden;line-height:999px; border-radius:50%; border:2px solid #fff;}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide .container{position:relative; height:60px;position:absolute; bottom:0;right:0;left:0;}
.fullSlide .prev,.fullSlide .next{display: inline-block;z-index:9;width:60px; height:60px;cursor:pointer; float:right;}
.fullSlide .next {background:url(../images/index_next.png) no-repeat 50% 50% #5e6288;}
.fullSlide .prev {background:url(../images/index_prev.png) no-repeat 50% 50% #dac595;}
.fullSlide .prev:hover,.fullSlide .next:hover{filter: Alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.TouchSlide{ display:none}
@media screen and (max-width:1200px){
.fullSlide {min-height:700px;}
.fullSlide .bd li {min-height:700px; background-size:cover;}
.fullSlide .bd li a {min-height:700px;}
}
@media screen and (max-width:1000px){
.fullSlide{ display:none}
/*m_Banner*/
.TouchSlide{width:100%;position: relative; height:auto;  margin:0 auto; overflow:hidden; display:block;}
.TouchSlide .bd{position:relative; z-index:0;text-align:center;width:100%;}
.TouchSlide .bd li{width:100%;margin-bottom:1em;}
.TouchSlide .bd li img{width:100%;}
.TouchSlide .bd li a{ display:block;}
.TouchSlide .hd {width:100%;position:absolute;z-index:1;bottom:3.125vw;text-align:center;}
.TouchSlide .hd ul li{border:1px solid #fff;cursor:pointer;display:inline-block;*display:inline;zoom:1;width:5px;height:5px;margin:0 0.5em;overflow:hidden;line-height:999px;border-radius:50%;}
.TouchSlide .hd ul li.on{background: #fff;}
}



.digital{
	height:60px; 
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);    
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
    -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}
.digital.active{
    transform: rotateX(90deg) translate3d(0,0,0);
    -webkit-transform: rotateX(90deg) translate3d(0,0,0);
    -moz-transform: rotateX(90deg) translate3d(0,0,0);	
}






/**********************index Contact Start**********************/

/*index-join*/
.index-join{height:auto;overflow: hidden; background:#f5f5f5;}
.joinList{width:100%;}
.joinList ul li{float:left; width:25%; position:relative; overflow:hidden;padding-top:20px;padding-bottom:30px;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;min-height:228px;}
.joinList ul li .ImgBox{width:100%;display:block;}
.joinList ul li .ImgBox img{width:100%;max-width:110px;}
.joinList ul li a{ display:block;color:#909090; } 
.joinList ul li .joinInfo{ text-align:center;}
.joinList ul li .joinInfo h3{font-size:16px;line-height: 30px; font-weight:300;color:#333;}
.joinList ul li .joinInfo .jointext{font-size: 12px;line-height: 26px;max-height:78px; overflow:hidden;color:#909090;margin-bottom:10px;}
.joinList ul li:hover{background-color: #5e6288;}
.joinList ul li:hover .joinInfo h3{color:#fff;}
.joinList ul li:hover .joinInfo .jointext{color:#fff;}
.joinList ul li:nth-child(2n):hover{background-color: #EED190;}
.joinList ul li:nth-child(2n):hover .joinInfo h3{color:#333;}
.joinList ul li:nth-child(2n):hover .joinInfo .jointext{color:#909090;}
@media screen and (max-width:750px) {
	.joinList ul li{width:46%;}
	.joinList ul li{padding: 20px 2%;}	
}
@media screen and (max-width:320px) {
    .joinList ul li{width:100%;}
	.joinList ul li{padding: 0px 2%;}
}


/*index_title*/
.index_title {font-size: 14px;color:#333; line-height:normal;}
.index_title a{ display:inline-block;}
.index_title .cn{font-size: 40px;font-weight:normal; position:relative;font-family:'poppinsLight';margin-right:10px; text-transform:uppercase;}
.index_title h2:before{content: '';width: 34px;height: 2px;position: absolute;top: 0;left: 0;right:0;margin:0 auto;background-color: #fdd10b;}
.Infotit{font-size: 16px;font-weight:600;height: 30px;line-height: 30px;margin-bottom:10px;}
.btn{width:100%;margin:0 auto;padding-top:22px;padding-bottom:62px;position: relative; }
.btn .mores{display:block; width: 145px; line-height: 32px; height: 32px; text-align: center;background:#fdd10b;color:#fff; font-size: 12px;cursor:pointer;margin:0 auto;overflow: hidden;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.btn .mores:hover{width: 183px; background:#1d1d1d;color:#fdd10b;}
@media screen and (max-width:1000px) {
.index_title .cn{font-size: 30px;}
}
@media screen and (max-width:640px) {
.index_title .cn{font-size: 20px;}

}

/*index-lanMu*/
.index-lanMu ul li{ float:left; background-position:center center; background-size:100% 100%; background-repeat:no-repeat; position:relative;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.index-lanMu ul li a{ display:block;min-height:460px;}
.index-lanMu ul li.lm2 a:after,.index-lanMu ul li.lm4 a:after,.index-lanMu ul li.lm5 a:after{content: '';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background:url(../images/bg.png) repeat-x 50% bottom;z-index:1;}
.index-lanMu ul li.lm1 a{min-height:920px;}
.index-lanMu ul li.lm1{width:29%;}
.index-lanMu ul li.lm2,
.index-lanMu ul li.lm5{width:39%}
.index-lanMu ul li.lm3,
.index-lanMu ul li.lm4{width:32%}
.index-lanMu ul li.lm1 .index_title{padding:8% 5% 0 14%;color:#fff;position:relative;}
.index-lanMu ul li .index_title2{font-size: 14px;color:#fff;line-height:24px;position:absolute;bottom:6%;left:54px;font-family:"微软雅黑";text-transform:uppercase;z-index:2;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;}
.index-lanMu ul li .index_title2 .cn{font-weight:normal;font-size: 16px;line-height:24px;display:block;}

.index-lanMu ul li{-webkit-transition: background 1s;-moz-transition: background 1s;-o-transition: background 1s;transition: background 1s;}
.index-lanMu ul li:hover{background-size:102% 102%;}
.index-lanMu ul li:hover .index_title2{bottom:8%;}

@media screen and (max-width:1600px) {
.index-lanMu ul li a{min-height:300px;}
.index-lanMu ul li.lm1 a{min-height:600px;}	
}
@media (max-width: 1024px){
.index-lanMu ul li a{min-height:280px;}
.index-lanMu ul li.lm1{width:100%; background-position: center 70%; background-size:100%; }
.index-lanMu ul li.lm1 a{min-height:400px;}
.index-lanMu ul li.lm2,
.index-lanMu ul li.lm5{width:55%}
.index-lanMu ul li.lm3,
.index-lanMu ul li.lm4{width:45%}
}
@media (max-width: 640px){
.index-lanMu ul li a{min-height:460px;}
.index-lanMu ul li.lm1 a{min-height:300px;}
.index-lanMu ul li.lm2,
.index-lanMu ul li.lm5{width:100%;}
.index-lanMu ul li.lm2 a,
.index-lanMu ul li.lm5 a{min-height:493px;}
.index-lanMu ul li.lm3,
.index-lanMu ul li.lm4{width:100%}
}
@media (max-width: 620px){
.index-lanMu ul li a{min-height:71.875vw;}	
.index-lanMu ul li.lm2 a,
.index-lanMu ul li.lm5 a{min-height:77.03125vw;}
}

/*index-service*/
.index-service{margin-bottom:70px;padding-top:47px; background:#f7f7f7; height:520px;}
.index-service .index_title{margin-bottom:48px;}
.index-service .serviceInfo{width:50%;float:left;}
.index-service .serviceInfo td{padding-left:60px;}
.index-service .ImgBox{width:50%;float:left; overflow:hidden;}
.index-service .ImgBox img{max-width:600px;}
.index-service .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index-service .ImgBox img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
@media (max-width:1200px){
.index-service{height:auto;}
}
@media screen and (max-width:1000px) {
.index-service .serviceInfo td{padding-left:2%;}
.index-service .ImgBox img{max-width:100%;}	
}
@media screen and (max-width:640px) {
.index-service{margin-bottom:30px;}
.index-service .serviceInfo{width:100%;float:none;padding-left:2%;}
.index-service .ImgBox{width:100%;float:none;}
}

.index-join2{margin-bottom:66px; height:490px;}
.index-join2 .container{ position:relative;}
.index-join2 .index_title{ position:absolute;right:80px;top:0; z-index:2;}
.index-join2 .index_title .cn{ display:block;}
.index-join2 .more2{ position:absolute;right:0;top:50%;margin-top:-80px;}
.index-join2 .more2 a{ display:inline-block; background:url(../images/more_icon02.png) no-repeat 35px 50% #EED190;padding:35px 40px 35px 172px;color:#fff;font-size: 14px; line-height:24px;}
.index-join2 .more2 a .cn{display:block; text-transform:uppercase;font-size: 16px;}
.index-join2 .ImgBox img{max-width:100%;}
.index-join2 .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.index-join2 .ImgBox:hover img{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.index-join2 .more2 a:hover{background-color:#595656;}
@media (max-width:1200px){
.index-join2{height:auto;}
}
@media screen and (max-width:1000px) {
.index-join2 .index_title{right:0;}	
.index-join2 .more2{margin-top:-25px;}
.index-join2 .more2 a{ padding:15px 20px 15px 130px;}

}
@media screen and (max-width:640px) {
.index-join2{margin-bottom:30px;}
.index-join2 .index_title{right:0;}	
.index-join2 .more2{position: static;margin-top:0;}
.index-join2 .more2 a{ padding:15px 20px 15px 172px; width: calc(100% - 192px);}
}
@media screen and (max-width:350px) {
.index-join2 .more2 a{ padding:15px 20px 15px 112px; width: calc(100% - 132px); background-size:70px; background-position:10px center;}
}




/****************footer start******************/
.footer{ background:#fff;font-size:14px;color:#909090;line-height: 30px; position:relative;}
.footer:after{content: " ";display:block;width:30%;height:100%;position:absolute;right:0;background:#5e6288;top:0;}
.footer .container{z-index: 2;position: relative;}
.footer .bottomleft{overflow:hidden;float:left;width:760px;padding-top:48px;min-height:222px;background:#fff; z-index:2;}
.footer .bottomRight{overflow:hidden;float:left;width:440px;padding-top:82px;min-height:188px;background:#5e6288;z-index:2;color:#fff;}
.footer h1{font-size:14px;color:#5e6288;margin-bottom:14px; font-weight:normal;}
.footer .bottomLogo{overflow:hidden;width:100%;margin-bottom:24px;}
.footer .bottomNav{overflow:hidden;float:left;width:450px;}
.footer .bottomNav ul li{display:block;float:left;width:170px;margin-right:10px;line-height:30px;height:30px;padding:0;}
.footer .bottomNav ul li a{color:#333;font-size:12px;}
.footer .bottomNav ul li a span{color:#909090;font-size:12px; display:inline-block;margin-left:12px; text-transform:uppercase;}
.footer .bottomNav ul li a:hover,.footer .bottomNav ul li a:hover span{color:#EED190;}
.footer .bottomlx{float:left;width:310px;line-height:30px;}
.footer .share{margin:0 auto;text-align:left;margin-top:20px;width:195px;float:left;padding-left:95px;position:relative;}
.footer .share:before{content: '';width: 1px;height: 100%;position: absolute;top: 0;right: 0;background:#8f91ac; }
.footer .share h1{color:#fff;}
.footer .share ul{margin:0 auto;height: 40px;}
.footer .share ul li{width: 40px;height: 40px;display:inline-block;*display:inline;margin-right:14px;padding:0;}
.footer .share ul li a{overflow: hidden;width: 40px;height: 40px;line-height:40px;border-radius:50%;display:block;background-color:#fff; background-repeat:no-repeat; background-position:center center;position:relative;margin:0;cursor:pointer;padding-top:0em;transition: all 1s;}
.footer .share ul li a.fa-fb{background-image:url(../images/bottom_fb.png);}
.footer .share ul li a.fa-wx{background-image:url(../images/bottom_wx.png);}
.footer .share ul li a.fa-qq{background-image:url(../images/bottom_qq.png);}
.footer .share ul li:hover a{background-color:#EED190;}
.footer .code{width:150px;float:left;}
.bq{background:#fff;color:#909090;padding: 12px 0 13px 0;font-size:12px;line-height: 30px; border-top:1px solid #e5e5e5;}
.bq span{float:right;}
.bq a{color:#909090;}
.bq a:hover{color:#fdd10b;}
@media screen and (max-width:1200px) {
.footer .bottomleft{width:60%;}
.footer .bottomRight{width:40%;}
.footer .bottomNav{overflow:hidden;float:left;width:60%;}
.footer .bottomlx{width:40%;}
.footer .share{width:50%;padding-left:10%;}
.footer .code{width:40%;}
}
@media screen and (max-width:1000px) {
.footer:after{display:none;}
.footer .bottomleft{width:100%;padding:30px 0;min-height:auto;}
.footer .bottomRight{width:100%;padding:30px 0;min-height:auto;}
.footer .bottomNav{overflow:hidden;float:left;width:60%;}
.footer .bottomlx{width:40%;}
.footer .share{width:40%;padding-left:10%;}
.footer .code{width:40%;padding-right:10%;}

}
@media screen and (max-width:640px) {
.footer:after{display:block;}
.footer .bottomleft{width:65%;padding:30px 0 0 0;}
.footer .bottomRight{width:35%;}
.footer .bottomNav{display:none}
.footer .bottomlx{width:100%;}
.footer .code{width:70%;padding:0 15%;float:none;}
.footer .share{display:none}
.bq { text-align:center;}
.bq span{float:none; display:block;}
}
@media screen and (max-width:640px) {
.footer .bottomleft{width:60%;}
.footer .bottomRight{width:40%;}
.footer .code{width:80%;padding:0;margin:0 15%;float:none;}	
}

/****piaofu****/
.side-pannel {position:fixed;bottom: 40px; right:20px; z-index: 999; }
.side-bar a {width:35px;height:35px;padding:10px;position: relative;text-align: center;margin-bottom:5px;display:block;cursor:pointer;border-radius:5px;background:#EED190;transition:all .3s ease-out;color:#333333;overflow:hidden;vertical-align: middle; font-size:12px;line-height:18px;}
.side-bar a span{overflow:hidden;display: table-cell;vertical-align: middle;margin: 0 auto;}
.side-bar a.gotop{background:url(../images/piaofu_top.png) no-repeat center center #bfbfbf;}
.side-bar a:hover {background-color:#5e6288;color:#fdd10b;}
@media screen and (max-width:640px) {
.side-pannel{ display:none;}	
}

/****************page banner start******************/
.banner {width:100%;height:110px;overflow:hidden;margin:0 auto;text-align:center;position: relative;  background-color:#EED190;background-position: center center;background-repeat:no-repeat;margin-top:108px;}
.banner .container{width:1200px;position: relative;height:110px;margin:0 auto; overflow:hidden;}
.banner .t1{font-size:20px;line-height:40px;position:absolute; top:50%;margin-top:-20px;right:0;color:#fff; display:inline-block; text-transform:uppercase;font-family:'LetterGothicStd';}
@media screen and (min-width:1440px) {.banner {background-size:cover;}}
@media screen and (max-width:1200px) {
	.banner {background-size:cover;}
	.banner .container{width:94%;height:110px;}
}




/****************page start******************/
.page{width:100%; margin:0 auto; background:#fafafa;} 
.page_nav{height:auto; overflow:hidden;position:relative;}
.page_nav .container{background:#fff;padding:35px 0 30px 0;margin:33px auto;}
.page_nav ul{margin:0 auto; text-align:center;}
.page_nav ul li{display:inline-block; margin:10px 13px; line-height:30px; height:30px; font-size:14px;}
.page_nav ul li a{position:relative;color:#5e5e5e;padding:0 2px; display:block;
-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear;}
.page_nav ul li a:before{ content:""; position:absolute; width:0px; height:2px;bottom:0; background:#fdd10b; display:block; transition:all 0.5s ease;-webkit-transition:all 0.5s ease; margin:-3px auto 0px auto; left:50%; line-height:0; overflow:hidden;}
.page_nav ul li:hover a:before, .page_nav ul li.focus a:before{ width:100%;left:0;}
.page_nav ul li:hover a,.page_nav ul li.focus a{color:#EED190;}

.sub_nav {margin:0 auto; text-align:center;}
.sub_nav a{font-size:14px;margin:0 10px;line-height:40px; display:inline-block; color:#909090; position:relative;}
.sub_nav a:before{ content:"."; position:absolute; right:0;top:0; color:#909090;margin-right:-10px;margin-top:-2px;}
.sub_nav a:last-child:before{content:"";}
.sub_nav a:hover,.sub_nav .focus{color:#fdd10b;}
@media screen and (max-width:640px) {
.page_nav ul,.sub_nav{ text-align:left;}
}


/*pageInfo*/
.pageInfo{width:100%;min-height:400px; font-size:14px; line-height:40px; color:#808080; overflow:hidden; }
.pageInfo .page_text img{max-width:1200px;}
@media screen and (max-width:1200px) {
    .pageInfo .page_text img{width:100%;}
}


/*about*/
.page .page_title{padding-bottom:18px; background:url(../images/page_line.png) no-repeat left bottom;margin-bottom:30px;}
.page .page_title .number{ font-size:30px;line-height:50px;color:#5E6288;font-family:'poppinsLight';}
.page .page_title .en{ font-size:20px;line-height:26px;color:#333;font-family:'poppinsLight';}
.page .page_title .cn{ font-size:16px;line-height:26px;color:#3333;font-family: "微软雅黑", Arial;}
.page .pageNR{width:50%; font-size:14px; line-height:40px; color:#808080;padding-bottom:30px;}
.page .pageAbout{width:100%; min-height:630px; background-position:center top; background-repeat:no-repeat; background-color:#fafafa;}
.page .pageAbout .Aboutimg{float:left;width:680px; text-align:center;}
.page .pageAbout .pageNR{float:left;width:395px;}
.page .pageBrand{width:100%; margin:0 auto;min-height:602px; background-position:center top; background-repeat:no-repeat; background-color:#fff;}
.page .pageBrand .pageNR{width:395px;margin-left:120px;}
.page .pageBrand .page_title{padding-top:120px;}
.page .pageAdvantages{width:100%; min-height:610px;background-position:center top; background-repeat:no-repeat; background-color:#ebebec;}
.page .pageAdvantages .pageNR{width:475px;margin-left:680px;}
.page .pageAdvantages .page_title{padding-top:90px;}
@media screen and (max-width:1200px) {
.page .pageAbout{width:100%; min-height:596px;padding-top:34px;}
.page .pageAbout .Aboutimg{width:50%;padding:0 5%;}
.page .pageAbout .pageNR{width:40%;}
.page .pageBrand{width:100%; margin:0 auto;min-height:602px; background-size:cover;}
.page .pageBrand .pageNR{margin-left:3%; width:40%;}
.page .pageBrand .page_title{padding-top:120px;}
.page .pageAdvantages{width:100%; min-height:610px; background-size:cover;}
.page .pageAdvantages .pageNR{ margin-left:60%; width:40%;}
.page .pageAdvantages .page_title{padding-top:90px;}
}
@media screen and (max-width:640px) {
.page .pageAbout{width:100%; min-height:400px;}
.page .pageAbout .Aboutimg{width:90%;padding:0 5%;}
.page .pageAbout .pageNR{ margin-left:0; width:100%;}
.page .pageBrand{width:100%; margin:0 auto;min-height:400px;background-size:cover;}
.page .pageBrand .pageNR{margin-left:0; width:100%;}
.page .pageBrand .page_title{padding-top:50px;}
.page .pageAdvantages{width:100%; min-height:400px;background-size:cover;}
.page .pageAdvantages .pageNR{margin-left:0; width:100%;}
.page .pageAdvantages .page_title{padding-top:50px;}
}


/*pageJoin01*/
.page .pageJoin01{width:100%; min-height:530px; background-position:center top; background-repeat:no-repeat; background-color:#fafafa;}
.page .pageJoin01 .Aboutimg{float:left;width:700px; text-align:center;}
.page .pageJoin01 .pageNR{float:left;width:500px;padding-top:40px;}
@media screen and (max-width:1200px) {
.page .pageJoin01{width:100%; min-height:400px;padding-top:34px;}
.page .pageJoin01 .Aboutimg{width:50%;padding:0 5%;}
.page .pageJoin01 .pageNR{width:40%;}
}
@media screen and (max-width:1000px) {
.page .pageJoin01{width:100%; min-height:400px;}
.page .pageJoin01 .Aboutimg{width:90%;padding:0 5%;}
.page .pageJoin01 .pageNR{ margin-left:0; width:100%;}
}



/*pageJoin02*/
.page .pageJoin02 {margin-bottom:43px;height:auto;overflow:hidden; background:#fff;}
.page .pageJoin02 ul {margin:0;padding:0;width:100%;line-height: normal; font-size:0;}
.page .pageJoin02 ul li {list-style:none;float:left;width:50%;height:auto;position:relative;float:left;overflow:hidden;}
.page .pageJoin02 ul li a{ display:block}
.page .pageJoin02 ul li .ImgBox{width:100%;height:auto;width:100%; margin:0; padding:0; position: relative;}
.page .pageJoin02 ul li .ImgBox img{width:100%;max-width:100%;max-height:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;opacity: 1}
.page .pageJoin02 ul li .ImgBox:before{ content:""; position: absolute;width:100%;height:100%;background:url(../images/bg50.png) repeat left top;left:0;top:0;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.page .pageJoin02 ul li .pro_info {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.page .pageJoin02 ul li .pro_info div {position: relative;top: 50%; text-align:center; margin: 0 auto;margin-top: -20px;}
.page .pageJoin02 ul li .pro_info p.title {text-align: center;margin-top: 2px;color: #fff;padding: 0 20px;font-size: 16px;transition: all ease-out .3s;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.page .pageJoin02 ul li:hover .pro_info p.title {margin-top: 20px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.page .pageJoin02 ul li .ImgBox:before{-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.page .pageJoin02 ul li:hover .ImgBox:before{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}

.page .pageJoin02 ul.Join02List01{float:left;width:50%;}
.page .pageJoin02 ul.Join02List02{float:left;width:50%;}
.page .pageJoin02 ul.Join02List02 li.l2 {width:100%;}
.page .pageJoin02 ul.Join02List02 li.l2 .ImgBox:before{width:0;}
.page .pageJoin02 ul.Join02List02 li.l2 .pro_info{ display:none;}
.page .pageJoin02 ul.Join02List02 .page_title{ position:absolute;left:8%; top:20%; text-align:left;}

@media screen and (max-width:1024px) {
.page .pageJoin02 ul.Join02List01{width:100%;}
.page .pageJoin02 ul.Join02List02{width:100%;}
}

@media screen and (max-width:550px) {
.page .pageJoin02 ul li{width:100%;}
.page .pageJoin02 ul.Join02List02 li.l2 {width:100%;min-height:230px;}
.page .pageJoin02 ul li .pro_info p.title {filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.page .pageJoin02 ul li .ImgBox:before{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
}

/*pageJoin03*/
.page .pageJoin03{ background:#fff;margin:0 auto;text-align:center;padding-top:40px;padding-bottom:10px;margin-bottom:25px;}
.page .pageJoin03 .page_title{width:60%; text-align:center; background-position:center bottom; display:inline-block;}
.page .pageJoin03 .jj{width:40%; text-align:center; background-position:center bottom;line-height:24px;color:#909090; display:inline-block;}
.page .Join03List{ width:100%;font-size:0;line-height:0;padding-top:50px;}
.page .Join03List li{width:20%;height:auto;margin:0 auto;text-align:center;position:relative;display:inline-block;*display:inline;zoom:1;list-style:none;padding:0 2.5%;margin-bottom:30px; cursor:pointer; vertical-align:top;}
.page .Join03List li .ImgBox{display:block;width:110px;height:110px;overflow:hidden;margin:0 auto;text-align:center; }
.page .Join03List li .ImgBox img{width:100%;}
.page .Join03List li h1{ font-size:14px;color:#5e5e5e;line-height:30px;padding-top:20px; font-weight:normal;margin-bottom:10px;}
.page .Join03List li .text{ font-size:12px; color:#909090;line-height:24px;overflow:hidden;text-transform:uppercase;}
@media screen and (max-width:1024px) {
.page .Join03List li{width:46%;padding:0 2%;margin-bottom:30px;}
.page .pageJoin03 .jj{width:80%;}
}


/*pageJoin04*/
.page .pageJoin04{ background:#fff;margin:0 auto;text-align:center;padding-top:40px;padding-bottom:10px;margin-bottom:25px;}
.page .pageJoin04 .page_title{width:60%; text-align:center; background-position:center bottom; display:inline-block;}
.page .Join04List{ width:100%;font-size:0;line-height:0;padding-top:50px;}
.page .Join04List li{width:212px;height:212px;line-height:212px;overflow:hidden;background:#fdd066;margin:0 auto;text-align:center; border-radius:50%;position:relative;display:inline-block;*display:inline;zoom:1;list-style:none;margin-bottom:30px; cursor:pointer; vertical-align:top;margin-right:-14px;}
.page .Join04List li:nth-child(1){z-index:1;}
.page .Join04List li:nth-child(2){z-index:2;}
.page .Join04List li:nth-child(3){z-index:3;}
.page .Join04List li:nth-child(4){z-index:4;}

.page .Join04List li:nth-child(2n){background:#5e6288;}
.page .Join04List li h1{ font-size:50px; font-style:italic;color:#fff;line-height:30px;padding-top:80px; font-weight:normal;margin-bottom:10px; font-family:Arial, sans-serif;}
.page .Join04List li .text{ font-size:16px; color:#fff;line-height:26px;}
@media screen and (max-width:1150px) {
.page .Join04List{ width:90%;margin:0 auto;}
.page .Join04List li{width:160px;height:160px;line-height:160px;margin-bottom:30px;margin-right:-8px;}
.page .Join04List li h1{ padding-top:50px; }


}


/*pageJoin05*/
.page .pageJoin05{margin:0 auto;text-align:center;padding-top:40px;padding-bottom:10px;margin-bottom:25px;}
.page .pageJoin05 .page_title{ background:#fff;width:100%; text-align:center; background-position:center bottom; display:inline-block;}
.page .pageJoin05 ul{width:1220px;}
.page .pageJoin05 li a{ display:block;}
.page .pageJoin05 li{float:left;height:auto;overflow: hidden;width:285px;margin-bottom:20px;margin-right:20px; background:#fff;padding:20px 0 0 0;}
.page .pageJoin05 li .ImgBox{width:285px;height:220px;overflow: hidden;}
.page .pageJoin05 li .ImgBox img{max-width:285px;max-height:220px;}
.page .pageJoin05 li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page .pageJoin05 li .ImgBox img:hover{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.page .pageJoin05 li .nr{padding:20px 25px;}
.page .pageJoin05 li .date{ font-size: 16px;color:#909090;}
.page .pageJoin05 li .title{font-size: 12px;line-height: 20px;height: 20px;color:#909090;overflow:hidden; font-weight:normal;}
.page .pageJoin05 li:hover { background:#fdd10b;}
.page .pageJoin05 li:hover .title{color:#fff;}


@media screen and (max-width:1200px) {
	.page .pageJoin05 ul{width:100%;}
	.page .pageJoin05 li{width:31.33%;margin-right:2%;}
	.page .pageJoin05 li .ImgBox{width:100%;height:auto;display: block;}
	.page .pageJoin05 li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}
@media screen and (max-width:1000px) {
	.page .pageJoin05 ul{width:105%;}
	.page .pageJoin05 li{width: calc(50% - 5%);margin-right:5%;}
}
@media screen and (max-width:640px) {
	.page .pageJoin05 ul{width:100%;}
	.page .pageJoin05 li{width:100%;margin-right:0;}
}


/*pageJoin06*/
.page .pageJoin06{background:#fff;margin:0 auto;text-align:center;padding-top:40px;padding-bottom:20px;margin-bottom:25px;}
.page .pageJoin06 .page_title{width:60%; text-align:center; background-position:center bottom; display:inline-block;}
.page .pageJoin06 .jj{width:40%; text-align:center; background-position:center bottom;line-height:24px;color:#909090; display:inline-block;margin-bottom: 30px;}
.feedback{font-size:14px;color:#909090;line-height: 30px;text-align:left;padding:40px 40px;}
.feedback .t{font-size:14px;color:#909090;line-height: 20px;display:block; clear:both;}
.feedback label{display:block;}
.feedback label.l1{float:left;width:504px;margin:0 28px;}
.feedback label.l2{float:right;width:504px;margin:0 28px;}
.feedback label.l3{margin:0 28px;}
.feedback .text{display:block;width: 97%; float:left;height:24px;margin-bottom:40px;padding:4px 0 4px 0;outline:none;font-size:12px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-bottom:1px solid #f0f0f0;background-color: transparent;}
.feedback .text2{display:block;width:100%;height: 95px;margin-bottom:30px;padding: 4px 0px 4px 15px;outline:none;font-size:12px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-bottom:1px solid #f0f0f0;background-color: transparent;}
.feedback .input_Code{display:block;float:left;width:320px;height:30px;margin-bottom:50px;padding:4px 0px 4px 0;margin-right:10px;
outline:none;font-size:12px;color:#909090;font-family:Arial,"微软雅黑",Sans-Serif;border: none;border-bottom:1px solid #f0f0f0;background-color: transparent;}
.feedback .input{display:inline-block;width:240px; height:40px;line-height:40px;margin-right:6px;outline:none;font-size:14px;color:#ffffff;font-family:Arial,"微软雅黑",Sans-Serif;border:none;background-color: #e5e5e5;border-radius:5px;}
.feedback .tj{background-color:#EED190;}
.feedback .text,.feedback .text2,.feedback.input_Code{transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.feedback .text:focus,.feedback .text2:focus,.feedback .input_Code:focus{background-color: #ffffff;border-color: #eac766;}
.feedback .input:hover{background-color: #595656;}
.feedback .tj:hover{background-color: #595656;}

@media screen and (max-width:1200px){
.feedback label.l1{width: calc(50% - 6%);margin:0 2%;}
.feedback label.l2{width: calc(50% - 6%);margin:0 2%;}	
.feedback label.l3{margin:0 2%;}
.feedback .input_Code{width:320px;}
.page .pageJoin06 .jj{width:60%;}

}
@media screen and (max-width:790px){
.page .pageJoin06 .jj{width:80%;}
.feedback{padding:40px 4%;}
.feedback label.l1{float:none;width:100%;margin:0;}
.feedback label.l2{float:none;width:100%;margin:0;}
.feedback label.l3{margin:0 0;}
.feedback .input_Code{width:100%;margin-bottom:10px;}
.feedback .kk{ display:block; clear: both;}
.feedback .input{width: calc(100% - 4%);margin-top:2%;margin-bottom:2%;}
.feedback .tj{margin-top:40px;}
}




.page .page_title2{padding-bottom:18px;margin-bottom:30px; text-align: center;}
.page .page_title2 .cn{ font-size:20px;line-height:28px;color:#333;font-family:'poppinsLight'; text-transform:uppercase;}
.page .page_title2 .en{ font-size:16px;line-height:24px;color:#333;font-family: "微软雅黑", Arial; display:block;}
/*pageProcess*/
.page .pageProcess{ background:#fff;margin:0 auto;text-align:center;padding-top:40px;padding-bottom:10px;margin-bottom:25px;}
.page .processList{ width:100%;font-size:0;line-height:0;}
.page .processList li{width:16%;height:auto;margin:0 auto;text-align:center;position:relative;display:inline-block;*display:inline;zoom:1;list-style:none;padding:0 2%;margin-bottom:30px; cursor:pointer;}
.page .processList li .ImgBox{display:block;width:146px;height:146px;overflow:hidden;margin:0 auto;text-align:center; border-radius:50%;background:#EED190;}
.page .processList li .ImgBox img{width:100%;}
.page .processList li h1{ font-size:14px;color:#5e5e5e;line-height:30px;padding-top:20px; font-weight:normal;}
.page .processList li .text{ font-size:12px; color:#909090;line-height:24px;overflow:hidden;text-transform:uppercase;}
.page .processList li:hover .ImgBox {background:#5e6288;}
.page .processList li:before{ content:""; position: absolute;right:0; margin-right:-15px; top:30%;margin-top:5px;width:31px;height:11px;background:url(../images/yy.png) no-repeat center center;}
.page .processList li:last-child:before{width:0;}
@media screen and (max-width:1024px) {
.page .processList li{width:29.33%;padding:0 2%;margin-bottom:30px;}
}
@media screen and (max-width:640px) {
.page .processList li{width:46%;}
.page .processList li:before{width:0;}
}




/*pageProject*/
.page .pageProject {padding-top:17px;margin-bottom:32px;height:auto;overflow:hidden; background:#fff;}
.page .pageProject ul {margin:0;padding:0;width:100%;line-height: normal;}
.page .pageProject ul li {list-style:none;float:left;width:50%;height:auto;position:relative;float:left;overflow:hidden;}
.page .pageProject ul li a{ display:block}
.page .pageProject ul li .ImgBox{width:100%;height:auto;width:100%; margin:0; padding:0; overflow:hidden;    position: relative;}
.page .pageProject ul li .ImgBox img{width:100%;max-width:100%;max-height:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s;opacity: 1}
.page .pageProject ul li .pro_info:before{ content:""; position: absolute;width:0;height:0%;margin:10%;background:url(../images/bg30.png) repeat left top; left:50%;top:50%;}
.page .pageProject ul li .pro_info {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.page .pageProject ul li .pro_info div {position: relative;top: 50%; text-align:center; margin: 0 auto;margin-top: -20px;}
.page .pageProject ul li:hover .pro_info {background-color: rgba(15,15,15,0.10);}
.page .pageProject ul li .pro_info p.title {text-align: center;margin-top: 2px;color: #fff;padding: 0 20px;font-size: 16px;transition: all ease-out .3s;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.page .pageProject ul li .pro_info p.more {text-align: center; margin-top: 30px;transition: all ease-out .3s;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.page .pageProject ul li .pro_info p.more {margin:0 auto;padding: 2px 5px;display:inline-block;min-width:155px;font-size: 12px;color: #fff;line-height:26px;border:1px solid #e6e6e6;text-align:center;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.page .pageProject ul li .pro_info p{ text-align:center;}
.page .pageProject ul li:hover .pro_info p.title {margin-top: 20px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.page .pageProject ul li:hover .pro_info p.more {margin-top: 15px;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
.page .pageProject ul li .pro_info p.more:hover{border:1px solid #EED190; background:#EED190;}
.page .pageProject ul li .pro_info:before{-webkit-transition: all 0.5s;-moz-transition:all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.page .pageProject ul li:hover .pro_info:before{width:80%;height:80%;left:0;top:0;}
@media screen and (max-width:640px) {
.page .pageProject ul li{width:100%;}
.page .pageProject ul li .pro_info p.title {margin-top: 20px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;}
.page .pageProject ul li .pro_info p.more {margin-top: 15px;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
.page .pageProject ul li .pro_info:before{width:80%;height:80%;left:0;top:0;}
}



/*pageNews*/
.page .pageNews{height:auto;overflow: hidden;padding-top:22px;}
.page .pageNews .page_title2{padding-top:18px;margin-bottom:25px;margin-bottom:5px;background:#fff;}
.page .pageNews ul{width:1220px;}
.page .pageNews li a{ display:block;}
.page .pageNews li{float:left;height:auto;overflow: hidden;width:285px;margin-bottom:20px;margin-right:20px; background:#fff;}
.page .pageNews li .ImgBox{width:285px;height:220px;overflow: hidden;}
.page .pageNews li .ImgBox img{max-width:285px;max-height:220px;}
.page .pageNews li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page .pageNews li .ImgBox img:hover{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.page .pageNews li .nr{padding:25px 25px;}
.page .pageNews li .date{ font-size: 16px;color:#909090;}
.page .pageNews li .title{font-size: 12px;line-height: 20px;height: 40px;color:#333333;overflow:hidden;}
.page .pageNews li .mores{color: #909090;line-height: 30px;}
.page .pageNews li:hover { background:#EED190;}
.page .pageNews li:hover .title,.page .pageNews li:hover .date{color:#fff;}
.page .pageNews li:hover .mores{color: #fff;}
.page .pageNews .btn{width:100%;margin:0 auto;padding-top:22px;padding-bottom:62px;position: relative; }
.page .pageNews .btn .mores2{display:block; width:260px; line-height: 60px; height: 60px; text-align: center;background: url(../images/page_more.png) center center no-repeat #EED190;cursor:pointer;margin:0 auto;overflow: hidden;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page .pageNews .btn .mores2:hover{background-color:#595656;}
@media screen and (max-width:1200px) {
	.page .pageNews ul{width:100%;}
	.page .pageNews li{width:31.33%;margin-right:2%;}
	.page .pageNews li .ImgBox{width:100%;height:auto;display: block;}
	.page .pageNews li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}
@media screen and (max-width:1000px) {
	.page .pageNews ul{width:105%;}
	.page .pageNews li{width: calc(50% - 5%);margin-right:5%;}
}
@media screen and (max-width:640px) {
	.page .pageNews ul{width:100%;}
	.page .pageNews li{width:100%;margin-right:0;}
}




/****************product start******************/
/*pro_box*/
.page .pro_box{padding-bottom:35px;}
.page .pro_box .pro_list{margin:0;padding:0;width: 1230px;overflow:hidden;height:auto;color:#a0a0a0;font-size:0;line-height:normal;}
.page .pro_box .pro_list li{font-size:0;display:inline-block;*display:inline;zoom:1;margin:0;padding:0;overflow:hidden;list-style:none;width: 380px;margin-right:30px;margin-bottom:48px;position: relative;}
.page .pro_box .pro_list li a{display:block;}
.page .pro_box .pro_list li .ImgBox{width: 380px;height:285px;overflow:hidden; background:#f5f5f5;}
.page .pro_box .pro_list li .ImgBox img{max-width: 380px;max-height:285px;}
.page .pro_box .pro_list li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page .pro_box .pro_list li:hover .ImgBox img{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
/*product_title*/
.page .pro_box .pro_list li .product_title{overflow:hidden;display:block;padding:15px 20px;height:32px;line-height:32px;background-color:#f5f5f5;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.page .pro_box .pro_list li .product_title .t{ display:block;font-size: 14px;color:#959595;height:32px;line-height:32px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:85px;position: relative;}
.page .pro_box .pro_list li:hover .product_title{background:#EED190;}
.page .pro_box .pro_list li:hover .product_title .t{color:#fff;}
.page .pro_box .pro_list li .product_title .t:before{content: '';width: 23px;height: 100%;position: absolute;top: 0;right: 0;background:url(../images/pro_more.png) no-repeat center center;background-size: 23px;}
.page .pro_box .pro_list li .product_title .t:after{content: '';width: 23px;height: 100%;position: absolute;top: 0;right: 0;background:url(../images/pro_more2.png) no-repeat center center;background-size: 0;}
.page .pro_box .pro_list li .product_title .t:before,.page .pro_box .pro_list li:hover .product_title .t:after{-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.page .pro_box .pro_list li:hover .product_title .t:before{background-size:0;}
.page .pro_box .pro_list li:hover .product_title .t:after{background-size:23px;}
@media screen and (max-width:1200px) {
.page .pro_box .pro_list{width: 102%;}	
}

@media screen and (max-width:1200px) {	
.page .pro_box .pro_list{width:102%;}
.page .pro_box .pro_list li{width: 31.33%;margin-right: 2%;margin-bottom:3.5%;}
.page .pro_box .pro_list li .ImgBox{width:100%;height:auto;}
.page .pro_box .pro_list li .ImgBox img{max-width: 100%;max-height:100%;}
.page .pro_box .pro_list li .product_title .t{padding-right:50px;}
}
@media screen and (max-width:790px) {	
.page .pro_box .pro_list{width:calc(100% + 2%);}
.page .pro_box .pro_list li{width: calc(50% - 2%);margin-right: 2%;margin-bottom: 25px;}
.page .pro_box .pro_list li .product_title{padding:10px;}
.page .pro_box .pro_list li .product_title .t{padding-right:30px;}
}
@media screen and (max-width:350px) {	
.page .pro_box .pro_list{width:100%;}
.page .pro_box .pro_list li{width:100%;margin-right:0;margin-bottom: 3%;}
.page .pro_box .pro_list li .product_title{padding:10px;}
.page .pro_box .pro_list li .product_title .t{padding-right:30px;}
}


/*page_tab*/
.page .page_tab{margin:0 auto;padding:14px 0;text-align: center; padding-bottom:20px; }
.page .page_tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 30px;line-height: 30px;}
.page .page_tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;margin-left: 8px;height: 30px;line-height: 30px;}
.page .page_tab ul li a{display: inline-block;text-align: center;font-size: 13px;color: #fff !important;width: 30px;height: 30px;line-height: 30px;background: #fdd10b;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.page .page_tab ul li a:hover,.page .page_tab ul li .focus{background:#595656;}



/****************product_xq start******************/
.detail_box{margin-top: 47px;}
.detail_box .detail_img{overflow:hidden;width:760px;height:570px;float:left; margin-right:50px; list-style:none; margin-bottom: 40px; position:relative;}
#showArea{height: auto;overflow: hidden;}
#showArea a{display:block;width: 760px;height: 570px;}
#showArea img{cursor:pointer;display:block;width: 760px;height: 570px;float:left;}
.detail_box .detail_img .prev{cursor:pointer;display:block; height:50px;width:25px; position:absolute;top:50%;left:10px;margin-top:-25px;}
.detail_box .detail_img .next{cursor:pointer;display:block;height:50px;width:25px;position:absolute;top:50%;right:10px;margin-top:-25px;}

.detail_box .detail_nr{overflow:hidden;display:block;width:390px;float:left;position:relative;padding-bottom:30px;}
.detail_box .detail_title{display:block;font-size:18px;color: #333; line-height:normal;border-bottom:1px solid #ececec; padding:10px 0;}
.detail_box .detail_title .detail_lei{ display:block;overflow:hidden;font-size: 16px;line-height: 30px;color: #909090;padding: 6px 0 12px 0;text-transform:uppercase;}
.detail_box .tt{font-size:16px;color: #333;margin:8px 0;}
.detail_box .ImgBox2{ width:100%; overflow:hidden;border-bottom:1px solid #ececec;}
.detail_box .ImgBox2 ul{font-size:0;line-height:normal; width:420px;}
.detail_box .ImgBox2 ul li{display:inline-block;*display:inline;zoom:1;width: 180px;height: 135px;margin-right:30px;margin-bottom:30px;}
.detail_box .ImgBox2 ul li a{display:block}
.detail_box .ImgBox2 ul li img{width: 180px;height: 135px;}
.detail_box .ImgBox2 ul li img:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } 
.detail_box .detail_zixun a{display:block;width:100%;font-size: 14px;line-height: 44px;height:44px;margin-top:22px;overflow:hidden; text-align:center;border-radius:5px;color: #FFF; background:#fdd10b;}
.detail_box .detail_zixun a:hover{ background:#595656;}
.detail_box .detail_tit{clear: both;overflow:hidden;text-align:center;font-size:16px;line-height: 20px;color:#333;background: url(../images/product2_titbg.jpg) center center no-repeat #fff;padding:91px 0;}
.detail_box .detail_tit .en{font-size:12px;}
.detail_box .detail_wz{padding:0 30px 30px 30px;background:#fff;line-height: 30px; color:#666;}

@media screen and (max-width:1200px) {	
.detail_box .detail_img{width:60%;height:auto;margin-right:5%;margin-bottom: 40px;}
#showArea a{width: 100%;height:auto;}
#showArea img{width: 100%;height:auto;}
.detail_box .detail_nr{width:35%;}
.detail_box .ImgBox2 ul{width:102%;}
.detail_box .ImgBox2 ul li{width:48%;height:auto;margin-right:2%;margin-bottom:2%;}
.detail_box .ImgBox2 ul li img{width:100%;height: auto;}
}
@media screen and (max-width:1024px){
.detail_box .detail_img{width:100%;height:auto;margin-right:0;margin-bottom: 40px;}
.detail_box .detail_nr{width:100%;margin-bottom: 40px;}
.detail_box .detail_wz{padding:0 3% 30px 3%;background:#fff;}
}

@media screen and (max-width:640px){
.detail_box .detail_tit{padding:50px 0;}	
}


/****************page_contact start******************/
.page .page_contact ul{width:1220px;font-size:0;text-align: center;}
.page .page_contact ul li{width:285px;min-height:285px;display:inline-block; *display:inline; zoom:1; text-align:center;margin-bottom:18px;margin-right:20px; vertical-align:top; text-align:center; overflow:hidden; background:#fff; border-radius:5px;line-height:30px;}
.page .page_contact ul li table{margin:0 auto; text-align:center;padding-top:60px;}
.page .page_contact ul li img{max-width:163px;/* -moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;*/}
/*.page .page_contact ul li img:hover{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}*/
.page .page_contact ul li img {
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform
}
.page .page_contact ul li:hover img,.page .page_contact ul li:focus img,.page .page_contact ul li:active img {
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.page .page_contact ul.ul01 li{width:590px;min-height:285px;display:inline-block; *display:inline; zoom:1; text-align:center;margin-bottom:18px;margin-right:20px; vertical-align:top; text-align:center; overflow:hidden; background:#fff; border-radius:5px;}

@media screen and (max-width:1200px) {
    .page .page_contact ul{width:100%;}
	.page .page_contact ul li{width:48%;margin-right:2%;}	
	.page .page_contact ul.ul01 li{width:48%;margin-right:2%;}
}
@media screen and (max-width:640px) {
	.page .page_contact ul{width:100%;}
	.page .page_contact ul li{width:100%;margin:0 auto;float:none;margin-bottom:30px;border-left:0;padding-left:0;}	
	.page .page_contact ul li img{max-width:100px;}
	
	.page .page_contact ul.ul01 li{width:100%;margin-right:0;}
}











/*css3*/
@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
  }
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
  }

@keyframes fottc {
	0%{margin-top: 0%;}
	40%{margin-top: -6%; opacity: 0.7;}
	70%{margin-top: 6%; opacity: 1;}
   100%{margin-top: 0%;}
    
}
@-webkit-keyframes fottc{
	0%{margin-top: 0%;}
	40%{margin-top: -6%; opacity: 0.7;}
	70%{margin-top: 6%; opacity: 1;}
   100%{margin-top: 0%;}
}
@-moz-keyframes fottc{
	0%{-moz-transform: translate(0,620px); opacity: 0.5;}
   100%{-moz-transform: translate(0,0px); opacity: 1;}
}
@-ms-keyframes fottc{
	0%{-ms-transform: translate(0,620px); opacity: 0.5;}
   100%{-ms-transform: translate(0,0px); opacity: 1;}
}
@-o-keyframes fottc{
	0%{-o-transform: translate(0,620px); opacity: 0.5;}
   100%{-o-transform: translate(0,0px); opacity: 1;}
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(45deg);
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg);
    }

    100% {
        transform: translateY(-4px) rotate(0deg);
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg);
    }

    100% {
        transform: translateY(4px) rotate(0deg);
    }
}

@keyframes ReturnToNormal {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@-webkit-keyframes ReturnToNormal {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}


@keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
  }
@-webkit-keyframes float2 {
  0% {-webkit-transform:rotate(0deg);transform: rotate(0deg);}
  100% {-webkit-transform:rotate(360deg);transform: rotate(360deg);}
  }
  
@-webkit-keyframes bounceInDown {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	100% {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes bounceInDown {
	0%,100%,60%,75%,90% {
		-webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transition-timing-function: cubic-bezier(0.215,.61,.355,1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-3000px,0);
		-ms-transform: translate3d(0,-3000px,0);
		transform: translate3d(0,-3000px,0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0,25px,0);
		-ms-transform: translate3d(0,25px,0);
		transform: translate3d(0,25px,0)
	}

	75% {
		-webkit-transform: translate3d(0,-10px,0);
		-ms-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0)
	}

	90% {
		-webkit-transform: translate3d(0,5px,0);
		-ms-transform: translate3d(0,5px,0);
		transform: translate3d(0,5px,0)
	}

	100% {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.bounceInDown {
    visibility: visible;
    animation-duration: 0.8s;
    animation-delay: 0s;
    animation-iteration-count: 1;
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
    visibility: visible;
    animation-duration: 0.8s;
    animation-delay: 0.6s;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-120%,0);
		transform: translate3d(0,-120%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-120%,0);
		-ms-transform: translate3d(0,-120%,0);
		transform: translate3d(0,-120%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
    visibility: visible;
    animation-duration: 0.8s;
    animation-delay: 0.6s;
    animation-iteration-count: 1;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
    visibility: visible;
    animation-delay: 0.5s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
		  
}


/*index-about*/
.index-about{background:#fff;padding:40px 0; height:670px}
.index-about .aboutTitlebox{position:relative;min-height:194px;margin-bottom:-138px; z-index:99;}
.index-about .aboutTitlebox:before{content: '';width:10px;height:100%;position: absolute;left:0;top:0;background:url(../images/index_aboutline.jpg) no-repeat left top;}
.index-about .aboutTitlebox .container{position:relative;}
.index-about .aboutTitle{ position:absolute;left:266px;top:0; z-index:2; width:535px;}
.index-about .aboutTitle .Titlebox{min-height:80px; background:#EED190; position:relative; text-align:right;padding-top:55px;padding-bottom:60px;padding-right:45px;
font-size: 18px;color:#5e6288;line-height:26px;font-family:"微软雅黑"; vertical-align:baseline;}
.index-about .aboutTitle .Titlebox:before{content: '';width:102px;height:75px;position: absolute;left:-40px;bottom:32px;background:url(../images/index_aboutcao.png) no-repeat left bottom;}
.index-about .aboutTitle .Titlebox .big{font-size: 30px;line-height:40px;padding-right:11px;background:url(../images/index_aboutyuan.png) no-repeat right top;}
.index-about .aboutTitle .Titlebox .cn{font-size: 14px;display:block;padding-bottom:14px;background:url(../images/index_aboutline2.jpg) no-repeat right bottom;}

.index-about .aboutBox .container{position:relative;}
.index-about .aboutBox ul{ width:100%;font-size:0;line-height:0;}
.index-about .aboutBox ul li{height:auto;margin:0 auto;text-align:left;position:relative;display:inline-block;*display:inline;zoom:1;list-style:none;margin-right:64px;cursor:pointer; vertical-align:top; overflow:hidden;}
.index-about .aboutBox ul li.aboutInfo01{width:342px;padding-top:35px;}
.index-about .aboutBox ul li.aboutInfo02{width:450px;padding-top:35px; position:relative;}
.index-about .aboutBox ul li.aboutInfo03{width:280px;margin-right:0;}
.index-about .aboutBox .aboutTT{padding:49px 0;}
.index-about .aboutBox .aboutTT{ width:100%;position:relative; text-align:left;
font-size: 12px;color:#5e6288;line-height:20px;font-family:"微软雅黑"; vertical-align:baseline; text-transform:uppercase;}
.index-about .aboutBox .aboutTT .year{font-size: 16px; font-family:Arial,sans-serif;}
.index-about .aboutBox .aboutTT .cn{font-size: 16px;font-family:Arial,sans-serif;}
.index-about .aboutBox ul li .ImgBox{ text-align:center;}
.index-about .aboutBox ul li .ImgBox img{ width:100%;}
.index-about .aboutBox ul li.aboutInfo02 .more{width:113px;height:auto;padding:36.5px 0; position:absolute;bottom:28px;left:28px;border:2px solid #fff;font-size: 12px;line-height:20px;color:#fff; cursor:pointer;}
.index-about .aboutBox ul li.aboutInfo02 .more{-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out;}
.index-about .aboutBox ul li.aboutInfo02 .more:hover { background:#EED190; border-color:#EED190;color:#333;}
@media screen and (max-width:1200px) {
.index-about{height:auto;}
.index-about .aboutTitlebox{position:relative;min-height:194px;margin-bottom:-138px;}
.index-about .aboutTitle{left:25%;width:535px;}
.index-about .aboutTitle .Titlebox{min-height:80px;padding-top:55px;padding-bottom:60px;padding-right:45px;}
.index-about .aboutBox ul li.aboutInfo01{width:29%;padding-top:35px;margin-right:4%;}
.index-about .aboutBox ul li.aboutInfo02{width:38%;padding-top:35px;margin-right:4%;}
.index-about .aboutBox ul li.aboutInfo03{width:25%;margin-right:0;}
.index-about .aboutBox .aboutTT{padding:5% 0;}
}

@media screen and (max-width:1000px) {
.index-about .aboutTitlebox{position:relative;min-height:160px;margin-bottom:-100px;}
.index-about .aboutTitle .Titlebox{min-height:80px;padding-top:40px;padding-bottom:40px;padding-right:45px;}
}
@media screen and (max-width:790px) {
.index-about .aboutTitlebox{position:relative;min-height:130px;margin-bottom:3%;}
.index-about .aboutTitle{ position:static;margin-left:10%;width:90%;}
.index-about .aboutTitle .Titlebox{min-height:80px;padding-top:25px;padding-bottom:25px;padding-right:45px;}
}
@media screen and (max-width:640px) {
.index-about .aboutTitlebox{position:relative;min-height:130px;margin-bottom:0;}
.index-about .aboutTitle{ position:static;margin-left:10%;width:90%;}
.index-about .aboutTitle .Titlebox{width: calc(100% - 4% - 60px);padding-top:25px;padding-bottom:25px;padding-right:4%;padding-left:60px;}
.index-about .aboutTitle .Titlebox:before{width:20%;height:75px;left:-7%;bottom:5%; background-size:100%;}
.index-about .aboutBox ul li.aboutInfo01{width:100%;padding-top:0;margin-right:0;margin-bottom:3%;}
.index-about .aboutBox ul li.aboutInfo02{width:100%;padding-top:0;margin-right:0;margin-bottom:3%;}
.index-about .aboutBox ul li.aboutInfo03{width:100%;margin-right:0;}
.index-about .aboutBox ul li .ImgBox{ width:100%; display:block;}
.index-about .aboutBox ul li .ImgBox img{ width:100%;}
}


.bottomRight .share ul li .li_weixin img{display:none;width: 100px;height: 100px;margin-left: -35px;margin-top: -140px;position:absolute;z-index:1;}
.bottomRight .share ul li:hover .li_weixin img{display:block;}



/*page_News*/
.page .page_News{height:auto;overflow: hidden;padding-top:22px;}
.page .page_News .page_title2{padding-top:18px;margin-bottom:25px;margin-bottom:5px;background:#fff;}
.page .page_News ul{width:1220px;}
.page .page_News li a{ display:block;}
.page .page_News li{float:left;height:auto;overflow: hidden;width:285px;margin-bottom:20px;margin-right:20px; background:#fff;}
.page .page_News li .ImgBox{width:285px;height:220px;overflow: hidden;}
.page .page_News li .ImgBox img{max-width:285px;max-height:220px;}
.page .page_News li .ImgBox img{transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page .page_News li .ImgBox img:hover{-moz-transform: scale(1.05); -webkit-transform: scale(1.05);transform: scale(1.05);}
.page .page_News li .nr{padding:25px 25px;}
.page .page_News li .date{ font-size: 16px;color:#909090;}
.page .page_News li .title{font-size: 12px;line-height: 20px;height: 40px;color:#333333;overflow:hidden;}
.page .page_News li .mores{color: #909090;line-height: 30px;}
.page .page_News li:hover { background:#EED190;}
.page .page_News li:hover .title,.page .page_News li:hover .date{color:#fff;}
.page .page_News li:hover .mores{color: #fff;}
.page .page_News .btn{width:100%;margin:0 auto;padding-top:22px;padding-bottom:62px;position: relative; }
.page .page_News .btn .mores2{display:block; width:260px; line-height: 60px; height: 60px; text-align: center;background: url(../images/page_more.png) center center no-repeat #fdd10b;cursor:pointer;margin:0 auto;overflow: hidden;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;}
.page .page_News .btn .mores2:hover{background-color:#595656;}
@media screen and (max-width:1200px) {
	.page .page_News ul{width:100%;}
	.page .page_News li{width:31.33%;margin-right:2%;}
	.page .page_News li .ImgBox{width:100%;height:auto;display: block;}
	.page .page_News li .ImgBox img{width:100%;max-width:100%;max-height:100%;}
}
@media screen and (max-width:1000px) {
	.page .page_News ul{width:105%;}
	.page .page_News li{width: calc(50% - 5%);margin-right:5%;}
}
@media screen and (max-width:640px) {
	.page .page_News ul{width:100%;}
	.page .page_News li{width:100%;margin-right:0;}
}

.imagewidth{ padding-bottom:2%; overflow:hidden;}


.manu span {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #fff !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #fdd10b;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.manu   .current{
    background: #595656;
}

.manu .aa {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: #fff !important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #EED190;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}