body {color:#666666} a{color:#0047ba}a:active,a:hover {color:#0047ba}
 .f-left {float: left;}
.f-right {float: right;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.mc_index {
    position: relative;
    z-index:999999;
}

@media (min-width: 1230px) {.container{ width: 1230px; }}

@media (min-width: 1230px) {.container{ width: 1230px; }}
body{}
.container{ display:block; margin-left:auto; margin-right:auto;}
#Top .head{ float:left; width:100%; height:98px; background:#fff; /*box-shadow:0 3px 4px rgba(0,0,0,0.3);*/ min-width:1230px; z-index:88; position:relative; padding:14px 5% 0 5%; min-width:1230px;}
#Top .topR{ float:left; position:absolute; right:0; top:0; z-index:6; width:10.3%; text-align:center;}
#Top .logo{ float:left; width:249px; height:249px; line-height:0; margin:33px 0 30px 0; position:absolute; left:50%; top:0; margin-left:-125px ; margin-top:-111px; z-index:6; background:#fff; border-radius:50%; padding-left:7px; padding-right:7px; padding-top:120px; /*box-shadow:0 10px 13px rgba(0,0,0,0.1);*/}
#Top .logo img{ display:block; margin:0 auto; width:100%; height:auto;}
#Top .so{ display:inline-block; vertical-align:top; position:relative; margin:20px 0;}
#Top .so .Search{ float:left; width:61px; height:33px; background:none; border:none; line-height:33px; color:#fff; font-size:16px; padding:0 10px;}
#Top .so .sear_sub{ float:left; width:20px; height:20px; border:none; margin:7px 0 0 0;}
#Top .so ::-webkit-input-placeholder{color:#fff}
#Top .so :-moz-placeholder{color:#fff}
#Top .so ::-moz-placeholder{color:#fff}
#Top .so :-ms-input-placeholder{color:#fff}
#Top .lang{ display:inline-block; vertical-align:top; margin:20px 0;}
#Top .lang a{ float:left; color:#fff; font-size:16px; line-height:33px; text-transform:uppercase;}
#Top .lang a:hover{ color:rgba(255,255,255,0.8); text-decoration:underline;}

/*menu*/
#Top .menu{float:left; width:100%; position:relative;}
#Top .menu .n1li{ float:left; position:relative; width:12.3%; text-align:center; border-right:1px solid #4f4f4f; border-right:1px solid rgba(208,202,201,1);}
#Top .menu .n1li span a{ float:left; width:100%; position:relative; color:#4f4f4f; font-size:17px; line-height:73px;}
#Top .menu .n1li span a img{ width:25px; height:21px; display:inline-block; vertical-align:top; margin:26px 10px 0 0;}
#Top .menu .n1li.active span a,
#Top .menu .n1li:hover span a{ color:#00529f;}

#Top .menu .nli{ float:left; position:relative; width:11%; text-align:center; border-right:1px solid #4f4f4f; border-right:1px solid rgba(208,202,201,1);}
#Top .menu .nli span a{ float:left; width:100%; position:relative; color:#4f4f4f; font-size:17px; line-height:73px;}
#Top .menu .nli span a img{ width:25px; height:21px; display:inline-block; vertical-align:top; margin:26px 10px 0 0;}
#Top .menu .nli.active span a,
#Top .menu .nli:hover span a{ color:#00529f;}

@media screen and (max-width:1480px){
#Top .head{ padding:14px 2.5% 0 2.5%;}	
#Top .logo{ width:229px; height:229px; margin:33px 0 30px 0; margin-left:-115px ; margin-top:-101px; padding-top:115px;padding-left:7px; padding-right:7px; }
#Top .logo img{ width:100%; height:auto;}
#Top .menu .nli span a{ font-size:14px;}
#Top .menu .nli span a img{ margin:26px 5px 0 0;}
#Top .lang a{ font-size:14px;}
#Top .so .Search{ font-size:14px;}
#Top .so .Search{ width:51px; padding:0 5px;}
}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
/*底部*/
.container{ display:block; margin-left:auto; margin-right:auto;}
#Down .pz_down{ float:left; width:100%; min-width:1230px; background:#000; position:relative;}
#Down .pz_down .bg{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;opacity:0.6; filter:alpha(opacity=5);}
#Down .foot1{ float:left; width:100%; padding:72px 0 87px 0; border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.1);}
#Down .footUs{ float:left; width:358px; padding-right:15px;}
#Down .footUs .l1{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; padding-left:26px; background:url(../images/2205_foot1.png) left center no-repeat;}
#Down .footUs .l2{ float:left; width:100%; color:#fff; font-size:36px; line-height:36px; font-weight:bold; font-family:Arial; margin:14px 0;}
#Down .footUs .l3{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px;}
#Down .footShare{ float:left; width:100%; margin-top:30px;}
#Down .footShare a,
#Down .footShare .bds_more{ float:left; width:34px !important; height:34px !important; padding:0 !important; margin:0 10px 0 0 !important; border:1px solid #fff; border-radius:50%; background:none !important;}
#Down .footShare a:hover,
#Down .footShare .bds_more:hover{ border:1px solid #f58c32; background:#C03 !important;opacity:1; filter:alpha(opacity=100);}

#Down .footNav{ float:left;}
#Down .footNav .ul1{ float:left; width:140px; padding-right:15px;}
#Down .footNav .footTit{ display:block; color:#fff; font-size:18px; line-height:28px;}
#Down .footNav .box{ display:block; margin-top:31px;}
#Down .footNav .box li{ display:block;}
#Down .footNav .box li a{ display:block; color:#fff; color:rgba(255,255,255,0.8); font-size:15px; line-height:30px;}
#Down .footNav .box li a:hover{ color:#fff; text-decoration:underline;}

#Down .footEWM{ float:right; width:170px;}
#Down .footEWM .l1{ float:left; width:120px; height:120px; line-height:0; background:#fff;}
#Down .footEWM .l2{ float:right; width:34px; height:120px; background:url(../images/2205_foot5.png) center top no-repeat; color:#fff; font-size:14px; line-height:14px; padding-top:106px; text-align:center;}
#Down .footEWM .tit{ float:left; width:100%; color:#fff; font-size:14px; line-height:29px; margin-top:30px; background:#fff; background:rgba(255,255,255,0.1); border-radius:29px; text-align:center;}
#Down .footEWM .tit span{ font-family:"宋体"; padding-right:8px;}
#Down .foot2{ float:left; width:100%; padding:27px 0;}
#Down .Copyright{ float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;}
#Down .Copyright a{color:#fff; color:rgba(255,255,255,0.6);}
#Down .Copyright a:hover{ color:#fff; text-decoration:underline;}
#Down .footMap{ float:right;  color:#fff; color:rgba(255,255,255,0.6); font-size:14px; line-height:24px;}
#Down .footMap a{color:#fff; color:rgba(255,255,255,0.6);}
#Down .footMap a:hover{ color:#fff; text-decoration:underline;}

/*pf_right*/
#Down .pf_right{ float:left; position:fixed; right:0; bottom:35%; width:68px; text-align:center; z-index:66;}
#Down .pf_right ul{ float:left; width:100%;}
#Down .pf_right ul li{ float:left; width:68px; height:68px; border-radius:3px; background:#f58c32; margin-bottom:1px; position:relative;}
#Down .pf_right ul li .ico{ float:left; width:68px; position:relative; z-index:6;}
#Down .pf_right ul li .ico i{ float:left; width:100%; line-height:0; margin:14px 0 5px 0;}
#Down .pf_right ul li .ico i img{ display:block; margin:0 auto;}
#Down .pf_right ul li span{ float:left; width:100%; color:#fff; font-size:12px; line-height:22px;}
#Down .pf_right ul li .Hotline{ float:left; position:absolute; right:0; top:0; height:68px; color:#fff; font-size:16px; line-height:38px; padding:15px 0; font-weight:bold; white-space:nowrap; overflow:hidden; width:0; z-index:4;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#Down .pf_right .colse{ float:left; width:26px; height:26px; border-radius:50%; background:#f58c32; margin:12px 0 0 23px; cursor:pointer;-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
#Down .pf_right .colse.on{ transform:rotate(45deg);}
#Down .pf_right ul li:hover .Hotline{ right:0; padding:15px 71px 15px 11px; width:auto; background:#a7a7a7; border-radius:3px;}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
.pager{margin:30px 0 0}
.pager li>a,.pager li>span{border:1px #bfbfbf solid;color:#666;margin:0 2px;text-transform:uppercase;border-radius: 3px;}
.pager li>span{color:#999}
.pager li>a{color:#2183c6;border-color:#2183c6;transition: all 0.5s;}
.pager li>a:hover{color:#fff;background-color:#2183c6}


/*banner*/
#Slide .slide_banner{ float:left; width:100%; position:relative; overflow:hidden; margin-top:47px; min-width:1230px;}
#Slide .slide_banner .slick-list,
#Slide .slide_banner .slick-track{height:100%;}
#Slide .slide_banner .slick-slide{ width:100%; position:relative; line-height:0;}
#Slide .slide_banner .slick-slide a{display:block; width:100%; height:100%;}
#Slide .slide_banner img{ width:100%; height:100%;}
#Slide .slide_banner .slick-dots{ height:16px; bottom:37px;}
#Slide .slide_banner .slick-dots li{ width:16px; height:16px; margin:0 9px; text-indent:-9999px; overflow:hidden; vertical-align:top; border-radius:50%;}
#Slide .slide_banner .slick-dots li button{ background:#c2c2c2; width:12px; height:12px; text-indent:-9999px; overflow:hidden; vertical-align:top; border-radius:50%; margin:2px;}
#Slide .slide_banner .slick-dots li.slick-active{ border:1px solid #194bb4; }
#Slide .slide_banner .slick-dots li.slick-active button{background:#194bb4; margin:1px;}

@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}


/*inBannerB*/
#Slide2 .inBannerB{ float:left; width:100%; height:520px; position: relative; z-index:16; overflow:hidden; min-width:1230px;}
#Slide2 .inBanner{ float:left; width:100%; line-height:0;}
#Slide2 .inBanText{ float:left; width:100%; text-align:center; position:absolute; left:0; bottom:0; z-index:6;}
#Slide2 .inBanText .tit1{ float:left; width:100%; color:#fff; font-size:26px; line-height:36px;}
#Slide2 .inBanText .tit2{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; text-transform:uppercase; font-family:Arial; margin:2px 0 7px 0;}
#Slide2 .inBanText .line{ float:left; width:100%; position:relative;}
#Slide2 .inBanText .line span{ display:block; margin:0 auto; width:1px; height:48px; background:#fff; position:relative;}
#Slide2 .inBanText .line span:after{ float:left; width:9px; height:9px; border-radius:50%; background:#fff; position:absolute; left:50%; top:0; content:''; margin-left:-5px; box-shadow:0 0 15px rgba(255,255,255,0.99); z-index:6;}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}





#Content2 .hTit{ float:left; width:100%; text-align:center;}
#Content2 .hTit .tit1{ float:left; width:100%; color:#333335; font-size:14px; line-height:14px; letter-spacing:4px; text-transform:uppercase;}
#Content2 .hTit .tit2{ float:left; width:100%; color:#333335; font-size:42px; line-height:42px; letter-spacing:4px; overflow:hidden; margin-top:45px; position:relative;}
#Content2 .hTit .tit2:after,
#Content2 .hTit .tit2:before{ position:relative; float:left; width:382px; height:1px; position:absolute; left:0; top:50%; background:#fad049; content:'';}
#Content2 .hTit .tit2:before{ left:auto; right:0;}

/*hClassBg*/
#Content2 .hClassBg{ width:80%; min-width:1230px; padding:80px 0 30px 0; overflow:hidden;margin:0 auto;}
#Content2 .hClass{ width:100%;}
#Content2 .hClass .l1{ padding:40px -60%;border-radius: 25px;}
#Content2 .hClass .la{ float:left; width:100%; position:relative;border-radius: 25px;}
#Content2 .hClass .img{ float:left; width:100%; line-height:0; overflow:hidden; margin:56px 0; opacity:0.4; filter:alpha(opacity=60);/*border-top-left-radius:2em;border-bottom-left-radius:2em; border-top-right-radius:2em;border-bottom-ringht-radius:2em;*/}
#Content2 .hClass .info{ float:left; width:41.66%; position:absolute; left:8.34%; bottom:0; background:#194bb4; background:rgba(25,75,180,0.9); box-shadow:0 10px 32px rgba(0,0,0,0.15); padding:5.31% 4.16% 5.52% 4.16%;opacity:0; filter:alpha(opacity=0);-webkit-transform: scale(0); -moz-transform: scale(0);transform: scale(0);-webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease; }
#Content2 .hClass .tit1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; padding-bottom:10.62%; margin-bottom:8.75%; background:url(../images/2208_main11.png) left bottom no-repeat;}
#Content2 .hClass .tit2{ float:left; width:100%; color:#fff; font-size:19px; line-height:29px;}
#Content2 .hClass .cont{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; height:150px; overflow:hidden; margin:3.75% 0 11.85% 0;}
#Content2 .hClass .more{ float:left; width:54px; height:54px; border-radius:50%; background:#f58c32; text-transform:uppercase; color:#fff; font-size:12px; line-height:52px; text-align:center;}
#Content2 .hClass .l1.slick-current .info{opacity:1; filter:alpha(opacity=1);-webkit-transform: scale(01); -moz-transform: scale(1);transform: scale(1);}
#Content2 .hClass .l1.slick-current .img{opacity:1; filter:alpha(opacity=100); }
#Content2 .hClass .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
#Content2 .hClass .la:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

#Content2 .hClass .slick-dots{ height:12px; position:static; margin-top:18px;}
#Content2 .hClass .slick-dots li{ width:12px; height:12px; margin:0 10px; background:#c1c1c1; text-indent:-9999px; overflow:hidden; vertical-align:top;}
#Content2 .hClass .slick-dots li.slick-active{ background:#2457a5; }
#Content2 .hClass .slick-prev,
#Content2 .hClass .slick-next{ width:92px; height:62px; left:21.97%;}
#Content2 .hClass .slick-prev{ background:url(../images/2208_main12.png) center no-repeat rgba(0,0,0,0.5);}
#Content2 .hClass .slick-next{ left:auto; right:21.97%; background:url(../images/2208_main13.png) center no-repeat rgba(0,0,0,0.5);}
#Content2 .hClass .slick-prev:hover{ background:url(../images/2208_main12.png) center no-repeat rgba(25,75,180,0.9);}
#Content2 .hClass .slick-next:hover{ background:url(../images/2208_main13.png) center no-repeat rgba(25,75,180,0.9);}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}
@media screen and  (max-width:1230px){

}


.section {
    position: relative;
    min-height: 100vh;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* page4 */
#page4 {
    padding: 150px 0 20px 0;
    overflow: hidden;
}
.wrap {
    width: 80%;
    /*max-width: 1600px;*/
    margin: 0 auto;
}
.index_bottles {
    width: 40%;
    height:auto;
	padding-bottom:5%;
    background-color: #2353b7;
    position: relative;
}

.index_bottles .box {
    padding: 80px;
    overflow: hidden;
}

.index_bottles .picture {
    position: absolute;
    left: 60%;
    top: 40.00%;
    width:100%;
    height:auto;
}


.index_bottles .picture .active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_bottles .picture img {
    max-width: 100%;
}

.index_bottles .controls {
    position: absolute;
    left: 100%;
    top: 0;
}

.index_bottles .prev,
.index_bottles .next {
    width: 100px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

.index_bottles .next {
    background-color: #da1616;
}

.index_bottles .prev::after,
.index_bottles .next::after {
    content: '';
    font-size: 0;
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    border: 3px solid;
    border-radius: 2px;
}

.index_bottles .prev::after {
    border-color: #b9b9b9 #b9b9b9 transparent transparent;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top: 9px;
}

.index_bottles .next::after {
    border-color: transparent #fff #fff transparent;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -9px;
}

.index_proImg {
	/*margin-left:55%;
	float:left;*/
	position: absolute ;
	left:50%;
	top:15%
}

.index_proImg .active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.index_proImg img {
    width: 100%;
    height:auto;
}

.gt2 {
    margin-bottom: 40px;
}

.gt2 span {
    color: #fff;
    font-family: 微软雅黑;
    font-size:45px;
    text-transform: uppercase;
    line-height: 60px;
    display: block;
    position: relative;
    margin-bottom: 10px;
	font-weight:bold;
}

.gt2 span::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 30px;
    width: 0px;
    height: 2px;
    background-color: #181818;
}

.gt2 h3 {
    font-size:30px;
    line-height: 50px;
    align-items: center;
    padding-bottom: 25px;
    border-bottom: 2px solid rgba(255, 255, 255, .2);
    position: relative;
	color:#FFF;
}

.gt2 h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 61px;
    height: 8px;
    background-color: #ffba00;
}

.gt2 h3 em {
    color: rgba(24, 24, 24, .5);
    font-family: 'Arial';
    font-size: 14px;
    text-transform: uppercase;
    line-height: 18px;
    text-align: right;
}

.gt2 h3 b {
    font-style: italic;
}

.gt2 .small {
    font-size: 24px;
}

.gt2-titCenter {
    text-align: center;
}

.gt2-titCenter span::after {
    display: none;
}

.gt2-titCenter h3 {
    width: 240px;
    display: block;
    margin: 0 auto;
}

.gt2-titCenter h3::after {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.g_txt1 {
	width:80%;
    color:#fff;
    line-height:30px;
    margin-bottom: 75px;
}

.g_txt1 h4 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
}


/*button*/
.g_more {
    color: #000;
    font-size:18px;
    font-family: '微软雅黑';
    text-align: center;
    line-height: 38px;
	font-weight:600;

    width: 164px;
    height: 38px;
    background-color: #ffba00;
    border: 2px solid transparent;
    display: block;
    position: relative;
    transition: .35s;
    -webkit-transition: .35s;
}

.g_more::after {
    content: '';
    position: absolute;
    right: 2px;
    top: 2px;
    width: 0;
    height: 0;
    border: 4px solid;
    border-color: transparent transparent #ffd700 transparent;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.g_more:hover {
    color: #fff;
    background-color: #cb0916;
}

.g_more-big {
    font-size: 18px;
    width: 280px;
    height: 70px;
    line-height: 70px;
}

.g_more-big::after {
    right: 0;
    top: 0;
    border-width: 10px;
}

.g_more-black {
    background-color: #181818;
}

.g_more-black:hover {
    background-color: #000;
}

.g_more-white {
    color: #181818;
    border-color: rgb(24, 24, 24, .2);
    background-color: #fff;
}

.g_more-white:hover {
    color: #fff;
    background-color: #d91616;
    border-color: transparent;
}




.home-case{ padding:20px 0px 80px 0px ; background: url(../picture/cpb.png) no-repeat center top}
.home-case .home-tit b{ color: #FFFFFF;}
.home-case .tab{ margin-top: 50px; font-size: 0; text-align: center;}
.home-case .tab span,
.home-case .tab a{ display: inline-block; margin: 0 35px; padding: 0 30px; height: 32px; line-height: 32px; color: #FFFFFF; font-size: 22px; font-weight: lighter; position: relative; cursor: pointer;}
.home-case .tab span.active{ background: #0077b4;}  
.home-case .tab span:after{ content: ""; position: absolute; top:50%; right:-30px; width: 2px; height: 20px; margin-top: -10px; background: #FFFFFF;}
.home-case .js-tab-box{ margin-top: 35px; width:80%; margin:35px auto 0;}
.home-case .js-tab-con{ display: none;}
.home-case .js-tab-con.active{ display: block;}
.home-case li{ float: left; width: 24.25%; margin-right: 1%;}
.home-case li:nth-child(4n){ margin-right: 0; }
.home-case .item{ display: block; position: relative;}
.home-case .item:after{ display: block; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.2); z-index:0;}
.home-case .item .img{ width: 100%; overflow: hidden;}
.home-case .item .img img{ width: 100%;}
.home-case .item .text{ position: absolute; bottom:0; left:0; width: 100%; text-align: center; padding:150px 0 25px; color: #FFFFFF; z-index: 1;}
.home-case .item .text .tit{ font-size: 28px;}
.home-case .item .text p{ margin-top: 25px; opacity: .6;}
.home-case .item .text p i{ margin: 0 5px; font-size: 16px; font-style:normal;}
.home-case .item .text span{  display: none; margin-top: 25px; width: 168px; height: 46px; line-height: 46px; text-align: center; background: #0077b4; color: #FFFFFF;}
.home-case .item:hover:after{ display: none;}
.home-case .item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-case .item:hover .text{ background: url(../images/home_case_png.png) bottom repeat-x;}
.home-case .item:hover .text span{ display: inline-block;}


.inbox2{ width:100%; height:624px;background:url(../picture/cpb.png) no-repeat center 0}
.inbox2 .inmiaoti p{color:#343434 !important;}
.inbox2 .inmiaoti h1{ color:#fff !important; }
.inbox2 .inmiaoti h1 span{ color:#ff6600 !important; }
.inbox2 .inmiaoti h3{ color:#fff !important;}


.mr_frbox2e {HEIGHT: auto; width:1408px;  margin:0px auto 0; position:relative; }
.mr_frbox2e .leftprole{ position:absolute; left:0; top:170px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right:0; top:170px;CURSOR: pointer}

.imgboxcpe{ width:1300px; height:440px; margin:0 auto; overflow:hidden;}
.imgboxcpe ul li{ display: block; float:left; overflow:hidden; overflow:hidden;margin:0 13px;width:300px !important; height:400px;}
.imgboxcpe ul li a{ display:block; width:300px; height:400px; text-align: center; text-align:center; position:relative; overflow:hidden; }
.imgboxcpe ul li a img{width:300px; height:400px; vertical-align: middle;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s; }
.imgboxcpe ul li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}


.morecp{margin:35px auto 0 auto; width:1200px; text-align:center;}
.morecp a{ width:350px; height:60px; display:block; text-align:center; line-height:60px; background:#2353b7; color:#ffffff; font-size:18px;border-radius:20px; margin:auto}



.xxww{background: url(../picture/xw.jpg)  no-repeat center 0;background-size: 100% 100%!important; max-height:500px; height:500px;}
.xxwwT1{width:50%; overflow: hidden; margin-right:20%; margin-top:1%}
.xxwwT1 li{background:url(../picture/n1.png) center no-repeat; height:351px;}
.xxwwT1 li a{width:100%;display: block;overflow: hidden;}
.xxwwT1 li:hover{background:url(../picture/n2.png) center no-repeat;}
.xxwwT1 li .btit{color:#fff;font-size:24px;margin:0 auto;text-align: center;line-height:30px; padding-top:180px;}
.xxwwT1 li .more{color:#fff;font-size:14px;margin:15px auto;width:20%;text-align: center;line-height: 34px;display: block;border-radius: 17px; border: solid 3px #FFF}
.xxwwT1 li:hover .more{color:#b75270; background:#FFF;}


.xxww2{background: url(../picture/xw1.jpg)  no-repeat center 0;background-size: 100% 100%!important; max-height:450px; height:450px;}
.xxww2T1{width:50%; overflow: hidden; margin-left:50%; padding-top:2%}
.xxww2T1 li{background:url(../picture/n2.png) center no-repeat; height:351px;}
.xxww2T1 li a{width:100%;display: block;overflow: hidden;}
.xxww2T1 li:hover{background:url(../picture/n1.png) center no-repeat;}
.xxww2T1 li .btit{color:#fff;font-size:24px;margin:0 auto;text-align: center;line-height:30px; padding-top:180px;}
.xxww2T1 li .more{color:#fff;font-size:14px;margin:15px auto;width:20%;text-align: center;line-height: 34px;display: block;border-radius: 17px; border: solid 3px #FFF}
.xxww2T1 li:hover .more{color:#b75270; background:#FFF;}





.technology-list { margin-top:0px; }
.technoly-info { width: 33.2%; margin-right: 0.2%; position: relative; float: left; }
.technoly-info:last-child { margin-right: 0; }
.technoly-info .technolyimg { display: block; line-height: 0; overflow: hidden; position: relative; }
.technoly-info .technolyimg mark { display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.4); background: #000\9; filter: alpha(opacity=40); position: absolute; left: 0; top: 0; z-index: 5; transition: 0.85s ease-in-out; }
.technoly-info .technolyimg img { display: block; width: 100%; line-height: 0; position: relative; transition: 0.5s; }
.technoly-info:hover .technolyimg img { transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); }
.technoly-info:hover .technolyimg mark { background: url(../images/tbg.png) center bottom no-repeat; background-size: cover; }
.technoly-info:hover .techonogt-text { height: 270px; margin-top: -135px; }
.technoly-info:hover .technohide { opacity: 1; visibility: visible; transition: 0.5s 0.2s; }
.techonogt-text { width: 100%; position: absolute; left: 0; top: 50%; margin-top: -77px; height: 154px; z-index: 10; transition: 0.55s; }
.techonogt-text strong { display: inline-block; position: relative; margin: auto; color: #ffffff; font-size: 100px; font-family: "Conv_HelveticaNeue-Thin"; font-weight: normal; line-height: 1; }
.techtime { text-align: center; margin-bottom: 5px; }
.techonogt-text strong i { display: block; font-size: 20px; font-family: "Arial"; position: absolute; right: -22px; top: 0px; font-style: normal; }
.techonogt-text span { display: block; text-align: center; color: #ffffff; font-size:30px; font-weight: bold; }
.techfix { height: 58px; }
.technohide { position: relative; padding-top: 16px; margin-top: 8px; opacity: 0; visibility: hidden; transition: 0.5s; }
.technohide:before { content: ""; width: 36px; height: 1px; background: #fff; position: absolute; left: 50%; margin-left: -18px; top: 0; }
.technohide p { color: #ffffff; text-align: center; font-size:18px; line-height:30px;}




.parallux { position: relative; }
.parallux .parallux-bg { top: 0; left: 0; right: 0; height: 100% !important; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; position: fixed; }
.parallux .parallux-bg .parallux-inner { top: 0px; left: 0px; position: relative; min-width: 100%; min-height: 100%; height: auto; background-color: white; background-repeat: no-repeat; background-position: 50%; background-size: cover; background-image: url(); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

.powder { padding-top: 118px; height: 828px !important; padding-left: 136px; position: relative; }
.milk4 {}
.milk4 small { display: block; color: #fff; font-size: 60px; line-height: 1; font-family: "Conv_Helvetica-Condensed-Light"; margin-bottom: 24px; }
.milk4 h2 { color: #ffffff; font-size: 60px; line-height: 1; margin-bottom: 28px; }
.milk4 span { display: block; color: #0d0d0d; font-size: 20px; line-height: 1; }



/*.aboutpbg{background: url(../picture/aboutbg.jpg)  no-repeat center 0;background-size: 100% 100%!important; min-height:700px; padding-top:200px;}
.aboutp{text-align: center;}
.aboutp li{ float: left; width:25%;}
.aboutp li img{ width:100%; height:auto; display: inline-block;transition: all .5s ease;}
.aboutp li:hover img {transform: scale(1.3);}
*/



/*联系我们*/
.contact_top{ padding-top:50px; padding-bottom:40px;display: -webkit-flex; /* Safari */display: flex;flex-direction: row;flex-wrap:wrap;align-items:center; justify-content:space-between;}
.contact_top ul{ padding-right:50px; padding-left:65px; background-image:url(../images/line1_2.png); background-repeat:no-repeat; background-position:right center;}
.contact_top ul.first{ padding-left:0; padding-right:56px;}
.contact_top ul.last{ background-image:none; padding-right:0; padding-left:46px;}
.contact_top ul li{ padding-left:34px;font-size:16px; line-height:30px; color:#666; background-repeat:no-repeat; background-position:left center;}
.contact_top ul li.contact_tit{ font-size:18px; line-height:1; margin-bottom:30px; font-weight:bold; color:#333; background-image:url(../images/contactus_icon1_2.png);}
.contact_top ul li.contact_add{ background-image:url(../images/contactus_icon2_2.png);}
.contact_top ul li.contact_tel{ background-image:url(../images/contactus_icon3_2.png);}
.contact_top ul li.contact_zipcode{ background-image:url(../images/contactus_icon4_2.png);}
.contact_center{ position:relative; background-color:#f9f9f9; text-align:center; margin-top:60px; padding-bottom:40px;}
.contact_img1{ position:absolute; left:0; top:0; z-index:1;}
.contact_img2{ position:absolute; right:0; bottom:0; z-index:1;}
.contact_center h1{ padding-top:68px; font-size:28px; line-height:1; font-weight:bold; padding-bottom:30px; z-index:2;position:relative;}
.contact_center p{ color:#777; font-size:20px; line-height:36px; margin-bottom:20px; z-index:2; position:relative;}
.contact_center p img{ vertical-align:middle; margin-right:20px;}
.contact_center strong{ color:#444;}
.contact_center span{ color:#444; font-size:36px; font-weight:bold;}
.contact_bottom{ padding-top:40px; padding-bottom:80px;}
.contact_bottom h1{ color:#444; font-size:24px; line-height:1; font-weight:bold; text-align:center; padding-bottom:58px;}
.contact_form li{ font-size:16px; float:left; width:375px; padding-left:26px; background-color:#f9f9f9; height:50px; margin-bottom:25px; margin-right:35px; position:relative; color:#777;}
.contact_form li.third{ margin-right:0;}
.contact_form li label{ float:left; line-height:50px;}
.contact_form li input{ float:left; font-size:16px; width:280px; background-color:#f9f9f9; height:50px; line-height:50px; padding-left:20px;}
.contact_form li.table_text2{ width:100%; padding-left:0; height:190px;}
.contact_form li textarea{ background-color:#f9f9f9; width:100%; height:190px; line-height:22px; padding:26px;font-family:"PingFang SC","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
.contact_form li select{ float:left; font-size:16px; width:300px; background-color:#f9f9f9; height:50px; line-height:50px; padding-left:20px;
	/*将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background-repeat: no-repeat;
	background-position: 95% center;
	background-image: url(../images/select_icon3_2.png);
}
.map{height:500px;background-color:#fff;margin:20px 0 30px;}
.map #dituContent{width:100%;height:100%;border:1px #ddd solid}
.anchorBL{display: none;}
.BMap_bubble_title{color:#2183c6;font-weight:700;font-size:16px;line-height: 1.74;margin-bottom:5px;}
.BMap_bubble_content{line-height: 1.74;}


.message_form .column{margin-bottom:5px;}
.message_form .form-control{height:40px;color:#333;background-color:#fff;border-color:#ddd;border-radius:3px;box-shadow:none}
.message_form .error input{border-color:#ff0000}
.message_form .success input,.message_form .tip input{border-color:#999}
.message_form .error .valid_message{position:absolute;width:100%;left:0;font-size:12px;color:#f28000;display:none}
.message_form textarea.form-control{height:auto}
.message_form .btn{display:block;width:180px;font-size:16px;background-color:#333;color:#fff;border:1px solid #333;line-height:20px;padding:14px;margin:20px auto 0;outline:0!important;text-transform: uppercase;transition: all 0.3s;border-radius:3px;}
.message_form .btn:hover{border-color:#2183c6;background-color:#2183c6;}


.contact_form li sup{ color:#0091db; position:absolute; top:13px; left:13px; line-height:1;}
.agree{ font-size:12px; line-height:1; color:#aaa;}
.popbox_btn{ width:160px; height:50px; margin:20px auto 0;}
.popbox_btn a{ font-size:16px; display:block; width:100%; height:50px; line-height:50px; border-radius:25px; color:#fff; text-align:center; background-color:#0091db;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #777;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #777;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #777;
}
/*弹出框*/
#bg{width:100%;height:100%;top:0px;left:0;position:fixed; background-image:url(../images/banner_bg_2.png); background-repeat:repeat;z-index:9999; display:none;}
#popbox{position: fixed; display:none;left: 50%;top: 50%;margin-top:-124px;margin-left:-197.5px;width:395px;height:248px;z-index:99999; background-color:#fff;}
.pop-content{ position:relative; text-align:center; padding-top:66px;}
.pop-close{ position:absolute; top:8px; right:8px;}
.success{ margin-bottom:30px;}
.pop-content p{ font-size:14px; line-height:30px; color:#333;}
/*复选框*/
.checkbox-box{
	display: inline-block; position:relative;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	width: 15px;
	height: 12px;
	background-repeat: no-repeat;
	background-image: url(../images/checkbox_normal_2.png); background-size:100%; margin-right:5px;
}
.checkbox-box.selected{
	background-image: url(../images/checkbox_selected_2.png);
}
.checkbox-box input{
	opacity: 0;
	visibility: hidden;
}
.Validform_wrong{ position:absolute; top:54px; left:25px; font-size:12px;color:#0091db;}
.Validform_right{ display:none !important;}
.table_text2 .Validform_wrong{ top:195px; }
.checkbox-box .Validform_wrong{ top:20px; width:100px; }
/*隐私政策*/
.other_content{ padding:30px 0 90px;}
.other_content h1{ color:#0091db; font-size:32px; line-height:1; font-weight:bold; padding-bottom:40px;}
.other_content h2{ color:#444; font-size:18px; line-height:1.5; font-weight:bold; padding-top:40px; padding-bottom:10px;}
.other_content h2.sp{ padding-top:10px;}
.other_content p{ color:#777; font-size:14px; line-height:36px;}
/* 搜索结果 */
.searchpage .other_content{ padding-bottom:0;}
.search_cont li{ float:left; width:100%; padding:30px 0; border-bottom:#eee solid 1px;}
.search_cont li.first{ padding-top:0px;}
.search_cont li a{ display:block;}
.search_cont li a h1{ color:#333; font-size:22px; line-height:1.5; font-weight:bold; padding-bottom:10px;transition: .2s linear; -moz-transition:.2s linear; -webkit-transition:.2s linear; }
.search_cont li a p{ color:#777; font-size:16px; line-height:26px; max-height:52px;}
.search_cont li a:hover h1{ color:#0091db;}
/* 网站地图 */
.sitemappage{ position:relative;}
.sitemappage #main{padding-bottom:86px; margin-top:80px;}
.sitemappage #footer{ position:absolute; bottom:0; left:0;}
.sitemappage .other_content{ padding-bottom:0;}
.sitemap ul{ float:left; width:14.28%; background-image:url(../images/lineright_2.png); background-repeat:no-repeat; background-position:right 87px;}
.sitemap ul.last{ background-image:none;}
.sitemap ul.sp{ width:28.56%;}
.sitemap ul li{ text-align:center; float:left; width:100%;}
.sitemap ul li.sitemap_tit a{ font-size:18px; color:#0091db; line-height:1.5; font-weight:bold;}
.sitemap ul li a{ display:block; font-size:14px; line-height:1.5; color:#666; padding:20px 10px 20px 30px; text-align:left;}
.sitemap ul li a.titsp{ color:#000; font-size:16px; font-weight:bold;}
.sitemap ul.sp li.sitemap_tit{ width:100%;}
.sitemap ul.sp li.sitemap_tit a{ text-align:center;}
.sitemap ul.sp li{ width:50%;}
.sitemap ul.sp1{ width:100%;}
.sitemap ul.sp1 li{ width:100%;}

.insideW { width: 1250px; margin: 0px auto; }
.culture-box { background: #f3f3f3; padding-top: 64px; position: relative; z-index: 5; margin-top:50px; }
.culture-list li { margin-bottom: 36px; background: #ffffff; }
.culture-left { width:45%; float: left; }
.culturewr { padding: 28px 52px 0 42px; }
.culturewr h2 { position: relative; color: #cccccc; font-size: 60px; text-transform: uppercase; font-family: "Arial"; line-height: 1.2; margin-bottom: 14px; position: relative; }
.culturewr h2 img { display: block; position: absolute; right: 0; top: 0; }
.culturewr strong { display: block; line-height: 1; color: #000000; font-size: 28px; margin-bottom: 50px; }
.culturewr p { color: #969696; font-size: 14px; font-weight: bold; line-height: 2; }
.culture-list li figure { display: block; overflow: hidden; line-height: 0; float: right; }
.culture-list li figure img { display: block; width: 110%; height: auto; line-height: 1; position: relative; left: -5%; transition: 0.55s; }
.culture-list li:hover figure img { left: 0; }
.culture-list li:nth-child(2n+2) figure { float: left; }
.culture-list li:nth-child(2n+2) figure img { }
.culture-list li:nth-child(2n+2) .culture-left { float: right; }
.culture-list li:nth-child(2n+2):hover figure img { left: -10%; }


.aboutpbg{background: url(../picture/aboutbg.jpg)  no-repeat center 0;background-size: 100% 100%!important; min-height:700px; padding-top:150px;}
.aboutpbg .aboutp{text-align: center; height:auto;}
.aboutpbg .aboutp ul{display: none;}
.aboutpbg .aboutp ul.on{display: block;}
.aboutpbg .aboutp li {float: left; width:25%;}
.childb{ width:100%; display:block;}
.childb .topimg{width:100%; height:auto;display: block; overflow:hidden;}
.childb .topimg img{ width:100%; height:auto;/*transform: scale(1);transition: all 1s ease-out;*/ transition:all ease-in-out 0.4s;margin-top: -10px;}
.childb .topimg:hover img{margin-top: 0px;}

.childb .txt{ padding-bottom:20px; text-align:center;}
.childb .txt p{width:100%; text-align:center;}
.childb .txt .more{
    width: 130px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    border: 2px solid #fff;
    font-size: 16px;
    color: #fff;
    border-radius: 30px;
    transition: all 0.2s ease-out;
	margin:20px auto
}
.childb:hover .txt .more{background:#fff; color:#333}


.inside_banner{position:relative;width:100%;overflow:hidden;}
.inside_banner img{width:100%;transform:scale(1.1,1.1);animation: myfirst 3s forwards;-webkit-animation: myfirst 3s forwards;}



.newbg{background: url(../picture/xwbg.jpg)  no-repeat center 0;background-size: 100% 100%!important; min-height:800px; padding-top:200px;}

.newT1{width:20%; overflow: hidden; margin-right:5%}
.newT1 li{background:url(../picture/n1.png) center no-repeat; height:351px;}
.newT1 li a{width:100%;display: block;overflow: hidden;}
.newT1 li:hover{background:url(../picture/n2.png) center no-repeat;}
.newT1 li .ftit{color:#fff;font-size:24px;margin:0 auto;text-align: center;line-height:30px; padding-top:150px;}
.newT1 li .xiang{color:#fff;font-size:14px;margin:15px auto;width:20%;text-align: center;line-height: 34px;display: block;border-radius: 17px; border: solid 3px #FFF}
.newT1 li:hover .xiang{color:#b75270; background:#FFF;}



.newT2{width:20%; overflow: hidden; margin-right:5%}
.newT2 li{background:url(../picture/n2.png) center no-repeat; height:351px;}
.newT2 li a{width:100%;display: block;overflow: hidden;}
.newT2 li:hover{background:url(../picture/n1.png) center no-repeat;}
.newT2 li .ftit{color:#fff;font-size:24px;margin:0 auto;text-align: center;line-height:30px; padding-top:150px;}
.newT2 li .xiang{color:#fff;font-size:14px;margin:15px auto;width:20%;text-align: center;line-height: 34px;display: block;border-radius: 17px; border: solid 3px #FFF}
.newT2 li:hover .xiang{color:#a57c47; background:#FFF;}





.place{ width:100%; height:55px; background:#eeeeee}
.current { width:80%;font-size: 14px;line-height:55px;margin-bottom: 25px; margin:0 auto; text-align:left;}

.sub{
    padding:50px 0px 0px 0px;
    overflow: hidden;
	width:80%;
	margin:0 auto;
}

.submenu2{display: flex;justify-content: center;flex-flow: row wrap;margin-left:-5px;margin-right:-5px;margin-bottom:30px;}
.submenu2:before,.submenu2:after{display: none;}
.submenu2>li{padding:0 10px;margin-bottom:10px;}
.submenu2>li>a{min-width:150px;text-align: center; background:#eeeeee; color:#898989;line-height:20px;padding:10px 20px;border-radius: 3px;transition: all 0.5s;}
.submenu2>li>a:hover,
.submenu2>li>a:focus,
.submenu2>.active>a{color:#fff;background:#da1616;border-color:#da1616;}

.nav {
	padding-left:0;
	margin-bottom:0;
	list-style:none
}
.nav>li {
	position:relative;
	display:block
}
.nav>li>a {
	position:relative;
	display:block;
	padding:10px 15px
}
.nav>li>a:focus,.nav>li>a:hover {
	text-decoration:none;
	background-color:#da1616
}
.nav>li.disabled>a {
	color:#777
}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
	color:#777;
	text-decoration:none;
	cursor:not-allowed;
	background-color:transparent
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
	background-color:#eee;
	border-color:#337ab7
}
.nav .nav-divider {
	height:1px;
	margin:9px 0;
	overflow:hidden;
	background-color:#e5e5e5
}
.nav>li>a>img {
	max-width:none
}
.nav-tabs {
	border-bottom:1px solid #ddd
}
.nav-tabs>li {
	float:left;
	margin-bottom:-1px
}
.nav-tabs>li>a {
	margin-right:2px;
	line-height:1.42857143;
	border:1px solid transparent;
	border-radius:4px 4px 0 0
}
.nav-tabs>li>a:hover {
	border-color:#eee #eee #ddd
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	color:#555;
	cursor:default;
	background-color:#fff;
	border:1px solid #ddd;
	border-bottom-color:transparent
}
.nav-tabs.nav-justified {
	width:100%;
	border-bottom:0
}
.nav-tabs.nav-justified>li {
	float:none
}
.nav-tabs.nav-justified>li>a {
	margin-bottom:5px;
	text-align:center
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
	top:auto;
	left:auto
}
@media (min-width:768px) {
	.nav-tabs.nav-justified>li {
	display:table-cell;
	width:1%
}
.nav-tabs.nav-justified>li>a {
	margin-bottom:0
}
}.nav-tabs.nav-justified>li>a {
	margin-right:0;
	border-radius:4px
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
	border:1px solid #ddd
}
@media (min-width:768px) {
	.nav-tabs.nav-justified>li>a {
	border-bottom:1px solid #ddd;
	border-radius:4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
	border-bottom-color:#fff
}
}.nav-pills>li {
	float:left
}
.nav-pills>li>a {
	border-radius:4px
}
.nav-pills>li+li {
	margin-left:2px
}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
	color:#fff;
	background-color:#337ab7
}
.nav-stacked>li {
	float:none
}
.nav-stacked>li+li {
	margin-top:2px;
	margin-left:0
}
.nav-justified {
	width:100%
}
.nav-justified>li {
	float:none
}
.nav-justified>li>a {
	margin-bottom:5px;
	text-align:center
}
.nav-justified>.dropdown .dropdown-menu {
	top:auto;
	left:auto
}
@media (min-width:768px) {
	.nav-justified>li {
	display:table-cell;
	width:1%
}
.nav-justified>li>a {
	margin-bottom:0
}
}.nav-tabs-justified {
	border-bottom:0
}
.nav-tabs-justified>li>a {
	margin-right:0;
	border-radius:4px
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
	border:1px solid #ddd
}
@media (min-width:768px) {
	.nav-tabs-justified>li>a {
	border-bottom:1px solid #ddd;
	border-radius:4px 4px 0 0
}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
	border-bottom-color:#fff
}
}.tab-content>.tab-pane {
	display:none
}
.tab-content>.active {
	display:block
}
.nav-tabs .dropdown-menu {
	margin-top:-1px;
	border-top-left-radius:0;
	border-top-right-radius:0
}
.navbar {
	position:relative;
	min-height:50px;
	margin-bottom:20px;
	border:1px solid transparent
}
@media (min-width:768px) {
	.navbar {
	border-radius:4px
}
}@media (min-width:768px) {
	.navbar-header {
	float:left
}
}.navbar-collapse {
	padding-right:15px;
	padding-left:15px;
	overflow-x:visible;
	-webkit-overflow-scrolling:touch;
	border-top:1px solid transparent;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
}
.navbar-collapse.in {
	overflow-y:auto
}
@media (min-width:768px) {
	.navbar-collapse {
	width:auto;
	border-top:0;
	-webkit-box-shadow:none;
	box-shadow:none
}
.navbar-collapse.collapse {
	display:block!important;
	height:auto!important;
	padding-bottom:0;
	overflow:visible!important
}
.navbar-collapse.in {
	overflow-y:visible
}
.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
	padding-right:0;
	padding-left:0
}
}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
	max-height:340px
}
@media (max-device-width:480px) and (orientation:landscape) {
	.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
	max-height:200px
}
}







.caseBox{
    padding:20px 0px;
    overflow: hidden;
	width:80%;
	margin:0 auto;
}
.case_dl{
    margin: 0px -10px;
}
.case_dl dt{
    float: left;
    padding: 10px 0px;
}
.case_dl dd{
    float: left;
    padding: 10px 0px;
}


.caseAddBox{
    margin: 0px 10px;
}

.caseSlide_a{
    display: block;
    overflow: hidden;
    border-radius: 3px;
    transition: all 0.3s linear;
    margin: 0px 10px;
}
.caseSlide_a:hover{
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}
.caseSlide_a .pic{
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s linear;
}
.caseSlide_a .pic:after{
    padding-top: 56.25%;
}
.caseSlide_a:hover .pic{
    background-position: ;

}
.caseBg{
    display: none;
    overflow: hidden;
    position: absolute;
    right: 100%;
    bottom: 100%;
    width: 1000px;
    height: 1000px;
    z-index: 5;
    transition: all 0.4s linear;
    transform: rotate(-45deg);
    transform-origin: center;
}
.caseSlide_a:hover .caseBg{
    /*height: 100%;*/
    right: -100%;
    bottom: -100%;
}
.caseIntr{
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: -50px;
    right: 0px;
    background: rgba(255,255,255,0.9);
    padding: 0px 10px;
    z-index: 5;
    font-size: 14px;
    color:#333;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    transition: all .4s ease-out;
    text-align: center;
}
.caseSlide_a:hover .caseIntr{
    bottom: 0px;
}
.caseLogo{
    display: none;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 7;
    background-repeat: no-repeat;
    background-position: center;
}
.caseSlideDeta{
    overflow: hidden;
    height: 55px;
    position: relative;
    background: #eeeeee;
}
.caseSlideName{
    height: 55px;
    overflow: hidden;
    line-height: 55px;
    font-size: 14px;
    color:#333;
    text-align: center;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
}
.caseSlideName1{
    height: 0;
    background: #3c78d8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    transition: all .3s ease;
}
.caseSlide_a:hover .caseSlideName{
    color:#fff;
}
.caseSlide_a:hover .caseSlideName1{
    height: 55px;
}



.recommend{margin-top:30px}
.recommend>h2{font-size:18px;margin:0 0 20px;border-bottom:1px #ddd solid;padding-bottom:15px}


.case_list{margin-left:-10px;margin-right:-10px;}
.case_list .column{padding:0 10px;margin-bottom:20px;}
.case_list a{cursor: pointer;}
.case_list h2{font-size:14px;line-height:20px;padding:10px;background: #efefef;color:#333;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.case_list .img:after{content: '';display: block;position: absolute;width:100%;height:100%;left:0;top:0;transition: all 0.5s;}
.case_list a:hover .img>img{transform: scale(1.1);}
.case_list a:hover .img:after{top:100%;}
.case_list a:hover h2{background-color: #2183c6;color:#fff;}



/*
* 尺寸 
*/
.aykj-l-1{
    width: 8.3333333%;
    width: calc(1/12*100%);
}
.aykj-l-2{
    width: 16.6666667%;
    width: calc(1/6*100%);
}
.aykj-l-2p{
    width: 20%;
    width: calc(1/5*100%);
}
.aykj-l-3{
    width: 24.5%;
    width: calc(1/4*100%);
}
.aykj-l-4{
    width: 33.3333333%;
    width: calc(1/3*100%);
}
.aykj-l-5{
    width: 41.66666667%;
    width: calc(5/12*100%);
}
.aykj-l-6{
    width: 50%;
    width: calc(1/2*100%);
}
.aykj-l-7{
    width: 58.3333333%;
    width: calc(7/12*100%);
}
.aykj-l-8{
    width: 66.6666667%;
    width: calc(2/3*100%);
}
.aykj-l-9{
    width: 75%;
    width: calc(3/4*100%);
}
.aykj-l-10{
    width: 83.3333333%;
    width: calc(5/6*100%);
}
.aykj-l-11{
    width: 91.6666667%;
    width: calc(11/12*100%);
}
.aykj-l-12{
    width: 100%;
}
@media screen and (max-width: 1440px){
    .aykj-m-1{
        width: 8.3333333%;
        width: calc(1/12*100%);
    }
    .aykj-m-2{
        width: 16.6666667%;
        width: calc(1/6*100%);
    }
    .aykj-m-2p{
        width: 20%;
        width: calc(1/5*100%);
    }
    .aykj-m-3{
        width: 24.5%;
        width: calc(1/4*100%);
    }
    .aykj-m-4{
        width: 33.3333333%;
        width: calc(1/3*100%);
    }
    .aykj-m-5{
        width: 41.66666667%;
        width: calc(5/12*100%);
    }
    .aykj-m-6{
        width: 50%;
        width: calc(1/2*100%);
    }
    .aykj-m-7{
        width: 58.3333333%;
        width: calc(7/12*100%);
    }
    .aykj-m-8{
        width: 66.6666667%;
        width: calc(2/3*100%);
    }
    .aykj-m-9{
        width: 75%;
        width: calc(3/4*100%);
    }
    .aykj-m-10{
        width: 83.3333333%;
        width: calc(5/6*100%);
    }
    .aykj-m-11{
        width: 91.6666667%;
        width: calc(11/12*100%);
    }
    .aykj-m-12{
        width: 100%;
    }
}
@media screen and (max-width: 1024px){
    .aykj-s-1{
        width: 8.3333333%;
        width: calc(1/12*100%);
    }
    .aykj-s-2{
        width: 16.6666667%;
        width: calc(1/6*100%);
    }
    .aykj-s-2p{
        width: 20%;
        width: calc(1/5*100%);
    }
    .aykj-s-3{
        width: 24.5%;
        width: calc(1/4*100%);
    }
    .aykj-s-4{
        width: 33.3333333%;
        width: calc(1/3*100%);
    }
    .aykj-s-5{
        width: 41.66666667%;
        width: calc(5/12*100%);
    }
    .aykj-s-6{
        width: 50%;
        width: calc(1/2*100%);
    }
    .aykj-s-7{
        width: 58.3333333%;
        width: calc(7/12*100%);
    }
    .aykj-s-8{
        width: 66.6666667%;
        width: calc(2/3*100%);
    }
    .aykj-s-9{
        width: 75%;
        width: calc(3/4*100%);
    }
    .aykj-s-10{
        width: 83.3333333%;
        width: calc(5/6*100%);
    }
    .aykj-s-11{
        width: 91.6666667%;
        width: calc(11/12*100%);
    }
    .aykj-s-12{
        width: 100%;
    }
}

.aabbContent{ width:80%; line-height:40px; color:#333; padding:20px 0px; margin:0 auto; min-height:800px; font-size:18px;}
.aabbContent p{line-height:40px; color:#333; }
.aabbContent img{ width:90%; height:auto; padding:20px 0px;}


.inner{ width:1200px; margin:0 auto;}
.news_content li{ float:left; width:100%;}
.news_content li .f-left{ width:25%;}
.news_content li .f-left img{ width:100%;}
.news_content li .f-right{ width:70%;}
.news_content li a{ display:block; width:100%;transition: .3s linear; -moz-transition:.3s linear; -webkit-transition:.3s linear; position:relative;}
.news_content li a .inner{ border-bottom:#eee solid 1px;padding:50px 0; }
.news_content li a h1{ color:#333; font-size:22px; min-height:32px; max-height:52.8px; margin-bottom:10px; line-height:1.2; font-weight:bold;}
.news_content li a p{ color:#777; font-size:16px; line-height:26px; max-height:52px;}
.news_content li a .news_date{ color:#777; font-size:14px; line-height:1; position:absolute; bottom:50px;}
.news_content li a:hover{ background-color:#f6f6f6;}
.news_content li a:hover h1{ color:#0091db;}



@media screen and (max-width:1280px){
	/*main*/
	.inner{ width:90%;}

}
@media screen and (max-width:1152px){
	/*main*/
	/*新闻*/
	.news_content li a h1{  margin-bottom:5px;}
	.news_content li a p{ line-height:24px; max-height:48px;}
}
@media screen and (max-width:1024px){
	/*banner*/

	/*新闻*/
	.news_content li:nth-child(even) a{ background-color:#f6f6f6;}
	.news_content li a .inner{border-bottom:none;padding:25px 0; }
	.news_content li a h1{ font-size:1.6rem; min-height:2.2rem; max-height:3.84rem;}
	.news_content li a p{font-size:1.3rem; line-height:1.8rem; height:auto; max-height:3.6rem;}
	.news_content li a .news_date{ font-size:1.2rem; line-height:1; bottom:25px;}
	.news_content li a:hover{ background-color:#fff;}
	.news_content li:nth-child(even) a:hover{ background-color:#f6f6f6;}
	.news_content li a:hover h1{ color:#333; }
}
@media screen and (max-width:800px){
	/*main*/
	/*新闻*/
	.news_content li a .news_date{ position:static; padding-top:10px;}
}
@media screen and (max-width:667px){
	.news_content li .f-left{ width:30%;}
	.news_content li .f-right{ width:65%;}
	/*媒介寿命分析*/
}
@media screen and (max-width:580px){
	/*新闻*/
	.news_content li .f-left{ width:35%;}
	.news_content li .f-right{ width:60%;}

}
@media screen and (max-width:414px){
	/*main*/
	/*新闻*/
	.news_content li .f-left{ width:40%;}
	.news_content li .f-right{ width:55%;}
	.news_content li a .news_date{padding-top:15px;}
}
@media screen and (max-width:375px){
	/*main*/
	/*新闻*/
	.news_content li .f-left{ width:45%;}
	.news_content li .f-right{ width:50%;}
	.news_content li a .news_date{padding-top:10px;}
}

.wrapper{min-height:55vh;position:relative;z-index:1}
.inside_main{padding:35px 0;position:relative}
.inside_main .container{position:relative}
.InfoTitle{margin-bottom:20px;text-align:center;border-bottom:1px solid #dbdbdb;padding-bottom:20px;}
.InfoTitle h4{font-size:18px;margin:0;line-height:1.4;}
.InfoTitle .date{font-size:12px;color:#999;margin-top:10px;}
.InfoTitle .date span{padding:0 5px}
.InfoContent{line-height:2;position:relative;overflow:hidden;color:#666;}
.InfoContent p{margin-bottom:0}
.InfoContent img{display: inline-block;max-width:100%;height:auto!important;}
.InfoContent video{display: block;width:1200px;height:auto;max-width:100%;margin:0 auto;}
.InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;}
.InfoContent li p{display: inline;margin-bottom:0;}
.InfoContent a{display: inline;}
.InfoContent a:hover{color:#2183c6}
.goBack{text-align:center;margin-top:30px;}
.goBack a{display:inline-block;color:#fff;line-height:20px;background-color:#333;padding:10px;margin:5px;width:130px;border-radius: 3px;}
.goBack a:hover{background-color:#2183c6}
.info_previous_next_wrap{border-top:1px #dad9d9 solid;padding-top:16px;margin-top:30px;font-size:14px;color:#666;text-transform:uppercase;overflow: hidden;}
.info_previous_next_wrap b{font-weight:400}
.info_previous_next_wrap a{text-decoration:none;display:inline}
.info_previous_next_wrap a:hover{color:#2183c6}
.info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width: 767px) {
	.InfoContent .PC_img{display: none;}
}
@media (min-width: 768px) {
	.bg{background-attachment: fixed;}
	.inside_main{padding:50px 0}
	
	.InfoContent .min_img{display: none;}
	.InfoTitle{margin-bottom:30px;}
	.info_Next,.info_Previous{width:45%;}
	.info_Previous{float:left;}
	.info_Next{float:right;text-align:right;}

	.pager li>a,.pager li>span{padding:8px 20px;margin:0 5px}
}
@media (min-width: 992px) {
	.InfoTitle h4{font-size:20px}
	.InfoTitle .date{font-size:14px;}
	.goBack,.pager,.info_previous_next_wrap{margin-top:40px;}
}
@media (min-width: 1200px) {
	.inside_main{padding:65px 0}
	
	.pager li>a,.pager li>span{padding:10px 25px;margin:0 5px}
}
@media (min-width: 1450px) {
	.InfoTitle h4{font-size:22px}
	.pager li>a,.pager li>span{padding:12px 35px;margin:0 5px}
	
	.pager,.InfoContent,.info_previous_next_wrap,.goBack a{font-size:16px;}
}

.wrapper{min-height:55vh;position:relative;z-index:1}
.inside_main{padding:35px 0;position:relative}
.inside_main .container{position:relative}

.InfoContent{line-height:2;position:relative;overflow:hidden;color:#666;}
.InfoContent p{margin-bottom:0}
.InfoContent img{display: inline-block;max-width:100%;height:auto!important;}
.InfoContent video{display: block;width:1200px;height:auto;max-width:100%;margin:0 auto;}
.InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;}
.InfoContent li p{display: inline;margin-bottom:0;}
.InfoContent a{display: inline;}
.InfoContent a:hover{color:#2183c6}

.InfoTitle{margin-bottom:20px;text-align:center;border-bottom:1px solid #dbdbdb;padding-bottom:20px;}
.InfoTitle h4{font-size:18px;margin:0;line-height:1.4;}
.InfoTitle .date{font-size:12px;color:#999;margin-top:10px;}
.InfoTitle .date span{padding:0 5px}

.goBack{text-align:center;margin-top:30px;}
.goBack a{display:inline-block;color:#fff;line-height:20px;background-color:#333;padding:10px;margin:5px;width:130px;border-radius: 3px;}
.goBack a:hover{background-color:#2183c6}

.info_previous_next_wrap{border-top:1px #dad9d9 solid;padding-top:16px;margin-top:30px;font-size:14px;color:#666;text-transform:uppercase;overflow: hidden;}
.info_previous_next_wrap b{font-weight:400}
.info_previous_next_wrap a{text-decoration:none;display:inline}
.info_previous_next_wrap a:hover{color:#2183c6}
.info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width: 767px) {
	.InfoContent .PC_img{display: none;}
}
@media (min-width: 768px) {
	.bg{background-attachment: fixed;}
	.inside_main{padding:50px 0}
	
	.InfoContent .min_img{display: none;}
	.InfoTitle{margin-bottom:30px;}
	.info_Next,.info_Previous{width:45%;}
	.info_Previous{float:left;}
	.info_Next{float:right;text-align:right;}

	.pager li>a,.pager li>span{padding:8px 20px;margin:0 5px}
}
@media (min-width: 992px) {
	.InfoTitle h4{font-size:20px}
	.InfoTitle .date{font-size:14px;}
	.goBack,.pager,.info_previous_next_wrap{margin-top:40px;}
}
@media (min-width: 1200px) {
	.inside_main{padding:65px 0}
	
	.pager li>a,.pager li>span{padding:10px 25px;margin:0 5px}
}
@media (min-width: 1450px) {
	.InfoTitle h4{font-size:22px}
	.pager li>a,.pager li>span{padding:12px 35px;margin:0 5px}
	
	.pager,.InfoContent,.info_previous_next_wrap,.goBack a{font-size:16px;}
}



/*首页视频*/
.video{ text-align:left; margin-top:60px;}
.video .main{width:642px; height:362px;border:9px solid #cfc4c5;border-radius:20px; background:#fff}