@charset "gb2312";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote,dl, dt, dd, ul, ol, li,pre,
form, fieldset, legend, button, input, textarea,th, td,img{border:medium none;margin: 0;padding: 0;list-style-type: none;}
.body{ overflow:hidden !important; height:1000px !important;}
body,button, input, select, textarea {font: 12px/1.5 "msyhl422459","΢ÈíÑźÚ",Srial, Verdana, Geneva, sans-serif, tahoma, helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
em{font-style:normal;}
ul, ol,{ list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none;  }
img{ border:0px;}
body,.ui-overlay-h{margin:0 auto;position:relative;background-color:#fff;color:#666;}
input, img {vertical-align: middle;}
body,html{min-width:1200px;max-width:100%;margin:0 auto;}
img {border:none;vertical-align:top;}
* {margin:0;padding:0;text-shadow:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.blank{height:8px;clear:both;}
.blank20{height:20px;clear:both;}	
.clearfix:after,.clearfix:before{
	display:table;
	content:'';
	}
.clearfix:after{
	clear:both;
	overflow:hidden;
	}
.clearfix{
	*zoom:1;
	}
.relative {position:relative;}
.absolute {position:absolute;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.pubW {width:1200px;}
.center {margin:0 auto;}
.iBlock{display:inline-block;}
.bt {-moz-transition:background 0.3s linear 0s;-webkit-transition:background 0.3s linear 0s;transition:background 0.3s linear 0s;}
.ot {-moz-transition:opacity 0.3s linear 0s;-webkit-transition:opacity 0.3s linear 0s;transition:opacity 0.3s linear 0s;}
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.contentBox {-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.borderBox {-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.pinpaiBanner .bannerSlide {height:322px;}
.pinpaiBanner .bannerSlide li img {-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;} 
/*------headerCss---------*/
.bannerSlide .preBtn i, .bannerSlide .nextBtn i {
    background: url(../images/icon.png) no-repeat;}
.header{ width:100%;}
.top_bg{ width:100%; height:32px; background:#f3f3f3;}
.top{ width:1200px; height:32px; margin:auto; font-size:12px; color:#999; line-height:32px;}
.top_l{ width:500px; height:32px;}
.top dl{ width:380px; height:32px; float:right; }
.top dl dt{ width:280px; height:32px; float:left;}
.top dl dt a{ color:#999; padding:0 10px; display:block; float: right; transition:all 0.3s;}
.top dl dt a:hover{ color:#666;}
.top dl dd{ width:100px; height:32px; float: right; text-align:right;}
.top dl dd a{ color:#999; }
.top dl dd span{ padding:0 10px;}
.logo{ width:592px; height:120px; margin:auto; padding-top:38px; position:relative; }
.logo_j{ display:block; position:absolute; left:-150px; top:20px; -webkit-animation:play 3s linear infinite; -moz-animation:play 3s linear infinite;  animation:play 3s linear infinite;}


@-webkit-keyframes play{
    0%  {

        -webkit-transform:rotateY(0deg);

    }
    100% {
     
        -webkit-transform:rotateY(360deg);

    }
}
@-moz-keyframes play{
    0%  {
        -moz-transform:rotateY(0deg);

    }
    100% {
        -moz-transform:rotateY(360deg);

    }
}
@keyframes play{
    0%  {
        transform:rotateY(0deg);

    }
    100% {
        transform:rotateY(360deg);

    }
}



.nav_bg{ width:100%; height:50px; background:#0a0909; position:relative;}
.nav{ width:1200px; height:50px; margin:auto;}
.nav li{ width:170px;  text-align:center; float:left; position: relative; overflow: hidden; }
.nav li a{ font-size:14px; color:#fff; line-height:50px; position: relative; z-index: 2; }
.nav li span { width: 300px; height: 300px; position: absolute; z-index: 1; left: -50px; top: -125px; background: #323232; transform: scale(0); border-radius: 150px; transition: all 0.3s; }
.nav li:hover span { transform: scale(1); }
.nav_1_bg{ width:100%; height:318px; position: absolute; left:0; top:50px; z-index: 999; overflow: hidden; display: none; }
.nav_1_wrap{ width:100%; height:318px; background:#fff; position: absolute; left:0; top:-318px; }
.mask_bg { position: fixed; left: 0; top: 222px; z-index: 998; background: rgba(0,0,0,0.8); display: none; transition:all 0.3s; width: 100%; height: 1000px; }

.nav_1{ width:800px; height:318px; margin:auto;}
.nav_1 ul{ width:200px; height:318px; float:left;}
.nav_1 ul li{ width:200px; height:36px; font-size:12px; line-height:36px; transition:all 0.3s; }
.nav_1 ul li:nth-child(1){ width:200px; height:56px; padding-top:10px; font-size:12px; line-height:46px; font-weight:bold;}
.nav_1 ul li a{ color:#666; transition:all 0.3s; }
.nav_1 ul li:hover{ background:none; text-indent:15px;}
.nav_1 ul li a:hover{ color:#000;}






/*bannerÂÖ²¥css*/
.bannerSlide {width:100%;height:600px;overflow:hidden;margin:0 auto;max-width:1920px;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:600px;margin:0 auto;}
.bannerSlide .slideBox li {position:relative;width:100%;height:600px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;}
.bannerSlide .slideBox li a span{ display:block; position:absolute; left:50%; margin-left:-160px; top:0; z-index:9;animation: fadeInTop 1s ease 0.3s backwards;-webkit-animation: fadeInTop 1s ease 0.3s backwards;-o-animation: fadeInTop 1s ease 0.3s backwards;-moz-animation: fadeInTop 1s ease 0.3s backwards;}

@-webkit-keyframes fadeInTop {
	0% {opacity: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -100%, 0)}
	100% {opacity: 1;transform: none
	}}
@keyframes fadeInTop {
	0% {opacity: 0;-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -100%, 0)}
	100% {opacity: 1;-webkit-transform: none;transform: none
	}}
	


.bannerSlide .slideBox li i { display:block; position:absolute;left:50%;top:0;margin-left:-960px;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}


.bannerSlide .slideBox li.active img {-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
.bannerSlide .focus {width:100%;bottom:9px;z-index:10;text-align:center;}
.bannerSlide .focus span {width:12px;height:12px; background-color:#ccc;display:inline-block;margin:0 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.bannerSlide .focus span.active { background-color:#df061d;}
.bannerSlide .preBtn {left:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-left:-550px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}
/*.bannerSlide .preBtn {left:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-left:-600px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}*/
.bannerSlide .preBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:0 -45px;}
.bannerSlide .nextBtn {right:50%;top:50%;display:block;width:74px;height:74px;margin-top:-37px;margin-right:-550px; background-color:rgba(0,0,0,.3);z-index:7;display:none;}
.bannerSlide .nextBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:-33px -45px;}
.bannerSlide .preBtn:hover,.bannerSlide .nextBtn:hover { background-color:rgba(0,0,0,.7);}
/*¶¥²¿²Ëµ¥menuCss*/


/*.main3{ width:100%; background:#f5f5f5; padding-bottom:80px; overflow:hidden;}
.main3 h3{ width:100%; height:192px; padding-top:82px; font-size:48px; line-height:32px; color:#666666; text-align:center;}
.main3 h3 span{ font-size:16px; color:#999;}
.main3 ul{ width:100%; padding:0 1% 80px 1%; overflow:hidden;}
.main3 ul li{ width:32.66%; height:620px; margin-right:1%; margin-bottom:8px; background:#fff; float:left; position:relative; transition:all 0.3s;}
.main3 ul li.lr{ margin-right:0;}
.main3 ul li h4{ width:100%; font-size:34px; line-height:110px; color:#666666; text-align:center; transition:all 0.3s;}
.main3 ul li h5{ width:80px; height:80px; padding-top:12px; font-size:24px; line-height:30px; color:#fff; background:#df061d; text-align:center; position:absolute; left:10px; bottom:15px; transition:all 0.3s;}
.main3 ul li b{ display:block; transition:all 0.3s;}
.main3_1{ width:100%; padding:35px 12% 0; display:none; transition:all 0.3s; margin-top:30px; transition:all 0.3s;}
.main3_1 dl{ width:100%; height:62px; }
.main3_1 dl dt{ width:110px; height:60px; font-size:18px; line-height:30px; color:#df061d; border-right:solid 1px #d1d1d1; float:left; }
.main3_1 dl dt span{ font-size:26px; color:#666;}
.main3_1 dl dd{ width:300px; height:60px; padding-left:20px; font-size:18px; line-height:30px; color:#df061d;  float:left; }
.main3_1 dl dd span{ font-size:24px; color:#666;}
.main3_1 p{ width:100%; height:70px; font-size:14px; line-height:24px; color:#999; }
.main3_1 a{ display:block; width:180px; height:48px; font-size:20px; line-height:48px; color:#1a1525; border:solid 1px #434343; text-align:center; margin:auto; transition:all 0.3s; }
.main3_1 a:hover{ background:#434343; color:#fff;}
.main3 ul li:hover h4{ display:none;}
.main3 ul li:hover b{ height:336px; display:block; overflow:hidden;}
.main3 ul li:hover h5{ display:none;}
.main3 ul li:hover .main3_1{ display:block; margin-top:0;}
.main3_2{ display:block; width:280px; height:50px; font-size:20px; color:#828282; line-height:50px; border:solid 1px #bababa; text-align:center; margin:auto; transition:all 0.3s;}
.main3_2:hover{ background:#bababa; color:#fff;}



@media(max-width:1950px){


.main3{ width:100%; background:#f5f5f5; padding-bottom:80px; overflow:hidden;}
.main3 h3{ width:100%; height:192px; padding-top:82px; font-size:48px; line-height:32px; color:#666666; text-align:center;}
.main3 h3 span{ font-size:16px; color:#999;}
.main3 ul{ width:100%; padding:0 1% 80px 1%; overflow:hidden;}
.main3 ul li{ width:32.66%; height:620px; margin-right:1%; margin-bottom:8px; background:#fff; float:left; position:relative; transition:all 0.3s;}
.main3 ul li.lr{ margin-right:0;}
.main3 ul li h4{ width:100%; font-size:34px; line-height:110px; color:#666666; text-align:center; transition:all 0.3s;}
.main3 ul li h5{ width:80px; height:80px; padding-top:12px; font-size:24px; line-height:30px; color:#fff; background:#df061d; text-align:center; position:absolute; left:10px; bottom:15px; transition:all 0.3s;}
.main3_1{ width:100%; padding:35px 12% 0; display:none; transition:all 0.3s; margin-top:30px;}
.main3_1 dl{ width:100%; height:62px; }
.main3_1 dl dt{ width:110px; height:60px; font-size:18px; line-height:30px; color:#df061d; border-right:solid 1px #d1d1d1; float:left; }
.main3_1 dl dt span{ font-size:26px; color:#666;}
.main3_1 dl dd{ width:300px; height:60px; padding-left:20px; font-size:18px; line-height:30px; color:#df061d;  float:left; }
.main3_1 dl dd span{ font-size:24px; color:#666;}
.main3_1 p{ width:100%; height:70px; font-size:14px; line-height:24px; color:#999; }
.main3_1 a{ display:block; width:180px; height:48px; font-size:20px; line-height:48px; color:#1a1525; border:solid 1px #434343; text-align:center; margin:auto; }
.main3 ul li:hover h4{ display:none;}
.main3 ul li:hover b{ height:336px; display:block; overflow:hidden;}
.main3 ul li:hover h5{ top:15px;}
.main3 ul li:hover .main3_1{ display:block; margin-top:0;}
.main3_2{ display:block; width:280px; height:50px; font-size:20px; color:#828282; line-height:50px; border:solid 1px #bababa; text-align:center; margin:auto;}
	
	}


@media(max-width:1800px){
.main3 ul{ width:100%; padding:0 1% 70px 1%; overflow:hidden;}
.main3 ul li{ width:32.66%; height:580px; margin-right:1%; margin-bottom:8px; background:#fff; float:left; position:relative; transition:all 0.3s;}
.main3 ul li.lr{ margin-right:0;}
.main3 ul li h4{ width:100%; font-size:30px; line-height:115px; color:#666666; text-align:center; transition:all 0.3s;}
.main3 ul li h5{ width:80px; height:80px; padding-top:12px; font-size:24px; line-height:30px; color:#fff; background:#df061d; text-align:center; position:absolute; left:10px; bottom:17px; transition:all 0.3s;}
.main3_1{ width:100%; padding:35px 12% 0; display:none; transition:all 0.3s; margin-top:30px;}
.main3_1 dl{ width:100%; height:62px; }
.main3_1 dl dt{ width:110px; height:60px; font-size:18px; line-height:30px; color:#df061d; border-right:solid 1px #d1d1d1; float:left; }
.main3_1 dl dt span{ font-size:26px; color:#666;}
.main3_1 dl dd{ width:300px; height:60px; padding-left:20px; font-size:18px; line-height:30px; color:#df061d;  float:left; }
.main3_1 dl dd span{ font-size:24px; color:#666;}
.main3_1 p{ width:100%; height:70px; font-size:14px; line-height:24px; color:#999; }
.main3_1 a{ display:block; width:180px; height:48px; font-size:20px; line-height:48px; color:#1a1525; border:solid 1px #434343; text-align:center; margin:auto; }
.main3 ul li:hover h4{ display:none;}
.main3 ul li:hover b{ height:336px; display:block; overflow:hidden;}
.main3 ul li:hover h5{ top:15px;}
.main3 ul li:hover .main3_1{ display:block; margin-top:0;}
.main3_2{ display:block; width:280px; height:50px; font-size:20px; color:#828282; line-height:50px; border:solid 1px #bababa; text-align:center; margin:auto;}


}

@media(max-width:1700px){
.main3 ul{ width:100%; padding:0 1% 70px 1%; overflow:hidden;}
.main3 ul li{ width:32.66%; height:550px; margin-right:1%; margin-bottom:8px; background:#fff; float:left; position:relative; transition:all 0.3s;}
.main3 ul li.lr{ margin-right:0;}
.main3 ul li h4{ width:100%; font-size:26px; line-height:90px; color:#666666; text-align:center; transition:all 0.3s;}
.main3 ul li h5{ width:70px; height:70px; padding-top:10px; font-size:20px; line-height:24px; color:#fff; background:#df061d; text-align:center; position:absolute; left:10px; bottom:12px; transition:all 0.3s;}
.main3_1{ width:100%; padding:35px 12% 0; display:none; transition:all 0.3s; margin-top:30px;}
.main3_1 dl{ width:100%; height:58px; }
.main3_1 dl dt{ width:100px; height:58px; font-size:16px; line-height:30px; color:#df061d; border-right:solid 1px #d1d1d1; float:left; }
.main3_1 dl dt span{ font-size:22px; color:#666;}
.main3_1 dl dd{ width:260px; height:58px; padding-left:16px; font-size:18px; line-height:30px; color:#df061d;  float:left; }
.main3_1 dl dd span{ font-size:22px; color:#666;}
.main3_1 p{ width:100%; height:55px; font-size:12px; line-height:18px; color:#999; }
.main3_1 a{ display:block; width:180px; height:48px; font-size:20px; line-height:48px; color:#1a1525; border:solid 1px #434343; text-align:center; margin:auto; }
.main3 ul li:hover h4{ display:none;}
.main3 ul li:hover b{ height:300px; display:block; overflow:hidden;}
.main3 ul li:hover h5{ top:15px;}
.main3 ul li:hover .main3_1{ display:block; margin-top:0;}
.main3_2{ display:block; width:280px; height:50px; font-size:20px; color:#828282; line-height:50px; border:solid 1px #bababa; text-align:center; margin:auto;}


}


@media(max-width:1600px){
	*/

.main3{ width:100%; background:#f5f5f5; padding-bottom:80px; overflow:hidden;}

.main3 h3{ width:100%; height:192px; padding-top:82px; font-size:48px; line-height:32px; color:#666666; text-align:center;}
.main3 h3 span{ font-size:16px; color:#999;}

.main3 ul{ width:1200px; margin:auto; margin-bottom:30px; overflow:hidden;}
.main3 ul li{ width:390px; height:405px; margin-right:15px; margin-bottom:8px; background:#fff; float:left; position:relative; overflow:hidden; transition:all 0.3s;}
.main3 ul li.lr{ margin-right:0;}

.main3 ul li h4{ width:390px; height:70px; font-size:18px; line-height:70px; color:#666666; text-align:center; text-indent:50px; transition:all 0.3s;}
.main3 ul li h5{ width:50px; height:50px; padding-top:5px; font-size:15px; line-height:20px; color:#fff; background:#df061d; text-align:center; position:absolute; left:10px; bottom:10px; transition:all 0.3s;}
.main3_1{ width:390px; height:200px; padding:25px 55px 0 ; background:#fff; position:absolute; left:0px; top:405px; transition:all 0.3s;}
.main3_1 dl{ width:300px; height:45px; }
.main3_1 dl dt{ width:75px; height:45px; font-size:14px; line-height:20px; color:#df061d; border-right:solid 1px #d1d1d1; float:left; }
.main3_1 dl dt span{ font-size:18px; color:#666;}
.main3_1 dl dd{ width:225px; height:45px; padding-left:14px; font-size:14px; line-height:20px; color:#df061d;  float:left; }
.main3_1 dl dd span{ font-size:18px; color:#666;}
.main3_1 p{ width:100%; height:70px; font-size:12px; line-height:18px; color:#999; }
.main3_1 a{ display:block; width:115px; height:32px; font-size:14px; line-height:32px; color:#1a1525; border:solid 1px #434343; text-align:center; margin:auto;  transition:all 0.3s;}
.main3 ul li:hover .main3_1{ top:205px;}
.main3 ul li:hover h4{ opacity:0;}
.main3 ul li:hover h5{ opacity:0;}
.main3_2{ display:block; width:280px; height:50px; font-size:20px; color:#828282; line-height:50px; border:solid 1px #bababa; text-align:center; margin:auto; transition:all 0.3s;}

.main3_1 a:hover{ background:#434343; color:#fff;}
.main3_2:hover{ background:#bababa; color:#fff;}