@charset "utf-8";
/* CSS Document */
html,body{ font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#333; width:100%; height:100%;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
a{ text-decoration:none; color:#333;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*header*/
@media screen and (min-width:1280px){
#head{ width:100%; position:absolute; top:0; left:0; z-index:999;}
#head .tel{ display:none;}
#head .nav_btn{ display:none;}
.menu{ display:none;}
#head.fix-nav .head{ background-color:rgba(255,255,255,1);}
.head{ width:100%; height:100px; background-color:rgba(255,255,255,0.7);}
.head .box{ width:1200px; height:100px; margin:auto;}
.head .box .logo{ height:56px; overflow:hidden; padding:22px 0;}
.head .box .logo img{ display:block; height:56px;}

.head .box .yu{ position:relative; height:100px; width:16px;}
.head .box .yu span{ display:block; width:16px; height:16px; padding:42px 0;}
.head .box .yu span img{ height:16px; display:block;}
.head .box .yu dl{ display:none; width:100px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:80px; left:-30px; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.head .box .yu dl:before{ bottom:100%; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.head .box .yu dl dd{ display:block; margin-bottom:7px; text-align:center;}
.head .box .yu dl dd:last-child{ margin-bottom:0;}
.head .box .yu dl dd a{ display:block; color:#999; font-size:14px; line-height:24px; height:24px; overflow:hidden; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.head .box .yu:hover dl{ display:block;}
.head .box .yu dl dd a:hover{ color:#fff;}
.head .box .nav{ height:100px; overflow:hidden; display:block; margin-left:80px;}
.head .box .nav li{ display:block; float:left; width:120px; height:100px; position:relative; background-image:url(../images/nav.jpg); background-position:right center; background-repeat:no-repeat; text-align:center; padding-right:1px;}
.head .box .nav li:last-child{ background-image:none;}
.head .box .nav li a{ display:block; height:100px; line-height:100px; font-size:16px;}
.head .box .nav li b{ width:0; height:2px; background-color:#1f7ce6; display:block; position:absolute; left:50%; bottom:0; transition: width 0.5s; -moz-transition: width 0.5s; -webkit-transition: width 0.5s; -o-transition: width 0.5s; transform:translateX(-50%) translateY(0);}
.head .box .nav li.now a{ color:#1f7ce6;}
.head .box .nav li.now b{ width:62px;}
.head .box .nav li a.now{ color:#1f7ce6;}

.navbox{ width:100%; background-color:#f1f1f1;}
.navbox .cont{ width:1200px; overflow:hidden; margin:auto;}
.navbox .cont .list01{ width:1230px; display:block; overflow:hidden; padding:25px 0;}
.navbox .cont .list01 dt{ width:277.5px; display:block; overflow:hidden; float:left; margin-right:30px;}
.navbox .cont .list01 dt span{ display:block; height:28px; padding-bottom:5px; line-height:28px; font-size:18px; font-weight:bold;}
.navbox .cont .list01 dt strong{ width:100%; height:120px; overflow:hidden; display:block; margin-top:5px;}
.navbox .cont .list01 dt strong img{ display:block; width:100%;}
.navbox .cont .list01 dt p{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:10px; color:#666;}
.navbox .cont .list01 dt:hover span{ color:#1f63ac;}

.navbox .cont .list02{ width:1230px; display:block; overflow:hidden; padding-bottom:25px;}
.navbox .cont .list02 dt{ width:380px; display:block; overflow:hidden; float:left; margin-right:30px; padding-top:25px;}
.navbox .cont .list02 dt:nth-child(3n+1){ clear:left; float:left;}
.navbox .cont .list02 dt span{ display:block; height:28px; line-height:28px; font-size:18px; font-weight:bold; padding-bottom:5px;}
.navbox .cont .list02 dt strong{ width:100%; height:140px; overflow:hidden; display:block; margin:5px 0;}
.navbox .cont .list02 dt strong img{ display:block; width:100%;}
.navbox .cont .list02 dt p{ width:100%; display:block; overflow:hidden;}
.navbox .cont .list02 dt p a{ display:block; overflow:hidden; font-size:14px; line-height:24px; line-height:24px; color:#666; padding-left:15px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; margin-top:5px;}
.navbox .cont .list02 dt a:hover{ color:#1f63ac;}

.navbox .cont .list03{ width:1230px; display:block; overflow:hidden; padding-top:30px;}
.navbox .cont .list03 dt{ width:277.5px; display:block; overflow:hidden; float:left; margin-bottom:25px; margin-right:30px;}
.navbox .cont .list03 dt strong{ width:100%; height:120px; overflow:hidden; display:block; position:relative; margin-bottom:5px;}
.navbox .cont .list03 dt strong img{ display:block; width:100%;}
.navbox .cont .list03 dt strong a{ width:100%; height:120px; display:block; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); font-size:18px; text-align:center; line-height:120px; color:#fff; display:block; overflow:hidden;}
.navbox .cont .list03 dt b{ font-size:16px; line-height:26px; height:26px; padding-top:10px; display:block; overflow:hidden;}
.navbox .cont .list03 dt p{ width:292.5px; display:block; overflow:hidden;}
.navbox .cont .list03 dt p a{ margin-right:15px; display:block; float:left; font-size:14px; line-height:24px; color:#666; overflow:hidden;}
.navbox .cont .list03 dt p a:hover{ color:#1f63ac;}

.navbox .cont .list04{ width:1230px; display:block; overflow:hidden; padding-bottom:25px; padding-top:10px;}
.navbox .cont .list04 dt{ width:277.5px; display:block; overflow:hidden; float:left; margin-right:30px; margin-top:20px;}
.navbox .cont .list04 dt strong{ width:100%; height:200px; overflow:hidden; display:block;}
.navbox .cont .list04 dt strong img{ display:block; width:100%;}
.navbox .cont .list04 dt span{ display:block; height:26px; padding-top:5px; line-height:26px; font-size:16px; overflow:hidden;}
.navbox .cont .list04 dt p{ width:100%; display:block; overflow:hidden; font-size:14px; line-height:24px; height:48px; color:#666;}
.navbox .cont .list04 dt:hover span{ color:#1f63ac;}

.navbox .cont .list05{ width:1220px; display:block; overflow:hidden; padding-bottom:25px; padding-top:10px;}
.navbox .cont .list05 dt{ width:224px; display:block; overflow:hidden; float:left; margin-right:20px; margin-top:20px;}
.navbox .cont .list05 dt strong{ width:100%; height:110px; position:relative; overflow:hidden; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; background-color:#fff;}
.navbox .cont .list05 dt strong img{ display:block; max-height:100%; max-width:100%;position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); margin:auto;}
.navbox .cont .list05 dt span{ display:block; height:24px; padding-top:5px; line-height:24px; font-size:14px; text-align:center; overflow:hidden;}
.navbox .cont .list05 dt:hover span{ color:#1f63ac;}
.navbox .cont .list05 dt:hover strong{ -webkit-transform:rotateY(-360deg);}
}

@media screen and (min-width:769px) and (max-width:1279px){
#head{ width:100%; position:absolute; top:0; left:0; z-index:999;}
#head .tel{ display:none;}
#head .nav_btn{ display:none;}
.menu{ display:none;}
#head.fix-nav .head{ background-color:rgba(255,255,255,1);}
.head{ width:100%; height:80px; background-color:rgba(255,255,255,0.7);}
.head .box{ width:94%; height:80px; margin:auto;}
.head .box .logo{ height:50px; overflow:hidden; padding:15px 0;}
.head .box .logo img{ display:block; height:50px;}

.head .box .yu{ position:relative; height:80px; width:16px;}
.head .box .yu span{ display:block; width:16px; height:16px; padding:32px 0;}
.head .box .yu span img{ height:16px; display:block;}
.head .box .yu dl{ display:none; width:100px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:60px; left:-30px; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.head .box .yu dl:before{ bottom:100%; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.head .box .yu dl dd{ display:block; margin-bottom:7px; text-align:center;}
.head .box .yu dl dd:last-child{ margin-bottom:0;}
.head .box .yu dl dd a{ display:block; color:#999; font-size:14px; line-height:24px; height:24px; overflow:hidden; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.head .box .yu:hover dl{ display:block;}
.head .box .yu dl dd a:hover{ color:#fff;}
.head .box .nav{ height:80px; overflow:hidden; display:block; margin-left:3vh;}
.head .box .nav li{ display:block; float:left; padding:0 2vh; height:80px; position:relative; background-image:url(../images/nav.jpg); background-position:right center; background-repeat:no-repeat; text-align:center;}
.head .box .nav li:last-child{ background-image:none;}
.head .box .nav li a{ display:block; height:80px; line-height:80px; font-size:14px;}
.head .box .nav li b{ width:0; height:2px; background-color:#1f7ce6; display:block; position:absolute; left:50%; bottom:0; transition: width 0.5s; -moz-transition: width 0.5s; -webkit-transition: width 0.5s; -o-transition: width 0.5s; transform:translateX(-50%) translateY(0);}
.head .box .nav li.now a{ color:#1f7ce6;}
.head .box .nav li.now b{ width:62px;}
.head .box .nav li a.now{ color:#1f7ce6;}

.navbox{ display:none !important;}
}

@media only screen and (max-width:768px){
#head{ width:100%; height:60px; background-color:#fff; position:relative; z-index:999;}
#head .logo{ height:40px; padding:10px 0; width:100%; height:40px;}
#head .logo img{ display:block; height:40px; margin:auto;}
#head .nav{ display:none;}
#head .yu{ display:none;}
#head .tel{ position:absolute; left:0; top:0; width:60px; height:60px;}
#head .tel span{ display:block; width:60px; height:60px; background-image:url(../images/tel.png); background-position:center; background-repeat:no-repeat;}
#head .tel dl{ display:none; width:100px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:60px; left:-0; background:rgba(0,0,0,0.7); padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
#head .tel dl:before{ bottom:100%; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
#head .tel dl dd{ display:block; margin-bottom:7px; text-align:center;}
#head .tel dl dd:last-child{ margin-bottom:0;}
#head .tel dl dd a{ display:block; color:#999; font-size:14px; line-height:24px; height:24px; overflow:hidden; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
#head .tel:hover dl{ display:block;}
#head .tel dl dd a:hover{ color:#fff;}
#head .nav_btn{ position:absolute; right:0; top:0; width:60px; height:60px; background-image:url(../images/menu.png); background-position:center; background-repeat:no-repeat;}

.menu{ width:100%; height:100%; position:absolute; left:0; top:60px; opacity:0; z-index:-1;}
.menu.active{ opacity:1; z-index:9999;}
.sliding-menu{ width:100%; position:relative; background-color:rgba(0,0,0,0.7);}
.sliding-menu ul{ float:left;}
.sliding-menu ul li{ display:block; overflow:hidden; padding:7px 15px;}
.sliding-menu a{ display:block; color:#fff; line-height:24px; font-size:14px; background-image:url(../images/nr.png); background-position:right center; background-repeat:no-repeat;}
.sliding-menu a.back{ background-color:#000; background-image:url(../images/nl.png); background-position:15px center; padding:7px 30px;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:100%; position:relative;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; bottom:20px; right:50%; margin-right:-605px; z-index:3; font-size:18px; color:#fff;}
.banner .swiper-pagination span{ margin:0 5px;}
.banner .swiper-pagination span.swiper-pagination-current{ font-size:30px;}
.banner .down{ position:absolute; left:50%; margin-left:-16px; bottom:30px; z-index:3; cursor:pointer;}
.banner .down img{ width:32px; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; position:relative;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; bottom:15px; right:3%; z-index:3; font-size:16px; color:#fff;}
.banner .swiper-pagination span{ margin:0 2px;}
.banner .swiper-pagination span.swiper-pagination-current{ font-size:24px;}
.banner .down{ position:absolute; left:50%; margin-left:-13px; bottom:20px; z-index:3; cursor:pointer;}
.banner .down img{ width:26px; display:block;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ position:absolute; bottom:10px; right:3%; z-index:3; font-size:14px; color:#fff;}
.banner .swiper-pagination span.swiper-pagination-current{ font-size:18px;}
.banner .down{ position:absolute; left:50%; margin-left:-10px; bottom:10px; z-index:3; cursor:pointer;}
.banner .down img{ width:20px; display:block;}
}

/*明星产品*/
@media screen and (min-width:1280px){
.mbox{ width:1200px; margin:auto; padding-top:60px; padding-bottom:70px;}
.mbox .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.mbox .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.mbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.mbox .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.mbox .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.mbox .box{ width:100%; height:540px; position:relative;}
.mbox .box .p01{ width:300px; height:540px; position:absolute; left:0; top:0;}
.mbox .box .p02{ width:300px; height:540px; position:absolute; left:300px; top:0;}
.mbox .box .p03{ width:300px; height:270px; position:absolute; left:600px; top:0;}
.mbox .box .p04{ width:300px; height:270px; position:absolute; right:0; top:0;}
.mbox .box .p05{ width:600px; height:270px; position:absolute; right:0; bottom:0;}
.mbox .box a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.mbox .box a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.mbox .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); opacity:0.5;}
.mbox .box p{ position:absolute; left:20px; right:20px; bottom:15px; display:block; overflow:hidden;}
.mbox .box p b{ display:block; font-weight:normal; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.mbox .box p span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.mbox .box .p05 p{ bottom:50%; margin-bottom:-26px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.mbox{ width:94%; margin:auto; padding-top:45px; padding-bottom:50px;}
.mbox .title{ width:100%; margin-bottom:15px; text-align:center;}
.mbox .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.mbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.mbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.mbox .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.mbox .box{ width:100%; position:relative;}
.mbox .box .p01{ width:25%; float:left;}
.mbox .box .p02{ width:25%; float:left;}
.mbox .box .p03{ width:25%; float:left;}
.mbox .box .p04{ width:25%; float:left;}
.mbox .box .p05{ width:50%;}
.mbox .box a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.mbox .box a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.mbox .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); opacity:0.5;}
.mbox .box p{ position:absolute; left:10px; right:10px; bottom:10px; display:block; overflow:hidden;}
.mbox .box p b{ display:block; font-weight:normal; font-size:16px; height:24px; line-height:24px; overflow:hidden;}
.mbox .box p span{ display:block; font-size:14px; height:20px; line-height:20px; overflow:hidden;}
.mbox .box .p05 p{ bottom:50%; margin-bottom:-22px;}
}

@media only screen and (max-width:768px){
.mbox{ width:94%; margin:auto; padding-top:25px; padding-bottom:30px;}
.mbox .title{ width:100%; margin-bottom:15px; text-align:center;}
.mbox .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.mbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.mbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.mbox .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.mbox .box{ width:100%; position:relative;}
.mbox .box .p01{ width:33.33%; float:left;}
.mbox .box .p02{ width:33.33%; float:left;}
.mbox .box .p03{ width:33.33%; float:left;}
.mbox .box .p04{ width:33.33%; float:left;}
.mbox .box .p05{ width:100%;}
.mbox .box a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.mbox .box a img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.mbox .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); opacity:0.5;}
.mbox .box p{ position:absolute; left:5px; right:5px; bottom:5px; display:block; overflow:hidden;}
.mbox .box p b{ display:block; font-weight:normal; font-size:14px; height:20px; line-height:20px; overflow:hidden;}
.mbox .box p span{ display:block; font-size:12px; height:18px; line-height:18px; overflow:hidden;}
.mbox .box .p05 p{ bottom:50%; margin-bottom:-19px;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:60px; padding-bottom:70px; background-color:rgba(0,0,0,0.6); width:100%;}
.abox .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.abox .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px; color:#fff;}
.abox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.abox .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.abox .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px; color:#fff;}
.abox .cont{ width:1200px; margin:auto;}
.abox .cont .left{ width:540px; float:left; margin-top:35px;}
.abox .cont .left .cn{ color:#fff; font-weight:bold; font-size:24px; height:34px; line-height:34px;}
.abox .cont .left .en{ color:#fff; font-size:14px; height:22px; line-height:22px;}
.abox .cont .left .cn a,.abox .cont .left .en a{ color:#fff;}
.abox .cont .left .wen{ color:#fff; font-size:14px; height:216px; line-height:24px; margin-top:20px;}
.abox .cont .left .wen a{ color:#fff;}
.abox .cont .left .wen span,.abox .cont .left .wen p{ color:#fff !important;}
.abox .cont .left .more{ width:120px; height:40px; margin-top:33px; position:relative;}
.abox .cont .left .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#fff; position:absolute; left:0; top:0; z-index:3;}
.abox .cont .left .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.abox .cont .left .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.abox .cont .left .more:hover b,.abox .cont .left .more:hover strong{ width:100%; height:100%; background-color:rgba(31,124,230,0.7);}
.abox .cont .right{ width:560px; height:400px; padding:20px; float:right; background-image:url(../images/abg.png); background-position:center; background-repeat:no-repeat; position:relative;}
.abox .cont .right .tu{ width:560px; height:400px; position:relative;}
.abox .cont .right .tu img{ width:100%;}
.abox .cont .right .tu a{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; overflow:hidden;}
.abox .cont .right .r01{ color:#fff; font-size:14px; line-height:24px; height:24px; position:absolute; left:0; top:80px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.abox .cont .right .r02{ font-size:36px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; position:absolute; right:0; bottom:-8px; text-transform:uppercase;}
.abox .cont .right .r02 a{ color:#1f7ce6;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:45px; padding-bottom:50px; background-color:rgba(0,0,0,0.6); width:100%;}
.abox .title{ width:94%; margin:auto; margin-bottom:15px; text-align:center;}
.abox .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px; color:#fff;}
.abox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.abox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.abox .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px; color:#fff;}
.abox .cont{ width:94%; margin:auto;}
.abox .cont .left{ width:47%; float:left; margin-top:15px;}
.abox .cont .left .cn{ color:#fff; font-weight:bold; font-size:20px; height:30px; line-height:30px;}
.abox .cont .left .en{ color:#fff; font-size:14px; height:24px; line-height:24px;}
.abox .cont .left .cn a,.abox .cont .left .en a{ color:#fff;}
.abox .cont .left .wen{ color:#fff; font-size:14px; height:168px; line-height:24px; margin-top:10px;}
.abox .cont .left .wen a{ color:#fff;}
.abox .cont .left .wen span,.abox .cont .left .wen p{ color:#fff !important;}
.abox .cont .left .more{ width:120px; height:40px; margin-top:15px; position:relative;}
.abox .cont .left .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#fff; position:absolute; left:0; top:0; z-index:3;}
.abox .cont .left .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.abox .cont .left .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.abox .cont .left .more:hover b,.abox .cont .left .more:hover strong{ width:100%; height:100%; background-color:rgba(31,124,230,0.7);}
.abox .cont .right{ width:50%; float:right; box-sizing:border-box; padding:10px; background-image:url(../images/abg.png); background-position:center; background-repeat:no-repeat; position:relative; background-size:100% 100%;}
.abox .cont .right .tu{ width:100%; height:100%; position:relative;}
.abox .cont .right .tu img{ width:100%; display:block;}
.abox .cont .right .tu a{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; overflow:hidden;}
.abox .cont .right .r01{ color:#fff; font-size:14px; line-height:24px; height:24px; position:absolute; left:-20px; top:60px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.abox .cont .right .r02{ font-size:28px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; position:absolute; right:0; bottom:-5px; text-transform:uppercase;}
.abox .cont .right .r02 a{ color:#1f7ce6;}
}

@media only screen and (max-width:768px){
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:25px; padding-bottom:30px; background-color:rgba(0,0,0,0.6); width:100%;}
.abox .title{ width:94%; margin:auto; margin-bottom:15px; text-align:center;}
.abox .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.abox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.abox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.abox .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.abox .cont{ width:94%; margin:auto;}
.abox .cont .left{ width:100%; margin-top:15px;}
.abox .cont .left .cn{ color:#fff; font-weight:bold; font-size:18px; height:28px; line-height:28px;}
.abox .cont .left .en{ color:#fff; font-size:14px; height:22px; line-height:22px;}
.abox .cont .left .cn a,.abox .cont .left .en a{ color:#fff;}
.abox .cont .left .wen{ color:#fff; font-size:14px; height:168px; line-height:24px; margin-top:10px;}
.abox .cont .left .wen a{ color:#fff;}
.abox .cont .left .wen span,.abox .cont .left .wen p{ color:#fff !important;}
.abox .cont .left .more{ width:120px; height:40px; margin-top:15px; position:relative;}
.abox .cont .left .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#fff; position:absolute; left:0; top:0; z-index:3;}
.abox .cont .left .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.abox .cont .left .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.abox .cont .left .more:hover b,.abox .cont .left .more:hover strong{ width:100%; height:100%; background-color:rgba(31,124,230,0.7);}
.abox .cont .right{ width:100%; box-sizing:border-box; padding:10px; background-image:url(../images/abg.png); background-position:center; background-repeat:no-repeat; position:relative; background-size:100% 100%;}
.abox .cont .right .tu{ width:100%; height:100%; position:relative;}
.abox .cont .right .tu img{ width:100%; display:block;}
.abox .cont .right .tu a{ width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.3); position:absolute; left:0; top:0; overflow:hidden;}
.abox .cont .right .r01{ color:#fff; font-size:14px; line-height:24px; height:24px; position:absolute; left:-20px; top:60px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.abox .cont .right .r02{ font-size:24px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; position:absolute; right:0; bottom:-8px; text-transform:uppercase;}
.abox .cont .right .r02 a{ color:#1f7ce6;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.pbox{ width:100%; background-color:#eee; height:700px;}
.pbox .box{ width:1200px; margin:auto; height:700px; position:relative;}
.pbox .title{ width:360px; position:absolute; left:0; top:85px; z-index:3;}
.pbox .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.pbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pbox .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.pbox .title ul{ display:block; margin:14px 30px; margin-right:0; overflow:hidden;}
.pbox .title ul li{ display:block; height:38px; line-height:38px; font-size:14px; padding-left:20px;}
.pbox .title ul li.on{ background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat;}
.pbox .title ul li:hover,.pbox .title ul li.on{ color:#1f7ce6;}
.pbox .title strong{ display:block; font-weight:normal; text-align:right;}
.pbox .title strong a{ font-size:14px; line-height:24px; height:24px; display:block; float:right; text-transform:uppercase;}
.pbox .title strong a:hover{ color:#1f7ce6;}
.pbox .cont{ width:100%; height:700px; position:relative; z-index:1;}
.pbox .cont .nei{ width:1220px; margin-left:-10px; height:700px; position:relative;}
.pbox .cont .nei dt{ display:block; overflow:hidden; width:752px; margin-left:468px; padding-top:60px; height:320px;}
.pbox .cont .nei dt a{ width:356px; height:300px; display:block; overflow:hidden; position:relative; float:left; padding:10px;}
.pbox .cont .nei dd{ display:block; overflow:hidden; width:100%; height:260px;}
.pbox .cont .nei dd a{ width:285px; height:240px; display:block; overflow:hidden; position:relative; float:left; padding:10px;}
.pbox .cont .nei dt .tu{ width:356px; height:300px; background-color:#fff;}
.pbox .cont .nei dt .tu img{ width:100%; display:block;}
.pbox .cont .nei dd .tu{ width:285px; height:240px; background-color:#fff;}
.pbox .cont .nei dd .tu img{ width:100%; display:block;}
.pbox .cont .nei dt .mask{ width:0; height:0;  position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; border-radius:5px; background-color:#1f7ce6; transition:all 0.5s ease; background-image:url(../images/pm.png); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dd .mask{ width:0; height:0;  position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; border-radius:5px; background-color:#1f7ce6; transition:all 0.5s ease; background-image:url(../images/pm01.png); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dt .wen{ width:296px; position:absolute; left:40px; top:34px; z-index:3; transition:all 1s ease; opacity:0;}
.pbox .cont .nei dt .wen .c01{ text-align:center; color:#fff; font-size:18px; height:32px; line-height:32px;}
.pbox .cont .nei dt .wen .c02{ text-align:center; color:#fff; font-size:14px; height:26px; line-height:26px;}
.pbox .cont .nei dt .wen .c03{ margin-top:10px; width:100%; height:2px; background-image:url(../images/line.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dt .wen .c04{ width:100%; font-size:14px; line-height:24px; height:96px; color:#fff; margin-top:15px;}
.pbox .cont .nei dt .wen .c04 span,.pbox .cont .nei dt .wen .c04 p{ color:#fff !important;}
.pbox .cont .nei dt .wen .c05{ width:118px; height:34px; line-height:34px; border:1px solid #63a4ee; border-radius:40px; text-align:center; color:#fff; font-size:14px; margin:auto; margin-top:29px;}
.pbox .cont .nei dd .wen{ width:265px; position:absolute; left:20px; top:14px; z-index:3; transition:all 1s ease; opacity:0;}
.pbox .cont .nei dd .wen .c01{ text-align:center; color:#fff; font-size:18px; height:32px; line-height:32px;}
.pbox .cont .nei dd .wen .c02{ text-align:center; color:#fff; font-size:14px; height:26px; line-height:26px;}
.pbox .cont .nei dd .wen .c03{ margin-top:10px; width:100%; height:2px; background-image:url(../images/line.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dd .wen .c04{ width:100%; font-size:14px; line-height:24px; height:96px; color:#fff; margin-top:10px;}
.pbox .cont .nei dd .wen .c04 span,.pbox .cont .nei dt .wen .c04 p{ color:#fff !important;}
.pbox .cont .nei dd .wen .c05{ width:118px; height:34px; line-height:34px; border:1px solid #63a4ee; border-radius:40px; text-align:center; color:#fff; font-size:14px; margin:auto; margin-top:10px;}
.pbox .cont .nei a:hover .wen{ opacity:1;}
.pbox .cont .nei dt a:hover .mask{ opacity:1; width:376px; height:320px;}
.pbox .cont .nei dd a:hover .mask{ opacity:1; width:305px; height:260px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%; padding:45px 0; background-color:#eee; position:relative;}
.pbox .title{ width:45%; position:absolute; left:3%; top:45px; z-index:3;}
.pbox .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.pbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pbox .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.pbox .title ul{ display:block; overflow:hidden; margin-top:10px;}
.pbox .title ul li{ display:block; height:30px; line-height:30px; font-size:14px; padding-left:20px; width:50%; box-sizing:border-box; float:left;}
.pbox .title ul li.on{ background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat;}
.pbox .title ul li:hover,.pbox .title ul li.on{ color:#1f7ce6;}
.pbox .title strong{ display:block; font-weight:normal; text-align:right;}
.pbox .title strong a{ font-size:14px; line-height:24px; height:24px; display:block; float:right; text-transform:uppercase;}
.pbox .title strong a:hover{ color:#1f7ce6;}
.pbox .cont{ width:100%; position:relative; z-index:1;}
.pbox .cont .nei{ width:100%; position:relative;}
.pbox .cont .nei dt{ display:block; overflow:hidden; width:50%; margin-left:48.5%;}
.pbox .cont .nei dt a{ width:42%; height:180px; display:block; position:relative; float:left; overflow:hidden; margin:5px 6%; margin-right:0;}
.pbox .cont .nei dt .tu{ width:100%; height:180px; background-color:#fff;}
.pbox .cont .nei dt .tu img{ width:100%; display:block;}
.pbox .cont .nei dt .mask{ width:0; height:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#1f7ce6; transition:all 0.5s ease; background-image:url(../images/pm01.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.pbox .cont .nei dt .wen{ width:90%; position:absolute; left:50%; top:50%; z-index:3; transition:all 1s ease; opacity:0; transform:translateX(-50%) translateY(-50%);}
.pbox .cont .nei dt .wen .c01{ text-align:center; color:#fff; font-size:16px; line-height:26px;}
.pbox .cont .nei dt .wen .c02{ text-align:center; color:#fff; font-size:14px; height:24px; line-height:24px;}
.pbox .cont .nei dt .wen .c03{ margin:5px auto; width:100%; height:2px; background-image:url(../images/line.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dt a:hover .wen{ opacity:1;}
.pbox .cont .nei dt a:hover .mask{ opacity:1; width:100%; height:100%;}
.pbox .cont .nei dd{ display:block; overflow:hidden; width:100%; margin-top:15px;}
.pbox .cont .nei dd a{ width:21.25%; height:180px; display:block; position:relative; float:left; overflow:hidden; margin:5px 3%; margin-right:0;}
.pbox .cont .nei dd .tu{ width:100%; height:180px; background-color:#fff;}
.pbox .cont .nei dd .tu img{ width:100%; display:block;}
.pbox .cont .nei dd .mask{ width:0; height:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#1f7ce6; transition:all 0.5s ease; background-image:url(../images/pm01.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.pbox .cont .nei dd .wen{ width:90%; position:absolute; left:50%; top:50%; z-index:3; transition:all 1s ease; opacity:0; transform:translateX(-50%) translateY(-50%);}
.pbox .cont .nei dd .wen .c01{ text-align:center; color:#fff; font-size:16px; line-height:26px;}
.pbox .cont .nei dd .wen .c02{ text-align:center; color:#fff; font-size:14px; height:24px; line-height:24px;}
.pbox .cont .nei dd .wen .c03{ margin:5px auto; width:100%; height:2px; background-image:url(../images/line.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dd a:hover .wen{ opacity:1;}
.pbox .cont .nei dd a:hover .mask{ opacity:1; width:100%; height:100%;}
.pbox .cont .nei dt .wen .c04,.pbox .cont .nei dd .wen .c04{ width:100%; font-size:14px; line-height:24px; height:48px; color:#fff; margin-top:10px;}
.pbox .cont .nei dt .wen .c04 span,.pbox .cont .nei dt .wen .c04 span{ color:#fff !important;}
.pbox .cont .nei dd .wen .c04 p,.pbox .cont .nei dd .wen .c04 p{ color:#fff !important;}
.pbox .cont .nei dt .wen .c05,.pbox .cont .nei dd .wen .c05{ line-height:24px; text-align:center; color:#fff; font-size:14px; margin:auto; margin-top:5px;}
.pbox .more{ display:none;}
}

@media only screen and (max-width:768px){
.pbox{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.pbox .title{ width:94%; margin:auto; margin-bottom:15px; text-align:center;}
.pbox .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pbox .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pbox .title ul{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.pbox .title ul li{ width:21.25%; float:left; display:block; overflow:hidden; text-align:center; background-color:#fff; font-size:14px; line-height:30px; height:30px; border-radius:3px; margin-left:3%;}
.pbox .title ul li.on{ background-color:#1f7ce6; color:#fff;}
.pbox .title strong{ display:none;}
.pbox .cont{ width:100%; position:relative; z-index:1;}
.pbox .cont .nei{ width:100%; position:relative;}
.pbox .cont .nei dt{ display:block; overflow:hidden; width:100%;}
.pbox .cont .nei dt a{ width:45.5%; height:150px; display:block; position:relative; float:left; overflow:hidden; margin:5px 3%; margin-right:0;}
.pbox .cont .nei dt .tu{ width:100%; height:150px; background-color:#fff;}
.pbox .cont .nei dt .tu img{ width:100%; display:block;}
.pbox .cont .nei dt .mask{ width:0; height:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#1f7ce6; transition:all 0.5s ease; background-image:url(../images/pm01.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.pbox .cont .nei dt .wen{ width:90%; position:absolute; left:50%; top:50%; z-index:3; transition:all 1s ease; opacity:0; transform:translateX(-50%) translateY(-50%);}
.pbox .cont .nei dt .wen .c01{ text-align:center; color:#fff; font-size:16px; line-height:26px;}
.pbox .cont .nei dt .wen .c02{ text-align:center; color:#fff; font-size:14px; height:24px; line-height:24px;}
.pbox .cont .nei dt .wen .c03{ margin:5px auto; width:100%; height:2px; background-image:url(../images/line.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dt .wen .c04{ display:none;}
.pbox .cont .nei dt .wen .c05{ display:none;}
.pbox .cont .nei dt a:hover .wen{ opacity:1;}
.pbox .cont .nei dt a:hover .mask{ opacity:1; width:100%; height:100%;}
.pbox .cont .nei dd{ display:block; overflow:hidden; width:100%;}
.pbox .cont .nei dd a{ width:45.5%; height:150px; display:block; position:relative; float:left; overflow:hidden; margin:5px 3%; margin-right:0;}
.pbox .cont .nei dd .tu{ width:100%; height:150px; background-color:#fff;}
.pbox .cont .nei dd .tu img{ width:100%; display:block;}
.pbox .cont .nei dd .mask{ width:0; height:0; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1; background-color:#1f7ce6; transition:all 0.5s ease; background-image:url(../images/pm01.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.pbox .cont .nei dd .wen{ width:90%; position:absolute; left:50%; top:50%; z-index:3; transition:all 1s ease; opacity:0; transform:translateX(-50%) translateY(-50%);}
.pbox .cont .nei dd .wen .c01{ text-align:center; color:#fff; font-size:16px; line-height:26px;}
.pbox .cont .nei dd .wen .c02{ text-align:center; color:#fff; font-size:14px; height:24px; line-height:24px;}
.pbox .cont .nei dd .wen .c03{ margin:5px auto; width:100%; height:2px; background-image:url(../images/line.jpg); background-position:center; background-repeat:no-repeat;}
.pbox .cont .nei dd .wen .c04{ display:none;}
.pbox .cont .nei dd .wen .c05{ display:none;}
.pbox .cont .nei dd a:hover .wen{ opacity:1;}
.pbox .cont .nei dd a:hover .mask{ opacity:1; width:100%; height:100%;}
.pbox .more{ width:120px; height:40px; margin:auto; margin-top:10px; position:relative;}
.pbox .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#333; position:absolute; left:0; top:0; z-index:3;}
.pbox .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#1f7ce6; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.pbox .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#1f7ce6; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.pbox .more:hover b,.pbox .more:hover strong{ width:100%; height:100%;}
.pbox .more:hover a{ color:#fff;}
}

/*成功案例*/
@media screen and (min-width:1280px){
.cbox{ width:100%; padding-top:60px; padding-bottom:70px; display:none;}
.cbox .title{ width:1200px; margin:1px auto; margin-bottom:0; text-align:center;}
.cbox .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.cbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.cbox .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.cbox .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.cbox .box{ width:1080px; padding:0 60px; margin:auto; overflow:hidden; position:relative;}
.cbox .box .swiper-container{ width:100%; padding-top:17px; height:450px; overflow:hidden; position:relative;}
.cbox .box .swiper-container .swiper-slide{ width:340px; height:390px; position:relative; overflow:hidden; box-shadow:0 0 20px rgba(2,2,2,0.1); display:block;}
.cbox .box .swiper-container .swiper-slide a{ width:100%; height:390px; display:block; overflow:hidden; position:relative;} 
.cbox .box .swiper-container .swiper-slide:hover{ box-shadow:none; height:450px;}
.cbox .box .swiper-container .swiper-slide:hover a{ height:440px;}
.cbox .box .swiper-container .swiper-slide .tu{ width:340px; height:290px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.cbox .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.cbox .box .swiper-container .swiper-slide .tu img{ display:block; height:100%;}
.cbox .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:120px; top:240px;}
.cbox .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.cbox .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.cbox .box .swiper-container .swiper-slide .wen{ width:280px; height:240px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#1f7ce6; z-index:0;}
.cbox .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:168px; color:#fff; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:30px; width:280px; top:315px; transition:all 1s ease;}
.cbox .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .bt{ top:375px;}
.cbox .box .swiper-container .swiper-slide:hover .bt p{ color:#1f7ce6;}
.cbox .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:0; top:142px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat;}
.cbox .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:0; top:142px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat;}
.cbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:-5px; text-align:center;}
.cbox .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.cbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}
.cbox .more{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; padding-top:45px; padding-bottom:50px; display:none;}
.cbox .title{ width:94%; margin:auto; text-align:center;}
.cbox .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.cbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.cbox .title b{ margin:4px auto; display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.cbox .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.cbox .box{ width:94%; padding:0 3%; overflow:hidden; position:relative;}
.cbox .box .swiper-container{ width:100%; padding-top:15px; height:400px; overflow:hidden; position:relative; z-index:0;}
.cbox .box .swiper-container .swiper-slide{ width:100%; height:360px; position:relative; overflow:hidden; display:block;}
.cbox .box .swiper-container .swiper-slide a{ width:100%; height:360px; display:block; overflow:hidden; position:relative;} 
.cbox .box .swiper-container .swiper-slide .tu{ width:100%; height:260px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.cbox .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.cbox .box .swiper-container .swiper-slide .tu img{ display:block; width:100%;}
.cbox .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:50%; margin-left:-50px; top:175px;}
.cbox .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.cbox .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.cbox .box .swiper-container .swiper-slide .wen{ width:100%; box-sizing:border-box; height:225px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#1f7ce6; z-index:0;}
.cbox .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:120px; color:#fff; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:0; width:100%; top:285px; transition:all 1s ease;}
.cbox .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .bt{ top:310px;}
.cbox .box .swiper-container .swiper-slide:hover .bt p{ color:#1f7ce6;}
.cbox .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:3%; top:110px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.cbox .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:3%; top:110px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.cbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.cbox .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.cbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}
.cbox .more{ width:120px; height:40px; margin:auto; margin-top:15px; position:relative;}
.cbox .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#333; position:absolute; left:0; top:0; z-index:3;}
.cbox .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#1f7ce6; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.cbox .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#1f7ce6; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.cbox .more:hover b,.cbox .more:hover strong{ width:100%; height:100%;}
.cbox .more:hover a{ color:#fff;}
}

@media only screen and (max-width:768px){
.cbox{ width:100%; padding-top:25px; padding-bottom:30px; display:none;}
.cbox .title{ width:94%; margin:auto; text-align:center;}
.cbox .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.cbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.cbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.cbox .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.cbox .box{ width:94%; padding:0 3%; overflow:hidden; position:relative;}
.cbox .box .swiper-container{ width:100%; padding-top:15px; height:400px; overflow:hidden; position:relative; z-index:0;}
.cbox .box .swiper-container .swiper-slide{ width:100%; height:390px; position:relative; overflow:hidden; display:block;}
.cbox .box .swiper-container .swiper-slide a{ width:100%; height:390px; display:block; overflow:hidden; position:relative;} 
.cbox .box .swiper-container .swiper-slide .tu{ width:100%; height:290px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.cbox .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.cbox .box .swiper-container .swiper-slide .tu img{ display:block; width:100%;}
.cbox .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:50%; margin-left:-50px; top:185px;}
.cbox .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.cbox .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.cbox .box .swiper-container .swiper-slide .wen{ width:100%; box-sizing:border-box; height:235px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#1f7ce6; z-index:0;}
.cbox .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:168px; color:#fff; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:0; width:100%; top:315px; transition:all 1s ease;}
.cbox .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .bt{ top:320px;}
.cbox .box .swiper-container .swiper-slide:hover .bt p{ color:#1f7ce6;}
.cbox .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:3%; top:110px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.cbox .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:3%; top:110px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat; z-index:1;}
.cbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.cbox .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.cbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}
.cbox .more{ width:120px; height:40px; margin:auto; margin-top:15px; position:relative;}
.cbox .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#333; position:absolute; left:0; top:0; z-index:3;}
.cbox .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#1f7ce6; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.cbox .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#1f7ce6; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.cbox .more:hover b,.cbox .more:hover strong{ width:100%; height:100%;}
.cbox .more:hover a{ color:#fff;}
}

/*新闻*/
@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:60px; padding-bottom:70px; background-image:url(../images/nbg.jpg); background-position:center; background-repeat:no-repeat; position:relative;}
.nbox .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.nbox .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px; color:#fff;}
.nbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.nbox .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.nbox .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px; color:#fff;}
.nbox .line{ width:100%; height:1px; background-color:rgba(255,255,255,0.3); position:absolute; left:0; top:300px;}
.nbox .box{ width:1200px; margin:auto; height:440px; position:relative;}
.nbox .box .swiper-container{ width:100%; position:relative; height:440px;}
.nbox .box .swiper-wrapper{ height:360px;}
.nbox .box .swiper-slide{ width:360px; height:360px; overflow:hidden;}
.nbox .box .swiper-slide .cont{ width:100%; height:360px; text-align:center;}
.nbox .box .swiper-slide .cont .n01{ font-size:30px; height:56px; line-height:56px; padding-top:42px; color:#fff;}
.nbox .box .swiper-slide .cont .n02{ width:18px; height:18px; border-radius:20px; border:1px solid #fff; margin:13px auto;}
.nbox .box .swiper-slide .cont .n02 b{ width:10px; height:10px; border-radius:20px; display:block; margin:4px; background-color:#fff; overflow:hidden;}
.nbox .box .swiper-slide .cont .n03{ font-size:18px; height:52px; line-height:52px;}
.nbox .box .swiper-slide .cont .n03 a{ color:#fff;}
.nbox .box .swiper-slide .cont .n04{ width:100%;}
.nbox .box .swiper-slide .cont .n04 p{ width:40px; height:1px; display:block; margin:9px auto; background-color:#999;}
.nbox .box .swiper-slide .cont .n04 b{ width:1px; height:40px; display:none; margin:auto; background-color:#999;}
.nbox .box .swiper-slide .n05{ width:100%; font-size:14px; line-height:24px; margin-top:10px; height:72px;}
.nbox .box .swiper-slide .n05 a{ color:#999;}
.nbox .box .swiper-slide:hover .n04 p{ display:none;}
.nbox .box .swiper-slide:hover .n04 b{ display:block;}
.nbox .box .swiper-slide:hover .n02{ border:1px solid #1f7ce6;}
.nbox .box .swiper-slide:hover .n02 b{ background-color:#1f7ce6;}
.nbox .box .swiper-slide:hover .n03 a{ color:#1f7ce6;}
.nbox .box .swiper-slide:hover .n05 a{ color:#fff;}
.nbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.nbox .box .swiper-pagination span.swiper-pagination-current{ color:#1f7ce6;}
.nbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; cursor:pointer; background-image:url(../images/left.png); cursor:pointer;}
.nbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; cursor:pointer; background-image:url(../images/right.png); cursor:pointer;}
.nbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.nbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.nbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:510px; bottom:9px; background-image:url(../images/line.png); background-position:left center; background-repeat:repeat-x;}
.nbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#1f7ce6; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; padding-top:45px; padding-bottom:50px; background-image:url(../images/nbg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.nbox .title{ width:94%; margin:auto; margin-bottom:10px; text-align:center;}
.nbox .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px; color:#fff;}
.nbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.nbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.nbox .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px; color:#fff;}
.nbox .line{ width:100%; height:1px; background-color:rgba(255,255,255,0.3); position:absolute; left:0; top:203px;}
.nbox .box{ width:94%; padding:0 3%; position:relative;}
.nbox .box .swiper-container{ overflow:hidden; width:100%; position:relative; height:320px;}
.nbox .box .swiper-wrapper{ width:100%; height:260px;}
.nbox .box .swiper-slide{ width:100%; height:260px; overflow:hidden;}
.nbox .box .swiper-slide .cont{ width:100%; height:260px; text-align:center;}
.nbox .box .swiper-slide .cont .n01{ font-size:34px; height:44px; line-height:44px; color:#fff;}
.nbox .box .swiper-slide .cont .n02{ width:18px; height:18px; border-radius:20px; border:1px solid #fff; margin:15px auto;}
.nbox .box .swiper-slide .cont .n02 b{ width:10px; height:10px; border-radius:20px; display:block; margin:4px; background-color:#fff; overflow:hidden;}
.nbox .box .swiper-slide .cont .n03{ font-size:18px; height:38px; line-height:38px;}
.nbox .box .swiper-slide .cont .n03 a{ color:#fff;}
.nbox .box .swiper-slide .cont .n04{ width:100%;}
.nbox .box .swiper-slide .cont .n04 p{ width:40px; height:1px; display:block; margin:9px auto; background-color:#999;}
.nbox .box .swiper-slide .cont .n04 b{ width:1px; height:40px; display:none; margin:auto; background-color:#999;}
.nbox .box .swiper-slide .n05{ width:100%; font-size:14px; line-height:24px; margin-top:10px; height:72px;}
.nbox .box .swiper-slide .n05 a{ color:#999;}
.nbox .box .swiper-slide:hover .n04 p{ display:none;}
.nbox .box .swiper-slide:hover .n04 b{ display:block;}
.nbox .box .swiper-slide:hover .n02{ border:1px solid #1f7ce6;}
.nbox .box .swiper-slide:hover .n02 b{ background-color:#1f7ce6;}
.nbox .box .swiper-slide:hover .n03 a{ color:#1f7ce6;}
.nbox .box .swiper-slide:hover .n05 a{ color:#fff;}
.nbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.nbox .box .swiper-pagination span.swiper-pagination-current{ color:#1f7ce6;}
.nbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:0; bottom:0; cursor:pointer; background-image:url(../images/left.png); cursor:pointer;}
.nbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../images/right.png); cursor:pointer;}
.nbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.nbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.nbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:50%; margin-left:-90px; bottom:9px; background-image:url(../images/line.png); background-position:left center; background-repeat:repeat-x;}
.nbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#1f7ce6; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}
.nbox .more{ width:120px; height:40px; margin:auto; margin-top:15px; position:relative;}
.nbox .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#fff; position:absolute; left:0; top:0; z-index:3;}
.nbox .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.nbox .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.nbox .more:hover b,.nbox .more:hover strong{ width:100%; height:100%; background-color:rgba(31,124,230,0.7);}
}

@media only screen and (max-width:768px){
.nbox{ width:100%; padding-top:25px; padding-bottom:30px; background-image:url(../images/nbg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.nbox .title{ width:94%; margin:auto; margin-bottom:10px; text-align:center;}
.nbox .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.nbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.nbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.nbox .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.nbox .line{ width:100%; height:1px; background-color:rgba(255,255,255,0.3); position:absolute; left:0; top:173px;}
.nbox .box{ width:94%; padding:0 3%; position:relative;}
.nbox .box .swiper-container{ overflow:hidden; width:100%; position:relative; height:320px;}
.nbox .box .swiper-wrapper{ width:100%; height:260px;}
.nbox .box .swiper-slide{ width:100%; height:260px; overflow:hidden;}
.nbox .box .swiper-slide .cont{ width:100%; height:260px; text-align:center;}
.nbox .box .swiper-slide .cont .n01{ font-size:34px; height:44px; line-height:44px; color:#fff;}
.nbox .box .swiper-slide .cont .n02{ width:18px; height:18px; border-radius:20px; border:1px solid #fff; margin:15px auto;}
.nbox .box .swiper-slide .cont .n02 b{ width:10px; height:10px; border-radius:20px; display:block; margin:4px; background-color:#fff; overflow:hidden;}
.nbox .box .swiper-slide .cont .n03{ font-size:18px; height:38px; line-height:38px;}
.nbox .box .swiper-slide .cont .n03 a{ color:#fff;}
.nbox .box .swiper-slide .cont .n04{ width:100%;}
.nbox .box .swiper-slide .cont .n04 p{ width:40px; height:1px; display:block; margin:9px auto; background-color:#999;}
.nbox .box .swiper-slide .cont .n04 b{ width:1px; height:40px; display:none; margin:auto; background-color:#999;}
.nbox .box .swiper-slide .n05{ width:100%; font-size:14px; line-height:24px; margin-top:10px; height:72px;}
.nbox .box .swiper-slide .n05 a{ color:#999;}
.nbox .box .swiper-slide:hover .n04 p{ display:none;}
.nbox .box .swiper-slide:hover .n04 b{ display:block;}
.nbox .box .swiper-slide:hover .n02{ border:1px solid #1f7ce6;}
.nbox .box .swiper-slide:hover .n02 b{ background-color:#1f7ce6;}
.nbox .box .swiper-slide:hover .n03 a{ color:#1f7ce6;}
.nbox .box .swiper-slide:hover .n05 a{ color:#fff;}
.nbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.nbox .box .swiper-pagination span.swiper-pagination-current{ color:#1f7ce6;}
.nbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:0; bottom:0; cursor:pointer; background-image:url(../images/left.png); cursor:pointer;}
.nbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../images/right.png); cursor:pointer;}
.nbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.nbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.nbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:50%; margin-left:-90px; bottom:9px; background-image:url(../images/line.png); background-position:left center; background-repeat:repeat-x;}
.nbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#1f7ce6; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}
.nbox .more{ width:120px; height:40px; margin:auto; margin-top:15px; position:relative;}
.nbox .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#fff; position:absolute; left:0; top:0; z-index:3;}
.nbox .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.nbox .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:rgba(255,255,255,0.3); -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in;  transition: all 0.5s ease-in;}
.nbox .more:hover b,.nbox .more:hover strong{ width:100%; height:100%; background-color:rgba(31,124,230,0.7);}
}

/*合作平台*/
@media screen and (min-width:1280px){
.hbox{ width:100%; background-color:#eee;}
.hbox .cont{ width:1200px; margin:auto; padding:90px 0; height:520px; background-image:url(../images/hbg01.jpg); background-position:center; background-repeat:no-repeat;}
.hbox .cont .title{ width:300px; float:left; height:520px;}
.hbox .cont .title img{ display:block; margin:140px 0;}
.hbox .box{ width:850px; overflow:hidden; float:left; padding-top:60px;}
.hbox .box .swiper-container{ width:830px; padding-right:20px; position:relative; height:400px;}
.hbox .box .swiper-wrapper{ width:830px; height:400px; -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.hbox .box .swiper-slide{ width:260px; height:120px; overflow:hidden;}
.hbox .box .swiper-slide a{ width:250px; display:block; margin-right:10px; background-color:#fff; height:120px; overflow:hidden; position:relative;}
.hbox .box .swiper-slide img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .box .swiper-pagination{ width:10px; position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%);}
.hbox .box .swiper-pagination span{ display:block; margin:10px 0; width:8px; height:8px; border-radius:10px; border:1px solid #1f7ce6; cursor:pointer;}
.hbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ width:100%; background-color:#eee;}
.hbox .cont{ width:94%; margin:50px auto; position:relative; z-index:1;}
.hbox .cont .title{ width:22%; margin-right:3%; float:left; height:370px; position:relative;}
.hbox .cont .title img{ display:block; width:100%; position:absolute; top:50%; left:0; transform:translateX(0) translateY(-50%);}
.hbox .bg{ width:94%; height:100%; box-sizing:border-box; border:2px solid #1f7ce6; position:absolute; left:6%; top:0%; z-index:0;}
.hbox .box{ width:73%; overflow:hidden; float:left; padding-top:20px; padding-bottom:5px;}
.hbox .box .swiper-container{ width:100%; box-sizing:border-box; padding-right:15px; position:relative;}
.hbox .box .swiper-wrapper{ width:100%; -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.hbox .box .swiper-slide{ width:100%; height:100px; margin-bottom:15px; overflow:hidden; background-color:#fff; margin-top:0 !important; position:relative;}
.hbox .box .swiper-slide img{ max-width:100%; max-height:100%; display:block;position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .box .swiper-pagination{ width:10px; position:absolute; top:50%; right:0; transform:translateX(0) translateY(-50%);}
.hbox .box .swiper-pagination span{ display:block; margin:10px 0; width:8px; height:8px; border-radius:10px; border:1px solid #1f7ce6; cursor:pointer;}
.hbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}
}

@media only screen and (max-width:768px){
.hbox{ width:100%; background-color:#eee; padding-top:30px; padding-bottom:25px; position:relative; z-index:0;}
.hbox .title{ width:40%; margin:auto; position:relative; z-index:2;}
.hbox .title img{ width:100%; display:block;}
.hbox .bg{ width:88%; height:70%; box-sizing:border-box; border:2px solid #1f7ce6; position:absolute; left:6%; top:15%; z-index:0;}
.hbox .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:2;}
.hbox .box .swiper-container{ width:100%; margin:auto; position:relative; z-index:2;}
.hbox .box .swiper-wrapper{ -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.hbox .box .swiper-slide{ width:100%; height:80px; margin-bottom:10px; overflow:hidden; background-color:#fff; margin-top:0 !important; position:relative;}
.hbox .box .swiper-slide img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.hbox .box .swiper-pagination{ width:100%; text-align:center;}
.hbox .box .swiper-pagination span{ display:inline-block; margin:0 3px; width:8px; height:8px; border-radius:10px; border:1px solid #1f7ce6; cursor:pointer;}
.hbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}
}

/*品牌故事*/
@media screen and (min-width:1280px){
.gbox{ width:1200px; margin:70px auto;}
.gbox .box .title{ display:none;}
.gbox .box{ width:100%; height:320px;}
.gbox .box .left{ width:840px; height:320px; position:relative; float:left;}
.gbox .box .left img{ width:100%; display:block;}
.gbox .box .left p{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; transition:all 1s ease; opacity:1; background-image:url(../images/video.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.gbox .box .left:hover p{ opacity:0;}
.gbox .box .right{ width:340px; height:320px; float:right;}
.gbox .box .right img{ width:100%; display:block;}
.gbox .cont{ width:100%; height:250px; margin-top:20px;}
.gbox .cont .title{ width:1150px; height:105px; padding-left:50px; padding-top:35px; background-image:url(../images/sbg.jpg); background-position:center; background-repeat:no-repeat;}
.gbox .cont .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px; color:#fff;}
.gbox .cont .title p a{ text-transform:capitalize; color:#1f7ce6;}
.gbox .cont .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px; color:#fff;}
.gbox .cont dl{ width:100%; height:110px; display:block; overflow:hidden;}
.gbox .cont dl dt{ width:25%; display:block; text-align:center; float:left; height:110px; background-image:url(../images/s01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.gbox .cont dl dt img{ display:block; margin:auto; margin-top:28px; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.gbox .cont dl dt p{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.gbox .cont dl dt:hover img{ -webkit-transform:rotateY(-360deg);}
.gbox .cont dl dd{ width:25%; display:block; float:left; height:110px; background-image:url(../images/s01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; position:relative;}
.gbox .cont dl dd a{ width:100%; height:220px; display:block; position:absolute; left:0; bottom:-110px; transition:all 1s ease;}
.gbox .cont dl dd:hover a{ bottom:0;}
.gbox .cont dl dd .top{ width:100%; height:110px; text-align:center;}
.gbox .cont dl dd .top img{ display:block; margin:auto; margin-top:28px; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.gbox .cont dl dd .top p{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.gbox .cont dl dd .bottom{ width:200px; padding:0 50px; height:110px; background-color:#1f7ce6;}
.gbox .cont dl dd .bottom strong{ width:42px; height:30px; padding-top:40px; display:block; float:left;}
.gbox .cont dl dd .bottom strong img{ display:block; height:30px;}
.gbox .cont dl dd .bottom p{ width:158px; overflow:hidden; display:block; float:left; height:36px; padding-top:38px;}
.gbox .cont dl dd .bottom p b{ font-size:18px; display:block; overflow:hidden; height:18px; line-height:18px; color:#fff; font-weight:normal;}
.gbox .cont dl dd .bottom p span{ font-size:14px; display:block; overflow:hidden; height:18px; line-height:18px; color:#fff;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.gbox{ width:94%; margin:50px auto;}
.gbox .box .title{ display:none;}
.gbox .box{ width:100%; position:relative;}
.gbox .box .left{ width:70%; height:100%; position:absolute; left:0; top:0;}
.gbox .box .left img{ width:100%; display:block;}
.gbox .box .left p{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; transition:all 1s ease; opacity:1; background-image:url(../images/video.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.gbox .box .left:hover p{ opacity:0;}
.gbox .box .right{ width:28%; float:right;}
.gbox .box .right img{ width:100%; display:block;}
.gbox .cont{ width:100%; height:250px; margin-top:20px;}
.gbox .cont .title{ width:97%; height:105px; padding-left:3%; padding-top:35px; background-image:url(../images/sbg.jpg); background-position:center; background-repeat:no-repeat;}
.gbox .cont .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px; color:#fff;}
.gbox .cont .title p a{ text-transform:capitalize; color:#1f7ce6;}
.gbox .cont .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px; color:#fff;}
.gbox .cont dl{ width:100%; height:110px; display:block; overflow:hidden;}
.gbox .cont dl dt{ width:25%; display:block; text-align:center; float:left; height:110px; background-image:url(../images/s01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.gbox .cont dl dt img{ display:block; margin:auto; margin-top:28px; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.gbox .cont dl dt p{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.gbox .cont dl dt:hover img{ -webkit-transform:rotateY(-360deg);}
.gbox .cont dl dd{ width:25%; display:block; float:left; height:110px; background-image:url(../images/s01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; position:relative;}
.gbox .cont dl dd a{ width:100%; height:220px; display:block; position:absolute; left:0; bottom:-110px; transition:all 1s ease;}
.gbox .cont dl dd:hover a{ bottom:0;}
.gbox .cont dl dd .top{ width:100%; height:110px; text-align:center;}
.gbox .cont dl dd .top img{ display:block; margin:auto; margin-top:28px; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.gbox .cont dl dd .top p{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.gbox .cont dl dd .bottom{ width:90%; padding:0 5%; height:110px; background-color:#1f7ce6;}
.gbox .cont dl dd .bottom strong{ width:60px; height:30px; padding-top:40px; display:block; float:left;}
.gbox .cont dl dd .bottom strong img{ display:block; height:30px; margin:auto;}
.gbox .cont dl dd .bottom p{ width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:calc(100% - 60px); overflow:hidden; display:block; float:right; height:36px; padding-top:38px;}
.gbox .cont dl dd .bottom p b{ font-size:18px; display:block; overflow:hidden; height:18px; line-height:18px; color:#fff; font-weight:normal;}
.gbox .cont dl dd .bottom p span{ font-size:14px; display:block; overflow:hidden; height:18px; line-height:18px; color:#fff;}
}

@media only screen and (max-width:768px){
.gbox{ width:94%; margin:30px auto; margin-top:25px;}
.gbox .box{ width:100%;}
.gbox .box .title{ width:100%; margin:auto; text-align:center;}
.gbox .box .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.gbox .box .title p a{ text-transform:capitalize; color:#1f7ce6;}
.gbox .box .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.gbox .box .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.gbox .box .left{ width:100%; position:relative; margin-top:15px;}
.gbox .box .left img{ width:100%; display:block;}
.gbox .box .left p{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; transition:all 1s ease; opacity:1; background-image:url(../images/video.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.gbox .box .left:hover p{ opacity:0;}
.gbox .box .right{ display:none;}
.gbox .cont{ width:100%; margin-top:20px;}
.gbox .cont .title{ width:90%; padding:25px 5%; background-image:url(../images/sbg.jpg); background-position:center; background-repeat:no-repeat;}
.gbox .cont .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.gbox .cont .title p a{ text-transform:capitalize; color:#1f7ce6;}
.gbox .cont .title span{ display:block; overflow:hidden; font-size:18px; height:24px; line-height:24px; color:#fff;}
.gbox .cont dl{ width:100%; display:block; overflow:hidden;}
.gbox .cont dl dt{ width:50%; display:block; text-align:center; float:left; height:90px; background-image:url(../images/s01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.gbox .cont dl dt img{ display:block; margin:auto; margin-top:18px; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.gbox .cont dl dt p{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.gbox .cont dl dt:hover img{ -webkit-transform:rotateY(-360deg);}
.gbox .cont dl dd{ width:50%; display:block; float:left; height:90px; background-image:url(../images/s01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden; position:relative;}
.gbox .cont dl dd a{ width:100%; height:180px; display:block; position:absolute; left:0; bottom:-90px; transition:all 1s ease;}
.gbox .cont dl dd:hover a{ bottom:0;}
.gbox .cont dl dd .top{ width:100%; height:90px; text-align:center;}
.gbox .cont dl dd .top img{ display:block; margin:auto; margin-top:18px; height:30px; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.gbox .cont dl dd .top p{ display:block; font-size:14px; color:#fff; height:34px; line-height:34px; overflow:hidden;}
.gbox .cont dl dd .bottom{ width:90%; padding:0 5%; height:90px; background-color:#1f7ce6;}
.gbox .cont dl dd .bottom strong{ display:none;}
.gbox .cont dl dd .bottom p{ width:100%; overflow:hidden; display:block; text-align:center; height:50px; padding-top:20px;}
.gbox .cont dl dd .bottom p b{ font-size:18px; display:block; overflow:hidden; height:26px; line-height:26px; color:#fff; font-weight:normal;}
.gbox .cont dl dd .bottom p span{ font-size:14px; display:block; overflow:hidden; height:24px; line-height:24px; color:#fff;}
}

/*在线留言*/
@media screen and (min-width:1280px){
.lbox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.lbox .box{ padding:100px 0; height:300px; background-color:rgba(0,0,0,0.7); width:100%;}
.lbox .title{ width:1200px; margin:auto; text-align:center;}
.lbox .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px; color:#fff;}
.lbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.lbox .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.lbox .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px; color:#fff;}
.lbox .cont{ width:1000px; margin:auto; margin-top:57px;}
.lbox .cont p{ width:260px; height:44px; background-color:#fff; display:block; float:left; margin-right:20px;}
.lbox .cont p input{ width:220px; font-size:14px; display:block; height:44px; line-height:44px; overflow:hidden; padding:0 20px;}
.lbox .cont a{ width:160px; height:44px; display:block; float:left;}
.lbox .cont a input{ width:100%; font-size:14px; display:block; height:44px; line-height:44px; overflow:hidden; background-color:#1f7ce6; color:#fff;}
.lbox .gz{ width:100%; text-align:center; margin-top:65px; vertical-align:middle;}
.lbox .gz span{ display:inline-block; font-size:14px; height:20px; line-height:20px; color:#999; vertical-align:middle;}
.lbox .gz a{ display:inline-block; height:20px; margin-left:15px; vertical-align:middle;}
.lbox .gz a img{ display:block; height:20px; vertical-align:middle; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lbox .gz a:hover img{ -webkit-transform:rotateY(-360deg);}
}

@media screen and (min-width:769px) and (max-width:1279px){
.lbox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.lbox .box{ padding:70px 0; background-color:rgba(0,0,0,0.7); width:100%;}
.lbox .title{ width:94%; margin:auto; text-align:center;}
.lbox .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px; color:#fff;}
.lbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.lbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.lbox .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px; color:#fff;}
.lbox .cont{ width:94%; margin:5% auto;}
.lbox .cont p{ width:26%; height:44px; background-color:#fff; display:block; float:left; margin-right:2%; margin-top:15px;}
.lbox .cont p input{ width:100%; font-size:14px; display:block; height:44px; line-height:44px; overflow:hidden; padding:0 10px; box-sizing:border-box;}
.lbox .cont a{ width:16%; height:44px; display:block; float:left; margin-top:15px;}
.lbox .cont a input{ width:100%; font-size:14px; display:block; height:44px; line-height:44px; overflow:hidden; background-color:#1f7ce6; color:#fff;}
.lbox .gz{ width:100%; text-align:center; vertical-align:middle;}
.lbox .gz span{ display:inline-block; font-size:14px; height:20px; line-height:20px; color:#999; vertical-align:middle;}
.lbox .gz a{ display:inline-block; height:20px; margin-left:15px; vertical-align:middle;}
.lbox .gz a img{ display:block; height:20px; vertical-align:middle; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lbox .gz a:hover img{ -webkit-transform:rotateY(-360deg);}
}

@media only screen and (max-width:768px){
.lbox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.lbox .box{ padding-top:25px; padding-bottom:30px; background-color:rgba(0,0,0,0.7); width:100%;}
.lbox .title{ width:94%; margin:auto; text-align:center;}
.lbox .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.lbox .title p a{ text-transform:capitalize; color:#1f7ce6;}
.lbox .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.lbox .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.lbox .cont{ width:100%; margin:auto;}
.lbox .cont p{ width:45.5%; height:44px; background-color:#fff; display:block; float:left; margin-left:3%; margin-top:15px;}
.lbox .cont p:nth-child(3){ width:94%;}
.lbox .cont p input{ width:100%; font-size:14px; display:block; height:44px; line-height:44px; overflow:hidden; padding:0 10px; box-sizing:border-box;}
.lbox .cont a{ width:40%; height:44px; display:block; float:left; margin-left:30%; margin-top:15px;}
.lbox .cont a input{ width:100%; font-size:14px; display:block; height:44px; line-height:44px; overflow:hidden; background-color:#1f7ce6; color:#fff;}
.lbox .gz{ width:100%; text-align:center; margin-top:20px; vertical-align:middle;}
.lbox .gz span{ display:inline-block; font-size:14px; height:20px; line-height:20px; color:#999; vertical-align:middle;}
.lbox .gz a{ display:inline-block; height:20px; margin-left:15px; vertical-align:middle;}
.lbox .gz a img{ display:block; height:20px; vertical-align:middle; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.lbox .gz a:hover img{ -webkit-transform:rotateY(-360deg);}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; padding:45px 0; background-color:#222;}
.footer .link{ width:1200px; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:190px; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:1010px; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:40px; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .foot{ width:1200px; margin:auto; position:relative;}
.footer .foot .left{ width:490px; float:left; padding-top:6px; height:168px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:62px; line-height:62px; font-size:16px; color:#fff; display:block; float:left; margin-right:27px;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:90px; color:#999;}
.footer .foot .mil{ width:120px; position:absolute; left:50%; margin-left:-60px; top:30px;}
.footer .foot .mil strong{ width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:490px; float:right; padding-top:35px; height:139px; text-align:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; padding:25px 0; background-color:#222;}
.footer .link{ width:94%; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:20%; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:80%; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:2vw; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ width:50%; float:left; padding-top:6px; height:168px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:62px; line-height:62px; font-size:16px; color:#fff; display:block; float:left; margin-right:5%;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; height:90px; color:#999;}
.footer .foot .mil{ width:20%; position:absolute; left:50%; top:30px;}
.footer .foot .mil strong{ width:100%; margin:auto; max-width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:30%; float:right; padding-top:35px; height:139px; text-align:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; padding:20px 0; background-color:#222;}
.footer .link{ width:94%; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:20%; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase; overflow:hidden;}
.footer .link .left p{ display:block; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .link .right{ max-width:80%; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:15px; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ width:100%; float:left; padding-top:6px;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; color:#999;}
.footer .foot .right{ width:100%; float:right;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; text-align:center;}
.footer .foot .right p a{ color:#999;}
.footer .foot .right span,.footer .foot .left span{ display:none;}
.footer .foot .mil{ display:none;}
}

@media screen and (min-width:1280px){
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(31,124,230,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(31,124,230,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(31,124,230,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}


/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; position:relative; background-position:center; background-repeat:no-repeat;}
.dao{ display:none;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:330px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dao{ display:none;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:200px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dao{ width:40%; position:absolute; left:0; bottom:-1px;}
.dao ul{ width:100%; margin:auto; display:block;}
.dao ul li{ overflow:hidden; display:block; height:30px; border-bottom:1px solid #eee;}
.dao ul li a{ height:30px; line-height:30px; padding-left:10px; display:block; font-size:14px; background-color:rgba(255,255,255,0.9);} 
.dao ul li:hover a,.dao ul li.on a{ background-color:#1f7ce6; color:#fff;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.ab01{ width:1200px; margin:70px auto; position:relative; padding-bottom:50px;}
.ab01 .box{ width:1020px; margin:auto; background-color:rgba(0,0,0,0.5); padding:50px; padding-top:40px;}
.ab01 .title{ width:100%; margin:1px auto; margin-bottom:12px; text-align:center;}
.ab01 .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px; color:#fff;}
.ab01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab01 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab01 .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px; color:#fff;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; max-height:360px; overflow:auto;}
.ab01 .box img{ display:block; margin:auto; margin-top:25px;}
.ab01 .bg{ width:100%; margin-top:60px; height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}

.ab02{ width:100%; height:530px; padding:70px 0; background-color:#eee;}
.ab02 .box{ width:1200px; margin:auto; height:530px; background-image:url(../images/vbg01.jpg); background-position:left bottom; background-repeat:repeat-x;}
.ab02 .box .titles{ display:none;}
.ab02 .box .video{ width:650px; height:460px; margin-left:30px; float:left;}
.ab02 .box .video video{ width:100%; height:100%; display:block; overflow:hidden; background-color:#000;}
.ab02 .box .video iframe{ width:100%; height:510px; display:block; overflow:hidden; background-color:#000;}
.ab02 .box .wen{ width:470px; float:right;}
.ab02 .title{ width:100%; margin:30px 0; text-align:right;}
.ab02 .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.ab02 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab02 .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.ab02 .box .wen .wz{ padding-top:25px; color:#fff; font-size:14px; line-height:24px; max-height:360px; overflow:auto; padding-right:50px;}
.ab02 .box .wen .wz p{ width:100%; display:block; color:#fff; overflow:hidden;}
.ab02 .box .wen .wz p a{ color:#fff;}

.ab03{ width:100%; padding-top:60px; padding-bottom:70px;}
.ab03 .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.ab03 .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.ab03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab03 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab03 .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.ab03 .box{ width:1200px; margin:auto;}
.ab03 .box p{ width:1220px; margin-top:-20px;}
.ab03 .box p a{ width:283px; height:208px; display:block; border:1px solid #cacaca; margin-top:20px; margin-right:20px; overflow:hidden; float:left; position:relative;}
.ab03 .box p a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab03 .box p a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab03 .box p a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.ab04{ width:100%; padding:70px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative; display:none;}
.ab04 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}
.ab04 .box{ width:1200px; margin:auto; position:relative; z-index:1;}
.ab04 .titles{ display:none;}
.ab04 .left{ width:510px; height:340px; float:left; padding-bottom:40px; padding-right:40px; background-image:url(../images/xm02.png); background-repeat:no-repeat;}
.ab04 .left p{ width:510px; height:340px; display:block; overflow:hidden; background-color:#fff;}
.ab04 .left img{ width:100%; display:block;}
.ab04 .right{ width:580px; padding-top:15px; float:right;}
.ab04 .title{ width:100%; margin-bottom:25px;}
.ab04 .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px; color:#fff;}
.ab04 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab04 .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px; color:#fff;}
.ab04 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.ab04 .right .r04{ font-size:14px; line-height:24px; color:#fff;}
.ab04 .right .r04 p,.ab04 .right .r04 span{ color:#fff !important;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ab01{ width:94%; margin:50px auto; position:relative; padding-bottom:50px;}
.ab01 .box{ width:84%; margin:auto; background-color:rgba(0,0,0,0.5); padding:50px 5%; padding-top:45px;}
.ab01 .title{ width:100%; margin-bottom:10px; text-align:center;}
.ab01 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px; color:#fff;}
.ab01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab01 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab01 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px; color:#fff;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; max-height:360px; overflow:auto;}
.ab01 .box img{ display:block; margin:auto; margin-top:15px;}
.ab01 .bg{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}

.ab02{ width:100%; padding:50px 0; background-color:#eee;}
.ab02 .box{ width:94%; padding-bottom:20px; margin:auto; background-image:url(../images/vbg01.jpg); background-position:left 80px; background-repeat:repeat-x;}
.ab02 .box .titles{ display:none;}
.ab02 .box .video{ width:54%; margin-left:3%; float:left; height:320px;}
.ab02 .box .video video{ width:100%; height:100%; display:block; overflow:hidden; background-color:#000;}
.ab02 .box .video iframe{ width:100%; height:370px; display:block; overflow:hidden; background-color:#000;}
.ab02 .box .wen{ width:41%; float:right;}
.ab02 .title{ width:100%; text-align:right;}
.ab02 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.ab02 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab02 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.ab02 .box .wen .wz{ width:94%; padding-top:25px; color:#fff; font-size:14px; line-height:24px; max-height:240px; overflow:auto;}
.ab02 .box .wen .wz p{ display:block; color:#fff; overflow:hidden;}
.ab02 .box .wen .wz p a{ color:#fff;}

.ab03{ width:100%; padding-top:45px; padding-bottom:50px;}
.ab03 .title{ width:100%; margin:auto; text-align:center;}
.ab03 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.ab03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab03 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab03 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.ab03 .box{ width:100%; margin:auto;}
.ab03 .box a{ width:21.25%; height:160px; display:block; border:1px solid #cacaca; box-sizing:border-box; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative;}
.ab03 .box a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab03 .box a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab03 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.ab04{ width:100%; padding:50px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative; display:none;}
.ab04 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}
.ab04 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.ab04 .titles{ display:none;}
.ab04 .left{ width:45.5%; padding-bottom:20px; float:left; background-size:100% 100%; background-image:url(../images/xm02.png); background-repeat:no-repeat;}
.ab04 .left p{ width:97%; display:block; overflow:hidden; background-color:#fff;}
.ab04 .left img{ width:100%; display:block;}
.ab04 .right{ width:51%; padding-top:5px; float:right;}
.ab04 .title{ width:100%; margin-bottom:15px;}
.ab04 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px; color:#fff;}
.ab04 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab04 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px; color:#fff;}
.ab04 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.ab04 .right .r04{ font-size:14px; line-height:24px; color:#fff;}
.ab04 .right .r04 p,.ab04 .right .r04 span{ color:#fff !important;}
}

@media only screen and (max-width:768px){
.ab01{ width:94%; margin:30px auto; position:relative; padding-bottom:20px;}
.ab01 .box{ width:84%; margin:auto; background-color:rgba(0,0,0,0.5); padding:20px 5%; padding-top:15px;}
.ab01 .title{ width:100%; margin-bottom:10px; text-align:center;}
.ab01 .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.ab01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab01 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab01 .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; max-height:240px; overflow:auto;}
.ab01 .box img{ display:block; margin:auto; margin-top:15px;}
.ab01 .bg{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}

.ab02{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.ab02 .box{ width:94%; margin:auto; background-image:url(../images/vbg01.jpg); background-position:left bottom; background-repeat:repeat-x;}
.ab02 .box .titles{ width:100%; margin:auto; text-align:center;}
.ab02 .box .titles p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.ab02 .box .titles p a{ text-transform:capitalize; color:#1f7ce6;}
.ab02 .box .titles b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab02 .box .titles span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.ab02 .box .title{ display:none;}
.ab02 .box .video{ width:94%; margin:15px auto; height:260px;}
.ab02 .box .video video{ width:100%; height:100%; display:block; overflow:hidden; background-color:#000;}
.ab02 .box .video iframe{ width:100%; height:100%; display:block; overflow:hidden; background-color:#000;}
.ab02 .box .wen{ width:94%; margin:auto; padding-bottom:15px;}
.ab02 .box .wen .wz{ width:100%; color:#fff; font-size:14px; line-height:24px; max-height:240px; overflow:auto;}
.ab02 .box .wen .wz p{ display:block; color:#fff; overflow:hidden;}
.ab02 .box .wen .wz p a{ color:#fff;}

.ab03{ width:100%; padding-top:25px; padding-bottom:30px;}
.ab03 .title{ width:100%; margin:auto; text-align:center;}
.ab03 .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.ab03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ab03 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab03 .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.ab03 .box{ width:100%; margin:auto;}
.ab03 .box a{ width:45.5%; height:140px; display:block; border:1px solid #cacaca; box-sizing:border-box; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative;}
.ab03 .box a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab03 .box a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab03 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.ab04{ width:100%; padding:30px 0; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative; display:none;}
.ab04 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:0;}
.ab04 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.ab04 .title{ display:none;}
.ab04 .left{ width:100%; height:100%; box-sizing:border-box; float:left; padding-bottom:20px; padding-right:20px; background-image:url(../images/xm02.png); background-repeat:no-repeat; background-size:100% 100%; margin-top:15px;}
.ab04 .left p{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.ab04 .left img{ width:100%; display:block;}
.ab04 .right{ width:100%; padding-top:15px; float:right;}
.ab04 .titles{ width:100%; text-align:center;}
.ab04 .titles p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.ab04 .titles p a{ text-transform:capitalize; color:#1f7ce6;}
.ab04 .titles span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.ab04 .titles b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ab04 .right .r04{ font-size:14px; line-height:24px; color:#fff;}
.ab04 .right .r04 p,.ab04 .right .r04 span{ color:#fff !important;}
}

/*新闻*/
@media screen and (min-width:1280px){
.wbox{ width:100%; height:50px; background-color:#eee;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}
.wbox .box .left a:hover{ color:#1f7ce6;}
.wbox .box .right{ display:block; float:right; overflow:hidden;}
.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:30px;}
.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}
.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#1f7ce6; display:block; position:absolute; left:0; bottom:0;}

.news{ width:1200px; margin:60px auto; margin-bottom:70px;}
.news .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.news .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.news .title p a{ text-transform:capitalize; color:#1f7ce6;}
.news .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.news .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.news ul{ display:block; overflow:hidden; width:1250px; margin-top:-30px;}
.news ul li{ display:block; float:left; margin-right:50px; margin-top:30px; width:575px; height:210px; background-color:#f2f2f2; overflow:hidden; position:relative;}
.news ul li:hover{ background-color:#1f7ce6;}
.news ul li .time{ width:50px; height:60px; position:absolute; top:0; right:30px; text-align:center; border-bottom-left-radius:50px; border-bottom-right-radius:50px; background-color:#1f7ce6;}
.news ul li .time span{ display:block; padding-top:7px; font-size:24px; height:24px; line-height:24px; color:#fff;}
.news ul li .time p{ display:block; font-size:12px; height:16px; line-height:16px; color:#fff;}
.news ul li .bt{ padding-top:11px; height:54px; line-height:54px; font-size:16px; padding-left:30px; width:465px;}
.news ul li .bt a{ display:block;}
.news ul li .line{ margin-left:30px; width:30px; height:2px; background-color:#1f7ce6;}
.news ul li .wen{ padding-left:30px; margin-top:15px; font-size:14px; line-height:24px; height:48px; margin-bottom:20px; width:465px;}
.news ul li .more{ margin-left:30px; width:100px; height:30px;}
.news ul li .more a{ width:98px; height:28px; line-height:28px; text-align:center; font-size:14px; border:1px solid #cacaca; border-radius:40px; display:block; color:#999;}
.news ul li:hover .time{ background-color:#f2f2f2;}
.news ul li:hover .time span,.news ul li:hover .time p{ color:#333;}
.news ul li:hover .bt a{ color:#fff;}
.news ul li:hover .line{ background-color:#fff;}
.news ul li:hover .wen{ color:#fff;}
.news ul li:hover .more a{ background-color:#fff; color:#1f7ce6; border:1px solid #fff;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%; height:50px; background-color:#eee;}
.wbox .box{ width:94%; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}
.wbox .box .left a:hover{ color:#1f7ce6;}
.wbox .box .right{ display:block; float:right; overflow:hidden;}
.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:2vw;}
.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}
.wbox .box .right li:hover b,.wbox .box .right li.on b{ width:100%; height:2px; background-color:#1f7ce6; display:block; position:absolute; left:0; bottom:0;}

.news{ width:100%; margin:45px auto; margin-bottom:50px;}
.news .title{ width:94%; margin:auto; text-align:center;}
.news .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.news .title p a{ text-transform:capitalize; color:#1f7ce6;}
.news .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.news .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.news ul{ display:block; overflow:hidden; width:100%;}
.news ul li{ display:block; float:left; margin-left:3%; margin-top:20px; width:45.5%; height:210px; background-color:#f2f2f2; overflow:hidden; position:relative;}
.news ul li:hover{ background-color:#1f7ce6;}
.news ul li .time{ width:50px; height:60px; position:absolute; top:0; right:5%; text-align:center; border-bottom-left-radius:50px; border-bottom-right-radius:50px; background-color:#1f7ce6;}
.news ul li .time span{ display:block; padding-top:7px; font-size:24px; height:24px; line-height:24px; color:#fff;}
.news ul li .time p{ display:block; font-size:12px; height:16px; line-height:16px; color:#fff;}
.news ul li .bt{ padding-top:11px; height:54px; line-height:54px; font-size:16px; padding-left:5%; width:75%;}
.news ul li .bt a{ display:block;}
.news ul li .line{ margin-left:5%; width:30px; height:2px; background-color:#1f7ce6;}
.news ul li .wen{ padding-left:5%; margin-top:15px; font-size:14px; line-height:24px; height:48px; margin-bottom:20px; width:90%;}
.news ul li .more{ margin-left:5%; width:100px; height:30px;}
.news ul li .more a{ width:98px; height:28px; line-height:28px; text-align:center; font-size:14px; border:1px solid #cacaca; border-radius:40px; display:block; color:#999;}
.news ul li:hover .time{ background-color:#f2f2f2;}
.news ul li:hover .time span,.news ul li:hover .time p{ color:#333;}
.news ul li:hover .bt a{ color:#fff;}
.news ul li:hover .line{ background-color:#fff;}
.news ul li:hover .wen{ color:#fff;}
.news ul li:hover .more a{ background-color:#fff; color:#1f7ce6; border:1px solid #fff;}
}

@media only screen and (max-width:768px){
.wbox{ display:none;}

.news{ width:94%; margin:25px auto; margin-bottom:30px;}
.news .title{ width:100%; margin:auto; text-align:center;}
.news .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.news .title p a{ text-transform:capitalize; color:#1f7ce6;}
.news .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.news .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.news ul{ width:100%; display:block; overflow:hidden;}
.news ul li{ display:block; width:90%; padding:10px 5%; padding-bottom:15px; margin-top:15px; background-color:#f2f2f2; overflow:hidden; position:relative;}
.news ul li:hover{ background-color:#1f7ce6;}
.news ul li .time{ width:50px; height:60px; position:absolute; top:0; right:5%; text-align:center; border-bottom-left-radius:50px; border-bottom-right-radius:50px; background-color:#1f7ce6;}
.news ul li .time span{ display:block; padding-top:7px; font-size:18px; height:24px; line-height:24px; color:#fff;}
.news ul li .time p{ display:block; font-size:12px; height:16px; line-height:16px; color:#fff;}
.news ul li .bt{ height:54px; line-height:54px; font-size:16px; width:70%;}
.news ul li .bt a{ display:block;}
.news ul li .line{ width:30px; height:2px; background-color:#1f7ce6;}
.news ul li .wen{ margin-top:5px; font-size:14px; line-height:24px; height:48px; margin-bottom:10px; width:100%;}
.news ul li .more{ width:100px; height:30px;}
.news ul li .more a{ width:98px; height:28px; line-height:28px; text-align:center; font-size:14px; border:1px solid #cacaca; border-radius:40px; display:block; color:#999;}
.news ul li:hover .time{ background-color:#fff;}
.news ul li:hover .time span,.news ul li:hover .time p{ color:#333;}
.news ul li:hover .bt a{ color:#fff;}
.news ul li:hover .line{ background-color:#fff;}
.news ul li:hover .wen{ color:#fff;}
.news ul li:hover .more a{ background-color:#fff; color:#1f7ce6; border:1px solid #fff;}
}

@media screen and (min-width:1280px){
.fanye{ width:1200px; margin:auto; text-align:center; font-size:14px; margin-top:30px;}
.fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}
.fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#1f7ce6; border-radius:3px; display:inline-block;}
.fanye a:hover{ color:#1f7ce6;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.fanye{ width:94%; margin:auto; text-align:center; font-size:14px; margin-top:25px;}
.fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}
.fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#1f7ce6; border-radius:3px; display:inline-block;}
.fanye a:hover{ color:#1f7ce6;}
}

@media only screen and (max-width:768px){
.fanye{ width:94%; margin:auto; text-align:center; font-size:14px; margin-top:20px;}
.fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}
.fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#1f7ce6; border-radius:3px; display:inline-block;}
.fanye a:hover{ color:#1f7ce6;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.ny{ width:1200px; margin:65px auto;}
.ny .toub{ font-size:24px; line-height:34px; text-align:center; color:#1f7ce6;}
.ny .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #eee;}
.ny .wen{ width:100%; margin:20px auto; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #eee; padding-top:20px;}
.ny .back p{ display:block; float:left; width:80%; overflow:hidden;}
.ny .back p span{ display:block; height:24px; overflow:hidden;}
.ny .back p span a:hover{ color:#1f7ce6;}
.ny .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.ny .back strong a{ color:#1f7ce6;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ny{ width:94%; margin:45px auto;}
.ny .toub{ font-size:18px; line-height:28px; text-align:center; color:#1f7ce6;}
.ny .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #eee;}
.ny .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #eee; padding-top:10px;}
.ny .back p{ display:block; float:left; width:70%; overflow:hidden;}
.ny .back p span{ display:block; height:24px; overflow:hidden;}
.ny .back p span a:hover{ color:#1f7ce6;}
.ny .back strong{ display:block; float:left; width:30%; text-align:right; overflow:hidden; font-weight:normal;}
.ny .back strong a{ color:#1f7ce6;}
}

@media only screen and (max-width:768px){
.ny{ width:94%; margin:25px auto;}
.ny .toub{ font-size:18px; line-height:28px; text-align:center; color:#1f7ce6;}
.ny .time{ padding:10px 0; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #eee;}
.ny .wen{ width:100%; margin:15px auto; font-size:14px; line-height:24px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #eee; padding-top:10px;}
.ny .back p{ display:block; float:left; width:100%; overflow:hidden;}
.ny .back p span{ display:block; height:24px; overflow:hidden;}
.ny .back p span a:hover{ color:#1f7ce6;}
.ny .back strong{ display:block; float:left; width:100%; text-align:center; overflow:hidden; font-weight:normal;}
.ny .back strong a{ color:#1f7ce6;}
}

/*成功案例*/
@media screen and (min-width:1280px){
.case{ width:1200px; margin:60px auto; margin-bottom:70px;}
.case .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.case .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.case .title p a{ text-transform:capitalize; color:#1f7ce6;}
.case .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.case .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.case ul{ width:1220px; display:block; margin-top:-20px;}
.case ul li{ display:block; float:left; width:285px; margin-top:20px; margin-right:20px; cursor:pointer;}
.case ul li .left{ width:285px; height:243px;}
.case ul li .left img{ width:100%; display:block;}
.case ul li .right{ padding-top:10px; background-color:#f1f1f1;}
.case ul li .right .bt{ height:38px; line-height:38px; font-size:18px; margin:0 20px;}
.case ul li .right .wen{ height:48px; line-height:24px; font-size:14px; color:#666; margin:0 20px; margin-bottom:23px;}
.case ul li .right .more{ padding:0 20px; height:40px; border-top:1px solid #ddd;}
.case ul li .right .more span{ display:block; font-size:14px; height:40px; line-height:40px; float:left; color:#666;}
.case ul li .right .more b{ display:block; float:right; width:5px; height:10px; margin:15px 0; background-image:url(../images/more.png); background-size:100% 100%;}
.case ul li:hover .right{ background-color:#1f7ce6;}
.case ul li:hover .right .bt,.case ul li:hover .right .wen{ color:#fff;}
.case ul li:hover .right .more{ border-top:1px solid #1f7ce6;}
.case ul li:hover .right .more span{ color:#fff;}
.case ul li:hover .right .more b{ background-image:url(../images/more01.png);} 
}

@media screen and (min-width:769px) and (max-width:1279px){
.case{ width:100%; margin:45px auto; margin-bottom:50px;}
.case .title{ width:94%; margin:auto; text-align:center;}
.case .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.case .title p a{ text-transform:capitalize; color:#1f7ce6;}
.case .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.case .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.case ul{ width:100%; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:21.25%; margin-top:15px; margin-left:3%; cursor:pointer;}
.case ul li .left{ width:100%;}
.case ul li .left img{ width:100%; display:block;}
.case ul li .right{ padding-top:10px; background-color:#f1f1f1;}
.case ul li .right .bt{ height:26px; line-height:26px; font-size:16px; margin:0 10px;}
.case ul li .right .wen{ height:48px; line-height:24px; font-size:14px; color:#666; margin:0 10px; margin-bottom:10px;}
.case ul li .right .more{ padding:0 10px; height:40px; border-top:1px solid #ddd;}
.case ul li .right .more span{ display:block; font-size:14px; height:40px; line-height:40px; float:left; color:#666;}
.case ul li .right .more b{ display:block; float:right; width:5px; height:10px; margin:15px 0; background-image:url(../images/more.png); background-size:100% 100%;}
.case ul li:hover .right{ background-color:#1f7ce6;}
.case ul li:hover .right .bt,.case ul li:hover .right .wen{ color:#fff;}
.case ul li:hover .right .more{ border-top:1px solid #1f7ce6;}
.case ul li:hover .right .more span{ color:#fff;}
.case ul li:hover .right .more b{ background-image:url(../images/more01.png);} 
}

@media only screen and (max-width:768px){
.case{ width:100%; margin:25px auto; margin-bottom:30px;}
.case .title{ width:94%; margin:auto; text-align:center;}
.case .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.case .title p a{ text-transform:capitalize; color:#1f7ce6;}
.case .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.case .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.case ul{ width:100%; display:block; overflow:hidden;}
.case ul li{ display:block; float:left; width:45.5%; margin-top:15px; margin-left:3%; cursor:pointer;}
.case ul li .left{ width:100%;}
.case ul li .left img{ width:100%; display:block;}
.case ul li .right{ padding-top:10px; background-color:#f1f1f1;}
.case ul li .right .bt{ height:26px; line-height:26px; font-size:16px; margin:0 10px;}
.case ul li .right .wen{ height:48px; line-height:24px; font-size:14px; color:#666; margin:0 10px; margin-bottom:10px;}
.case ul li .right .more{ padding:0 10px; height:40px; border-top:1px solid #ddd;}
.case ul li .right .more span{ display:block; font-size:14px; height:40px; line-height:40px; float:left; color:#666;}
.case ul li .right .more b{ display:block; float:right; width:5px; height:10px; margin:15px 0; background-image:url(../images/more.png); background-size:100% 100%;}
.case ul li:hover .right{ background-color:#1f7ce6;}
.case ul li:hover .right .bt,.case ul li:hover .right .wen{ color:#fff;}
.case ul li:hover .right .more{ border-top:1px solid #1f7ce6;}
.case ul li:hover .right .more span{ color:#fff;}
.case ul li:hover .right .more b{ background-image:url(../images/more01.png);} 
}


/*合作伙伴*/
@media screen and (min-width:1280px){
.hz01{ width:1200px; margin:60px auto; margin-bottom:70px;}
.hz01 .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.hz01 .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.hz01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz01 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.hz01 .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.hz01 ul{ width:1220px; display:block; overflow:hidden; margin-top:-20px;}
.hz01 ul li{ width:285px; float:left; margin-right:20px; margin-top:20px; height:200px; display:block; overflow:hidden; position:relative; background-color:#fff;}
.hz01 ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.hz01 ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.hz01 ul li p{ display:block; width:215px; padding:10px 15px; background-color:rgba(255,255,255,0.7); position:absolute; left:20px; bottom:20px; text-align:center;}
.hz01 ul li p span{ display:block; font-size:18px; height:26px; line-height:26px; overflow:hidden;}
.hz01 ul li p b{ display:block; font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#666; font-weight:normal;}
.hz01 ul li:hover p{ background-color:rgba(31,124,230,0.7);}
.hz01 ul li:hover p span,.hz01 ul li:hover p b{ color:#fff;}

.hz02{ width:100%; height:650px; background-attachment:fixed; background-repeat:no-repeat; background-position:center; position:relative; z-index:0;}
.hz02 .box{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0; background-image:url(../images/ybg.png); background-position:center; background-repeat:no-repeat; }
.hz02 .title{ padding-left:360px; padding-top:70px; float:left;}
.hz02 .title img{ display:block;}
.hz02 .nei{ position:relative; float:right; margin-right:360px; margin-top:70px; width:951px; height:510px; background-color:#fff;}
.hz02 .nei .sec{ padding:45px 40px; width:871px; height:420px;}
.hz02 .nei .sec .bt{ height:65px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat; margin-bottom:25px;}
.hz02 .nei .sec .bt span{ display:block; color:#f1f1f1; font-size:36px; height:38px; line-height:38px; text-transform:uppercase;}
.hz02 .nei .sec .bt b{ display:block; font-size:24px; height:52px; line-height:52px; position:absolute; left:0; bottom:2px;}
.hz02 .nei .sec .wen{ width:100%;}
.hz02 .nei .swiper-container{ width:100%; position:relative; overflow:hidden;}
.hz02 .nei .swiper-wrapper{ -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.hz02 .nei .sec .swiper-container .tu{ width:100%; height:120px;}
.hz02 .nei .sec .swiper-container .tu img{ width:100%; display:block;}
.hz02 .nei .sec .swiper-container .wen{ width:100%; font-size:14px; line-height:24px; height:24px; text-align:center; margin-top:10px;}
.hz02 .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; top:50px; cursor:pointer; background-image:url(../images/lefth.png); z-index:3; background-color:#eee; background-position:center; background-repeat:no-repeat;}
.hz02 .swiper-button-prev:hover{ background-image:url(../images/left.png); background-color:#1f7ce6;}
.hz02 .swiper-button-next{ width:40px; height:40px; position:absolute; right:50px; top:50px; cursor:pointer; background-image:url(../images/righth.png); z-index:3; background-color:#eee; background-position:center; background-repeat:no-repeat;}
.hz02 .swiper-button-next:hover{ background-image:url(../images/right.png); background-color:#1f7ce6;}

.hz03{ width:100%; padding:70px 0; display:none;}
.hz03 .box{ width:1200px; margin:auto; position:relative; z-index:1;}
.hz03 .titles{ display:none;}
.hz03 .left{ width:550px; float:left;}
.hz03 .left p{ width:100%; display:block; overflow:hidden;}
.hz03 .left img{ width:100%; display:block;}
.hz03 .right{ width:580px; padding-top:15px; float:right;}
.hz03 .title{ width:100%; margin-bottom:25px;}
.hz03 .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.hz03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz03 .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.hz03 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.hz03 .right .r04{ font-size:14px; line-height:24px;}

.hz04{ width:100%; padding:70px 0; background-color:#eee;}
.hz04 .box{ width:1200px; margin:auto; position:relative; z-index:1;}
.hz03 .titles{ display:none;}
.hz04 .left{ width:550px; float:right;}
.hz04 .left p{ width:100%; display:block; overflow:hidden;}
.hz04 .left img{ width:100%; display:block;}
.hz04 .right{ width:580px; padding-top:15px; float:left;}
.hz04 .title{ width:100%; margin-bottom:25px;}
.hz04 .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.hz04 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz04 .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.hz04 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.hz04 .right .r04{ font-size:14px; line-height:24px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.hz01{ width:100%; margin:45px auto; margin-bottom:50px;}
.hz01 .title{ width:94%; margin:auto; text-align:center;}
.hz01 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.hz01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz01 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.hz01 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.hz01 ul{ width:100%; display:block; overflow:hidden;}
.hz01 ul li{ width:29.33%; float:left; margin-left:3%; margin-top:15px; height:210px; display:block; overflow:hidden; position:relative; background-color:#fff;}
.hz01 ul li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.hz01 ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.hz01 ul li p{ display:block; width:90%; box-sizing:border-box; padding:5px 10px; background-color:rgba(255,255,255,0.7); position:absolute; left:5%; bottom:10px; text-align:center;}
.hz01 ul li p span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.hz01 ul li p b{ display:block; font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#666; font-weight:normal;}
.hz01 ul li:hover p{ background-color:rgba(31,124,230,0.7);}
.hz01 ul li:hover p span,.hz01 ul li:hover p b{ color:#fff;}

.hz02{ width:100%; background-attachment:fixed; background-repeat:no-repeat; background-position:center; position:relative; z-index:0;}
.hz02 .box{ width:94%; padding:50px 3%; background-size:cover; background-image:url(../images/ybg.png); background-position:center; background-repeat:no-repeat; }
.hz02 .title{ width:10%; float:left;}
.hz02 .title img{ width:100%; display:block;}
.hz02 .nei{ position:relative; float:right; width:80%; background-color:#fff;}
.hz02 .nei .sec .bt{ height:65px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat;}
.hz02 .nei .sec .bt span{ display:block; color:#f1f1f1; font-size:36px; height:38px; line-height:38px; text-transform:uppercase;}
.hz02 .nei .sec .bt b{ display:block; font-size:24px; height:52px; line-height:52px; position:absolute; left:0; bottom:2px;}
.hz02 .nei .sec{ padding:25px;}
.hz02 .nei .swiper-container{ width:100%; position:relative; overflow:hidden; margin-top:10px;}
.hz02 .nei .swiper-wrapper{ -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.hz02 .nei .sec .swiper-container .tu{ width:100%;}
.hz02 .nei .sec .swiper-container .tu img{ width:100%; display:block;}
.hz02 .nei .sec .swiper-container .wen{ width:100%; font-size:14px; line-height:24px; height:24px; text-align:center; margin-top:10px;}
.hz02 .swiper-button-prev{ width:40px; height:40px; position:absolute; right:80px; top:30px; cursor:pointer; background-image:url(../images/lefth.png); z-index:3; background-color:#eee; background-position:center; background-repeat:no-repeat;}
.hz02 .swiper-button-prev:hover{ background-image:url(../images/left.png); background-color:#1f7ce6;}
.hz02 .swiper-button-next{ width:40px; height:40px; position:absolute; right:25px; top:30px; cursor:pointer; background-image:url(../images/righth.png); z-index:3; background-color:#eee; background-position:center; background-repeat:no-repeat;}
.hz02 .swiper-button-next:hover{ background-image:url(../images/right.png); background-color:#1f7ce6;}

.hz03{ width:100%; padding:50px 0; display:none;}
.hz03 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.hz03 .titles{ display:none;}
.hz03 .left{ width:45%; float:left;}
.hz03 .left p{ width:100%; display:block; overflow:hidden;}
.hz03 .left img{ width:100%; display:block;}
.hz03 .right{ width:52%; padding-top:15px; float:right;}
.hz03 .title{ width:100%; margin-bottom:15px;}
.hz03 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.hz03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz03 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.hz03 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.hz03 .right .r04{ font-size:14px; line-height:24px;}

.hz04{ width:100%; padding:50px 0; background-color:#eee;}
.hz04 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.hz03 .titles{ display:none;}
.hz04 .left{ width:45%; float:right;}
.hz04 .left p{ width:100%; display:block; overflow:hidden;}
.hz04 .left img{ width:100%; display:block;}
.hz04 .right{ width:52%; padding-top:15px; float:left;}
.hz04 .title{ width:100%; margin-bottom:15px;}
.hz04 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.hz04 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz04 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.hz04 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.hz04 .right .r04{ font-size:14px; line-height:24px;}
}

@media only screen and (max-width:768px){
.hz01{ width:100%; margin:25px auto; margin-bottom:30px;}
.hz01 .title{ width:94%; margin:auto; text-align:center;}
.hz01 .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.hz01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.hz01 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.hz01 .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.hz01 ul{ width:100%; display:block; overflow:hidden;}
.hz01 ul li{ width:45.5%; float:left; margin-left:3%; margin-top:15px; height:140px; display:block; overflow:hidden; position:relative; background-color:#fff;}
.hz01 ul li img{ height:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.hz01 ul li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.hz01 ul li p{ display:block; width:90%; box-sizing:border-box; padding:5px 10px; background-color:rgba(255,255,255,0.7); position:absolute; left:5%; bottom:10px; text-align:center;}
.hz01 ul li p span{ display:block; font-size:16px; height:26px; line-height:26px; overflow:hidden;}
.hz01 ul li p b{ display:block; font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#666; font-weight:normal;}
.hz01 ul li:hover p{ background-color:rgba(31,124,230,0.7);}
.hz01 ul li:hover p span,.hz01 ul li:hover p b{ color:#fff;}

.hz02{ width:100%; background-attachment:fixed; background-repeat:no-repeat; background-position:center; position:relative; z-index:0;}
.hz02 .box{ width:94%; padding:30px 3%; background-size:cover; background-image:url(../images/ybg.png); background-position:center; background-repeat:no-repeat; }
.hz02 .title{ width:20%; float:left;}
.hz02 .title img{ width:100%; display:block;}
.hz02 .nei{ position:relative; float:right; width:80%; background-color:#fff;}
.hz02 .nei .sec .bt{ height:40px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat;}
.hz02 .nei .sec .bt span{ display:none; color:#f1f1f1; font-size:14px; height:24px; line-height:24px; text-transform:uppercase;}
.hz02 .nei .sec .bt b{ display:block; font-size:20px; height:30px; line-height:30px;}
.hz02 .nei .swiper-container{ width:100%; position:relative; overflow:hidden;}
.hz02 .nei .swiper-wrapper{ -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.hz02 .nei .swiper-container .swiper-slide{ display:block;}
.hz02 .nei .sec{ padding:20px;}
.hz02 .nei .sec .swiper-container .tu{ width:100%;}
.hz02 .nei .sec .swiper-container .tu img{ width:100%; display:block;}
.hz02 .nei .sec .swiper-container .wen{ width:100%; font-size:14px; line-height:24px; height:24px; text-align:center;}
.hz02 .swiper-button-prev{ width:30px; height:30px; position:absolute; right:50px; top:20px; cursor:pointer; background-image:url(../images/lefth.png); z-index:3; background-color:#eee; background-position:center; background-repeat:no-repeat; background-size:14px auto;}
.hz02 .swiper-button-prev:hover{ background-image:url(../images/left.png); background-color:#1f7ce6;}
.hz02 .swiper-button-next{ width:30px; height:30px; position:absolute; right:15px; top:20px; cursor:pointer; background-image:url(../images/righth.png); z-index:3; background-color:#eee; background-position:center; background-repeat:no-repeat; background-size:14px auto;}
.hz02 .swiper-button-next:hover{ background-image:url(../images/right.png); background-color:#1f7ce6;}

.hz03{ width:100%; padding:25px 0; display:none;}
.hz03 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.hz03 .title{ display:none;}
.hz03 .titles{ width:100%; margin:auto; text-align:center;}
.hz03 .titles p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.hz03 .titles p a{ text-transform:capitalize; color:#1f7ce6;}
.hz03 .titles b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.hz03 .titles span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.hz03 .left{ width:100%; margin-top:15px;}
.hz03 .left p{ width:100%; display:block; overflow:hidden;}
.hz03 .left img{ width:100%; display:block;}
.hz03 .right{ width:100%; padding-top:10px;}
.hz03 .right .r04{ font-size:14px; line-height:24px;}

.hz04{ width:100%; padding:25px 0; background-color:#eee;}
.hz04 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.hz04 .title{ display:none;}
.hz04 .titles{ width:100%; margin:auto; text-align:center;}
.hz04 .titles p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.hz04 .titles p a{ text-transform:capitalize; color:#1f7ce6;}
.hz04 .titles b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.hz04 .titles span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.hz04 .left{ width:100%; margin-top:15px;}
.hz04 .left p{ width:100%; display:block; overflow:hidden;}
.hz04 .left img{ width:100%; display:block;}
.hz04 .right{ width:100%; padding-top:10px;}
.hz04 .right .r04{ font-size:14px; line-height:24px;}
}

/*品牌展示*/
@media screen and (min-width:1280px){
.pp01{ width:1200px; margin:60px auto; margin-bottom:70px;}
.pp01 .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.pp01 .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.pp01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp01 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp01 .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.pp01 dl{ width:1220px; display:block; margin-top:-20px;}
.pp01 dl dt{ width:224px; display:block; overflow:hidden; float:left; margin-right:20px; margin-top:20px;}
.pp01 dl dt strong{ width:100%; height:110px; overflow:hidden; position:relative; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; background-color:#eee;}
.pp01 dl dt strong img{ display:block; max-height:100%; max-width:100%; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pp01 dl dt span{ display:block; height:24px; padding-top:5px; line-height:24px; font-size:14px; text-align:center; overflow:hidden;}
.pp01 dl dt:hover span{ color:#1f63ac;}
.pp01 dl dt:hover strong{ -webkit-transform:rotateY(-360deg);}

.pp02{ width:100%; padding:70px 0; background-color:#fff;}
.pp02 .box{ width:1200px; margin:auto; position:relative; z-index:1;}
.pp02 .titles{ display:none;}
.pp02 .left{ width:550px; float:left;}
.pp02 .left p{ width:100%; display:block; overflow:hidden;}
.pp02 .left img{ width:100%; display:block;}
.pp02 .right{ width:580px; padding-top:15px; float:right;}
.pp02 .title{ width:100%; margin-bottom:25px;}
.pp02 .title p{ display:block; overflow:hidden; font-size:30px; height:38px; line-height:38px;}
.pp02 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp02 .title span{ display:block; overflow:hidden; font-size:24px; height:30px; line-height:30px;}
.pp02 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.pp02 .right .r04{ font-size:14px; line-height:24px;}

.pp03{ width:100%; padding-top:60px; padding-bottom:70px; background-color:#eee;}
.pp03 .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.pp03 .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.pp03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp03 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp03 .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}
.pp03 .box{ width:1200px; margin:auto;}
.pp03  ul{ width:1220px; display:block; overflow:hidden; margin-top:-20px;}
.pp03  ul li{ margin-right:20px; margin-top:20px; width:285px; height:330px; float:left; display:block; overflow:hidden; background-color:#fff;}
.pp03  ul li .tu{ width:100%; height:240px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pp03  ul li .tu img{ width:100%; display:block;}
.pp03  ul li .wen{ padding:1px 19px; border-left:1px solid #ddd; border-right:1px solid #ddd; width:245px; height:83px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pp03  ul li .wen span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.pp03  ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.pp03  ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #1f7ce6; color:#1f7ce6;}
.pp03  ul li .jia{ padding:7px 20px; background-color:#1f7ce6;}
.pp03  ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.pp03  ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.pp03  ul li:hover .tu{ height:210px;}
.pp03  ul li:hover .wen{ height:78px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.pp01{ width:100%; margin:45px auto;}
.pp01 .title{ width:100%; margin:auto; text-align:center;}
.pp01 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.pp01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp01 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp01 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.pp01 dl{ width:100%; display:block; margin-top:5px;}
.pp01 dl dt{ width:21.25%; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:10px;}
.pp01 dl dt strong{ width:100%; height:110px; overflow:hidden; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; background-color:#eee; position:relative;}
.pp01 dl dt strong img{ display:block; max-height:100%; max-width:100%; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pp01 dl dt span{ display:block; height:24px; padding-top:5px; line-height:24px; font-size:14px; text-align:center; overflow:hidden;}
.pp01 dl dt:hover span{ color:#1f63ac;}
.pp01 dl dt:hover strong{ -webkit-transform:rotateY(-360deg);}

.pp02{ width:100%; padding:50px 0; background-color:#fff;}
.pp02 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.pp02 .titles{ display:none;}
.pp02 .left{ width:45%; float:left;}
.pp02 .left p{ width:100%; display:block; overflow:hidden;}
.pp02 .left img{ width:100%; display:block;}
.pp02 .right{ width:52%; padding-top:15px; float:right;}
.pp02 .title{ width:100%; margin-bottom:15px;}
.pp02 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.pp02 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp02 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.pp02 .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:left center; background-repeat:no-repeat; margin-top:11px;}
.pp02 .right .r04{ font-size:14px; line-height:24px;}

.pp03{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#eee;}
.pp03 .title{ width:94%; margin:auto; text-align:center;}
.pp03 .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.pp03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp03 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp03 .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}
.pp03 .box{ width:100%; margin:auto;}
.pp03 ul{ width:100%; display:block; overflow:hidden;}
.pp03 ul li{ margin-left:3%; margin-top:15px; width:29.33%; height:290px; float:left; display:block; overflow:hidden; background-color:#fff;}
.pp03 ul li .tu{ width:100%; height:200px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pp03 ul li .tu img{ width:100%; display:block;}
.pp03 ul li .wen{ padding:1px 9px; border-left:1px solid #ddd; border-right:1px solid #ddd; width:100%; height:85px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; box-sizing:border-box;}
.pp03 ul li .wen span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.pp03 ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.pp03 ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #1f7ce6; color:#1f7ce6;}
.pp03 ul li .jia{ padding:7px 10px; background-color:#1f7ce6;}
.pp03 ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.pp03 ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.pp03 ul li:hover .tu{ height:170px;}
.pp03 ul li:hover .wen{ height:78px;}
}

@media only screen and (max-width:768px){
.pp01{ width:100%; margin:25px auto;}
.pp01 .title{ width:100%; margin:auto; text-align:center;}
.pp01 .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pp01 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp01 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp01 .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pp01 dl{ width:100%; display:block; margin-top:5px;}
.pp01 dl dt{ width:45.5%; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:10px;}
.pp01 dl dt strong{ width:100%; height:110px; overflow:hidden; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; background-color:#eee; position:relative;}
.pp01 dl dt strong img{ display:block; max-height:100%; max-width:100%; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pp01 dl dt span{ display:block; height:24px; padding-top:5px; line-height:24px; font-size:14px; text-align:center; overflow:hidden;}
.pp01 dl dt:hover span{ color:#1f63ac;}
.pp01 dl dt:hover strong{ -webkit-transform:rotateY(-360deg);}

.pp02{ width:100%; padding:25px 0; background-color:#fff;}
.pp02 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.pp02 .title{ display:none}
.pp02 .titles{ width:94%; margin:auto; text-align:center;}
.pp02 .titles p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pp02 .titles p a{ text-transform:capitalize; color:#1f7ce6;}
.pp02 .titles b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp02 .titles span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pp02 .left{ width:100%; margin-top:15px;}
.pp02 .left p{ width:100%; display:block; overflow:hidden;}
.pp02 .left img{ width:100%; display:block;}
.pp02 .right{ width:100%; padding-top:10px;}
.pp02 .right .r04{ font-size:14px; line-height:24px;}

.pp03{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.pp03 .title{ width:94%; margin:auto; text-align:center;}
.pp03 .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pp03 .title p a{ text-transform:capitalize; color:#1f7ce6;}
.pp03 .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.pp03 .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.pp03 .box{ width:100%; margin:auto;}
.pp03 ul{ width:100%; display:block; overflow:hidden;}
.pp03 ul li{ margin-left:3%; margin-top:15px; width:45.5%; height:240px; float:left; display:block; overflow:hidden; background-color:#fff;}
.pp03 ul li .tu{ width:100%; height:150px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.pp03 ul li .tu img{ width:100%; display:block;}
.pp03 ul li .wen{ padding:1px 9px; border-left:1px solid #ddd; border-right:1px solid #ddd; width:100%; height:85px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; box-sizing:border-box;}
.pp03 ul li .wen span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.pp03 ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.pp03 ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #1f7ce6; color:#1f7ce6;}
.pp03 ul li .jia{ padding:7px 10px; background-color:#1f7ce6;}
.pp03 ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.pp03 ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.pp03 ul li:hover .tu{ height:120px;}
.pp03 ul li:hover .wen{ height:78px;}
}

/*产品内页*/
@media screen and (min-width:1280px){
.main .chan{ width:100%;}
.main .cl{ width:568px; height:408px; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#1f7ce6;}
.main .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}
.main .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}

.main .cr{ width:600px; float:right;}
.main .cr .tou{ font-size:24px; color:#1f7ce6; line-height:50px; height:50px;}
.main .cr .wen{ font-size:14px; line-height:26px; margin-bottom:25px;}
.main .cr .cr03{ width:520px; padding:30px 40px; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .box{ padding-left:50px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#1f7ce6;}
.main .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#1f7ce6; color:#fff; display:block;}
.main .cr .cr03 .box a.a02{ display:none;}

.main .cpx{ width:100%; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:26px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#1f7ce6;}
.main .wenz{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenz img{ max-width:100%; height:auto;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .chan{ width:94%; margin:auto;}
.main .cl{ width:50%; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#1f7ce6;}
.main .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}
.main .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}

.main .cr{ width:48%; float:right;}
.main .cr .tou{ font-size:20px; color:#1f7ce6; line-height:30px;}
.main .cr .wen{ font-size:14px; line-height:26px; margin-top:10px;}
.main .cr .cr03{ padding:20px; background-color:#f7f7f7; height:40px; margin-top:20px;}
.main .cr .cr03 .box{ padding-left:50px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#1f7ce6;}
.main .cr .cr03 .box a{ width:100px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#1f7ce6; color:#fff; display:block;}
.main .cr .cr03 .box a.a02{ display:none;}

.main .cpx{ width:94%; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:16px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#1f7ce6;}
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:15px;}
.main .wenz img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:768px){
.main .chan{ width:94%; margin:auto;}
.main .cl{ width:100%; height:100%; box-sizing:border-box; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:14px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#1f7ce6; font-size:18px;}
.main .cl .swiper-button-next{ width:40px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11; border-radius:100%; background-color:rgba(255,255,255,0.5);}
.main .cl .swiper-button-prev{ width:40px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11; border-radius:100%; background-color:rgba(255,255,255,0.5);}
.main .cl .swiper-button-next img,.main .cl .swiper-button-prev img{ height:20px; display:block; margin:10px auto;}

.main .cr{ width:100%; float:right; margin-top:15px;}
.main .cr .tou{ font-size:18px; color:#1f7ce6; line-height:28px;}
.main .cr .wen{ font-size:14px; line-height:24px; margin-bottom:10px;}
.main .cr .cr03{ width:90%; padding:10px 5%; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .box{ position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:20px; line-height:24px; height:24px; overflow:hidden; color:#1f7ce6;}
.main .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#1f7ce6; color:#fff; display:block;}
.main .cr .cr03 .box a.a01{ display:none;}

.main .cpx{ width:94%; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:38px; padding-top:10px;}
.main .cpx p{ display:block; text-align:center; font-size:16px; height:36px; line-height:36px; width:120px; font-weight:bold; color:#1f7ce6;}
.main .wenz{ width:94%; margin:auto; font-size:14px; line-height:24px; margin-top:10px;}
.main .wenz img{ max-width:100%; height:auto;}
}

/*产品*/
@media screen and (min-width:1280px){
.hot{ width:1200px; margin:70px auto;}
.nl{ width:750px; height:350px; position:relative; float:left;}
.nl .title{ width:118px; height:49px; position:absolute; top:0; left:0; font-size:18px; line-height:42px; font-weight:bold; text-align:center; color:#fff; background-image:url(../images/title01.png); background-position:top center; background-repeat:no-repeat; z-index:3;}
.nl .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
.nl .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.nl .swiper-container .swiper-slide img{ width:100%; display:block;}
.nl .swiper-pagination{ position:absolute; bottom:20px; right:10px;}
.nl .swiper-pagination span{ display:block; float:left; margin-right:10px; width:10px; height:10px; background-color:#fff;}
.nl .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}


.nr{ width:420px; height:350px; display:block; position:relative; float:right;}
.nr li{ display:block; overflow:hidden; background-color:#f2f2f2; margin-bottom:10px; padding:15px 20px; width:380px; height:50px;}
.nr li strong{ width:50px; height:50px; display:block; float:left; overflow:hidden;}
.nr li strong img{ width:100%; display:block;}
.nr li p{ float:right; display:block; width:320px; overflow:hidden;}
.nr li b{ height:28px; line-height:28px; font-size:18px; display:block; overflow:hidden;}
.nr li span{ height:20px; line-height:20px; font-size:14px; color:#666; display:block; overflow:hidden;}
.nr li:hover b{ color:#1f7ce6;}

.pro{ width:100%; padding:70px 0;}
.pro.cp01,.pro.cp03{ background-color:#eee;}
.pro .cont{ width:1200px; margin:auto; position:relative; overflow:hidden;}
.pro .left{ width:240px; height:330px; padding-top:10px; background-position:bottom; background-repeat:no-repeat; float:left; text-align:center;}
.pro .left h2{ display:block; height:64px; line-height:64px; font-size:24px; color:#fff; overflow:hidden;}
.pro .left a{ width:130px; height:34px; line-height:34px; font-size:14px; background-color:#fff; border-radius:50px; margin:auto; display:block; overflow:hidden;}
.pro .left a:hover{ color:#1f7ce6;}
.pro.cp01 .left{ background-color:#008cc5;}
.pro.cp02 .left{ background-color:#44b9ae;}
.pro.cp03 .left{ background-color:#7fbf3b;}
.pro.cp04 .left{ background-color:#ff9b43;}

.pro .right{ width:950px; float:right;}
.pro .pagination{ padding-left:34px; overflow:hidden; padding-right:114px; height:40px; position:relative; background-image:url(../images/bg.png); background-position:top left; background-repeat:no-repeat;}
.pro.cp01 .pagination{ background-color:#008cc5; background-image:url(../images/bg01.png);}
.pro.cp02 .pagination{ background-color:#44b9ae;}
.pro.cp03 .pagination{ background-color:#7fbf3b; background-image:url(../images/bg01.png);}
.pro.cp04 .pagination{ background-color:#ff9b43;}
.pro .pagination .more{ width:80px; text-align:center; position:absolute; top:0; right:0; height:40px; line-height:40px; font-size:14px;}
.pro .pagination .more a{ color:#fff;}
.pro .pagination .scr{ height:40px; overflow:hidden;}
.pro .pagination ul{ min-width:100%; display:block; height:40px; float:left;}
.pro .pagination ul li{ display:block; float:left; margin-right:20px; font-size:16px; height:40px; line-height:40px;}
.pro.cp01 .pagination ul li.on{ color:#008cc5;}
.pro.cp02 .pagination ul li.on{ color:#44b9ae;}
.pro.cp03 .pagination ul li.on{ color:#7fbf3b;}
.pro.cp04 .pagination ul li.on{ color:#ff9b43;}
.pro .box{ width:950px; margin-top:10px;}
.pro .box ul{ width:960px; display:block; overflow:hidden;}
.pro .box ul li{ width:228px; height:288px; border:1px solid #ddd; display:block; overflow:hidden; float:left; margin-right:10px; text-align:center; background-color:#fff;}
.pro .box ul li strong{ width:100%; height:192px; display:block; overflow:hidden;}
.pro .box ul li strong img{ width:100%; display:block; 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.pro .box ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.pro .box ul li span{ display:block; height:26px; line-height:26px; font-size:16px; margin:20px 15px; margin-bottom:0; overflow:hidden;}
.pro .box ul li p{ margin:0 15px; display:block; height:24px; line-height:24px; font-size:14px;}
.pro.cp01 .box ul li:hover{ border:1px solid #008cc5;}
.pro.cp02 .box ul li:hover{ border:1px solid #44b9ae;}
.pro.cp03 .box ul li:hover{ border:1px solid #7fbf3b;}
.pro.cp04 .box ul li:hover{ border:1px solid #ff9b43;}
.pro.cp01 .box ul li p{ color:#008cc5;}
.pro.cp02 .box ul li p{ color:#44b9ae;}
.pro.cp03 .box ul li p{ color:#7fbf3b;}
.pro.cp04 .box ul li p{ color:#ff9b43;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.hot{ width:94%; margin:50px auto;}
.nl{ width:60%; height:350px; position:relative; float:left;}
.nl .title{ width:118px; height:49px; position:absolute; top:0; left:0; font-size:18px; line-height:42px; font-weight:bold; text-align:center; color:#fff; background-image:url(../images/title01.png); background-position:top center; background-repeat:no-repeat; z-index:3;}
.nl .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
.nl .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.nl .swiper-container .swiper-slide img{ height:100%; display:block;}
.nl .swiper-pagination{ position:absolute; bottom:20px; right:10px;}
.nl .swiper-pagination span{ display:block; float:left; margin-right:10px; width:10px; height:10px; background-color:#fff;}
.nl .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}


.nr{ width:38%; height:350px; display:block; position:relative; float:right;}
.nr li{ display:block; overflow:hidden; background-color:#f2f2f2; margin-bottom:10px; padding:15px; width:100%; height:80px; box-sizing:border-box;}
.nr li strong{ width:50px; height:50px; display:block; float:left; overflow:hidden;}
.nr li strong img{ width:100%; display:block;}
.nr li p{ float:right; display:block; width:-moz-calc(100% - 60px); width:-webkit-calc(100% - 60px); width:calc(100% - 60px); overflow:hidden;}
.nr li b{ height:28px; line-height:28px; font-size:18px; display:block; overflow:hidden;}
.nr li span{ height:20px; line-height:20px; font-size:14px; color:#666; display:block; overflow:hidden;}
.nr li:hover b{ color:#1f7ce6;}

.pro{ width:100%; padding:40px 0;}
.pro.cp01,.pro.cp03{ background-color:#eee;}
.pro .cont{ width:94%; margin:auto; position:relative; overflow:hidden;}
.pro .left{ width:20%; height:300px; padding-top:10px; background-position:bottom; background-repeat:no-repeat; float:left; text-align:center;}
.pro .left h2{ display:block; height:50px; line-height:50px; font-size:20px; color:#fff; overflow:hidden;}
.pro .left a{ width:100px; height:30px; line-height:30px; font-size:14px; background-color:#fff; border-radius:50px; margin:auto; display:block; overflow:hidden;}
.pro .left a:hover{ color:#1f7ce6;}
.pro.cp01 .left{ background-color:#008cc5;}
.pro.cp02 .left{ background-color:#44b9ae;}
.pro.cp03 .left{ background-color:#7fbf3b;}
.pro.cp04 .left{ background-color:#ff9b43;}

.pro .right{ width:80%; float:right;}
.pro .pagination{ overflow:hidden; padding-right:114px; height:40px; position:relative; background-image:url(../images/bg.png); background-position:top right; background-repeat:no-repeat; width:98%; margin-left:2%; box-sizing:border-box;}
.pro.cp01 .pagination{ background-color:#008cc5; background-image:url(../images/bg01.png);}
.pro.cp02 .pagination{ background-color:#44b9ae;}
.pro.cp03 .pagination{ background-color:#7fbf3b; background-image:url(../images/bg01.png);}
.pro.cp04 .pagination{ background-color:#ff9b43;}
.pro .pagination .more{ width:80px; text-align:center; position:absolute; top:0; right:0; height:40px; line-height:40px; font-size:14px;}
.pro .pagination .more a{ color:#fff;}
.pro .pagination .scr{ width:100%; overflow-x:auto; height:40px; overflow-y:hidden;}
.pro .pagination ul{ display:block; height:40px; overflow:hidden; min-width:100%;}
.pro .pagination ul li{ display:block; float:left; margin-left:20px; font-size:16px; height:40px; line-height:40px;}
.pro.cp01 .pagination ul li.on{ color:#008cc5;}
.pro.cp02 .pagination ul li.on{ color:#44b9ae;}
.pro.cp03 .pagination ul li.on{ color:#7fbf3b;}
.pro.cp04 .pagination ul li.on{ color:#ff9b43;}
.pro .box{ width:100%; margin-top:10px;}
.pro .box ul{ width:100%; display:block; overflow:hidden;}
.pro .box ul li{ width:31.33%; height:260px; border:1px solid #ddd; display:block; overflow:hidden; float:left; margin-left:2%; text-align:center; background-color:#fff; box-sizing:border-box;}
.pro .box ul li:last-child{ display:none;}
.pro .box ul li strong{ width:100%; height:185px; display:block; overflow:hidden;}
.pro .box ul li strong img{ width:100%; display:block; 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.pro .box ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.pro .box ul li span{ display:block; height:26px; line-height:26px; font-size:16px; margin:10px 15px; margin-bottom:0; overflow:hidden;}
.pro .box ul li p{ margin:0 15px; display:block; height:24px; line-height:24px; font-size:14px;}
.pro.cp01 .box ul li:hover{ border:1px solid #008cc5;}
.pro.cp02 .box ul li:hover{ border:1px solid #44b9ae;}
.pro.cp03 .box ul li:hover{ border:1px solid #7fbf3b;}
.pro.cp04 .box ul li:hover{ border:1px solid #ff9b43;}
.pro.cp01 .box ul li p{ color:#008cc5;}
.pro.cp02 .box ul li p{ color:#44b9ae;}
.pro.cp03 .box ul li p{ color:#7fbf3b;}
.pro.cp04 .box ul li p{ color:#ff9b43;}
}
@media only screen and (max-width:768px){
.hot{ width:94%; margin:30px auto;}
.nl{ width:100%; position:relative; float:left;}
.nl .title{ width:118px; height:49px; position:absolute; top:0; left:0; font-size:18px; line-height:42px; font-weight:bold; text-align:center; color:#fff; background-image:url(../images/title01.png); background-position:top center; background-repeat:no-repeat; z-index:3;}
.nl .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden; z-index:1;}
.nl .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.nl .swiper-container .swiper-slide img{ width:100%; display:block;}
.nl .swiper-pagination{ position:absolute; bottom:10px; right:5px;}
.nl .swiper-pagination span{ display:block; float:left; margin-right:5px; width:10px; height:10px; background-color:#fff;}
.nl .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#1f7ce6;}

.nr{ width:100%; padding-top:5px; display:block; position:relative; float:right;}
.nr li{ display:block; overflow:hidden; background-color:#f2f2f2; margin-top:15px; padding:15px 5%; width:100%; height:50px;}
.nr li strong{ width:50px; height:50px; display:block; float:left; overflow:hidden;}
.nr li strong img{ width:100%; display:block;}
.nr li p{ float:right; display:block; width:calc(100% - 60px); overflow:hidden;}
.nr li b{ height:28px; line-height:28px; font-size:18px; display:block; overflow:hidden;}
.nr li span{ height:20px; line-height:20px; font-size:14px; color:#666; display:block; overflow:hidden;}
.nr li:hover b{ color:#1f7ce6;}

.pro{ width:100%; padding:30px 0;}
.pro.cp01,.pro.cp03{ background-color:#eee;}
.pro .cont{ width:100%; margin:auto; position:relative; overflow:hidden;}
.pro .left{ width:84%; padding:20px 5%; margin:auto; background-position:right center; background-repeat:no-repeat;}
.pro .left h2{ display:block; height:28px; line-height:28px; font-size:18px; color:#fff; overflow:hidden;}
.pro .left a{ color:#fff; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden;}
.pro .left a:hover{ color:#1f7ce6;}
.pro.cp01 .left{ background-color:#008cc5;}
.pro.cp02 .left{ background-color:#44b9ae;}
.pro.cp03 .left{ background-color:#7fbf3b;}
.pro.cp04 .left{ background-color:#ff9b43;}

.pro .right{ width:100%;}
.pro .pagination{ width:94%; margin:auto; overflow:hidden; padding-right:90px; height:40px; position:relative; background-image:url(../images/bg.png); background-position:top right; background-repeat:no-repeat; box-sizing:border-box;}
.pro.cp01 .pagination{ background-color:#008cc5; background-image:url(../images/bg01.png);}
.pro.cp02 .pagination{ background-color:#44b9ae;}
.pro.cp03 .pagination{ background-color:#7fbf3b; background-image:url(../images/bg01.png);}
.pro.cp04 .pagination{ background-color:#ff9b43;}
.pro .pagination .more{ width:60px; text-align:center; position:absolute; top:0; right:0; height:40px; line-height:40px; font-size:14px;}
.pro .pagination .more a{ color:#fff;}
.pro .pagination .scr{ width:100%; overflow-x:auto; height:40px; overflow-y:hidden;}
.pro .pagination ul{ min-width:100%; display:block; height:40px;}
.pro .pagination ul li{ display:block; float:left; margin-left:10px; font-size:14px; height:40px; line-height:40px;}
.pro.cp01 .pagination ul li.on{ color:#008cc5;}
.pro.cp02 .pagination ul li.on{ color:#44b9ae;}
.pro.cp03 .pagination ul li.on{ color:#7fbf3b;}
.pro.cp04 .pagination ul li.on{ color:#ff9b43;}
.pro .box{ width:100%; margin-top:10px;}
.pro .box ul{ width:100%; display:block; overflow:hidden;}
.pro .box ul li{ width:45.5%; box-sizing:border-box; padding-bottom:10px; border:1px solid #ddd; display:block; overflow:hidden; float:left; margin-left:3%; margin-top:15px; text-align:center; background-color:#fff;}
.pro .box ul li strong{ width:100%; height:150px; display:block; overflow:hidden;}
.pro .box ul li strong img{ width:100%; display:block; 
	transition-delay:0s;
    transition-duration:1s;
    transition-property:all;
    transition-timing-function:ease;
	/* Firefox 4 */
	-moz-transition-delay:0s;
    -moz-transition-duration:1s;
    -moz-transition-property:all;
    -moz-transition-timing-function:ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration:1s;
    -webkit-transition-property:all;
    -webkit-transition-timing-function:ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration:1s;
    -o-transition-property:all;
    -o-transition-timing-function:ease;
}
.pro .box ul li:hover strong img{
	transform:scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}
.pro .box ul li span{ display:block; height:52px; line-height:26px; font-size:16px; margin:10px 15px; margin-bottom:0; overflow:hidden;}
.pro .box ul li p{ margin:0 15px; display:block; height:24px; line-height:24px; font-size:14px;}
.pro.cp01 .box ul li:hover{ border:1px solid #008cc5;}
.pro.cp02 .box ul li:hover{ border:1px solid #44b9ae;}
.pro.cp03 .box ul li:hover{ border:1px solid #7fbf3b;}
.pro.cp04 .box ul li:hover{ border:1px solid #ff9b43;}
.pro.cp01 .box ul li p{ color:#008cc5;}
.pro.cp02 .box ul li p{ color:#44b9ae;}
.pro.cp03 .box ul li p{ color:#7fbf3b;}
.pro.cp04 .box ul li p{ color:#ff9b43;}
}

/*产品列表页*/
@media screen and (min-width:1280px){
.main{ width:1200px; margin:70px auto;}
.sx{ width:1198px; background-color:#fff; margin:auto; border:1px solid #cacaca; border-top:2px solid #1f7ce6;}
.sx .title{ padding:0 20px; height:40px; line-height:40px; background-color:#eee;}
.sx .title a{ display:block; float:left; font-size:18px; color:#1f7ce6;}
.sx .title p{ display:block; float:right; font-size:14px; color:#666;}
.sx .title p span{ color:#1f7ce6;}
.sx .ss{ width:1140px; margin:auto; display:block; border-bottom:1px solid #eee; padding:20px 0;}
.sx .ss dt{ display:block; float:left; width:80px; height:24px; line-height:24px; font-size:14px;}
.sx .ss dd{ display:block; float:left; width:1060px; line-height:24px; font-size:14px; position:relative;}
.sx .ss dd a{ display:block; float:left; margin-right:20px; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.sx .ss dd a.on,.sx .ss dd a:hover{ color:#1f7ce6;}
.sx .ss .bb{ width:100%;}
.sx .ss .bb p{ width:100%; height:30px; overflow:hidden;}
.sx .ss .bb p:first-child{ display:none !important;}
.sx .ss .tabs{ width:100%; z-index:99; padding-top:5px;}
.sx .ss .tabs p{ display:block; overflow:hidden; background-color:#eee; padding:5px 20px; position:relative;}
.sx .ss .tabs p a{ display:block; float:left; margin-right:20px; font-size:12px; line-height:22px; height:22px; overflow:hidden;}
.sx .ss .tabs a.on,.sx .ss .tabs a:hover{ color:#1f7ce6;}
.sx .ss .tabs span{ display:block; overflow:hidden; z-index:99; float:left; width:100%;}
.sx .ss .tabs span a{ display:block; float:left; margin-right:15px; color:#666; font-size:12px; line-height:18px; height:18px; overflow:hidden;}
.sx .ss .bb01{ width:100%;}
.sx .ss .bb01 b{ display:block; width:100%; height:20px; overflow:hidden;}

.boxs{ width:1200px; margin:auto; margin-top:30px;}
.boxs  ul{ width:1220px; display:block; overflow:hidden; margin-top:-20px;}
.boxs  ul li{ margin-right:20px; margin-top:20px; width:283px; height:330px; border:1px solid #ddd; float:left; display:block; overflow:hidden; background-color:#fff;}
.boxs  ul li .tu{ width:100%; height:240px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.boxs  ul li .tu img{ width:100%; display:block;}
.boxs  ul li .wen{ padding:1px 19px; width:245px; height:83px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; background-color:#f1f1f1;}
.boxs  ul li .wen span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.boxs  ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.boxs  ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #1f7ce6; color:#1f7ce6;}
.boxs  ul li .jia{ padding:7px 20px; background-color:#1f7ce6;}
.boxs  ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.boxs  ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.boxs  ul li:hover .tu{ height:210px;}
.boxs  ul li:hover .wen{ height:78px;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main{ width:100%; margin:50px auto;}
.sx{ width:94%; box-sizing:border-box; background-color:#fff; margin:auto; border:1px solid #cacaca; border-top:2px solid #1f7ce6;}
.sx .title{ padding:0 3%; height:36px; line-height:36px; background-color:#eee;}
.sx .title a{ display:block; float:left; font-size:16px; color:#1f7ce6;}
.sx .title p{ display:block; float:right; font-size:14px; color:#666;}
.sx .title p span{ color:#1f7ce6;}
.sx .ss{ width:94%; margin:auto; display:block; border-bottom:1px solid #eee; padding:15px 0;}
.sx .ss dt{ display:block; float:left; width:80px; height:24px; line-height:24px; font-size:14px;}
.sx .ss dd{ display:block; float:left; width:calc(100% - 80px); line-height:24px; font-size:14px; position:relative;}
.sx .ss dd a{ display:block; float:left; margin-right:20px; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.sx .ss dd a.on,.sx .ss dd a:hover{ color:#1f7ce6;}
.sx .ss .bb{ width:100%;}
.sx .ss .bb p{ width:100%; height:40px; overflow:hidden;}
.sx .ss .bb p:first-child{ display:none !important;}
.sx .ss .tabs{ width:100%; z-index:99; padding-top:5px;}
.sx .ss .tabs p{ display:block; overflow:hidden; width:100%; background-color:#eee; padding:5px 10px; padding-right:0; box-sizing:border-box;}
.sx .ss .tabs p a{ display:block; float:left; margin-right:10px; font-size:12px; line-height:22px; height:22px; overflow:hidden;}
.sx .ss .tabs a.on,.sx .ss .tabs a:hover{ color:#1f7ce6;}
.sx .ss .tabs span{ display:block; overflow:hidden; z-index:99; float:left; width:100%;}
.sx .ss .tabs span a{ display:block; float:left; margin-right:10px; color:#666; font-size:12px; line-height:18px; height:18px; overflow:hidden;}
.sx .ss .bb01{ width:100%;}
.sx .ss .bb01 b{ display:block; width:100%; height:18px; overflow:hidden;}

.boxs{ width:100%; margin:auto; margin-top:5px;}
.boxs  ul{ width:100%; display:block; overflow:hidden;}
.boxs  ul li{ margin-left:3%; margin-top:15px; width:29.33%; border:1px solid #ddd; box-sizing:border-box; height:290px; float:left; display:block; overflow:hidden; background-color:#fff;}
.boxs  ul li .tu{ width:100%; height:200px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.boxs  ul li .tu img{ width:100%; display:block;}
.boxs  ul li .wen{ padding:1px 9px; width:100%; height:85px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; box-sizing:border-box; background-color:#f1f1f1;}
.boxs  ul li .wen span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.boxs  ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.boxs  ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #1f7ce6; color:#1f7ce6;}
.boxs  ul li .jia{ padding:7px 10px; background-color:#1f7ce6;}
.boxs  ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.boxs  ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.boxs  ul li:hover .tu{ height:170px;}
.boxs  ul li:hover .wen{ height:78px;}
}
@media only screen and (max-width:768px){
.main{ width:100%; margin:30px auto;}
.sx{ width:94%; box-sizing:border-box; background-color:#fff; margin:auto; border:1px solid #cacaca; border-top:2px solid #1f7ce6;}
.sx .title{ padding:0 3%; height:36px; line-height:36px; background-color:#eee;}
.sx .title a{ display:block; float:left; font-size:16px; color:#1f7ce6;}
.sx .title p{ display:block; float:right; font-size:14px; color:#666;}
.sx .title p span{ color:#1f7ce6;}
.sx .ss{ width:94%; margin:auto; display:block; border-bottom:1px solid #eee; padding:15px 0;}
.sx .ss dt{ display:block; float:left; width:80px; height:24px; line-height:24px; font-size:14px;}
.sx .ss dd{ display:block; float:left; width:calc(100% - 80px); line-height:24px; font-size:14px; position:relative;}
.sx .ss dd a{ display:block; float:left; margin-right:10px; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.sx .ss dd a.on,.sx .ss dd a:hover{ color:#1f7ce6;}
.sx .ss .bb{ width:100%;}
.sx .ss .bb p{ width:100%; height:40px; overflow:hidden;}
.sx .ss .bb p:first-child{ display:none !important;}
.sx .ss .tabs{ width:100%; z-index:99; padding-top:5px;}
.sx .ss .tabs p{ display:block; overflow:hidden; width:100%; background-color:#eee; padding:5px 10px; padding-right:0; box-sizing:border-box;}
.sx .ss .tabs p a{ display:block; float:left; margin-right:10px; font-size:12px; line-height:22px; height:22px; overflow:hidden;}
.sx .ss .tabs a.on,.sx .ss .tabs a:hover{ color:#1f7ce6;}
.sx .ss .tabs span{ display:block; overflow:hidden; z-index:99; float:left; width:100%;}
.sx .ss .tabs span a{ display:block; float:left; margin-right:10px; color:#666; font-size:12px; line-height:18px; height:18px; overflow:hidden;}
.sx .ss .bb01{ width:100%;}
.sx .ss .bb01 b{ display:block; width:100%; height:18px; overflow:hidden;}

.boxs{ width:100%; margin:auto; margin-top:5px;}
.boxs  ul{ width:100%; display:block; overflow:hidden;}
.boxs  ul li{ margin-left:3%; margin-top:15px; width:45.5%; border:1px solid #ddd; box-sizing:border-box; height:240px; float:left; display:block; overflow:hidden; background-color:#fff;}
.boxs  ul li .tu{ width:100%; height:150px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s;}
.boxs  ul li .tu img{ width:100%; display:block;}
.boxs  ul li .wen{ padding:1px 9px; width:100%; height:85px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -o-transition:height 0.5s; box-sizing:border-box; background-color:#f1f1f1;}
.boxs  ul li .wen span{ display:block; height:42px; line-height:42px; font-size:16px; overflow:hidden;}
.boxs  ul li .wen p{ width:255px; display:block; height:22px; overflow:hidden;}
.boxs  ul li .wen p a{ display:block; float:left; margin-right:10px; height:20px; line-height:20px; font-size:13px; padding:0 9px; border:1px solid #1f7ce6; color:#1f7ce6;}
.boxs  ul li .jia{ padding:7px 10px; background-color:#1f7ce6;}
.boxs  ul li .jia p{ height:26px; line-height:26px; color:#fff; display:block; float:left; font-size:14px;}
.boxs  ul li .jia a{ width:70px; height:26px; line-height:26px; text-align:center; float:right; display:block; background-color:#fff;}
.boxs  ul li:hover .tu{ height:120px;}
.boxs  ul li:hover .wen{ height:78px;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.ren{ width:1200px; margin:60px auto; margin-bottom:70px;}
.ren .title{ width:1200px; margin:1px auto; margin-bottom:17px; text-align:center;}
.ren .title p{ display:block; overflow:hidden; font-size:30px; height:46px; line-height:46px;}
.ren .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ren .title b{ display:block; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ren .title span{ display:block; overflow:hidden; font-size:24px; height:50px; line-height:50px;}

.ren .job{ width:100%; display:block; margin-top:-30px;}
.ren .job li{ display:block; overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.ren .job li .bt{ font-size:18px; font-weight:bold;}
.ren .job li .bt:hover{ color:#1f7ce6;}
.ren .job li dl{ width:100%; display:block; overflow:hidden; margin-top:15px;}
.ren .job li dl dt{ width:270px; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.ren .job li .wen{ width:980px; margin:0; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.ren .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#1f7ce6; display:block; position:absolute; right:0; bottom:30px;}

.ren01{ width:1200px; margin:auto;}
.ren01 .lefts{ width:770px; float:left; padding-top:65px; padding-bottom:70px;}
.ren01 .lefts .tou{ width:100%; position:relative;}
.ren01 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.ren01 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.ren01 .lefts .tou .xx span{ width:50%; float:left; display:block; color:#999;}
.ren01 .lefts .tou .xx p{ display:block;}
.ren01 .lefts .ny{ width:100%; margin-top:25px;}
.ren01 .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.ren01 .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.ren01 .lefts .ny .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.ren01 .lefts .ny .wen img{ max-width:100%; height:auto;}

.ren01 .rights{ border-left:1px solid #ddd; padding-left:19px; width:260px; float:right; padding-bottom:70px;}
.ren01 .rights .bt{ width:100%; margin-top:65px;}
.ren01 .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#1f7ce6; overflow:hidden;}
.ren01 .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#1f7ce6; margin-top:5px;}
.ren01 .rights .list01{ width:100%; display:block; overflow:hidden;}
.ren01 .rights .list01 li{ padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.ren01 .rights .list01 li:last-child{ border-bottom:none;}
.ren01 .rights .list01 li a{ display:block; overflow:hidden;}
.ren01 .rights .list01 li a:hover{ color:#1f7ce6;}

.ren .wen{ width:1200px; margin:auto; font-size:14px; line-height:24px;}
.ren .wen img{ max-width:100%; height:auto;}

.box02{ width:1200px; margin:auto; margin-top:30px;}
#map{ width:600px; height:400px; overflow:hidden; float:left;}
.box02 .right01{ width:480px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#1f7ce6; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}

.ren .mess{ width:1150px; margin:auto; padding-top:-20px;}
.ren .mess dl{ width:1260px; display:block; overflow:hidden;}
.ren .mess dt{ display:block; float:left; width:630px; margin-top:20px; overflow:hidden;}
.ren .mess dt span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:16px;}
.ren .mess dt input{ display:block; float:left; width:400px; padding:0 19px; height:48px; line-height:48px; font-size:16px; border:1px solid #cacaca;}
.ren .mess dd{ display:block; float:left; width:1150px; margin-top:20px; overflow:hidden;}
.ren .mess dd span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:16px;}
.ren .mess dd textarea{ display:block; float:left; width:1030px; padding:12px 19px; height:194px; line-height:24px; font-size:16px; border:1px solid #cacaca;}
.ren .mess dd input{ width:200px; height:50px; margin:auto; display:block; cursor:pointer; line-height:50px; text-align:center; font-size:16px; background-color:#1f7ce6; color:#fff;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ren{ width:94%; margin:45px auto; margin-bottom:50px;}
.ren .title{ width:94%; margin:auto; text-align:center;}
.ren .title p{ display:block; overflow:hidden; font-size:26px; height:36px; line-height:36px;}
.ren .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ren .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ren .title span{ display:block; overflow:hidden; font-size:20px; height:30px; line-height:30px;}

.box02{ margin:auto; margin-top:15px; width:100%;}
#map{ width:50%; float:left; height:360px; overflow:hidden;}
.box02 .right01{ width:47%; float:right; margin-top:10px;}
.box02 .right01 h2{ display:block; font-size:18px; color:#1f7ce6; margin-bottom:5px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:24px;}

.ren .mess{ width:100%; margin:auto;}
.ren .mess dl{ width:100%; display:block; overflow:hidden;}
.ren .mess dt{ display:block; float:left; width:48.5%; margin-top:10px; overflow:hidden;}
.ren .mess dt:nth-child(2n){ margin-left:3%;}
.ren .mess dt span{ display:block; float:left; width:100%; height:34px; line-height:34px; font-size:14px;}
.ren .mess dt input{ display:block; float:left; width:100%; padding:0 5%; height:42px; line-height:40px; font-size:14px; border:1px solid #cacaca; box-sizing:border-box;}
.ren .mess dd{ display:block; float:left; width:100%; margin-top:15px; overflow:hidden;}
.ren .mess dd span{ display:block; float:left; width:100%; height:34px; line-height:34px; font-size:14px;}
.ren .mess dd textarea{ display:block; float:left; width:100%; padding:8px 5%; height:112px; line-height:24px; font-size:14px; border:1px solid #cacaca; box-sizing:border-box;}
.ren .mess dd input{ width:160px; height:40px; margin:auto; display:block; cursor:pointer; line-height:40px; text-align:center; font-size:14px; background-color:#1f7ce6; color:#fff;}

.ren .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.ren .wen img{ max-width:100%; height:auto;}

.ren .job{ width:100%; margin-top:-5px; display:block;}
.ren .job li{ display:block; overflow:hidden; position:relative; padding:15px 0; border-bottom:1px solid #ddd;}
.ren .job li .bt{ font-size:18px; font-weight:bold;}
.ren .job li .bt:hover{ color:#1f7ce6;}
.ren .job li dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.ren .job li dl dt{ width:33.33%; display:block; float:left; font-size:14px; height:24px; line-height:24px; color:#999;}
.ren .job li .wen{ width:80%; display:block; overflow:hidden; margin-top:10px; font-size:14px; line-height:24px;}
.ren .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#1f7ce6; display:block; position:absolute; right:0; bottom:20px;}

.ren01{ width:94%; margin:auto;}
.ren01 .lefts{ width:65%; float:left; padding-top:45px; padding-bottom:50px;}
.ren01 .lefts .tou{ width:100%; position:relative;}
.ren01 .lefts .tou .bts{ font-size:18px; height:28px; line-height:28px;}
.ren01 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.ren01 .lefts .tou .xx span{ width:50%; float:left; display:block; color:#999;}
.ren01 .lefts .tou .xx p{ display:block;}
.ren01 .lefts .ny{ width:100%; margin-top:25px;}
.ren01 .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.ren01 .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.ren01 .lefts .ny .wen{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.ren01 .lefts .ny .wen img{ max-width:100%; height:auto;}

.ren01 .rights{ border-left:1px solid #ddd; padding-left:3%; width:30%; float:right; padding-bottom:50px;}
.ren01 .rights .bt{ width:100%; margin-top:45px;}
.ren01 .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#1f7ce6; overflow:hidden;}
.ren01 .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#1f7ce6; margin-top:5px;}
.ren01 .rights .list01{ width:100%; display:block; overflow:hidden;}
.ren01 .rights .list01 li{ padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.ren01 .rights .list01 li:last-child{ border-bottom:none;}
.ren01 .rights .list01 li a{ display:block; overflow:hidden;}
.ren01 .rights .list01 li a:hover{ color:#1f7ce6;}
}

@media only screen and (max-width:768px){
.ren{ width:94%; margin:25px auto; margin-bottom:30px;}
.ren .title{ width:94%; margin:auto; text-align:center;}
.ren .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}
.ren .title p a{ text-transform:capitalize; color:#1f7ce6;}
.ren .title b{ display:block; margin:4px auto; width:100%; height:6px; background-image:url(../images/title.png); background-position:center; background-repeat:no-repeat;}
.ren .title span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px;}

.box02{ margin:auto; margin-top:15px; width:100%;}
#map{ width:100%; height:260px; overflow:hidden;}
.box02 .right01{ width:100%; margin-top:10px;}
.box02 .right01 h2{ display:block; font-size:18px; color:#1f7ce6; margin-bottom:5px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:24px;}

.ren .mess{ width:100%; margin:auto;}
.ren .mess dl{ width:100%; display:block; overflow:hidden;}
.ren .mess dt{ display:block; float:left; width:48.5%; margin-top:10px; overflow:hidden;}
.ren .mess dt:nth-child(2n){ margin-left:3%;}
.ren .mess dt span{ display:block; float:left; width:100%; height:34px; line-height:34px; font-size:14px;}
.ren .mess dt input{ display:block; float:left; width:100%; padding:0 5%; height:42px; line-height:40px; font-size:14px; border:1px solid #cacaca; box-sizing:border-box;}
.ren .mess dd{ display:block; float:left; width:100%; margin-top:10px; overflow:hidden;}
.ren .mess dd span{ display:block; float:left; width:100%; height:34px; line-height:34px; font-size:14px;}
.ren .mess dd textarea{ display:block; float:left; width:100%; padding:8px 5%; height:112px; line-height:24px; font-size:14px; border:1px solid #cacaca; box-sizing:border-box;}
.ren .mess dd input{ width:160px; height:40px; margin:auto; display:block; cursor:pointer; line-height:40px; text-align:center; font-size:14px; background-color:#1f7ce6; color:#fff;}

.ren .wen{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
.ren .wen img{ max-width:100%; height:auto;}

.ren .job{ width:100%; margin-top:-5px; display:block;}
.ren .job li{ display:block; overflow:hidden; position:relative; padding:15px 0; border-bottom:1px solid #ddd;}
.ren .job li .bt{ font-size:18px; font-weight:bold;}
.ren .job li .bt:hover{ color:#1f7ce6;}
.ren .job li dl{ width:100%; display:block; overflow:hidden; margin-top:10px;}
.ren .job li dl dt{ width:50%; display:block; float:left; font-size:14px; height:24px; line-height:24px; color:#999;}
.ren .job li .wen{ width:100%; display:block; overflow:hidden; margin-top:10px; font-size:14px; line-height:24px;}
.ren .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#1f7ce6; display:block;}

.ren01{ width:100%;}
.ren01 .lefts{ width:94%; padding:20px 3%; padding-top:10px;}
.ren01 .lefts .tou{ width:100%; position:relative;}
.ren01 .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.ren01 .lefts .tou .xx{ font-size:14px; line-height:26px;}
.ren01 .lefts .tou .xx span{ display:block; color:#999;}
.ren01 .lefts .tou .xx p{ display:block;}
.ren01 .lefts .nb{ width:100%; margin-top:10px;}
.ren01 .lefts .nb .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.ren01 .lefts .nb .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}	
.ren01 .lefts .nb .wenz{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.ren01 .lefts .nb .wenz img{ max-width:100%; height:auto;}

.ren01 .rights{ width:100%; padding-bottom:15px; background-color:#f2f2f2;}
.ren01 .rights .bt{ width:94%; margin:auto; margin-top:25px;}
.ren01 .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#1f7ce6; overflow:hidden;}
.ren01 .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#1f7ce6; margin-top:10px;}
.ren01 .rights .list01{ width:94%; margin:auto; display:block; overflow:hidden;}
.ren01 .rights .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.ren01 .rights .list01 li:last-child{ border-bottom:none;}
.ren01 .rights .list01 li a{ display:block; overflow:hidden;}
}

/*弹出框*/
@media screen and (min-width:1280px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(../images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}

@media screen and (min-width:769px) and (max-width:1279px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(../images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}

@media only screen and (max-width:768px){
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 5%; top: 10%; background-color: #ffffff; z-index: 2147000001; width: 90%; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 1.5rem; line-height: 1.5rem; padding:1% 2%; border-bottom: solid 1px #eef0f1; position: relative; overflow: hidden;}
.xcConfirm .popBox .ttBox .tt{font-size: 1rem; display: block; float: left; text-align: center; height:1.5rem; line-height: 1.5rem; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; bottom: 0.5rem; right: 2%; background: url(../images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{ width: 90%; padding:2%; margin-left: 6%; overflow: hidden; text-align: center; height: 2rem; display: table; vertical-align: middle;}
.xcConfirm .popBox .txtBox .bigIcon{ display: table-cell; width:2rem; height:2rem; background-image: url(../images/icons01.png); background-repeat: no-repeat; background-size: 2rem 2rem; background-position: left center;}
.xcConfirm .popBox .txtBox p{ font-size:1rem; padding-left: 3%; line-height: 2rem; height: 2rem; display:  table-cell; text-align: left;}
.xcConfirm .popBox .btnArea{ border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup .sgBtn{ margin:2% auto;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; width:30%; height:2rem; line-height: 2rem; text-align: center; color: #FFFFFF; border-radius: 5px; font-size: 0.875rem;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}
}

#cnzz_stat_icon_1279758697{ height:24px;}
#cnzz_stat_icon_1279758697 span,#cnzz_stat_icon_1279758697 a{ height:24px !important; line-height:24px !important; display:block !important;}