a{color: #000; cursor: pointer;}
a:hover{ text-decoration: none;}
@font-face
{
font-family: HYQiHei40;
src: url(../font/HYQiHei-40S.otf);
}
body,html{font-family: Arial, "微软雅黑"; font-size: 16px;}
ol, ul {
margin: 0;
}
.h1, .h2, .h3, h1, h2, h3 {
margin: 0px;
}
*{transition: all 0.6s;word-wrap:break-word;
-webkit-transition: all 0.6s;padding:0;outline: none;
margin:0;}
.clear{ clear: both;}
.jueduijz{
position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
}
.zaxdzxff input::-webkit-input-placeholder {
color: #a6a6a7;
}
.zaxdzxff input::-moz-placeholder {
color: #a6a6a7;
}
.zaxdzxff input:-ms-input-placeholder {
color: #a6a6a7;
}
.yingyin{box-shadow:1px 1px 10px #444;
-moz-box-shadow:1px 1px 10px #444;
-webkit-box-shadow:1px 1px 10px #444;}
.yichuyinc{ overflow: hidden;}
.yichuyinc img:hover{transform:scale(1.2)}
.suodj{width: 35px;margin-right: 10px;
cursor: pointer;display: none;
}
.suodjx{width: 35px; height: 3px;background-color: #00a9e4; margin: 5px 0px;border-radius: 3px;
}
.sanjioax:before{width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #ff0000;
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,0%);
-webkit-transform: translate(-50%,0%);
-moz-transform: translate(-50%,0%);
-o-transform: translate(-50%,0%);
-ms-transform: translate(-50%,0%);}
.suodj:before{
content: "" ;
display:block;
background-color: #00a9e4;
height: 3px;
border-radius: 3px;
}
.suodj:after{
content: "";
display:block;
background-color: #00a9e4;
height: 3px;
border-radius: 3px;
}
.suodj.djih .suodjx{
opacity: 0;margin: 10px 0px;
}
.suodj.djih:before{
transition: all 0.6s;
-webkit-transition: all 0.6s;
content: "" ;
transform: rotate(45deg);
transform-origin:bottom left;
-ms-transform: rotate(45deg);
-ms-transform-origin:bottom left;
-webkit-transform: rotate(45deg);
-webkit-transform-origin:bottom left;
-moz-transform: rotate(45deg);
-moz-transform-origin:bottom left;
-o-transform: rotate(45deg);
-o-transform-origin:bottom left;
}
.suodj.djih:after{
transition: all 0.6s;
-webkit-transition: all 0.6s;
content: "";
transform: rotate(-45deg);
transform-origin:top left;
-ms-transform: rotate(-45deg);
-ms-transform-origin:top left;
-webkit-transform: rotate(-45deg);
-webkit-transform-origin:top left;
-moz-transform: rotate(-45deg);
-moz-transform-origin:top left;
-o-transform: rotate(-45deg);
-o-transform-origin:top left;
}
.yingyintext{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.yingyintext_x{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
white-space: inherit
}
.sanjiaox{ border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #ff0000;}
.juzhong{ display: inline-block;vertical-align: middle;}
.shdoiacon::-webkit-scrollbar {/*滚动æ¡æ•´ä½“æ ·å¼*/
width: 5px; /*高宽分别对应横竖滚动æ¡çš„尺寸*/
height: 1px;
}
.yuaasdadn_x2 .yuaasdadn_x_1 {
left: -337%;
}
.yuaasdadn_x2 .yuaasdadn_x_1 b{ color: #009b4c;}
.shdoiacon::-webkit-scrollbar-thumb {/*滚动æ¡é‡Œé¢å°æ–¹å—*/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #009b4c;
}
.shdoiacon::-webkit-scrollbar-track {/*滚动æ¡é‡Œé¢è½¨é“*/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #535353;
}
/*侧导航*/
.xuanfu{ position: fixed; right: 20%;
top: 50%; z-index: 9999999999999999999;
width: 50px;}
.xuanfu:hover{transition-delay: 1s;
-moz-transition-delay: 1s;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s; }
.xuanfu_x{ background-color: #6b6b6b; margin-bottom: 5px;position: relative;
left: 100%;
margin-left: -50px;width: 50px;height: 50px;
}
.xuanfu_x img{ margin: 15px;width: 20px;display: inline-block;vertical-align: middle;}
.xuanfu_x p{font-size: 14px; color: #fff; padding-right: 18px;white-space:nowrap;}
.xuanfu_xdh{width: 100%;width: 50px;position: relative;}
.xuanfu_xdh:hover{ }
.xuanfu_xdh .xuanfu_xx{height: 50px;width: 100%;
background-color: #6b6b6b; width: 100%;overflow: hidden;
position: absolute; right: 0px; top: 0px;}
.xuanfu_xx.wxinwk{position: relative;}
.xuanfu_xx.wxinwk .wxin{ width: 80px; display: none;
margin: 0px;
position: absolute;right: 120%; top: 0px;}
.xuanfu_xx.wxinwk:hover .wxin{ display: block;}
.xuanfu_xdh:hover .xuanfu_xx{width: 157px;overflow: initial;}
.xuanfu_xdh p{ display:inline-block; margin-bottom: 0px;
position: relative; left: 0px; top: 0px;
}
.xuanfu_xdh:hover p{
}
/*侧导航*/
.zaixiyy input::-webkit-input-placeholder, .zaixiyy textarea::-webkit-input-placeholder{
color:#cccccc;
}
.zaixiyy input::-moz-placeholder, .zaixiyy textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
color:#cccccc;
}
.zaixiyy input:-moz-placeholder, .zaixiyy textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
color:#cccccc;
}
.zaixiyy input:-ms-input-placeholder, .zaixiyy textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
color:#cccccc;
}
/*输入框侧导航*/
.tiosdbu{ width: 50px;height: 50px;}
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:before,
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:after{
position:absolute;
content:'';
width:14px;
height:14px;
top:-8px;
left:50%;
margin-left:-7px;
overflow:hidden;
pointer-events:none;
-webkit-transform:rotate(45deg);
-mz-transform:rotate(45deg);
transform:rotate(45deg);
}
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:before{
background:#ddd;
box-shadow:-4px -4px 10px rgba(221,221,221,.6)
}
.tiosdbu .tiosdbu_x a .xuanfkc .xuanfkc_x:after{
top:-8px;background:#fff;
}
/*阴影三角*/
.sdjlb_niu{background-color: #fff;padding:12px 40px;display: inline-block;border-radius: 50px;
margin-top: 8%;
}
.sdjlb_niu a{ font-size: 14px;
/*color: #0079b6;*/
color: #00a9e4;
display: block;padding-right: 30px;
background: url(../img/sdc.png) no-repeat center right;
background-size:15px auto;
}
.sddh svg{ width: 100%; height: 100%;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.sddh svg circle {
stroke-dashoffset: 125.663704;
stroke-dasharray: 125.663704;
animation: myfirst linear 5s;
-webkit-animation: myfirst linear 5s;
}
.sddh{width: 42px;height: 42px;line-height: 42px;
cursor: pointer;
display: inline-block;position: relative;margin: 0 10px;
}
.sddh:before{
content: "";
position: absolute; width: 100%; height: 100%;left: 0px; top:0px;
border: 2px solid rgba(255,255,255,0.3);border-radius: 100%;
}
.sddh span{
width: 100%; height: 100%;color: #ffffff;font-size: 14px;
}
.sddh svg{position: absolute;left: 0px;top: 0px;}
@keyframes myfirst
{
from {stroke-dashoffset: 125.663704;}
to {stroke-dashoffset:0;}
}
@-webkit-keyframes myfirst
{
from {stroke-dashoffset: 125.663704;}
to {stroke-dashoffset: 0;}
}
.swiper-container1 img{ width: 100%;display: block !important;max-width: initial;}
.swiper-container1 img:nth-child(2){
display: none !important;
}
.sdtop{position: absolute; left: 0px; top: 0px; width: 100%;z-index: 999;padding: 12px 0px;}
.sdtop .henxgduiq{ width: 100%;}
.sdtop>a>img{width: 125px;display: block;}
.sdtop ul{list-style: none;margin: 0;}
.sdtop ul li{ float: left;
/*margin-left: 80px;*/
margin-left: 60px;
transition: none;-webkit-transition: none;}
.sdtop *{transition: none;-webkit-transition: none;}
#Header .nav .nav-li .Pro-sub {
top: 75px;
}
#Header .nav .nav-li > a {
padding: 0 0px;
}
#Header .nav > ul {
width: auto;
}
.sdtop ul li ul li{margin: 0px;}
#Header {
height: auto; border-top: none;
}body {
padding-top: 75px;
}
#Header .nav .nav-li {
width: auto;
}
.sdtop ul li a{color: #000;font-size: 16px;}
.sdtop.active{background-color: #fff;position: fixed;
box-shadow:1px 1px 10px #ccc;
-moz-box-shadow:1px 1px 10px #ccc;
-webkit-box-shadow:1px 1px 10px #ccc;
}
.sdtop.active ul li a{color: #000;}
.swiper-container1 .swiper-slide{position: relative;}
.swiper-container1 .sdjlb_txt{
position: absolute;top: 20%;left: 50%;
transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
text-align: center;
opacity: 0;
width: 27%;
}
.swiper-container1 .sdjlb_txt img{ width: 100% ;display: block;margin: 0 auto;}
.swiper-container1 .swiper-pagination{bottom: 45px;}
.swiper-container1 .swiper-slide-active .sdjlb_txt{
top: 40%;
opacity:1;
}
.sywcp{ padding:60px 0px;}
.tybt{margin-bottom: 30px;}
.tybt h2{color: #00a9e4;font-size: 30px; font-weight: bold;margin: 0;margin-bottom: 12px;}
.tybt p{margin: 0;color: #333333;font-size: 20px;}
.sywcp_x{border-radius: 10px;overflow: hidden;
box-shadow:1px 10px 35px #ececec;
-moz-box-shadow:1px 10px 35px #ececec;
-webkit-box-shadow:1px 10px 35px #ececec;
opacity: 0;position: relative;top: -50px;margin-bottom: 30px;
}
.sywcp_xdh{opacity: 1;top: 0px;}
.sywcp_x img{ width: 100%;}
.sywcp_x .sywcp_txt{ background-color: #fff;padding: 0px 15px 15px 15px;}
.sywcp_x .sywcp_txt h2{
color: #000000;
font-size: 20px;
font-weight: bold;
margin: 12px 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.sywcp_x .sywcp_txt p{
opacity: 0.5;
font-size: 14px;
color: #000000;
line-height: 24px;
height: 48px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: inherit}
.xisybk{position: relative;overflow: hidden;background-color: #f7f7f7;}
.xisybk>img{ width: 50%;position: absolute; right: 100%; top: 50%;
min-height: 100%;
transform: translate(0%, -50%);
-ms-transform:translate(0%, -50%);
-moz-transform:translate(0%, -50%);
-webkit-transform:translate(0%, -50%);
-o-transform:translate(0%, -50%);
}
.xisybk>img.imgdh{
right: 50%;
}
.xisybk .xisybk_x{padding: 35px 56px;width: 50%; margin-left: 50%;width: 50%;padding-right: 0px;
right: -100px;position: relative;opacity: 0;
}
.xisybk .xisybk_xdh{opacity: 1;right:0px;}
.xisybk .xisybk_x h2{ margin: 25px 0px;color: #000000;font-size: 30px;line-height: 50px;}
.xisybk .xisybk_x p{
font-size: 14px;
color: #666666;
line-height: 28px;
height: 84px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
white-space: inherit}
.xisybk .xisybk_x a{ display: inline-block;color: #00a9e4;font-size: 14px;
padding-right: 30px; background: url(../img/jisd1.png) no-repeat center right;
margin-top: 25px;
}
.shanyg_non{margin-top: 90px;}
.shanyg_non>span{display: inline-block;vertical-align: middle; width: 6px;height: 6px;border-radius: 100%;
margin: 0 17px;background-color: #00a9e4;
}
.shanyg_non .shanyg{display: inline-block;vertical-align: middle; width: 30px;height: 30px;
background: url(../img/sadho1.png) no-repeat center;cursor: pointer;
background-size: 100% auto;
}
.shanyg_non .shanyg2{display: inline-block;vertical-align: middle; width: 30px;height: 30px;
background: url(../img/sadho2.png) no-repeat center;
background-size: 100% auto;cursor: pointer;
}
.shanyg_non .shanyg:hover{
background: url(../img/sadho11.png) no-repeat center;
background-size: 100% auto;
}
.shanyg_non .shanyg2:hover{
background: url(../img/sadho22.png) no-repeat center;
background-size: 100% auto;
}
.sygywm{ padding: 75px 0px;}
.sygywm .sygywm1{ width: 50%;float: left;}
.sygywm .sygywm1 p{color: #666666;font-size: 14px; line-height: 28px;margin: 0;}
.sdjlb_niu2{
background-image: linear-gradient(to right, #00bbdc , #097cc8);
box-shadow:1px 3px 7px #69c2dc;
-moz-box-shadow:1px 3px 7px #69c2dc;
-webkit-box-shadow:1px 3px 7px #69c2dc03a6d5;
}
.sdjlb_niu2 a {
color: #ffffff;
padding-right: 30px;
background: url(../img/jisd2.png) no-repeat center right;
background-size: 15px auto;
}
.sygywm .sygywm1 .sdjlb_niu2{ margin-top: 15%;}
.sygywm .sygywm2{ width: 50%;float: right;position: relative;opacity: 0;right: -100px;}
.sygywm .sygywm2dh{opacity: 1;right: 0px;}
.sygywm .sygywm2 img:first-child{width: 67%;float: right; position: relative;z-index: 2;
opacity: 0;transform:scale(0.2); transition-delay: 0.7s;
}
.sygywm .sygywm2dh img:first-child{
opacity: 1;transform:scale(1.0);
box-shadow:-1px 1px 15px #a7a6a6;
-moz-box-shadow:-1px 1px 15px #a7a6a6;
-webkit-box-shadow:-1px 1px 15px #a7a6a6
}
.sygywm .sygywm2 img:last-child{width: 70%;position: relative; left: 10%;margin-top: -50%;}
.sywmkh{background-color: #f5f9fd;padding: 40px 0px;}
.swiper-container3 img{width: 100%;opacity: 0;top: -50px;position: relative;
}
.swiper-container3 img.imgdh3{opacity: 1;top: 0px;}
.sywmkh .swiper-pagination{position: relative;margin-top: 50px;}
.sywmkh .swiper-pagination .swiper-pagination-bullet{
width: 19px;
height: 19px;
margin: 0 8px;
opacity: 1;
position: relative;
border:1px solid transparent;
background: transparent;
}
.sywmkh .swiper-pagination .swiper-pagination-bullet:before{
content: "";
position: absolute; width: 7px;height: 7px; background-color: #00a9e4;
border-radius: 100%; top: 50%;left: 50%;margin-left: -3.5px;margin-top: -3.5px;
}
.sywmkh .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
border:1px solid #00a9e4
}
.didbu{padding: 30px 0px 20px 0px;background-color: #4d4d4d;}
.didbu_l{ float: left;width:75%;}
.didbu_l ul{ list-style: none; margin: 0;}
.didbu_l>ul>li{
/*width: 20%;*/
width: 16.666%;
float: left; padding-right: 10px;}
.didbu_l ul li ul li{display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.didbu_l ul li ul li a{color: #ffffff;font-size: 14px; line-height: 28px; opacity: 0.5;}
.didbu_h2{position: relative;padding-bottom: 20px;margin-bottom: 15px;color: #ffffff;font-size: 16px;}
.didbu_h2:before{
content: "";
position: absolute;
left: 0px; width: 50px;height: 1px;
bottom: 0px; background-color: rgba(255,255,255,0.1);
}
.didbu_h2 a{color: #ffffff;font-size: 16px;}
.didbu_r{ float: right;width:25%;}
.didbu_txt p{margin: 0;color: #ffffff;font-size: 14px; opacity: 0.5;line-height: 24px;margin-bottom: 5px;}
.didbu_erm{display: inline-block;margin-top: 10px;}
.didbu_erm img{ display: block; width: 95px;margin: 0 auto;}
.didbu_erm p{color: #ffffff;font-size: 14px; opacity: 1;text-align: center;padding: 2px 0px;}
.didbu_yqlj{ margin-top: 10px;font-size: 0;padding-right: 75px;
display:none;
}
.didbu_yqlj p{color: #ffffff;font-size: 16px;}
.didbu_yqlj a{color: #ffffff;font-size: 14px; opacity: 0.5;line-height: 28px;display: inline-block;
padding-right: 11px;position: relative;
}
.didbu_yqlj a:before{
content: "";
position: absolute;
right: 5px; width: 2px;height: 15px;
margin-top: -7.5px;
top: 50%; background-color: rgba(255,255,255,0.5);
}
.didbu_yqlj a:last-child:before{display: none;}
.didbu_yqlj a:nth-child(2){padding-left: 0px;}
.didbu2{ padding: 15px 0px; background-color: #333;}
.didbu2 .henxgduiq{width: 100%;}
.didbu2 a,.didbu2 p{color: #fff;font-size: 14px; opacity: 0.3;margin: 0;}
.didbu2 a{opacity: 1;}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1400px) {
}
@media screen and (max-width:1200px) {
.xisybk>img {
width: auto;
height: 100%;
}
.sdtop ul li {
margin-left: 30px;
}
.sdjlb_niu {
padding: 10px 30px;
}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:991px) {
.xisybk>img {
display: none;
}
.xisybk .xisybk_x {
padding: 35px 0px;
width: 100%;
margin-left: 0%;
}
.shanyg_non {
margin-top: 50px;margin-bottom: 20px;
}
.sdtop ul li a {
font-size: 15px;
}
.sdtop ul li {
margin-left: 30px;
}
.sywcp {
padding: 40px 0px 60px 0px;
}
.sddh {
width: 32px;
height: 32px;
line-height: 32px;
margin: 0 8px;
}
.swiper-container1 .swiper-pagination {
bottom: 30px;
}
.swiper-container1 .sdjlb_txt {
width: 35%;
}
.sywcp_x .sywcp_txt h2 {
font-size: 18px;margin-top: 15px; margin-bottom: 5px;
}
.sywcp_x .sywcp_txt p {margin: 0;}
.xisybk .xisybk_x h2 {
margin: 15px 0px;
color: #000000;
font-size: 25px;
line-height: 40px;
}
.xisybk .xisybk_x a {
margin-top: 15px;
}
.shanyg_non {
margin-top: 20px;
margin-bottom: 0px;
}
}
@media screen and (max-width:768px) {
.swiper-container1 .swiper-slide{overflow: hidden;}
.swiper-container1 .swiper-slide>img{display: none;
position: absolute;top: 50%;left: 50%;
transform: translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);height: 100%;
}
.swiper-container1 img:nth-child(2){
display: block;
}
.suodj{ display: block;}
.langs{
top: 8px;
right: 150px;
}
.sdtop {
position: relative;
}
#Header .nav .nav-li .nav-down{display: none !important; }
.sdbner .sdtop .container .nav ul{
position: absolute; left: 0px;width: 100% !important;
top: 100%;height: auto !important;
display: none;
transition: none;
border-top: 1px solid #ccc;
-webkit-transition: none;
background-color: #fff;
padding: 10px 15px;
box-shadow: 1px 5px 10px #ccc;
-moz-box-shadow: 1px 5px 10px #ccc;
-webkit-box-shadow: 1px 5px 10px #ccc;
}
#Header .nav .nav-li > a abbr {
line-height: 40px;
}
.sdtop ul li{
width: 100% !important;margin:5px 0px;
}
.sdtop ul li a{
color: #000;
}
.swiper-container1 .swiper-slide-active .sdjlb_txt {
top: 45%;
}
.swiper-container1 .sdjlb_txt {
width: 300px;
}
.sywcp_x{ margin-bottom: 20px;}
.sygywm .sygywm2 {
display: none;
}
.sygywm .sygywm1 {
width: 100%;
float: left;
}
.didbu {
padding-top: 10px;
}
.didbu_l {
width: 100%;display: none !important;
}
.didbu_l>ul>li {
width: 100%;
padding-right: 0px;
}
.didbu_h2 {
padding:13px 0px;
margin-bottom:0px;
}
.didbu_h2:before {
content: "";
width: 100%;
}
.didbu_r {
width: 100%;
}
.didbu_r .didbu_h2{ margin-bottom: 15px;}
.didbu_l>ul>li .didbu_h2{
padding-right:20px;
background: url(../img/row.png) no-repeat right center;
background-size: 15px auto;
}
.didbu_l ul li ul{
display: none;
transition: none;
-webkit-transition: none;
padding-top: 10px;
}
.didbu2 .henxgduiq {
display: block;text-align: center;
}
.sywcp_x .sywcp_txt h2 {
margin-top: 20px;
margin-bottom: 10px;
}
.didbu_yqlj {
padding-right: 0px;
}
}
@media screen and (max-width:500px) {
.xisybk .xisybk_x h2 {
margin: 10px 0px;
color: #000000;
font-size: 22px;
line-height: 30px;
}
.sygywm .sygywm1 .sdjlb_niu2 {
margin-top: 8%;
}
.sywcp {
padding: 40px 0px 30px 0px;
}
.sygywm {
padding-top: 40px;padding-bottom: 50px;
}
.sdtop img{
/*width: 110px;*/
}
}
@media screen and (max-width:360px) {
.swiper-container1 .sdjlb_txt {
transform: translate(-50%, -50%) scale(0.8);
-ms-transform: translate(-50%, -50%) scale(0.8);
-moz-transform: translate(-50%, -50%) scale(0.8);
-webkit-transform: translate(-50%, -50%) scale(0.8);
-o-transform: translate(-50%, -50%) scale(0.8);
}
}
.henxgduiq{
display: -webkit-inline-flex;
-webkit-justify-content: space-between ;
display:inline-flex ;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}