@charset "utf-8"; html,body{width:100%;} body{margin:0px;padding:0px;margin:0px auto;font-size:14px;line-height:24px;color:#666666;width:100%;min-width:320px;zoom:1;font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";background-size:cover;overflow-x:hidden;} ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;} h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;} select,input,textarea,button{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";} input:focus { outline: none;} input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } button{ cursor:pointer;} textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } textarea,input,select { background:none; border:none; margin:0; padding:0;} article,aside,footer,header,hgroup,nav,section,figure,figcaption,address{ display: block;} /*html5设置*/ figure,figcaption{ margin:0px; padding:0px;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline;} img{border:none; border:0; vertical-align:top;} a{ color:#666666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} a:focus {outline:none; -moz-outline:none;} a:hover{ text-decoration:none;} *:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;} .fl{float:left;}.fr{float:right;}.tr{text-align:right;}.tc{text-align:center;} .hidetxt{display:none;} .clear{clear:both;} .clearfix{overflow:hidden;_zoom:1;} .clearfix:after{content: '';display:block; clear:both; height: 0; visibility: hidden;} .clearfix{*zoom:1;} :-moz-placeholder {color: #bdbdbd;} ::-moz-placeholder {color: #bdbdbd;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #bdbdbd;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #bdbdbd;} select{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; } select::-ms-expand { display: none; }/*Ie clear arr*/ select{ border:1px solid #ababab; height:30px; color:#ababab; text-indent:0.5em; background:url(../images/selectarr.gif) right center no-repeat;} .input{ border:1px solid #ababab; height:28px; line-height:28px; text-indent:0.5em;color: #bdbdbd;} .container{ width:1200px; margin:0px auto;} .relative{ position:relative;} .both{clear:both;} /*font*/ .f_red{ color:#ff0000;} .f_blue{ color:#0069b0; text-decoration:underline;} .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} .Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;} /*pages*/ .Pages{zoom:1;text-align:center;color:#555;clear:both;} .Pages span{padding:0px 0px;display:inline-block;} .Pages a{display:inline-block;margin:0px 4px;line-height:26px;text-align:center;} .Pages .p_page a{display:inline-block;vertical-align:middle;} .Pages .p_page .a_prev{display:inline-block;width:10px;height:21px;background:url(../images/pfl.png);margin-right:10px;} .Pages .p_page .a_next{display:inline-block;width:10px;height:21px;background:url(../images/prh.png);margin-left:10px;} .Pages .p_page .num a{display:inline-block;width:34px;height:22px;line-height:22px;text-align:center;vertical-align:middle;font-size:16px;color:#444;} .Pages .p_page .num a.a_cur{background:#444;color:#fff} .Pages .p_page .num a:hover{background:#444;color:#fff;} @media ( max-width:768px){ .Pages a.a_prev,.Pages a.a_next{width:40px;} .Pages a{line-height:25px;width:25px;} } /*pages end*/ /*Top s .w1440{max-width:1440px;min-width:320px;margin:0 auto;} .nav{width:100%;height:60px;background:#fff;box-shadow:0px 0px 30px rgba(173,173,173,.75);position:relative;} .nav .top{position:absolute;left:24px;} .nav .top .zg{font-size:16px;color:#002855;line-height:60px;} .nav .top .zg i{display:inline-block;width:23px;height:22px;background:url(../images/china.png);vertical-align:middle;margin-right:6px;} .navcon{width:990px;margin:0 auto} .nav .logo{position:absolute;left:50%;top:19px;transform:translate(-34%,0%);z-index:999;} .nav .navfl{float:left;} .nav .navfl .navul{float:left;} .nav .navfl .navul li{display:inline-block;margin-left:50px;line-height:60px;} .nav .navfl .navul li:first-child{margin-left:0px;} .nav .navfl .navul li a{font-size:16px;color:#002855;} .nav .navfl .navul li a i{display:inline-block;width:13px;height:7px;background:url(../images/jtdown.png) no-repeat;vertical-align:middle;margin-left:6px;} .nav .navfl .navul li a:hover{color:#009fdf;} .nav .navfl .navul li a:hover i{background:url(../images/jttop.png);} .nav .navrh .rhlist li.lispan{margin-right:50px;} .nav .navfl .navul li.ahover a,.nav .navrh .rhlist li.ahover a{color:#009fdf} .nav .navfl .navul li .navlist{width:100%;position:absolute;left:0;right:0;display:none;z-index:9;} .nav .navfl .navul li .navlist .listfl{width:55%;height:335px;background:#efefef;float:left;} .nav .navfl .navul li .navlist .listfl .navicon{float:right;width:540px;margin-top:74px;} .nav .navfl .navul li .navlist .listfl a{display:inline-block;margin-right:75px;text-align:center;line-height:normal;} .nav .navfl .navul li .navlist .listfl a img{display:inline-block;} .nav .navfl .navul li .navlist .listfl a p{font-size:14px;color:#444;text-align:center;margin:10px 0 50px 0;} .nav .navfl .navul li .navlist .listrh{width:45%;height:335px;background:#e3e3e3;float:right;} .nav .navfl .navul li .navlist .listrh .navimg{margin:15px 0 0 24px;} .nav .navfl .navul li .navlist .listrh .navimg .liimg{float:left;} .nav .navfl .navul li .navlist .listrh .navimg .liimg img{width:281px;height:144px;} .nav .navfl .navul li .navlist .listrh .navtit{width:150px;height:144px;float:left;margin-left:20px;} .nav .navfl .navul li .navlist .listrh .navtit p{line-height:normal;} .nav .navfl .navul li .navlist .listrh .navtit .ntit{font-size:14px;color:#444;margin-top:20px;} .nav .navfl .navul li .navlist .listrh .navtit .nline{width:23px;height:2px;background:#26a6e1;margin:10px 0 50px 0;} /*头部新增 s .nav .navfl .navul li .navlist1{background:#efefef;padding:59px 0 56px 0;} .nav .navfl .navul li .navlist1 dd{width:606px;margin-left:36%;} .nav .navfl .navul li .navlist1 dd .ddfl{float:left;} .nav .navfl .navul li .navlist1 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;} .nav .navfl .navul li .navlist1 dd .ddfl a:hover{color:#009fdf;} .nav .navfl .navul li .navlist1 dd .ddfl a:first-child{margin-top:15px;} .nav .navfl .navul li .navlist1 dd .ddfl a:last-child{margin-bottom:0px;} .nav .navfl .navul li .navlist1 dd .ddrh{float:right;} .nav .navfl .navul li .navlist2{background:#efefef;padding:59px 0 56px 0;} .nav .navfl .navul li .navlist2 dd{width:685px;margin:0 auto;} .nav .navfl .navul li .navlist2 dd .ddfl{float:left;} .nav .navfl .navul li .navlist2 dd .ddfl a{display:block;font-size:14px;color:#444;line-height:normal;margin-bottom:18px;} .nav .navfl .navul li .navlist2 dd .ddfl a:hover{color:#009fdf;} .nav .navfl .navul li .navlist2 dd .ddfl a:first-child{margin-top:15px;} .nav .navfl .navul li .navlist2 dd .ddfl a:last-child{margin-bottom:0px;} .nav .navfl .navul li .navlist2 dd .ddrh{float:left;margin-left:37px;} @media(max-width:1920px){ .nav .navfl .navul li .navlist1 dd{margin-left:40%;} } @media(max-width:1600px){ .nav .navfl .navul li .navlist1 dd{margin-left:38%;} } @media(max-width:1440px){ .nav .navfl .navul li .navlist1 dd{margin-left:37%;} } @media(max-width:1280px){ .nav .navfl .navul li .navlist1 dd{margin-left:35%;} } @media(max-width:1028px){ .nav .navfl .navul li .navlist1 dd{margin-left:30%;} } @media(max-width:1024px){ .nav .navfl .navul li .navlist1 dd{margin-left:37%;} } /*头部新增 e .nav .navrh{float:right;} .nav .navrh .rhlist{float:left;} .nav .navrh .rhlist li{display:inline-block;line-height:60px;margin-right:50px;} .nav .navrh .rhlist li:last-child{margin-right:0px;} .nav .navrh .rhlist li a{font-size:16px;color:#002855;} .nav .navrh .rhlist li span{display:inline-block;width:1px;height:24px;background:#002855;line-height:40px;vertical-align:middle;} .nav .navrh .rhlist li:hover a{color:#009fdf;} .Searchbox{position:absolute;right:56px;top:20px;} .Searchbox .icon{cursor:pointer;} .Searchbox .icon img{vertical-align:middle;margin:-3px 10px 0 0;} .Search{display:none;background:#fff;border-radius:13px;width:263px;height:30px;position:absolute;right:0px;top:50px;z-index:888;box-shadow:0px 0px 5px #ccc;} .Search .ipt{width:80%;height:30px;line-height:30px;text-indent:1em;} .Search .searchbtn{color:#fff;cursor:pointer;width:70px;height:30px;border-radius:13px;background:#002855;position:absolute;right:0px;top:0px;} .topnav{width:100%;padding:90px 0 104px 0;background:#002855;position:absolute;top:60px;left:0px;z-index:999;display:none;} .topul li{width:20%;float:left;margin-right:6.6%;} .topul li:nth-child(4n){margin-right:0px;} .topul li p{font-size:24px;color:#fff;} .topul li dl{margin-top:48px;} .topul li dl dd{margin-bottom:22px;} .topul li dl a{float:left;font-size:18px;color:#fff;} .topul li dl a:nth-child(2n){float:right;font-size:18px;color:#009fdf;padding-bottom:8px;border-bottom:1px solid #008eca;} /*手机导航 s .phone_header{ display:none;position:relative;background-size:contain;padding:10px 10px 0px;height:46px;} .phone_header .Logo{ padding-top:6px;} .phone_header .Logo img{ height:30px;} .phone_header .search{ width:94%; margin-left:3%; height:30px; background:#dddddd; margin:12px auto; overflow:hidden;} .phone_header .search .input{ text-indent:1em; font-size:12px; width:90%; line-height:30px; height:30px; border:0px; float:left;} .phone_header .link{ z-index:80; position:relative; font-size:12px;width:94%; margin-left:3%; height:30px; line-height:30px;} .phone_header .link span{ display:block; background: #dddddd url(../images/selectarr01.gif) right center no-repeat; text-indent:1em; cursor:pointer;} .phone_header .link ul{ position:absolute; padding:5px 0px; left:0px; width:100%;top:0px; background:#dddddd; display:none;} .phone_header .link ul li{ text-indent:1em; padding:0px; line-height:22px;} #navigation { float:right; padding-right:10px;} #navigation .openbtn{ cursor:pointer; display:block; position:absolute; right:10px; top:50%; margin-top:-8px; z-index:100; width:30px;} #navigation .openbtn span{ display:block; width:30px; height:2px; background:#032b57; margin:3px 0px;} #navigation .closebtn{ cursor:pointer; display:block; position:absolute; right:5px; top:16px; z-index:100; width:30px;} #navigation .closebtn span{ display:block; width:30px; height:2px; background:#032b57; margin:3px 0px;} #navigation .sp1 { -webkit-transform: translate(0, 3px) rotate(45deg) !important; -moz-transform: translate(0, 3px) rotate(45deg) !important; -ms-transform: translate(0, 3px) rotate(45deg) !important; -o-transform: translate(0, 3px) rotate(45deg) !important; transform: translate(0, 3px) rotate(45deg) !important; background:#000000 !important;} #navigation .sp2 { -webkit-transform: translate(0, -3px) rotate(-45deg) !important; -moz-transform: translate(0, -3px) rotate(-45deg) !important; -ms-transform: translate(0, -3px) rotate(-45deg) !important; -o-transform: translate(0, -3px) rotate(-45deg) !important; transform: translate(0, -3px) rotate(-45deg) !important; background:#000000 !important;} #navigation .sub{ padding-top:45px; top:0%;display:none; z-index:999; position:absolute; right:0px; width:100%; background:#fff;} #navigation .sub li{ border-bottom:1px solid #dddddd;} #navigation .sub li span{ position:relative; display:block; line-height:40px;z-index:99;} #navigation .sub li span a{color:#000000; display:block; padding-left:10px; font-size:15px;} #navigation .sub li:last-child{ background:none;} .UI-jian{background: url(../images/zoom_jian.png) center center no-repeat;} .UI-jia{background: url(../images/zoom_jia.png) center center no-repeat;} #navigation li span .UI-jian,#navigation li span .UI-jia{position:absolute;right:0px;top:0px; width:45px; height:40px;display:block; cursor:pointer;} #navigation .sub .foldContent { display:none; margin-bottom:-1px; background:#f4f1f1;} #navigation .sub .foldContent li{ border-bottom:1px solid #fff; margin-bottom:0; line-height:30px;} #navigation .sub .foldContent li a{ color:#333; display:block; padding-left:20px;} #navigation .bg{ left:0px; top:0px; display:none; width:100%; height:100%; position:fixed; height:100%; background:#fff; z-index:998;} .zhuce{text-align:center;} .zhuce a{display:inline-block;width:70px;height:30px;background:#002855;font-size:16px;color:#fff;text-align:center;line-height:28px;border-radius:100px;margin:20px 0 10px 0;} /*手机导航 end @media(max-width:1440px){ .w1440{padding:0 30px;} } @media (max-width:1028px){ .navcon{width:880px;} .nav .navfl .navul li{margin-left:20px;} .nav .navrh .rhlist li{margin-right:25px;} .Searchbox{right:6px;} .nav .top{left:6px;} } @media (max-width:998px){ .nav,.top{display:none;} .phone_header{display:block;height:auto;padding:10px;box-shadow:0px 0px 30px rgba(173,173,173,.75);} } @media (max-width:1024px){ /*.nav,.top{display:none;} .phone_header{display:block;height:auto;padding:10px;box-shadow:0px 0px 30px rgba(173,173,173,.75);} .nav .logo{left:52.5%;} .nav .logo a img{max-width:80%;} .navcon{width:780px;} .phone_header .Logo{padding-top:0px;} .phone_header .Logo img{height:auto;} #navigation .openbtn span{width:50px;height:5px;} #navigation .openbtn{top:35%;right:30px;} #navigation .openbtn span{margin:8px 0;} #navigation .sub li span{line-height:50px;} #navigation .sub li span a{font-size:16px;} } @media (max-width:998px){ .w1440{max-width:90%;min-width:90%;margin:0 auto;padding:0px;} } @media (min-width:768px) and (max-width:979px){ .phone_header .Logo img{height:auto;} #navigation .openbtn span{width:50px;height:5px;} #navigation .openbtn{top:35%;right:30px;} #navigation .openbtn span{margin:8px 0;} #navigation .sub li span{line-height:50px;} #navigation .sub li span a{font-size:16px;} } @media (max-width:767px){ .w1440{max-width:95%;min-width:95%;margin:0 auto;padding:0px;} .phone_header{} .phone_header .Logo img{height:40px;} #navigation .openbtn{top:40%;right:20px;} #navigation .openbtn span{width:40px;height:3px;margin:6px 0px;} } /*Top e*/ /*bottom s*/ .foot{width:100%;height:450px;background:#002855 url(../images/foot_bg.png) no-repeat right bottom;} .foot .footf{float:left;margin-top:90px;} .foot .footf .foot1{margin-bottom:40px;} .foot .footf .foot1 .ftit{width:73px;height:35px;padding-right:50px;font-size:18px;color:#fff;border-right:1px solid #21446b;float:left;margin-top:6px;} .foot .footf .foot1 .foota{width:500px;float:left;margin-left:15px;} .foot .footf .foot1 .foota1{width:311px;} .foot .footf .foot1 .foota li{width:20%;display:inline-block;color:#3d5b7e;} .foot .footf .foot1 .foota li a{font-size:12px;color:#fff;} .foot .footf .foot1 .foota li a i{display:inline-block;width:1px;height:12px;background:#3d5b7e;vertical-align:middle;margin:-3px 7px 0 9px;} .foot .footf .foot1 .foota1 li{width:32%;} .foot .footf .foot1 .foota2 li{width:100%;} .foot .footf .ftext{font-size:12px;color:#fff;} .foot .footr{float:right;} .foot .footr .rha{margin-top:90px;} .foot .footr .rha a{display:inline-block;margin-left:18px;width:43px;height:43px;text-align:center;line-height:43px;background:#009fdf;border-radius:50%;} .foot .footr .rha a img{*margin-top:expression((43- this.height )/2);vertical-align:middle;} .foot .footr .rha a:hover{background:#289ccb;} .foot .footr .wx{float:right;margin-top:22px;} .foot .footr .wx img{display:block;} .foot .footr .wx p{font-size:12px;color:#fff;text-align:center;margin-top:8px;} .ftext1{font-size:12px;color:#fff;display:none;} @media (max-width:1024px){ .ftext1{display:none;} } @media (min-width:768px) and (max-width:979px){ .foot .footf .foot1 .ftit{padding-right:20px;} .foot .footf .foot1 .foota{width:336px;} .foot .footf .foot1 .foota li{width:24%;} .foot .footf .foot1 .foota1{width:248px;} .foot .footf .foot1 .foota1 li{width:32%;} .foot .footf .foot1 .foota2{width:200px;} .foot .footf .foot1 .foota2 li{width:50%;} .foot .footr .rha a{margin-left:8px;} .ftext1{display:none;} } @media (max-width:768px){ .foot{height:auto;overflow:hidden;padding-bottom:30px;background:#002855;} .foot .footf,.foot .footr{float:none;} .foot .footf{margin-top:20px;padding:0 20px;} .foot .footf .foot1{margin-bottom:30px;} .foot .footf .foot1 .foota{width:100%;float:none;margin-left:0px;} .foot .footf .foot1 .ftit{width:100%;height:38px;border-right:none;font-size:16px;} .foot .footf .foot1 .foota li{width:30%;} .foot .footr .rha{margin-top:30px;text-align:center;} .foot .footr .rha a{margin-left:10px;} .foot .footr .wx{float:none; text-align:center;} .foot .footr .wx img{display:inline-block;} .foot .footf .ftext{display:none;} .ftext1{display:block;padding:0 20px;text-align:center;margin-top:20px;} } /*bottom e*/ /************************首页***************************/ /*banner s*/ .homeban{width:100%;height:auto;overflow:hidden;position:relative;} .banners{display:none;margin-bottom:40px!important;} .homeban .hd{overflow:hidden;position:absolute;right:100px;bottom:25px;z-index:1;} .homeban .hd ul{overflow:hidden;zoom:1;float:left;} .homeban .hd ul li{float:left;margin-right:9px;width:12px;height:12px; border-radius: 6px; background:#fff;cursor:pointer; color: transparent;}/*修改*/ .homeban .hd ul li.on{background:#FFF; width:40px; height: 12px; border-radius: 5px;}/*修改*/ .homeban .bd{ position:relative;height:100%;z-index:0;} .homeban .bd li{zoom:1;vertical-align:middle;} .homeban .bd img{width:100%;height:auto;display:block;} @media (max-width:768px){ .homeban .hd{position:absolute;left:50%;right:auto;transform:translate(-50%,0%);} .homeban .hd ul li{width:30px;} } /*新增手机banner s*/ @media (max-width:1023px){ .banners{display:block;} .homeban{display:none;} } /*banner e*/ /*品类探索 s*/ .indexbox1{width:100%;height:auto;padding:80px 0 80px 0;background:#f1f1f1;} .com{text-align:center; position: relative; margin-bottom: 40px;}/*修改*/ .com-white:before, .com-gray:before{content: ""; left:10%; right:10%; border-bottom: 1px solid #dedede; position: absolute; top:50%; z-index: 1;}/*新增 */ .com-white p, .com-gray p {position: relative; display: inline-block; font-size: 1.33rem; z-index: 1; padding: 0 2rem;}/*新增 */ .com-white p{background-color:#FFFFFF;}/*新增 */ .com-gray p{background-color:#f1f1f1;}/*新增 */ .com .comtit{font-size:1.875em; color:#002855;}/*修改*/ .com .comline{margin-top:30px;} /*.pinpai{width:100%;height:562px;margin-top:30px;} .pinpai .hd{width:18%;height:562px;background:#002855;float:left;} .pinpai .hd ul li{width:100%;height:80.28px;line-height:80.28px;transition:all .2s;padding-top:0;position:relative;transition:all .5s;cursor:pointer;} .pinpai .hd ul li a{display:block;font-size:14px;color:#fff;position:absolute;z-index:1;}*/ /*修改*/ .pinpai{width:100%;height:562px;} .pinpai .hd{width:18%;height:462px; padding-top:50px; padding-bottom: 50px; background:#e2e2e2; float:left;} .pinpai .hd ul li{width:100%; height:66px; line-height:66px; transition:all .2s; padding-top:0; position:relative;transition:all .5s;cursor:pointer;} .pinpai .hd ul li a{display:block;font-size:14px;color:#002855;position:absolute;z-index:1;} .pinpai .hd ul .on a{display:block;font-size:14px;color:#fff;position:absolute;z-index:1;} /*.pinpai .hd ul li a{background:url(../images/pjt.png) 88% center no-repeat;}*/ /*.pinpai .hd ul li a i.p1{display:inline-block;width:31px;height:27px;background:url(../images/p1.png);vertical-align:middle;margin-right:16px;} .pinpai .hd ul li a i.p2{display:inline-block;width:21px;height:33px;background:url(../images/p2.png);vertical-align:middle;margin-right:26px;} .pinpai .hd ul li a i.p3{display:inline-block;width:33px;height:29px;background:url(../images/p3.png);vertical-align:middle;margin-right:14px;} .pinpai .hd ul li a i.p4{display:inline-block;width:33px;height:33px;background:url(../images/p4.png);vertical-align:middle;margin-right:14px;} .pinpai .hd ul li a i.p5{display:inline-block;width:29px;height:33px;background:url(../images/p5.png);vertical-align:middle;margin-right:18px;} .pinpai .hd ul li a i.p6{display:inline-block;width:32px;height:29px;background:url(../images/p6.png);vertical-align:middle;margin-right:15px;} .pinpai .hd ul li a i.p7{display:inline-block;width:31px;height:35px;background:url(../images/p7.png);vertical-align:middle;margin-right:16px;} */ .pinpai .hd ul li span{display: inline-block; position:absolute;width:8px; height: 14px; right:10%; top:50%; margin-top:-7px; font-size: 16px; line-height: 14px; z-index: 999999;} .pinpai .hd ul .on span{color:#FFF;} /*隐藏 .pinpai .hd ul li:after{content:"";width:80%;border-bottom:1px solid #022f61;position:absolute;left:10%;bottom:0;}*/ .pinpai .hd ul li:before{ background: #204875; /* Old browsers */ background: -moz-linear-gradient(left, #3b699c 0%, #204875 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #3b699c 0%,#204875 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #3b699c 0%,#204875 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b699c', endColorstr='#204875',GradientType=1 ); /* IE6-9 */ content: ""; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; width: 0; transition: all .2s; } .pinpai .hd ul li.on:before{ width: 100%; } .pinpai .hd ul li.on:after{ display: none; } /*.pinpai .hd ul li a i{margin-left:20px;margin-right:20px;margin-top:20px;float:left;background:url("../images/icon-logo.png") no-repeat;width:40px;height:40px;position:relative;z-index:2;transition:all .2s;} .pinpai .hd ul li a i.p1{background-position: 0 0;} .pinpai .hd ul li a i.p2{background-position: -40px 0;} .pinpai .hd ul li a i.p3{background-position: -80px 0;} .pinpai .hd ul li a i.p4{background-position: -120px 0;} .pinpai .hd ul li a i.p5{background-position: -160px 0;} .pinpai .hd ul li a i.p6{background-position: -200px 0;} .pinpai .hd ul li a i.p7{background-position: -240px 0;} .pinpai .hd ul li.on a i.p1{background-position: 0 -40px;} .pinpai .hd ul li.on a i.p2{background-position: -40px -40px;} .pinpai .hd ul li.on a i.p3{background-position: -80px -40px;} .pinpai .hd ul li.on a i.p4{background-position: -120px -40px;} .pinpai .hd ul li.on a i.p5{background-position: -160px -40px;} .pinpai .hd ul li.on a i.p6{background-position: -200px -40px;} .pinpai .hd ul li.on a i.p7{background-position: -240px -40px;} *修改*/ .pinpai .hd ul li a i{margin-left:20px;margin-right:20px;margin-top:12px;float:left;background:url("../images/icon-logo.png") no-repeat;width:40px;height:40px;position:relative;z-index:2;transition:all .2s;} .pinpai .hd ul li a i.p1{background-position: 0 0;} .pinpai .hd ul li a i.p2{background-position: -40px 0;} .pinpai .hd ul li a i.p3{background-position: -80px 0;} .pinpai .hd ul li a i.p4{background-position: -120px 0;} .pinpai .hd ul li a i.p5{background-position: -160px 0;} .pinpai .hd ul li a i.p6{background-position: -200px 0;} .pinpai .hd ul li a i.p7{background-position: -240px 0;} .pinpai .hd ul li.on a i.p1{background-position: 0 -40px;} .pinpai .hd ul li.on a i.p2{background-position: -40px -40px;} .pinpai .hd ul li.on a i.p3{background-position: -80px -40px;} .pinpai .hd ul li.on a i.p4{background-position: -120px -40px;} .pinpai .hd ul li.on a i.p5{background-position: -160px -40px;} .pinpai .hd ul li.on a i.p6{background-position: -200px -40px;} .pinpai .hd ul li.on a i.p7{background-position: -240px -40px;} /*.pinpai .hd ul li.on a i.p1{background:url(../images/p1-1.png);} .pinpai .hd ul li.on a i.p2{background:url(../images/p1-2.png);} .pinpai .hd ul li.on a i.p3{background:url(../images/p1-3.png);} .pinpai .hd ul li.on a i.p4{background:url(../images/p1-4.png);} .pinpai .hd ul li.on a i.p5{background:url(../images/p1-5.png);} .pinpai .hd ul li.on a i.p6{background:url(../images/p1-6.png);} .pinpai .hd ul li.on a i.p7{background:url(../images/p1-7.png);}*/ .pinpai .bd{width:82%;float:right;} .pinpai .bd ul li{width:100%;height:562px;position:relative;} .pinpai .bd ul li img.pban{width:100%;height:100%;} .pinpai .bd ul li .ptext{width:170px;position:absolute;top:108px;left:45px;} .pinpai .bd ul li .ptext .ptext1{font-size:24px;color:#002855;} .pinpai .bd ul li .ptext .ptext1 i{display:inline-block;width:37px;height:33px;background:url(../images/dh.png);margin:-20px 0 0px 11px;} .pinpai .bd ul li .ptext .pline{width:41px;height:2px;background:#009fdf;margin:14px 0 42px 0;} .pinpai .bd ul li .ptext .pcon{font-size:14px;color:#666;line-height:30px;} /*品类探索 e*/ /*品类探索 手机端 s*/ .History{position:relative;display:none;} .History .hd{height:82px;background:url(../images/line3.png) no-repeat center 36px; padding:0 3%;position:relative;overflow:hidden;} .History .hd li{padding-top:42px; background:url(../images/jy3-1.png) no-repeat center 26px;font-size:16px;width:192px; text-align:center; color:#b4b4b4; text-align:center; line-height:40px; float:left;} .History .hd li.on{background:url(../images/jy3.png) no-repeat center 26px;} .History .hd .prev,.History .hd .next{margin-top:-25px;position:absolute;top:50%;} .History .hd .prev{/*background:#f1f1f1 url(../images/bfl.png) no-repeat left top;*/ left:0px;} .History .hd .next{/*background:#f1f1f1 url(../images/brh.png) no-repeat right top;*/ right:0px;} .History .bd{height:auto;overflow:hidden;} .History .bd ul li{width:100%;height:562px;position:relative;} .History .bd ul li img.pban{width:100%;height:100%;} .History .bd ul li .ptext{width:170px;position:absolute;top:108px;left:45px;} .History .bd ul li .ptext .ptext1{font-size:24px;color:#002855;} .History .bd ul li .ptext .ptext1 i{display:inline-block;width:37px;height:33px;background:url(../images/dh.png);margin:-20px 0 0px 11px;} .History .bd ul li .ptext .pline{width:41px;height:2px;background:#009fdf;margin:14px 0 42px 0;} .History .bd ul li .ptext .pcon{font-size:14px;color:#666;line-height:30px;} /*电源品牌 手机端 s*/ .dpbox{padding-top:0px;} .pinpais{width:100%;height:534px;margin-top:21px;} .pinpais .hd{width:100%;height:462px;float:left; margin-top:36px; margin-bottom: 36px;}/*修改*/ .pinpais .hd::-webkit-scrollbar{width:2px;height:40px;background-color:#4e4e4e;} .pinpais .hd::-webkit-scrollbar-thumb{background-color:#002855;} .pinpais .hd ul li .hdtit{width:100%;height:66px;line-height:66px;transition:all .5s;}/*修我*/ .pinpais .hd ul li .hdtit a{display:block;padding:0 0 0 32px;font-size:14px;color:#002855;}/*修改*/ .pinpais .hd ul li:hover .hdtit a{display:block;font-size:14px;color:#fff;z-index:1;} /*.pinpais .hd ul li .hdtit a{background:url(../images/pjt.png) 88% center no-repeat;}*/ .pinpais .hd ul li:hover .hdtit{width:100%;background: #204875; /* Old browsers */background:-moz-linear-gradient(left, #154b87 0%, #009ede 100%); /* FF3.6-15 */background:-webkit-linear-gradient(left, #154b87 0%,#009ede 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to right, #154b87 0%,#009ede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#154b87', endColorstr='#009ede',GradientType=1 );transition:all .2s; } .pinpais .hd ul li.on .hdtit{width:100%;background: #204875; /* Old browsers */background:-moz-linear-gradient(left, #3b699c 0%, #204875 100%); /* FF3.6-15 */background:-webkit-linear-gradient(left, #3b699c 0%,#204875 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to right, #3b699c 0%,#204875 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b699c', endColorstr='#204875',GradientType=1 );} /*.pinpais .hd ul li .hdtit:after {content:"";width:80%;border-bottom:1px solid #022f61;position:absolute;left:10%;bottom:0;} .pinpais .hd ul li .hdtit:before{background:#204875;background:-moz-linear-gradient(left, #3b699c 0%, #204875 100%);background:-webkit-linear-gradient(left, #3b699c 0%,#204875 100%);background:linear-gradient(to right, #3b699c 0%,#204875 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b699c', endColorstr='#204875',GradientType=1 );content:"";position:absolute;top:0;left:0;bottom:0;z-index:1;width:0;transition:all .2s;} .pinpais .hd ul li.on .hdtit:before{width:100%;} .pinpais .hd ul li.on .hdtit:after{display:none;}*/ .hdlist{position:absolute; width:14%; overflow: auto; z-index: 3; background: rgba(226,226,226,0.9);}/*修改*/ .pinpais .hdban{width:100%;float:right;height:534px;}/*修改*/ /*.pinpais .hdban{width:82.3%;float:right;height:534px;}*//*宽度、高度修改*/ .bds{width:82%;height:532px;border:1px solid #c1c1c1;background:#fff;float:right;position:absolute;top:0px;right:0;z-index:999;box-shadow:4px 4px 5px rgba(201,201,210,.75);display:none;} /*.bds{width:76%;height:532px;border:1px solid #c1c1c1;background:#fff;float:right;position:absolute;top:0px;right:0;z-index:999;box-shadow:4px 4px 5px rgba(201,201,210,.75);display:none;}*//*高度修改*/ .bds1{display:block;} .bds dl{padding:57px 0 0 70px;} .bds dl dd{float:left;/*margin-right:132px;*/width:33%;} .bds dl dd:nth-child(3n){margin-right:0px;} .bds dl dd .list1{width:100%;font-size:14px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:25px;} .bds dl dd .list1 i{display:inline-block;vertical-align:middle;margin-right:10px} .bds dl dd .list1 i.s1{display:inline-block;width:23px;height:36px;background:url(../images/list1.png);vertical-align:middle;margin-right:18px;} .bds dl dd .list1 i.s2{display:inline-block;width:37px;height:36px;background:url(../images/list2.png);vertical-align:middle;margin-right:18px;} .bds dl dd .list1 i.s3{display:inline-block;width:36px;height:10px;background:url(../images/list4.png);vertical-align:middle;margin-right:18px;} .bds dl dd a{display:block;font-size:14px;color:#444;margin-top:45px;} .bds dl dd a i{display:inline-block;width:5px;height:5px;background:#444;vertical-align:middle;margin-right:31px;border-radius:50%;} .bds dl dd.dd1 a{margin-left:9px;} .bds dl dd.dd2 a{margin-left:22px;} .bds dl dd.dd3 a{margin-left:22px;} .swiper-slide img{width:100%;height:534px;} /*.swiper-slide img{width:100%;height:504px;}*//*高度修改*/ .swiper-paginations .swiper-pagination-bullet{width:59px;height:4px;background:#fff;border-radius:0px;} .swiper-paginations .swiper-pagination-bullet-active{background:#032b57;} .swiper-paginations .swiper-container-horizontal>.swiper-pagination-bullets{left:-40px;} .History1{position:relative;display:none;} .History1 .hd{height:82px;background:url(../images/line3.png) no-repeat center 36px; padding:0 3%;position:relative;overflow:hidden;} .History1 .hd li{padding-top:42px; background:url(../images/jy3-1.png) no-repeat center 26px;font-size:16px;width:192px; text-align:center; color:#b4b4b4; text-align:center; line-height:40px; float:left;} .History1 .hd li.on{background:url(../images/jy3.png) no-repeat center 26px;} .History1 .hd .prev,.History1 .hd .next{margin-top:-25px; position:absolute; top:50%;} .History1 .hd .prev{left:0px;} .History1 .hd .next{right:0px;} .History1 .bd{height:auto;overflow:hidden;} .History1 .bd ul li{width:100%;height:534px;position:relative;} /*电源品牌 手机端 e*/ @media ( max-width:1024px){ .pinpais .hd ul li .hdtit{width:100%;} } @media ( max-width:768px){ .pinpai{display:none;} .History{display:block;} .History .bd{margin-bottom:30px;} .History .hd li{width:120px;color:#666;font-size:14px;} .History .bd ul li{height:auto;} .History .bd ul li .ptext{position:static;width:100%;margin-top:40px;} .History .bd ul li .ptext .pline{margin-bottom:22px;} .History .hd .prev img, .History .hd .next img{max-width:80%;} .History .hd .prev, .History .hd .next{top:55%;} .History .hd .next{right:-4px;} .pinpais{margin-top:0px;} .hdlist{display:none;} .pinpais .hdban{width:100%;height:auto;float:none;display:none;} .bds1{width:99%;height:auto;position:static;padding-bottom:30px;} .bds dl{padding:20px;} .History1{display:block;} .pinpais,.pinpais .bd ul li{height:auto;} .pinpais .hd{height:auto;} .swiper-paginations .swiper-pagination-bullet{width:30px;} .History1{display:block;} .History1 .bd{margin-bottom:30px;} .History1 .hd li{width:160px;color:#666;font-size:14px;} .History1 .bd ul li{height:auto;} .swiper-slide img{width:100%;height:auto;} .History1 .hd .prev, .History1 .hd .next{top:55%;} .History1 .hd .prev img, .History1 .hd .next img{max-width:80%;} .History1 .hd .next{right:-4px;} } @media ( max-width:375px){ .History .hd li,.History1 .hd li{width:110px;} } @media ( max-width:320px){ .History .hd li{width:95px;} .History1 .hd li{width:150px;} } /*品类探索手机端 e*/ /*元创动力产业园 s*/ .indexbox2{width:100%;height:auto;padding:80px 0 80px 0;background:#fff;} .dpbox{padding:0px 0 100px 0;} .cy{padding:10px 0 58px 0;text-align:center;}/*修改*/ .cy .cytit{font-size:1.125em;color:#002855;margin-bottom:20px;}/*修改*/ .cy .cytext{width:60%;margin:0 auto;font-size:14px;color:#666;line-height:25px;} /*.cyul{}*/ .cyul li{width:32%;float:left;border:1px solid #bfbfbf;margin-right:1.7%;} .cyul li:nth-child(3n){margin-right:0px;} .cyul li .cycon{padding:23px;} .cyul li .cycon .cyimg img{width:100%;height:auto;margin-bottom:20px;} .cyul li .cycon .cytitle p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cyul li .cycon .cytitle .cy1{font-size:18px;color:#002855;} .cyul li .cycon .cytitle .cy2{font-size:14px;color:#666;} .cyul li:hover{box-shadow:0px 8px 20px rgba(212,212,212,.75);border:1px solid transparent;} /*元创动力产业园 e*/ /*价值与使命 s*/ .value{margin-top:8px;} .value li{width:49%;float:left;border:1px solid #bfbfbf;margin-right:1.6%;margin-top:22px;} .value li:nth-child(2n){margin-right:0px;} .value li .vacon{padding:18px 18px 45px 18px;} .value li .vacon .vaimg{width:100%;height:100%;overflow:hidden;} .value li .vacon .vaimg img{width:100%;height:auto;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .value li .vacon .vatext{margin-top:45px;} .value li .vacon .vatext p{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .value li .vacon .vatext .va1{font-size:18px;color:#002855;} .value li .vacon .vatext .va2{font-size:14px;color:#666;margin-top:10px;} .value li:hover .vacon .vaimg img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);} /*价值与使命 e*/ /*聆听 s*/ .indexbox3{width:100%;height:auto;padding:15px 0 45px 0;background:#fff;} .ltfl{width:55%;float:left;} .ltfl .ltbg{width:18%;} .ltfl .ltcon{width:75%;margin:15px auto 0;} .ltfl .ltcon .lt1 p{font-size:24px;color:#002855;} .ltfl .ltcon .lt1 p span{display:inline-block;font-size:30px;color:#002855;padding-bottom:13px;margin-right:10px;border-bottom:5px solid #009fdf;}/*修改*/ .ltfl .ltcon .lttext{font-size:14px;color:#444;line-height:30px;margin:40px 0 25px 0;} .ltfl .ltcon .ljt{text-align:right;} .ltrh{width:45%;height:100%;float:right;overflow:hidden; padding-top:3.5%; padding-bottom: 1.5%;}/*修改*/ .ltrh img{width:100%;height:100%;margin-top:35px;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} .ltrh:hover img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);} /*聆听 e*/ /*新闻资讯 s*/ .newBox{padding:1% 30px 0;position:relative;}/*修改*/ /*.newBox .owl-carousel{position:static;} .newBox .owl-carousel .item{margin:0 3%;}*/ .newBox .owl-carousel .item a{display:block;position:relative;background:#fff;padding-bottom:40px;margin:0 10px;} .newBox .owl-carousel .item a .newimg{width:100%;height:100%;overflow:hidden;} .newBox .owl-carousel .item a .newimg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;} .newBox .owl-carousel .item a .newtit{padding:0 25px;margin-top:40px;} .newBox .owl-carousel .item a .newtit .new1{font-size:16px;color:#002855;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .newBox .owl-carousel .item a .newtit .new2{font-size:16px;color:#666;} .newBox .owl-carousel .item a:hover{box-shadow:0px 0px 20px #d4d4d4} .newBox .owl-carousel .item a:hover img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .newBox .owl-carousel .owl-dots.disabled,.newBox .owl-carousel .owl-nav.disabled{display:block;} .newBox .owl-carousel .owl-nav .owl-next,.newBox .owl-carousel .owl-nav .owl-prev{width:59px;height:125px;position:absolute;top:40%;margin-top:-25px;line-height:9999;overflow:hidden;z-index:99;} .newBox .owl-carousel .owl-nav .owl-next{background:url(../images/jtrh.png) no-repeat right top;right:-58px;} .newBox .owl-carousel .owl-nav .owl-prev{background:url(../images/jtfl.png) no-repeat left top;left:-58px;} @media (min-width:1920px){ .newBox .owl-carousel .owl-nav .owl-next{right:-88px;} .newBox .owl-carousel .owl-nav .owl-prev{left:-88px;} } @media (min-width:1600px){ .newBox .owl-carousel .owl-nav .owl-next{right:-88px;} .newBox .owl-carousel .owl-nav .owl-prev{left:-88px;} } @media (max-width:320px){ .ltfl .ltcon{width:90%;margin-bottom:40px;} .ltfl .ltcon .lttext{margin:15px auto 0;} } /*新闻资讯 e*/ /*合作伙伴 s*/ .hz{box-shadow:2px 2px 6px rgba(181,181,181,.75);margin-top:30px;} .hz ul{padding:54px 70px;} .hz li{float:left;vertical-align:middle;width:19.9%;height:100px;text-align:center;line-height:100px;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;position:relative;} .hz li.l1{border-bottom:none} .hz li:nth-child(5n){border-right:none;} .hz li img{display:inline-block;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;} /*合作伙伴 e*/ @media (max-width:1024px){ .cyul li{margin-right:1.5%;} .value li{margin-right:1.4%;} .pinpai{display:none;} .History{display:block;} .History .hd{margin-top:30px;} .History .bd{margin-top:40px;} .History .bd ul li{height:auto;} } @media (min-width:768px) and (max-width:979px){ .hz ul{padding:34px 40px;} .hz li{width:33%;border:none;} .History .hd li{width:210px;} .History .bd ul li{height:auto;} .History .hd{margin-top:30px;} } @media (max-width:768px){ .ltfl{margin-bottom:40px;} .ltfl,.ltrh{width:100%;float:none;} .ljt a img{width:40px;height:40px;} .ltfl .ltbg{width:12%;} .newBox .owl-carousel .owl-nav .owl-next{right:-43px;background-size:100% 100%;} .newBox .owl-carousel .owl-nav .owl-prev{left:-43px;background-size:100% 100%;} .newBox .owl-carousel .owl-nav .owl-next,.newBox .owl-carousel .owl-nav .owl-prev{width:30px;height:80px;} .newBox .owl-carousel .item a{padding-bottom:20px;} .newBox .owl-carousel .item a .newtit{margin-top:20px;} } @media (max-width:767px){ .home1{padding:40px 0;} .home2{padding-top:40px;} .com .comtit{font-size:24px;} .value li{width:100%;float:none;} .cyul li{width:100%;float:none;margin-bottom:20px;} .ltfl,.ltrh{width:100%;float:none;} .ltfl .ltcon .lt1 p span{margin-bottom:20px;} .newBox .owl-carousel .owl-nav .owl-next, .newBox .owl-carousel .owl-nav .owl-prev{width:30px;height:80px;} .newBox .owl-carousel .owl-nav .owl-next{right:-33px;background-size:100% 100%;} .newBox .owl-carousel .owl-nav .owl-prev{left:-33px;background-size:100% 100%;} .ljt a img{width:35px;height:35px;} .hz{width:100%;margin-top:10px;} .hz ul{padding:0px;} .hz li{width:48%;text-align:center;border-bottom:none;border-right:none;} .hz li:nth-child(2n){border-bottom:none;} .dpbox{padding-top:20px;} .cy .cytext{width:90%;} } /************************详情***************************/ .warp{width:100%;background:#e8eef0;} .warp1{width:100%;height:auto;padding:80px 0 80px 0;background:#e8eef0;} .warp2{width:100%;height:auto;padding:80px 0 80px 0;background:#f9f9f9;} .xqbg{width:100%;height:88px;background:#fff;} .indexbox4{width:100%;height:auto;padding:125px 0 22px 0;background:#f1f1f1;} /*产品 s*/ .cp{margin-bottom:88px;} .cp .cpfl{width:41.3%;height:536px;float:left;position:relative;} .cp .cpfl .inBox .inHd{float:left;width:80px;height:552px;overflow:hidden;} .deimg{display:none;} /*新增详情 css s*/ @media (max-width:767px){ .preview{display:none;} .deimg{display:block;} } /*新增详情 css e*/ .cp .cpfl .inBox .inHd li{width:100%;height:auto;margin-bottom:9px;cursor:pointer;} .cp .cpfl .inBox .inHd li:last-child{margin-bottom:0px;} .cp .cpfl .inBox .inBd{width:442px;float:left;margin-left:12px;} .cp .cpfl .inBox .inBd ul li img{width:100%;height:100%;} .cp .cprh{width:55%;float:right;} .cp .cprh .cpcon{padding-bottom:95px;border-bottom:1px solid #ccc;} .cp .cprh .cpcon .ctit1{font-size:24px;color:#444;} .cp .cprh .cpcon .ctit1 span{color:#009fdf;} .cp .cprh .cpcon .ctit2{font-size:14px;color:#444;margin-top:11px;} .cp .cprh .cpul{margin-top:40px;} .cp .cprh .cpul li{font-size:14px;color:#444;margin-bottom:1px;} .cp .cprh .cpul li i{display:inline-block;width:5px;height:5px;background:#444;border-radius:50%;vertical-align:middle;margin-right:10px;} .cp .cprh .hd{height:26px;position:relative;margin-top:40px;} .cp .cprh .hd ul{width:auto;float:left;} /*产品 修改 css s*/ .cp .cprh .hd ul li{float:left;width:26px;height:26px;margin-right:8px;cursor:pointer;} .cp .cprh .hd ul li a{display:block;width:24px;height:24px; border-radius: 12px; border: 1px solid #d4d4d4;} .cp .cprh .hd ul li.on a{width:24px;height:24px; border-radius: 12px; border: 1px solid #0aa3e0;} .cp .cprh .hd ul li:hover a{width:24px;height:24px; border-radius: 12px; border: 1px solid #0aa3e0;} /*产品 修改 css e*/ .cp .cprh .hd span{display:inline-block;width:86px;height:30px;font-size:14px;color:#fff;line-height:30px;text-align:center;border-radius:100px;background:#009fdf;vertical-align:top;margin-top:-2px;} .cp .cprh .buy{margin-top:46px;} .cp .cprh .buy a{display:inline-block;font-size:14px;color:#009fdf;line-height:36px;text-align:center;width:220px;height:36px;border:1px solid #009fdf;border-radius:100px;margin-right:18px;} .cp .cprh .buy a:hover{background:#009fdf;color:#fff;} .warpa{width:100%;border-top:1px solid #badeed;background:#e8eef0;} .cpa{padding:30px 0 8px 0;} .cpa li{width:16.66%;float:left;text-align:center;background:url(../images/aline.png) right center no-repeat;} .cpa li:nth-child(6n){background:none} .cpa li a{font-size:16px;color:#444;} .cpa li a:hover{color:#009fdf;} .cpa li.current a{color:#009fdf;} /*亮点*/ .light .lgtit{font-size:24px;color:#444;text-align:center;} .light .lgimg{width:100%;height:auto;margin:55px 0 53px 0;} .light .lgimg img{width:100%;height:auto;} .light .lgfl{width:28%;height:100%;background:#f1f1f1;float:left;text-align:center;} .light .lgfl img{width:100%;height:100%;} .light .lgrh{width:68%;float:right;margin-top:23px} .light .lgrh p.lgtext{font-size:18px;color:#444;margin-bottom:25px;} .light .lgrh p{font-size:14px;color:#666;margin-bottom:15px;} .light .lgrh .lgul{margin-top:33px;} .light .lgrh .lgul li{font-size:14px;color:#666;margin-bottom:17px;} .light .lgrh .lgul li i{display:inline-block;width:4px;height:4px;background:#444;border-radius:50%;vertical-align:middle;margin-right:8px;} .light .cplist{margin-top:53px;border-bottom:1px solid #d9d9d9;padding-bottom:58px;} .light .cplist li{width:48%;float:left;margin-right:4%;} .light .cplist li:nth-child(2n){margin-right:0px;} .light .cplist li img{display:block;width:100%;height:auto;/*border:1px solid #c2c2c2;*/} .light .cplist li p{text-align:center;} .light .cplist li p.lg1{font-size:18px;color:#444;margin:60px 0 25px 0;} .light .cplist li p.lg2{font-size:16px;color:#666;line-height:30px;} .light .msul{margin-top:58px;} .light .msul .mstit{font-size:24px;color:#444;} .light .msul li{margin-top:40px;} .light .msul li .ms1{font-size:14px;color:#444;} .light .msul li .ms2{font-size:14px;color:#868888;} /*相关产品*/ .gltit{font-size:24px;color:#444;text-align:center;margin-bottom:60px;} .cpBox{padding:0% 30px;position:relative;} .cpBox .owl-carousel{position:static;} .cpBox .owl-carousel .item{margin:0 3%;} .cpBox .owl-carousel .item a{display:block;position:relative;} .cpBox .owl-carousel .item a .glimg{float:left;margin-left:30px;} .cpBox .owl-carousel .item a .gltext{float:left;margin-left:40px;} .cpBox .owl-carousel .item a .gltext p{margin-top:15px;} .cpBox .owl-carousel .item a .gltext .gl1{font-size:14px;color:#444;} .cpBox .owl-carousel .item a .gltext .gl2{font-size:14px;color:#666;} .cpBox .owl-carousel .owl-dots.disabled,.cpBox .owl-carousel .owl-nav.disabled{display:block;} .cpBox .owl-carousel .owl-nav .owl-next,.cpBox .owl-carousel .owl-nav .owl-prev{width:19px;height:30px;position:absolute;top:60%;margin-top:-25px;line-height:9999;overflow:hidden;z-index:99;} .cpBox .owl-carousel .owl-nav .owl-next{background:url(../images/sprh.png) no-repeat right top;right:-0px;} .cpBox .owl-carousel .owl-nav .owl-prev{background:url(../images/spfl.png) no-repeat left top;left:0px;} /*评论*/ .nybox{padding:66px 0 65px 0;border-bottom:1px solid #d0d6d8;} .nybox .pltitle{text-align:center;} .nybox .pltitle .pltit{font-size:24px;color:#444;} .nybox .pltitle .plimg{text-align:center;margin:20px 0 25px 0;} .nybox .pltitle .pltit1{font-size:14px;color:#002855;} .nybox .plcon{margin-bottom:50px;} .nybox .plcon .py1{font-size:14px;color:#444;} .nybox .plcon .plimg{margin:15px 0 10px 0;} .nybox .plcon .plimg img{display:inline-block;} .nybox .plcon .plimg span{vertical-align:middle;display:inline-block;margin:-8px 0 0 8px;} .nybox .plcon .py2{font-size:14px;color:#868888;margin-bottom:12px;} .nybox .plcon .py3{font-size:14px;color:#666;} /*规格参数*/ .sptit{text-align:center;font-size:24px;color:#666;margin-bottom:40px;} .splist{padding:17px 0;border-bottom:1px solid #dfe5e7;} .splist .sp1{font-size:14px;color:#444;margin-left:30px;} .splist .sp2{font-size:14px;color:#868888;margin-left:30px;} /*相关下载*/ .xz{margin-top:42px;} .xz .xztit{font-size:16px;color:#444;} .xz .xz1{font-size:14px;color:#666;margin-top:20px;} .xz .xz1 i{display:inline-block;width:15px;height:15px;background:url(../images/xz.png);margin:-3px 12px 0 0;vertical-align:middle;} .xz .xz1 a{color:#666} /*常见问题*/ .ans{margin-top:22px;} .ans .antit{font-size:14px;color:#444;cursor:pointer;} .ans .antit i{display:inline-block;width:15px;height:15px;background:url(../images/a1.png);vertical-align:middle;margin-right:10px;} .ans .anbox{padding:25px 25px 70px 25px;background:#f1f5f6;margin-top:20px;} .ans .anbox p{font-size:14px;color:#666;} .ans.on .anbox{display:block;} .ans .antit i.ons{background:url(../images/a2.png);} @media (max-width:1024px){ .cp .cpfl{width:56%;} .cp .cpfl .inBox .inBd{width:auto;} .cp .cprh{width:40%;} .cp .cprh .buy a{width:120px;} .cp .cprh .cpcon .ctit1,.cp .cprh .cpcon .ctit2{line-height:35px;} .cp .cprh .cpcon{padding-bottom:30px;} .cpmbox{padding-top:60px;} } @media (min-width:768px) and (max-width:979px){ .cp{margin-bottom:58px;} .cpmbox{padding-top:40px;} .cp .cpfl,.cp .cprh{width:100%;float:none;height:auto;} .cp .cpfl .inBox .inBd{width:100%;margin-bottom:30px;margin-left:0px;} .cp .cprh .buy{text-align:center;} .cp .cprh .buy a{width:220px;} .cpa li a{font-size:14px;} .cp .cprh .cpcon{padding-bottom:40px;} .cp .cpfl .inBox .inHd,.cp .inBox .inBd{float:none;} .cp .cpfl .cp .inBox .inBd{margin-top:30px;} .cp .cpfl .inBox .inHd{width:100%;text-align:center;} .cp .cpfl .inBox .inHd li{width:19%;display:inline-block;margin-bottom:20px;} .cp .cpfl .cp .inBox .inBd ul li{text-align:center;} .cp .cpfl .cp .inBox .inBd ul li img{width:auto;} .cp .cprh .cpcon .ctit1{font-size:22px;line-height:30px;text-align:center;} .cp .cprh .cpcon .ctit2{text-align:center;} .cpBox .owl-carousel .owl-nav .owl-next, .cpBox .owl-carousel .owl-nav .owl-prev{top:20%;margin-top:0px;} .cpBox .owl-carousel .item a .gltext{margin-left:30px;} } @media (max-width:767px){ .cp{margin-bottom:58px;} .cpmbox{padding-top:40px;} .cp .cpfl,.cp .cprh{width:100%;float:none;height:auto;} .cp .cpfl .inBox .inBd{width:100%;margin-bottom:30px;margin-left:0px;} .Pages a{margin:0px;} .nybox .pltitle .pltit1{margin-bottom:20px;} .light .lgfl,.light .lgrh{float:none;width:100%;} .light .lgfl{margin-left:0px;} .light .lgrh{margin-top:25px;} .cp .cprh .buy{text-align:center;} .cp .cprh .buy a{width:120px;} .cpa li a{font-size:14px;} .cp .cprh .cpcon{padding-bottom:40px;} .cp .cpfl .inBox .inHd,.cp .cpfl .inBox .inBd{float:none;} .cp .cpfl .inBox .inHd{width:100%;} .cp .cpfl .inBox .inHd li{width:19%;display:inline-block;margin-bottom:20px;} .cp .cprh .cpcon .ctit1{font-size:22px;line-height:30px;text-align:center;} .light .cplist li{width:100%;float:none;margin:30px 0 0 0;} .light .msul{margin-top:35px;} .light .msul li{margin-top:25px;} } @media (max-width:320px){ .cpa li a{font-size:12px;} .cpa li{width:auto;padding:0 10px;} .cp .cpfl .inBox .inHd li{width:18.6%;} .cpBox .owl-carousel .item a{text-align:center;} .cpBox .owl-carousel .item a .glimg,.cpBox .owl-carousel .item a .gltext{float:none;margin:0px;} } /*************************一级列表***************************/ .dcp{margin-top:20px;} .dcp li{width:23.95%;height:203px;float:left;margin-right:20px;position:relative;overflow:hidden;}/*修改*/ .dcp li:nth-child(5n){margin-right:0px;} .dcp li.li1{width:21%;height:203px;background:#efefef url(../images/group_bg.png) no-repeat right bottom;} .dcp li.li3{background:#E9F7FD url(../images/group_bg.png) no-repeat right bottom;} .dcp li.li4{background:#FFFAF4 url(../images/group_bg.png) no-repeat right bottom;} .dcp li.li5{background:#DFFFF4 url(../images/group_bg.png) no-repeat right bottom;}/*新增*/ .dcp li.li2{background:#efefef url(../images/group_bg.png) no-repeat right bottom;}/*修改*/ /*.dcp li.li1{width:21%;height:203px;background:url(../images/lbg1.png) center center;background-size:cover;} .dcp li.li2{background:url(../images/lbg2.png);background-size:cover;} .dcp li.li3{background:url(../images/lbg3.png);background-size:cover;} .dcp li.li4{background:url(../images/lbg4.png);background-size:cover;} */ .dcp li.li1 .lifl{width:49.8%;float:left;text-align:center;margin-top:40px;border-right:1px solid #dedede;} .dcp li.li1 .lifl a{display:block;text-align:center;margin-bottom:20px;} .dcp li.li1 .lifl a:last-child{margin-bottom:0px;} .dcp li.li1 .lifl a i.s1-1{display:inline-block;width:17px;height:26px;background:url(../images/s1.png);vertical-align:middle;margin-right:12px;} .dcp li.li1 .lifl a i.s1-2{display:inline-block;width:12px;height:26px;background:url(../images/s2.png);vertical-align:middle;margin:0px 15px 0 -11px;} .dcp li.li1 .lifl a i.s1-3{display:inline-block;width:22px;height:26px;background:url(../images/s3.png);vertical-align:middle;margin:0 8px 0 9px;} .dcp li.li1 .lirh{width:49.8%;float:right;margin-top:40px;} .dcp li.li1 .lirh a{display:block;text-align:center;margin-bottom:20px;} .dcp li.li1 .lirh a:last-child{margin-bottom:0px;} .dcp li.li1 .lirh a i.s1-4{display:inline-block;width:21px;height:26px;background:url(../images/s5.png);vertical-align:middle;margin-right:12px;} .dcp li.li1 .lirh a i.s1-5{display:inline-block;width:14px;height:26px;background:url(../images/s6.png);vertical-align:middle;margin:0 10px 0 14px;} .dcp li.li1 .lirh a i.s1-6{display:inline-block;width:26px;height:5px;background:url(../images/s7.png);vertical-align:middle;margin-right:8px;} .dcp li p{text-align:center;} .dcp li .ptit1{font-size:16px;color:#002855;/*font-family:"黑体";font-weight:bold;*/margin-top:40px;}/*修改*/ .dcp li .ptit2{font-size:14px;color:#93989a;/*font-family:"黑体";*/margin:5px 0 5px;}/*修改*/ /*.dcp li .ptit3{position:absolute;bottom:0;left:50%;transform:translate(-50%,0%);} */ .rmBox{position:relative;margin:60px 0 20px 0;} .rmBox .rmtit{font-size:24px;color:#444;} .rmBox .rmtit1{margin-left:10px;} .rmBox .owl-carousel{position:static;margin-top:20px;} .rmBox .owl-carousel .item{margin:0 10px;border:1px solid #e3e3e3;} .rmBox .owl-carousel .item .rmcon{position:relative;padding:20px 0;} .rmBox .owl-carousel .item .rmcon .rmcp{width:86%;padding:45px 0;background:#f1f1f1;margin:0 auto;} .rmBox .owl-carousel .item .rmcon .rmcp .rmimg{text-align:center;} .rmBox .owl-carousel .item .rmcon .rmcp .rmtext{width:80%;margin:0 auto;} .rmBox .owl-carousel .item .rmcon .rmcp .rmtext p{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .rmBox .owl-carousel .item .rmcon .rmcp .rmtext .rm1{font-size:14px;color:#555;margin-top:25px;} .rmBox .owl-carousel .item .rmcon .rmcp .rmtext .rm2{font-size:14px;color:#a8a8a8;margin:0px 0 15px 0;} .rmBox .owl-carousel .item .rmcon .rmcp .rmtext .rm3 a{font-size:12px;color:#002855;} .rmBox .owl-carousel .item .rmcon .rmcp .rmtext .rm3 a i{display:inline-block;width:6px;height:12px;background:url(../images/rm.png);vertical-align:middle;margin:-3px 0 0 5px;} .rmBox .owl-carousel .owl-dots.disabled,.rmBox .owl-carousel .owl-nav.disabled{display:block;} .rmBox .owl-carousel .owl-nav .owl-next,.rmBox .owl-carousel .owl-nav .owl-prev{position:absolute;top:0%;line-height:9999;overflow:hidden;z-index:99;} .rmBox .owl-carousel .owl-nav .owl-next{width:51px;height:31px;background:url(../images/rfl.png) no-repeat right top;right:10px;} .rmBox .owl-carousel .owl-nav .owl-prev{width:50px;height:31px;background:url(../images/rrh.png) no-repeat left top;right:60px;} /*日常、差旅系列 s*/ .cdbox{padding:0px 0 80px 0;overflow:hidden;} .datit{margin-bottom:30px;} .datit .da1{font-size:24px;color:#444;float:left;} .datit .da2{font-size:16px;color:#444;float:right;} .datit .da2 i{display:inline-block;width:28px;height:28px;background:url(../images/more.png);vertical-align:middle;margin:-3px 0px 0 10px;} .daily{margin-top:60px;} .daily .dafl{width:19%;height:343px;float:left;}/*修改*/ .daily .dafl img{width:100%;height:100%;} .daily .darh{width:79.5%;float:right;height:343px;}/*修改*/ .daily .darh li{width:23.4%;background:#fff;float:left;margin-right:20px;padding:48px 0 45px 0;margin-bottom:20px;position:relative;} .daily .darh li:nth-child(4n){margin-right:0px;} .daily .darh li .daimg{text-align:center;} .daily .darh li .datext{width:80%;margin:0 auto;} .daily .darh li .datext p{width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .daily .darh li .datext .dat1{font-size:14px;color:#444;margin:30px 0 5px 0;} .daily .darh li .datext .dat2{font-size:14px;color:#666;} .daily .darh li .newcp{width:72px;height:30px;background:#df2c39;font-size:12px;color:#fff;text-align:center;line-height:30px;position:absolute;top:0px;left:50%;transform:translate(-50%,0%);} .daily .hwban{width:100%;height:auto;margin-top:50px;} .daily .hwban img{width:100%;height:auto;} /*日常、差旅系列e*/ /*户外运动系列 s*/ .dailys{margin-bottom:0px;} .daily .dafl1{/*width:21.1%;*/width:19%;height:343px;float:left;}/*修改*/ .daily .dafl1 img{display:block;width:100%;height:344px;margin-bottom:18px;} /*户外运动系列 e*/ @media (max-width:1280px){ .dcp li{margin-right:19px;} /*.pinpais .hdban,.swiper-slide img,.pinpais .hd,.pinpais{height:auto;} .pinpais .hd{padding:52px 0;}*/ .bds{height:532px;} .rmBox .owl-carousel .item .rmcon .rmcp{padding:30px 0;} } @media (max-width:1028px){ .bds{height:530px;} } @media (max-width:1024px){ .dpbox{padding:40px 0 40px 0;} .pinpais{height:auto;margin-top:0px;} /* .pinpais .hd,.swiper-slide img{height:auto;} .pinpais .hd{height:100%;padding:7px 0;}*/ .owl-carousel .owl-item img{height:120px;} .dcp li{margin-right:15px;} .dcp li.li1 .lifl{width:48.8%;} .dcp li.li1 .lifl a i.s1-2{margin: 0 10px 0 -18px;} .daily{margin-top:50px;} .daily .dafl,.daily .darh,.daily .dafl1{height:auto;} .daily .darh li{width:22.9%;padding:35px 0 30px 0;} .daily .darh li img{height:100px;} .daily .darh li .newcp{height:25px;line-height:25px;} .daily .dafl1 img{height:auto;} .pinpais .hdban{height:auto;} .bds{height:auto;padding-bottom:65px;} .bds dl{padding:30px 0 0 30px;} } @media (min-width:768px) and (max-width:979px){ .pinpais .hd ul li .hdtit a{padding:0 15px;} .pinpais .hd ul li .hdtit{height:59px;line-height:59px;} .dcp li.li1{width:48%;} .dcp li{width:49%;margin:20px 0 0 0;} .dcp li:nth-child(2n){float:right;} .daily .darh li{width:22.2%;padding:30px 0 23px 0;} .daily .darh li .newcp{height:20px;line-height:20px;} .daily .darh li .datext .dat1{margin-top:15px;} .daily .dafl1 img{margin-bottom:15px;} .bds{margin-top:30px;} } @media (min-width:768px) and (max-width:800px){ .cdbox{padding-bottom:40px;} .pinpais .hd ul li .hdtit a{padding:0 15px;} .pinpais .hd ul li .hdtit{height:49px;line-height:49px;} .dcp li.li1{width:48%;} .dcp li{width:49%;margin:20px 0 0 0;} .dcp li:nth-child(2n){float:right;} .daily .darh li{width:22.1%;padding:26px 0 20px 0;} .daily .darh li .newcp{height:20px;line-height:20px;} .daily .darh li .datext .dat1{margin-top:14px;} .daily .dafl1 img{margin-bottom:10px;} .bds{margin-top:30px;} .daily .darh li img{height:60px;} } /*@media (min-width:639px) and (max-width:768px){ .dcp li.li1{width:48%;} .dcp li{width:49%;margin:20px 0 0 0;} .dcp li:nth-child(2n){float:right;} } */ @media (max-width:768px){ .daily .dafl,.daily .dafl1{display:none;} .daily .darh li{width:22.8%;} .daily .darh{width:100%;} .daily .darh li .datext p{white-space:normal;} } @media (max-width:767px){ .cdbox{padding:0px;} .dcp li{float:none;width:100%;margin-bottom:20px;} .dcp li.li1{width:100%;float:none;} .datit{margin-bottom:0px;} .datit .da1{font-size:18px;} .daily{margin-bottom:40px;} .daily .dafl,.daily .darh{float:none;width:100%;height:auto;} .daily .dafl{margin-top:30px;text-align:center;} .daily .darh{margin-top:30px;} .daily .dafl img{width:100%;height:auto;} .daily .darh li{width:48%;margin-right:4%;margin-bottom:4%;} .daily .darh li:nth-child(2n){margin-right:0px;} .daily .dafl1{float:none;width:100%;height:auto;text-align:center;} .daily .dafl1 img{display:inline-block;} .daily .dafl1 img{margin-top:28px;width:49%;height:auto;} .daily .hwban{margin-top:18px;} /*.pinpais .hdban{display:block;}*/ .bds{margin-top:30px;} .rmBox .owl-carousel .item .rmcon .rmcp{padding:25px 0;} .bds{padding-bottom:0px;} .bds dl{padding:20px 0 0 20px;} .bds dl dd a{display:inline-block;margin-top:15px;margin-right:15px;} .bds dl dd{width:48%;} .bds dl dd:nth-child(2n){float:right;} .bds dl dd a i{margin-right:10px;} .daily .dafl img{width:auto;} .daily .dafl{display:none;} } @media (min-width:480px) and (max-width:768px){ .dcp li.li1{width:100%;} .dcp li{width:32%;float:left;margin-right:2%;} .dcp li:nth-child(2n){float:left;} } /*@media (min-width:640px){ .dcp li.li1{width:100%;} .dcp li{width:32%;float:left;margin-right:2%;} .dcp li:nth-child(2n){float:left;} }*/ /*@media (min-width:560px){ .dcp li.li1{width:100%;} .dcp li{width:32%;float:left;margin-right:2%;} .dcp li:nth-child(2n){float:left;} } @media (min-width:480px){ .dcp li.li1{width:100%;} .dcp li{width:32%;float:left;margin-right:2%;} .dcp li:nth-child(2n){float:left;} }*/ @media (max-width:320px){ .datit .da1,.datit .da2{font-size:16px;} .datit .da2 i{width:22px;height:22px;background-size:100%;} } /*************************二级列表***************************/ .ejbox{width:100%;padding:80px 0 80px 0;background:#f1f1f1;} .ejbox .ejtit{font-size:24px;color:#444;margin-bottom:23px;} .ejbox .ejcon{background:#dcdddf;} .ejbox .ejcon .ejfl{width:70%;float:left;} .ejbox .ejcon .ejfl img{width:100%;height:auto;} .ejbox .ejcon .ejrh{width:30%;float:right;} .ejbox .ejcon .ejrh .erp{padding:90px 0 0 48px;} .ejbox .ejcon .ejrh .erp .eline{width:50px;height:4px;background:#444;} .ejbox .ejcon .ejrh .erp .erp1{font-size:24px;font-weight:bold;color:#444;margin:29px 0 15px 0;} .ejbox .ejcon .ejrh .erp .elp2{font-size:18px;color:#666;font-family:"宋体";} .ejbox .ejcon .ejrh .hd{height:26px;line-height:30px;position:relative;margin-top:39px;} .ejbox .ejcon .ejrh .hd ul{float:left;position:absolute;height:26px;} .ejbox .ejcon .ejrh .hd ul li{float:left;width:26px;height:26px;background:url(../images/qh1.png);cursor:pointer;margin-right:8px;} .ejbox .ejcon .ejrh .hd ul li.on{width:26px;height:26px;background:url(../images/qh2.png);} /*.ejbox .ejcon .ejfl ul{}*/ .day{margin-top:55px;} .day .daytit{font-size:24px;color:#444;} .ejul dd{width:49.2%;float:left;background:#fff;padding-bottom:39px;margin-top:20px;position:relative;} .ejul dd:nth-child(2n){float:right;} .ejul dd .ejimg{padding:25px 0;text-align:center;} .ejul dd .ejimg img{display:inline-block;} .ejul dd .ejtext{padding:40px 43px 0 35px;} .ejul dd .ejtext .text1{float:left;} .ejul dd .ejtext .text1 p:nth-child(1){font-size:18px;color:#444;} .ejul dd .ejtext .text1 p:nth-child(2){font-size:16px;color:#666;margin-top:15px;} .ejul dd .mask{width:122px;height:58px;background:#df2c39;font-size:18px;color:#fff;text-align:center;line-height:58px;position:absolute;top:0;left:0px;z-index:999;} .ejul dd .ejtext .hd{float:right;width:68px;height:26px;line-height:30px;position:relative;} .ejul dd .ejtext .hd ul{float:left;position:absolute;height:26px;} .ejul dd .ejtext .hd ul li{float:left;width:26px;height:26px;background:url(../images/qh1.png);cursor:pointer;margin-right:8px;} .ejul dd .ejtext .hd ul li.on{width:26px;height:26px;background:url(../images/qh2.png);} .ejul dd:hover{box-shadow:0px 5px 35px rgba(227,227,227,.75);transform:translate3d(0,-2px,0)} .ejul a.ejmore{display:block;width:120px;height:36px;text-align:center;line-height:36px;font-size:14px;color:#fff;background:#002855;margin:55px auto 0;border-radius:100px;} .ejul dd div.c1{background:#fdf3e7;} .ejul dd div.c2{background:#dffff4;} .ejul dd div.c3{background:#ede8e6;} .ejul dd div.c5{background:#eaf7fd;} .ejul dd div.c6{background:#e4dbde;} .ejul dd div.c7{background:#d7efee;} .ejul dd div.c8{background:#f1e5d7;} .ejul dd div.c9{background:#ebe2e5;} .ejul dd div.c10{background:#dcebdf;} .ejul dd div.c11{background:#e1e6ee;} .ejul dd div.c12{background:#f1e5d7;} .ejul dd div.c13{background:#f1eeed;} .ejul dd div.c14{background:#f1eeed;} .ejul dd div.c15{background:#d7efee;} .ejul dd div.c16{background:#f1e5d7;} @media (max-width: 1200px){ .ejbox .ejcon .ejrh .erp{padding-top:45px;} .ejul dd .mask{width:110px;height:50px;line-height:50px;} } @media (max-width: 1280px){ .day .daytit{font-size:20px;} } @media (max-width: 1028px){ .ejbox .ejtit{font-size:20px;color:#444;margin-bottom:23px;} .day .daytit{font-size:20px;} .ejbox .ejcon .ejrh .erp .erp1{font-size:24px;font-weight:bold;color:#444;margin:29px 0 15px 0;} .ejbox .ejcon .ejrh .erp .elp2{font-size:18px;color:#666;font-family:"宋体";} } @media (max-width: 1366px){ .ejbox .ejcon .ejrh .erp{padding:40px 20px 5px 35px;} } @media (min-width:768px) and (max-width:979px){ .ejbox .ejcon .ejrh .erp{padding:25px 0 0 30px;} .ejbox .ejcon .ejrh .hd{margin-top:15px;} .ejul dd .mask{width:85px;height:35px;line-height:35px;} .ejbox .ejcon .ejrh .erp .erp1,.ejbox .ejcon .ejrh .erp .elp2{font-size:20px;} } @media (max-width:767px){ .ejbox{padding:40px 0 40px 0;} .ejbox .ejcon .ejfl,.ejbox .ejcon .ejrh{width:100%;float:none;} .ejul dd,.ejul dd:nth-child(2n){float:none;width:100%;} .ejul dd .ejtext{padding:40px 10px 0 10px;} .ejul dd .ejimg img{max-width:35%;} .ejbox .ejcon .ejrh .erp{padding:30px 0 30px 10px;} .color1{margin-top:10px;} .ejul dd{margin-top:5%;} .ejul dd .mask{width:70px;height:35px;line-height:35px;font-size:14px;} .ejbox .ejcon .ejrh .erp .erp1,.ejbox .ejcon .ejrh .erp .elp2{font-size:14px;} } @media (max-width:320px){ .ejbox .ejtit{font-size:16px;} .ejbox .ejcon .ejrh .erp{padding:10px 0 30px 10px;} .ejbox .ejcon .ejrh .hd{margin-top:15px;} .ejul dd .ejtext{padding-top:20px;} .ejul dd .ejtext .text1 p:nth-child(1){font-size:14px;} .ejul dd .ejtext .text1 p:nth-child(2){font-size:12px;} .ejul dd .ejtext .text1 p:nth-child(2){margin-top:0px;} } /*************************视频列表总***************************/ .vicon{width:100%;padding:103px 0 105px 0;background:#f1f1f1;} .vicon .viul{} .vicon .viul li{width:23.5%;float:left;margin:0 2% 2% 0;overflow:hidden;position:relative;cursor:pointer;} .vicon .viul li:nth-child(4n){margin-right:0px;} .vicon .viul li .viimg{width:100%;height:100%;overflow:hidden;} .vicon .viul li .viimg img{width:100%;height:auto;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .vicon .viul li .vitit1{text-align:center;position:absolute;top:19%;left:50%;transform:translate(-50%,0%);z-index:9999;} .vicon .viul li .vitit1 .vip1{font-size:22px;color:#fff;} .vicon .viul li .vitit1 .vline{width:40px;height:4px;background:#fff;margin:22px auto 0;} .vicon .viul li .vitit2{text-align:center;position:absolute;bottom:19%;left:50%;transform:translate(-50%,0%);z-index:9999;} .vicon .viul li .viline{width:50%;height:85%;border:1px solid rgba(255,255,255,.3);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:999;opacity:0} .vicon .viul li:hover{box-shadow:5px 5px 10px rgba(181,181,181,.75);transform:translate3d(0,-2px,0)} /*.vicon .viul li:hover .vitit1{top:19%;transition:500ms;} .vicon .viul li:hover .vitit2{bottom:19%;transition:500ms;}*/ .vicon .viul li:hover .viimg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .vicon .viul li:hover .viline{opacity:1;width:80%;transition:1s;} .vicon .vtext{margin-bottom:59px;} .vicon .vtext .tl1{font-size:30px;color:#002855;font-weight:bold;text-align:center;position:relative;} .vicon .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .vicon .vtext .tl2{width:50px;height:6px;background:#002855;margin:39px auto 0;} .vicon .hotv{padding-top:102px;} .vicon .hotul{} .vicon .hotul li{float:left;width:48%;} .vicon .hotul li:nth-child(2n){float:right;} .vicon .hotul li .himg{width:100%;height:100%;overflow:hidden;} .vicon .hotul li .himg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .vicon .hotul li .htit1{font-size:24px;color:#002855;text-align:center;margin:59px 0 31px 0;} .vicon .hotul li .htit2{font-size:16px;color:#444;text-align:center;line-height:30px;} .vicon .hotul li:hover .himg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .vicon .hotul li:hover .hot1{box-shadow:0px 15px 30px rgba(181,181,181,.75);} @media (max-width: 1200px){ .vicon .viul li .vitit1 .vip1{font-size:28px;} .vicon .viul li .vitit1 .vline{display: none;}/*修改*/ } @media (min-width:768px) and (max-width:979px){ .vicon .viul li .vitit1 .vip1{font-size:20px;} .vicon .viul li .vitit1 .vline{display: none;}/*修改*/ } @media (max-width:767px){ .vicon{padding:53px 0 25px 0;} .vicon .vtext{margin-bottom:30px;} .vicon .vtext .tl1{font-size:20px;} .vicon .vtext .tl1 i{top:-10px;margin-left:5px;} .vicon .vtext .tl1 i img{max-width:70%;} .vicon .vtext .tl2{height:4px;margin-top:19px;} .vicon .viul li{width:48%;margin-right:0px;} .vicon .viul li:nth-child(2n){float:right;} .vicon .viul li .vitit2 a img{max-width:70%;} .vicon .viul li .vitit1 .vline{width:30px;height:4px;} .vicon .viul li .vitit1 .vip1{font-size:18px;} .vicon .hotv{padding-top:42px;} .vicon .hotul li .htit1{font-size:20px;} .vicon .hotul li .htit2{font-size:14px;} .vicon .hotul li{width:100%;margin-bottom:35px;} .vicon .hotul li .htit1{margin-top:31px;} .vicon .viul li .vitit1 .vline {display: none;} } /*************************视频播放页***************************/ .play{width:100%;padding-bottom:78px;background:#f1f1f1;} .play .playv{width:100%;padding:68px 0;background:#1a1a1a;margin-top:48px;} .play .playv .plvimg{width:70%;margin:0 auto;} .play .playv .plvimg img{width:100%;height:auto;} .play .playt{width:70%;padding:74px 0 64px 0;margin:47px auto 0;border:1px solid #cecece;} .play .playt .plcon{padding:0 46px;} .play .playt .plcon .vtext{margin-bottom:42px;} .play .playt .plcon .vtext .tl1{font-size:24px;color:#002855;font-weight:bold;text-align:center;position:relative;} .play .playt .plcon .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .play .playt .plcon .vtext .tl2{width:50px;height:6px;background:#002855;margin:0 auto;} .play .playt .plcon .vtext .date{text-align:center;font-size:18px;color:#444;margin:23px auto 28px;} .play .playt .plcon .pltext{font-size:18px;color:#444;text-align:center;line-height:35px;} @media (max-width: 1200px){ .play .playv .plvimg,.play .playt{width:80%;} } @media (min-width:768px) and (max-width:979px){ .play .playv .plvimg,.play .playt{width:80%;} } @media (max-width:767px){ .play .playv{padding:38px 0;} .play .playv .plvimg{width:90%;} .play .playt{width:90%;padding:34px 0 34px 0;} .play .playt .plcon{padding:0 10px;} .play .playt .plcon .vtext{margin-bottom:20px;} .play .playt .plcon .vtext .tl1{font-size:18px;} .play .playt .plcon .vtext .tl1 i{top:-10px;margin-left:5px;} .play .playt .plcon .vtext .tl1 i img{max-width:70%;} .play .playt .plcon .vtext .tl2{height:4px;margin-top:19px;} .play .playt .plcon .vtext .date{margin:13px auto 10px;} .play .playt .plcon .pltext{font-size:14px;} } /*************************视频列表***************************/ .vmain{width:100%;background:#f1f1f1;padding:80px 0 26px 0;} .History2{position:relative;display:block;} .History2 .hd{position:relative;overflow:hidden;background:url(../images/line4.png) no-repeat center 73px;} .History2 .hd li{background:url(../images/jy3-1s.png) no-repeat center 64px;font-size:18px;width:162px;text-align:center;color:#444;text-align:center;padding-bottom:64px;float:left;cursor:pointer;} .History2 .hd li.on{background:url(../images/dot3.png) no-repeat center 60px;color:#009fdf;} .History2 .hd .prev,.History2 .hd .next{display:none;margin-top:-25px;position:absolute;top:50%;} .History2 .hd .prev{left:0px;} .History2 .hd .next{right:0px;} .History2 .bd{height:auto;margin-top:84px;} .History2 .bd ul .vtext{margin-bottom:55px;} .History2 .bd ul .vtext .tl1{font-size:30px;color:#002855;font-weight:bold;text-align:center;position:relative;} .History2 .bd ul .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .History2 .bd ul .vtext .tl2{width:50px;height:6px;background:#002855;margin:39px auto 0;} .hotul{} .hotul dd{float:left;width:48%;margin-bottom:40px;} .hotul dd:nth-child(2n){float:right;} .hotul dd .himg{width:100%;height:100%;overflow:hidden;} .hotul dd .himg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .hotul dd .htit1{font-size:24px;color:#002855;text-align:center;margin:59px 0 31px 0;} .hotul dd .htit2{font-size:16px;color:#444;text-align:center;line-height:30px;} .hotul dd:hover .himg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .hotul dd:hover .hot1{box-shadow:0px 15px 30px rgba(181,181,181,.75);} @media (max-width: 1280px){ .History2 .hd .prev,.History2 .hd .next{display:block;} .History2 .hd li{width:152px;} } @media (max-width: 1200px){ .History2 .hd li{width:138px;} } @media (min-width:768px) and (max-width:979px){ .History2 .hd li{width:123px;} .hotul dd .htit1{margin:40px 0 15px 0;} } @media (max-width:767px){ .vmain{padding:40px 0 20px 0;} .History2 .hd li{width:125px;} .History2 .hd .prev img,.History2 .hd .next img{max-width:80%;} .History2 .hd li{font-size:16px;} .History2 .bd ul .vtext{margin-bottom:30px;} .History2 .bd ul .vtext .tl1{font-size:20px;} .History2 .bd ul .vtext .tl1 i{top:-10px;margin-left:5px;} .History2 .bd ul .vtext .tl1 i img{max-width:70%;} .History2 .bd ul .vtext .tl2{height:4px;margin-top:20px;} .History2 .bd{margin-top:44px;} .hotul dd{width:100%;float:none;margin-bottom:38px;} } @media (max-width:414px){ .History2 .hd li{width:133px;} } @media (max-width:375px){ .History2 .hd li{width:165px;} } @media (max-width:320px){ .History2 .hd li{width:145px;} .hotul dd .htit1{font-size:22px;} .hotul dd .htit2{font-size:14px;} .hotul dd .htit2{line-height:22px;} } /*************************新闻列表***************************/ .new{width:100%;background:#f1f1f1;padding:80px 0 82px 0;} .new .vtext{margin-bottom:50px;} .new .vtext .tl1{font-size:30px;color:#002855;font-weight:bold;text-align:center;position:relative;} .new .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .new .vtext .tl2{width:50px;height:6px;background:#002855;margin:40px auto 0;} .new .newfl{width:70%;float:left;} .new .newfl li{padding-bottom:24px;margin-bottom:50px;border-bottom:1px solid #cecece;} .new .newfl li .xwtit{font-weight:bold;} .new .newfl li .xwtit a{font-size:24px;color:#002855;} .new .newfl li .xname{font-size:16px;color:#737373;margin:15px 0 15px 0;} .new .newfl li .xwcon{font-size:16px;color:#444;line-height:35px;} .new .newfl li .xwimg{width:95%;height:auto;text-align:center;margin:32px auto 30px;} .new .newfl li .xwimg img{width:auto;height:auto;} .new .newfl li .detail{float:left;} .new .newfl li .fx{float:right;} .new .newfl li .detail a{font-size:16px;color:#444;margin-left:13px;} .new .newfl li .detail a i{display:inline-block;width:10px;height:16px;background:url(../images/fx1.png) no-repeat;vertical-align:middle;margin:-2px 6px 0 0;} .new .newfl li .fx a{display:inline-block;font-size:16px;color:#444;margin-right:22px;} .new .newfl li .fx a i.f1{display:inline-block;width:16px;height:16px;background:url(../images/fx2.png) no-repeat;vertical-align:middle;margin:-3px 3px 0 0;} .new .newfl li .fx a i.f2{display:inline-block;width:16px;height:14px;background:url(../images/fx3.png) no-repeat;vertical-align:middle;margin-right:3px;} .new .newfl li .fx a i.f3{display:inline-block;width:16px;height:15px;background:url(../images/fx4.png) no-repeat;vertical-align:middle;margin-right:3px;} .new .newrh{width:25%;float:right;} .new .newrh .plun{font-size:24px;color:#002855;padding-bottom:29px;border-bottom:1px solid #cecece;} .new .newrh .pllist{padding:0 20px;} .new .newrh .pllist li{padding:35px 0 30px;border-bottom:1px dashed #d8d8d8;} .new .newrh .pllist li .plfl{width:80px;height:auto;float:left;} .new .newrh .pllist li .plfl .plimg{width:80px;height:80px;} .new .newrh .pllist li .plfl .plimg img{width:100%;height:100%;} .new .newrh .pllist li .plfl .peo1{font-size:12px;color:#002855;font-weight:bold;text-align:center;margin-top:8px;} .new .newrh .pllist li .plfl .peo2{font-size:12px;color:#444;text-align:center;} .new .newrh .pllist li .plrh{width:65%;float:right;margin-top:-6px;} .new .newrh .pllist li .plrh .plrh1{font-size:13px;color:#444;line-height:23px;height:92px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;} .new .newrh .pllist li .plrh .plrh2{font-size:13px;color:#444;line-height:24px;height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} @media (max-width: 1200px){ .new .newrh .pllist{padding:0 10px;} .new .newrh .pllist li .plrh{width:55%;} } @media (min-width:768px) and (max-width:979px){ .new .newfl,.new .newrh{width:100%;float:none;} .new .newrh{margin-top:50px;} .new .newrh .pllist li .plrh{width:83%;} } @media (max-width:767px){ .new{padding:40px 0;} .new .newfl,.new .newrh{width:100%;float:none;} .new .newrh{margin-top:50px;} .new .newrh .pllist li .plrh{width:83%;} .new .vtext{margin-bottom:30px;} .new .vtext .tl1{font-size:20px;} .new .vtext .tl1 i{top:-10px;margin-left:5px;} .new .vtext .tl1 i img{max-width:70%;} .new .vtext .tl2{height:4px;margin-top:19px;} .new .newfl li .xwtit{text-align:center} .new .newfl li .xwtit a{font-size:18px;line-height:30px;} .new .newfl li .xname{text-align:center;font-size:14px;} .new .newfl li .detail a,.new .newfl li .fx a{font-size:12px;} .new .newfl li .fx a{margin-right:5px;} .new .newfl li .detail a i{background-size:85%;} .new .newfl li .fx a i.f1{background-size:85%;margin:0px 3px 0 0;} .new .newfl li .fx a i.f2{background-size:85%;} .new .newfl li .fx a i.f3{background-size:85%;} .new .newfl li{padding-bottom:20px;margin-bottom:40px;} .new .newfl li .xwcon{font-size:14px;} .new .newrh .pllist li{padding:25px 0;} .new .newrh .pllist li .plrh{width:65%;} } @media (max-width:414px){ .new .newrh .pllist li .plrh{width:70%;} } @media (max-width:320px){ .new .newrh .pllist li .plrh{width:65%;} .new .newfl li .xwcon{line-height:25px;} } /*************************新闻详情页***************************/ .w1200{width:1200px;margin:0 auto;} .xq{width:100%;background:#f1f1f1;padding:110px 0 110px 0;} .xq .xqtitle{text-align:center;padding-bottom:22px;border-bottom:1px solid #cecece;} .xq .xqtitle .xqtext{font-size:30px;color:#002855;font-weight:bold;line-height:30px;} .xq .xqtitle .xqname{font-size:18px;color:#737373;margin-top:26px;} .xq .fxs{text-align:center;margin-top:25px;} .xq .fxs span{display:inline-block;vertical-align:middle;font-size:16px;color:#737373;} .xq .fxs a{display:inline-block;margin-left:18px;vertical-align:middle;width:43px;height:43px;line-height:39px;text-align:center;background:#009fdf;border-radius:50%;} .xq .fxs a img{*margin-top:expression((43- this.height )/2);vertical-align:middle;} .xq .fxs a:hover{background:#289ccb;} .xq .xqcon{font-size:18px;color:#444;line-height:35px;text-align:center;margin-top:26px;} .xq .xqimg{width:90%;margin:24px auto 0;} .xq .xqimg img{width:100%;height:auto;} .xq .love .love1{margin-top:100px;} .xq .love .love1 p{font-size:30px;color:#002855;font-weight:bold;text-align:center;} .xq .love .love1 p:nth-child(2){margin-top:26px;} .xq .love .love2{margin-top:32px;} .xq .love .love2 li{width:31%;margin-right:3.5%;float:left;} .xq .love .love2 li:nth-child(3n){margin-right:0px;} .xq .love .love2 li .lvimg{width:100%;height:100%;overflow:hidden;} .xq .love .love2 li .lvimg img{width:100%;height:100%;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .xq .love .love2 li .lvtit{font-size:14px;color:#444;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .xq .love .love2 li:hover .lvimg img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} .xq .fb{margin-top:110px;} .xq .fb .love1 p{font-size:30px;color:#002855;font-weight:bold;text-align:center;} .xq .fb .love1 p:nth-child(2){margin-top:26px;} .xq .fb .love1 p span{color:#e71e1e;} .xq .fb .fbul{} .xq .fb .fbul li{padding:35px 50px;border-bottom:1px dashed #d7d7d7;} .xq .fb .fbul li .fbimg{width:80px;height:auto;float:left;} .xq .fb .fbul li .fbimg .peo3{font-size:12px;color:#002855;text-align:center;margin-top:8px;} .xq .fb .fbul li .fbimg .peo4{font-size:12px;color:#737373;text-align:center;} .xq .fb .fbul li .fbcon{width:70%;float:left;margin-left:25px;font-size:13px;color:#444;} .xq .fb .fbul li .fbnum{float:right;} .xq .fb .fbul li .fbnum .no1{font-size:13px;color:#737373;} .xq .fb .fbul li .fbnum .no2{margin-top:90px;} .xq .fb .fbul li .fbnum .no2 a{font-size:14px;color:#002855;} .xq .fb .quanbu{display:block;font-size:14px;color:#002855;text-align:center;margin-top:32px;} .xq .huifu{margin-top:110px;} .xq .huifu .love1 p{font-size:30px;color:#002855;font-weight:bold;text-align:center;} .xq .huifu .love1 p:nth-child(2){margin-top:26px;} .xq .huifu .love1 p span{color:#e71e1e;} .xq .huifu .login{font-size:14px;color:#002855;text-align:center;margin-top:36px;} .xq .huifu .login a{color:#e71e1e;} .xq .huifu textarea{width:99%;height:222px;background:#fff;border:1px solid #cecece;margin:36px auto 36px;} .xq .huifu .replay{display:block;width:120px;height:36px;border:1px solid #002855;text-align:center;line-height:36px;font-size:14px;color:#002855;margin:0 auto;border-radius:100px;} .xq .huifu .replay:hover{background:#002855;color:#fff;} @media (max-width: 1200px){ .w1200{width:95%;} } @media (min-width:768px) and (max-width:979px){ .xq .xqtitle .xqtext{font-size:24px;} } @media (max-width:767px){ .xq{padding:50px 0 50px 0;} .xq .huifu,.xq .love .love1,.xq .fb{margin-top:50px;} .xq .fb .fbul li{padding:15px 10px;} .xq .fb .fbul li .fbcon{width:50%;} .xq .fb .love1 p,.xq .huifu .love1 p,.xq .love .love1 p{font-size:20px;} /* .xq .love .love2 li{width:100%;float:none;margin-bottom:30px;}*/ .xq .love .love2{margin-top:20px;} .xq .xqtitle .xqtext{font-size:20px;} .xq .xqtitle .xqname{font-size:16px;} .xq .xqcon{font-size:14px;} .xq .fxs a{margin-left:10px;} .xq .fxs a img{width:40px;height:40px;} } @media (max-width:479px){ .xq .love .love2 li{width:100%;float:none;margin-bottom:30px;} } @media (max-width:320px){ .xq .xqtitle .xqtext{font-size:18px;} .xq .xqtitle .xqname{font-size:14px;} .xq .fxs a{margin-left:5px;} .xq .fxs a img{width:30px;height:30px;} } /*************************注册/登录***************************/ .zhuce1{padding:112px 0 112px 0;background:#f1f1f1;} .zctit{padding-bottom:15px;border-bottom:1px solid #cecece;} .zctit .zca1{font-size:14px;color:#737373;float:left;} .zctit .zca2{font-size:14px;color:#002855;float:right;} .w1000{width:1000px;margin:0 auto;} .zclist li{padding:14px 0;border-bottom:1px dashed #ddd;} .zclist li span{display:inline-block;} .zclist li .zctext1{width:100px;font-size:14px;color:#002855;text-align:right;} .zclist li .zctext1 i{display:inline-block;width:5px;height:5px;background:url(../images/xing.png);vertical-align:top;margin-top:7px;} .zclist li input{width:340px;height:36px;padding-left:5px;border:1px solid #cecece;background:#fff;margin:0 22px 0 23px;} .zclist li input.yzm{width:150px;} .zclist li .zctext2{font-size:14px;color:#002855;} .zclist li .zctext2s{color:#444;} .zclist li .tishi{font-size:14px;color:#002855;margin:7px 0 10px 124px;} .zclist li .yznum{margin-left:124px;} .zclist li .yznum img{display:inline-block;width:155px;height:43px;} .zclist li .yznum a.other{display:inline-block;font-size:14px;color:#002855;line-height:43px;margin-left:21px;} .zclist li a.nbtn{display:inline-block;width:150px;height:36px;border:1px solid #002855;vertical-align:middle;font-size:14px;color:#002855;text-align:center;line-height:36px;border-radius:100px;} .zclist li .ts1{font-size:14px;color:#e71e1e;margin:11px 0 0 124px;} .zclist li .ts2{font-size:14px;color:#e71e1e;margin:11px 0 0 124px;} .zclist li .ts3{font-size:14px;color:#e71e1e;margin:0px 0 0 124px;} .zclist li .ts4{font-size:14px;color:#e71e1e;margin:7px 0 0 124px;} .tjcon{position: relative;padding:22px 0 28px 0;border-bottom:1px solid #cecece;} .tjcon a.tjbtn{display:inline-block;width:120px;height:36px;margin-left:224px;border:1px solid #002855;border-radius:100px;font-size:14px;color:#002855;text-align:center;line-height:36px;} .tjcon input[type="checkbox"]{-webkit-appearance:none;width:25px;height:25px;border:1px solid #cecece;background:url(../images/check.png);vertical-align:middle;margin:0 8px 0 9px;} .tjcon input[type="checkbox"]:checked{background:url(../images/check1.png);} .tjcon label{font-size:14px;color:#002855;} .short{margin-top:21px;} .short span{display:inline-block;font-size:14px;color:#002855;} .short span a{display:inline-block;} .zclist li a.shorzc{font-size:14px;color:#002855;} .zclist li .yznums{margin-top:11px;} .tjdl{padding:22px 0 28px 0;border-bottom:1px solid #cecece;} .tjdl input[type="checkbox"]{width:25px;height:25px;border:1px solid #cecece;-webkit-appearance:none;background:url(../images/check.png);vertical-align:middle;margin:0 12px 0 224px;} .tjdl input[type="checkbox"]:checked{background:url(../images/check1.png);} .tjdl a.tjbtn{display:block;width:120px;height:36px;margin:19px 0 0 224px;border:1px solid #002855;border-radius:100px;font-size:14px;color:#002855;text-align:center;line-height:36px;} .tjdl label{font-size:14px;color:#002855;} /*#check_css3 span {position: relative;}*/ /*.tjcon input {position: absolute;visibility: hidden;} .tjcon input+label {display: inline-block;border: 1px solid #ffd900;} .tjcon input:checked+label:after {content: "";position: absolute;left: 2px;bottom: 12px;width: 9px;height: 4px; border: 2px solid #e92333;border-top-color: transparent;border-right-color: transparent; -ms-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -webkit-transform: rotate(-60deg); transform: rotate(-45deg);} */ @media (max-width: 1200px){ .w1000{width:95%;} } @media (max-width:767px){ .zhuce1{padding:50px 0 50px 0;} .zclist li .zctext1{width:80px;text-align:left;} .zclist li .zctext1s{width:48px;} .zclist li input{width:62%;margin:0 0 0 5px;} .zclist li .zctext2{margin:0 0 0 2%;} .zclist li .zctext2s{display:block;margin:15px 0 0 90px;} .zclist li .tishi{margin:7px 0 10px 90px;} .zclist li .yznum{margin-left:58px;} .zclist li .yznums{margin-left:90px;} .zclist li .yznum img{width:120px;height:auto;} .zclist li .yznum a.other{margin-left:15px;} .zclist li .ts1{margin-left:0px;} .zclist li a.nbtn{display:block;width:120px;font-size:12px;margin:15px auto 0;} .zclist li .ts3,.zclist li .ts4{margin-left:0px;} .tjcon a.tjbtn{margin-left:0px;} .short a img{width:40px} .zclist li a.shorzc{text-align:center;margin:10px 0 0 2%;} .tjdl input[type="checkbox"],.tjdl a.tjbtn{margin-left:0px;} .tjdl{text-align:center;} .tjdl a.tjbtn{margin:20px auto 0;} } @media (max-width:414px){ .zclist1 li input{width:75%;} } @media (max-width:375px){ .zclist1 li input{width:73%;} } @media (max-width:360px){ .zclist li input{width:56%;} .zclist li input.yzm{width:37%;} .zclist li .zctext2s{display:block;margin:15px 0 0 90px;} .zclist1 li input{width:71%;} } @media (max-width:320px){ .zclist li input{width:56%;} .zclist li input.yzm{width:37%;} .zclist li .zctext2s{display:block;margin:15px 0 0 90px;} .zclist1 li input{width:68%;} } /*************************相关下载***************************/ .down{padding:78px 0;background:#f1f1f1;} .load{position:relative;display:block;} .load ul.hdone{text-align:center;} .load .hd{position:relative;overflow:hidden;background:url(../images/1920.png) no-repeat center 73px;} .load .hd li{display:inline-block;background:url(../images/jy3-1s.png) no-repeat center 64px;width:162px;font-size:24px;color:#002855;font-weight:bold;text-align:center;padding-bottom:64px;cursor:pointer;} .load .hd li.on{background:url(../images/dot3.png) no-repeat center 60px;color:#009fdf;} .load .hd .prev,.load .hd .next{display:none;margin-top:-25px;position:absolute;top:50%;} .load .hd .prev{left:0px;} .load .hd .next{right:0px;} .load .lsea{width:1000px;height:72px;margin:0 auto 59px;position:relative;} .load .lsea input{display:block;width:960px;height:72px;padding-left:40px;background:#fff;border:1px solid #cecece;border-radius:100px;} .load .lsea a{display:block;width:28px;height:28px;background:url(../images/sea1.png);position:absolute;top:22px;right:42px;} .load .lsea input::-webkit-input-placeholder{font-size:18px;color:#484848;} .vtext{margin-bottom:40px;} .vtext .tl1{font-size:30px;color:#002855;font-weight:bold;text-align:center;position:relative;} .vtext .tl1 i{display:inline-block;width:37px;height:33px;position:absolute;top:-20px;margin-left:17px;} .vtext .tl2{width:50px;height:6px;background:#002855;margin:39px auto 0;} .load .bd{height:auto;margin-top:29px;} .load .bd .bdone{} .load .bd .bdone li{padding:34px;border-bottom:1px solid #dcdcdc;} .load .bd .bdone li .loadfl{float:left;width:26%;padding:36px;border:1px solid #dcdcdc;} .load .bd .bdone li .loadfl img{width:100%;height:auto;} .load .bd .bdone li .loadrh{float:right;width:66%;} .load .bd .bdone li .loadrh .loada{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .load .bd .bdone li .loadrh .loada a{font-size:24px;color:#002855;} .load .bd .bdone li .loadrh .loadms{font-size:16px;color:#444;line-height:30px;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:18px 0 18px 0;} .load .bd .bdone li .loadrh .loadms1{font-size:16px;color:#444;} .load .bd .bdone li .loadrh .loadms2{font-size:16px;color:#737373;margin:18px 0 18px 0;} .load .bd .bdone li .loadrh .loadms3 a{display:inline-block;width:120px;height:36px;border:1px solid #002855;font-size:14px;color:#002855;text-align:center;line-height:36px;border-radius:100px;margin-right:34px;} .load .bd .bdone li .loadrh .loadms3 a:hover{background:#002855;color:#fff;} .Pages1{margin-top:60px;} .load .bd .bdtwo{} /*.load .bd .bdtwo li{padding:37px 32px;border-bottom:1px solid #dcdcdc;}*/ .load .bd .bdtwo li{padding:30px 32px 33px;border-bottom:1px solid #dcdcdc;} .load .bd .bdtwo li .datatitle{font-size:24px;color:#002855;font-weight:bold;} .load .bd .bdtwo li dl dd{float:left;width:48%;margin:30px 2% 0 0;} .load .bd .bdtwo li dl dd:nth-child(2n){float:right;margin-right:0px;} .load .bd .bdtwo li dl dd .datafl{width:40%;float:left;padding:28px;border:1px solid #dcdcdc;} .load .bd .bdtwo li dl dd .datafl img{width:100%;height:auto;} .load .bd .bdtwo li dl dd .datarh{width:45%;float:right;} .load .bd .bdtwo li dl dd .datarh .datams1{font-size:18px;color:#002855;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .load .bd .bdtwo li dl dd .datarh .datams2{font-size:16px;color:#444;line-height:30px;height:90px;margin:15px 0 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .load .bd .bdtwo li dl dd .datarh .datams3{font-size:14px;color:#444;} .load .bd .bdtwo li dl dd .datarh .datams4 a{display:block;width:120px;height:36px;text-align:center;line-height:36px;border:1px solid #002855;border-radius:100px;margin-top:15px;font-size:14px;color:#002855;} .load .bd .bdtwo li dl dd .datarh .datams4 a:hover{background:#002855;color:#fff;} @media (min-width:1920px){ .load .bd .bdone li .loadrh .loadms{margin:18px 0 18px 0;} .load .bd .bdone li .loadrh .loadms2{margin:26px 0 32px 0;} /* .load .bd .bdtwo li dl dd .datarh .datams4 a{margin-top:21px;} .load .bd .bdtwo li dl dd .datarh .datams2{margin:20px 0 21px 0;}*/ .new .newrh .pllist li .plrh{width:70%;} .cp .cpfl{width:38%;} .cp .cprh{width:58%;} } @media (max-width:1280px){ .load .bd .bdone li .loadrh .loadms{margin:15px 0 15px 0;} .load .bd .bdone li .loadrh .loadms2{margin:15px 0 15px 0;} } @media (max-width: 1028px){ .load .bd .bdone li{padding:34px 0;} .load .bd .bdone li .loadrh{width:61%;} .load .bd .bdone li .loadrh .loadms{line-height:26px;height:77px;margin:10px 0 10px 0;} .load .bd .bdone li .loadrh .loadms2{margin:10px 0 10px 0;} .load .bd .bdtwo li dl dd .datafl{width:40%;} .load .bd .bdtwo li dl dd .datarh .datams2{margin:5px 0 5px 0;height:60px;} .load .bd .bdtwo li dl dd .datarh .datams4 a{margin-top:10px;} } @media (min-width:768px) and (max-width:979px){ .down{padding:40px 0;} .load .lsea{width:80%;margin-bottom:30px;} .load .lsea input{width:90%;height:50px;} .load .lsea a{width:24px;height:24px;background-size:100%;top:15px;} .load .bd .bdone li .loadrh .loada a{font-size:20px;} .load .bd .bdone li .loadfl{padding:26px;} .load .bd .bdone li .loadrh{width:60%;} .load .bd .bdone li .loadrh .loadms{font-size:14px;} .load .bd .bdone li .loadrh .loadms1{font-size:14px;} .load .bd .bdone li .loadrh .loadms2{font-size:14px;} .load .bd .bdone li .loadrh .loadms3 a{height:30px;line-height:30px;} .load .bd .bdone li .loadrh .loadms{height:72px;} .load .bd .bdtwo li{padding:0 0 36px 0;margin-bottom:30px;} .load .bd .bdtwo li .datatitle{font-size:20px;} .load .bd .bdtwo li dl dd .datafl{width:85%;} .load .bd .bdtwo li dl dd .datarh{width:100%;margin-top:30px;} .load .hd li{font-size:20px;} } @media (max-width:768px){ .indexbox2,.indexbox1{padding:50px 0 50px 0;} } @media (max-width:767px){ .down{padding:48px 0;} .load .lsea{width:90%;margin-bottom:10px;} .load .lsea input{width:90%;height:42px;padding-left:20px;} .load .lsea a{width:20px;height:20px;background-size:100% 100%;top:12px;right:25px;} .load .bd .bdone li .loadfl{width:auto;float:none;} .load .bd .bdone li .loadrh{width:100%;float:none;margin-top:30px;} .load .bd .bdone li .loadrh .loada a{font-size:20px;} .load .bd .bdone li .loadrh .loadms{font-size:14px;} .load .bd .bdone li .loadrh .loadms1{font-size:14px;} .load .bd .bdone li .loadrh .loadms2{font-size:14px;} .load .bd .bdone li .loadrh .loadms3 a{width:110px;margin-right:20px;} .vtext{margin-bottom:20px;} .vtext .tl1{font-size:18px;} .vtext .tl1 i{top:-10px;margin-left:5px;} .vtext .tl1 i img{max-width:70%;} .vtext .tl2{height:4px;margin-top:19px;} .vtext .date{margin:13px auto 10px;} .load .hd li{width:140px;font-size:16px;padding-bottom:40px;} .load .hd{background:url(../images/1920.png) no-repeat center 50px;margin-top:30px;} .load .hd li{background:url(../images/jy3-1s.png) no-repeat center 36px} .load .hd li.on{background:url(../images/dot3.png) no-repeat center 36px;} .load .bd{margin-top:0px;} .load .bd .bdtwo li{padding:30px 0;} .load .bd .bdtwo li .datatitle{font-size:20px;} .load .bd .bdtwo li dl dd{width:100%;} .load .bd .bdtwo li dl dd .datafl{width:auto;float:none;} .load .bd .bdtwo li dl dd .datarh{width:100%;float:none;margin-top:30px;} .load .bd .bdtwo li dl dd .datarh .datams1{font-size:16px;} .load .bd .bdtwo li dl dd .datarh .datams2{font-size:14px;} } @media (max-width:720px){ .load .lsea a{right:60px;} } @media (max-width:640px){ .load .lsea a{right:55px;} } @media (max-width:480px){ .load .lsea a{right:40px;} } .dpbox .solution-more-slide .hd li i.ion{margin-left:20px;margin-right:20px;margin-top:15px;float:left;background:url("../images/icon-logo.png") no-repeat;width:40px;height:40px;position:relative;z-index:2;transition:all .2s;} .dpbox .solution-more-slide .hd li.item-1 > i.ion { background-position: 0 0; } .dpbox .solution-more-slide .hd li.item-2 > i.ion { background-position: -40px 0; } .dpbox .solution-more-slide .hd li.item-3 > i.ion { background-position: -80px 0; } .dpbox .solution-more-slide .hd li.item-4 > i.ion { background-position: -120px 0; } .dpbox .solution-more-slide .hd li.item-5 > i.ion { background-position: -160px 0; } .dpbox .solution-more-slide .hd li.item-6 > i.ion { background-position: -200px 0; } .dpbox .solution-more-slide .hd li.item-7 > i.ion { background-position: -240px 0; } .dpbox .solution-more-slide .hd li.item-1.on > i.ion { background-position: 0 -40px; } .dpbox .solution-more-slide .hd li.item-2.on > i.ion { background-position: -40px -40px; } .dpbox .solution-more-slide .hd li.item-3.on > i.ion { background-position: -80px -40px; } .dpbox .solution-more-slide .hd li.item-4.on > i.ion { background-position: -120px -40px; } .dpbox .solution-more-slide .hd li.item-5.on > i.ion { background-position: -160px -40px; } .dpbox .solution-more-slide .hd li.item-6.on > i.ion { background-position: -200px -40px; } .dpbox .solution-more-slide .hd li.item-7.on > i.ion { background-position: -240px -40px; } /*新增 2018-09-25 s*/ .dcp li img{width:100%;height:100%;} /*新增 2018-09-25 e*/ /*新增css 2018-10-09 s*/ .com .comline img{max-width:100%;} /*在线客服*/ .suspension{position:fixed;top:50%;right:0px;transform:translate(0%,-50%);z-index:100;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;text-align:center;width:108px;height:96px;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;background:#fff;}} .suspension .a-top{border-bottom:1px solid #f1f1f1;margin-top:10px;} .suspension .a i{display:inline-block;transition:all 2s;} .suspension .a i.l1{width:38px;height:42px;background:url(../images/images/qq1.png);margin-top:12px;} .suspension .a i.l2{width:42px;height:33px;background:url(../images/images/wx1.png);margin:12px 0 12px 0;} .suspension .a i.l3{width:42px;height:30px;background:url(../images/images/ys1.png);margin:12px 0 12px 0;} .suspension .a i.l4{width:42px;height:37px;background:url(../images/images/kf1.png);margin-top:12px;} .suspension .a i.l5{width:34px;height:42px;background:url(../images/images/top1.png);margin-top:12px;} .suspension .a:hover i.l1{background:url(../images/images/qq1-1.png);} .suspension .a:hover i.l2{background:url(../images/images/wx1-1.png);} .suspension .a:hover i.l3{background:url(../images/images/ys1-1.png);} .suspension .a:hover i.l5{background:url(../images/images/top1-1.png);} .suspension .a p{font-size:14px;text-align:center;color:#666;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:118px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service-phone{top:288px;} .suspension .d-qrcode{top:96px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:5px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left; } .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;color:#e0143f;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:14px;width:100%;color:#888;} .suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .show{width:100%;height:100%;background:rgba(0,0,0,.75);position:fixed;top:0;left:0;z-index:999;display:none;} .show .smask{background:#f1f1f1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:600px;overflow:auto;padding:0 30px;} .show .smask .sarea{padding:46px 0px 49px 0;} .show .smask .sarea .stop1{border-bottom:1px solid #d8d8d8;padding-bottom:28px;} .show .smask .sarea .stop1 span{font-size:24px;color:#444;margin-left:48px;} .show .smask .sarea .stop1 a{float:right;} .show .smask .sarea .feed{padding:28px 76px 0 76px;} .show .smask .sarea .feed .finput{margin-bottom:30px;} .show .smask .sarea .feed .finput label{display:inline-block;width:70px;font-size:14px;color:#444;} .show .smask .sarea .feed .finput label.fla{vertical-align:top;} .show .smask .sarea .feed .finput select{font-size:14px;color:#444;width:29%;padding-left:1%;height:36px;border:none;background:#fff url(../images/images/bott.png) 96% center no-repeat;border-radius:5px;margin-left:10px;} .show .smask .sarea .feed .finput input{font-size:14px;color:#444;width:29%;padding-left:1%;height:36px;border:none;background:#fff;border-radius:5px;margin-left:10px;} .show .smask .sarea .feed .finput input.them{width:89%;padding-left:1%;} .show .smask .sarea .feed .finput textarea{font-size:14px;color:#444;width:89%;padding:18px 0 0 1%;height:198px;background:#fff;border-radius:5px;margin-left:10px;} .show .smask .sarea .feed .finput input.them1{width:59%;margin-left:1%;} .show .smask .sarea .feed .finput a.yzm{display:inline-block;vertical-align:middle;margin-left:1%;} .show .smask .sarea .feed .finput a.yzm img{display:block;} .show .smask .sarea .feed a.feda{display:inline-block;width:100px;height:36px;border:1px solid #002855;line-height:36px;font-size:16px;color:#002855;text-align:center;border-radius:100px;margin-right:15px;} .show .smask .sarea .feed a.feda:hover{background:#002855;color:#fff;} /*在线客服*/ /*图片放大镜样式*/ .preview{height:535px;position:relative;} /* smallImg */ .smallImg{height:535px;width:80px;overflow:hidden;float:left;} .scrollbutton{width:59px;height:105px;overflow:hidden;} .scrollbutton.smallImgUp,.scrollbutton.smallImgUp.disabled{background:url(../images/images/fl.png) no-repeat;position:absolute;z-index:999;left:90px;top:50%;transform:translate(0%,-50%);} .scrollbutton.smallImgDown,.scrollbutton.smallImgDown.disabled{background:url(../images/images/rh.png) no-repeat;position:absolute;z-index:999;right:0px;top:50%;transform:translate(0%,-50%);} #imageMenu{height:535px;overflow:hidden;} #imageMenu li{height:100px;width:80px;overflow:hidden;margin-bottom:8px;} #imageMenu li img{padding:1px;width:80px;height:100px;cursor:pointer;} /* bigImg */ .bigImg{position:relative;float:right;width:442px;height:535px;overflow:hidden;margin-left:10px;} .bigImg #midimg{width:442px;height:535px;} .bigImg #winSelector{width:235px;height:210px;} #winSelector{position:absolute;cursor:crosshair;filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;background-color:#000;border:1px solid #fff;} /* bigView */ #bigView{position:absolute;overflow:hidden;width:260px;height:295.652px;top:300px;left:540px;z-index:999;} #bigView img{position:absolute;} .play{position:absolute;width:100%;height:86%;background:#222;top:0px;left:0px;z-index:9999;display:none;} .play .pcha{position:absolute;right:12px;top:12px;} .play .moimg{width:100%;position:absolute;top:50%;transform:translate(0%,-50%);} .play .moimg img{width:100%;} .plbtn{position:absolute;bottom:0px;right:-58px;} /*详情页 放大镜 e*/ /*搜索页 s*/ .nsea{width:100%;background:#f1f1f1;overflow:hidden;} .nsea .secon{background:#fff;height:432px;margin-top:60px;margin-bottom:30px;overflow:hidden;} .nsea .secon .sput{width:1278px;margin:40px auto 0;position:relative;} .nsea .secon .sput input{width:95%;height:52px;color:#b2b6b8;font-size:24px;border-radius:100px;padding-left:5%;background:#eff5f8;} .nsea .secon .sput input::-webkit-input-placeholder{color:#b2b6b8;font-size:24px;} .nsea .secon .sput a{position:absolute;top:10px;right:40px;} .nsea .secon1{background:#fff;height:auto;padding:0 0 40px 0;margin-top:60px;margin-bottom:30px;overflow:hidden;} .nsea .secon .seul{width:1278px;margin:22px auto 0;} .nsea .secon .seul li{padding:16px 0 10px 0;border-bottom:1px solid #f3f3f3;} .nsea .secon .seul li .sepic{float:left;padding:9px 10px;border:1px solid #e7e7e7;overflow:hidden;} .nsea .secon .seul li .sepic img{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;} .nsea .secon .seul li .seinfo{float:left;width:80%;margin:11px 0 0 11px;} .nsea .secon .seul li .seinfo .info1{font-size:18px;color:#002855;} .nsea .secon .seul li .seinfo .info2{font-size:14px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:17px;} .nsea .secon .seul li:hover .sepic img{-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1);} /*搜索页 e*/ /*个人中心 s*/ .people{width:100%;background:#f1f1f1;overflow:hidden;padding-bottom:78px;} .people .petit{width:100%;height:73px;background:#fff;margin-top:63px;text-align:center;} .people .petit span{display:inline-block;font-size:18px;color:#009fdf;height:70px;line-height:70px; border-bottom:3px solid #009fdf;} .people .peotx{margin:-71px auto 0;text-align:center;} .people .peotx p.ptx1,.people .peotx p.ptx2{display:inline-block;font-size:18px;color:#fff;} .people .peotx p.ptx1 span,.people .peotx p.ptx2 span{display:block;text-align:center;font-size:24px;color:#fff;font-weight:bold;margin-top:5px;} .people .peotx p.ptx1{margin-right:20px;} .people .peotx p.ptx2{margin-left:20px;} .people .peotx .pname{font-size:24px;color:#444;margin-top:10px;} .people .peotx .psf{font-size:16px;color:#545454;margin:10px 0 15px 0;} .people .peotx .pbj{font-size:14px;color:#a9a9a9;} .people .peotx .pbj a{margin-left:10px;} .people .pelist{padding:48px 0;background:#fff;height:auto;margin-top:30px;} .people .pelist .pecon{width:1278px;margin:0 auto;} .people .pelist .pecon .peinfo{font-size:18px;color:#444;margin-bottom:40px;} .people .pelist .pecon .peput{margin-bottom:30px;} .people .pelist .pecon .peput i{display:inline-block;font-size:16px;color:#828282;width:80px;} .people .pelist .pecon .peput .phnum{font-size:16px;color:#666;} .people .pelist .pecon .peput .bding{font-size:16px;color:#009fdf;cursor:pointer;} .people .pelist .pecon .peput .pearea{display:none;} .people .pelist .pecon .peput .pearea .cha{position:relative;width:32%;margin-left:85px;} .people .pelist .pecon .peput .pearea input.binds{width:97%;padding-left:3%;height:42px;border-radius:5px;border:1px solid #e0e0e0;margin:9px 0 0 0px;} .people .pelist .pecon .peput .pearea .cha a.chas{position:absolute;top:22px;right:12px;} .people .pelist .pecon .peput input.infos{width:31%;padding-left:1%;height:42px;border-radius:5px;border:1px solid #e0e0e0;} .people .pelist .pecon .peput input.infos1{width:31%;padding-left:1%;height:42px;border-radius:5px;border:1px solid #e0e0e0;margin:9px 0 0 85px;} .people .pelist .pecon .peput a.cfirm1,.people .pelist .pecon .peput a.cfirm2{display:inline-block;width:100px;height:36px;border:1px solid #002855;line-height:36px;font-size:16px;color:#002855;text-align:center;border-radius:100px;margin:9px 15px 0 0;} .people .pelist .pecon .peput a.cfirm1:hover,.people .pelist .pecon .peput a.cfirm2:hover{background:#002855;color:#fff;} .people .pelist .pecon .peput a.cfirm1{margin-left:85px;} .people .pelist .pecon .peput a.cfirm2{margin-left:15px;} .people .pelist .pecon .peput input::-webkit-input-placeholder{color:#cbcbcb;font-size:16px;} .people .pelist .pecon .peput select{font-size:16px;color:#cbcbcb;width:20%;padding-left:1%;height:42px;border:1px solid #e0e0e0;background:#fff url(../images/images/zk.png) 96% center no-repeat;border-radius:5px;} .people .pelist .pecon a.save{display:inline-block;width:100px;height:36px;line-height:36px;font-size:16px;background:#002855;color:#fff;text-align:center;border-radius:100px;margin:9px 15px 0 0;margin-left:80px;} .people .pelist .pecon .peput label{position:relative;margin-right:20px;font-size:16px;color:#b1b1b1;line-height:16px;} input[type="radio"]{display:none} input[type='radio']+label:before{margin-top:-2px;content:'';display:inline-block;width:14px;height:14px;margin-right:6px;border-radius:100%;vertical-align:middle;border:1px solid #d4d4d4;background:#fff;} input[type='radio']:checked+label:before{background-image:url('../images/images/bdot.png');background-position:center center;border:0px solid #d4d4d4;} /*个人中心 e*/ /*找回密码 s*/ .zclist li .zhpass{width:120px;} .tjcon a.zhbtn{width:150px;height:36px;margin-left:244px;} .zhcon{border-bottom:0px;} .zclist li a.zhyzm{display:inline-block;width:120px;height:36px;margin-left:17px;border:1px solid #002855;border-radius:100px;font-size:14px;color:#002855;text-align:center;line-height:36px;} .zclist li i.zhdot{display: inline-block;width:5px;height:5px;background:url(../images/xing.png);vertical-align:middle;} .zhlist li input{padding-left:5px;} /*找回密码 e*/ @media (max-width: 1280px){ .people .pelist .pecon{width:95%;} } @media (max-width: 1028px){ .show .smask{max-width:90%;min-width:90%;margin:0 auto;} .show .smask .sarea .feed .finput input.them{width:85%;} .show .smask .sarea .feed .finput textarea{width:85%;} .show .smask .sarea .feed .finput input.them1{width:55%;} .nsea .secon .sput,.nsea .secon .seul{width:95%;} .nsea .secon .seul li .seinfo{width:70%;} } @media (min-width: 768px) and (max-width: 979px) { .nsea .secon .seul li .seinfo{width:62%;} .people .pelist .pecon .peput input.infos,.people .pelist .pecon .peput input.infos1{width:51%} .people .pelist .pecon .peput .pearea .cha{width:52%;} .people .pelist .pecon .peput select{width:35%;} } @media (max-width:768px){ .show .smask .sarea .feed{padding:28px 10px 0 10px;} .show .smask .sarea .feed .finput select{width:45%;} .show .smask .sarea .feed .finput input{width:45%;} .show .smask .sarea .feed .finput input.them{width:78%;} .show .smask .sarea .feed .finput textarea{width:78%;} .show .smask .sarea .feed .finput input.them1{width:35%;} .show .smask .sarea .stop1 span{margin-left:0px;} .nsea .secon .seul li .seinfo{width:62%;} .plbtn,.preview{display:none;} } @media (max-width:640px){ .nsea .secon .seul li .seinfo{width:50%;} .people .pelist .pecon .peput input.infos,.people .pelist .pecon .peput input.infos1{width:51%} .people .pelist .pecon .peput .pearea .cha{width:52%;} .people .pelist .pecon .peput select{width:35%;} .tjcon a.zhbtn{margin-left:0px;} .zhcon{text-align:center;} .zclist li a.zhyzm{display:block;margin:10px auto 0;} .zhlist li input{width:90%;margin-top:10px;} /*.zclist li a.zhyzm{height:26px;line-height:26px;}*/ } @media (max-width:560px){ .show .smask .sarea .feed .finput select.emal{width:43%;} } @media (max-width:480px){ .show .smask .sarea .feed .finput select,.show .smask .sarea .feed .finput input{width:60%;} .show .smask .sarea .feed .finput input.them,.show .smask .sarea .feed .finput textarea{width:75%;} .show .smask .sarea .feed .finput select.emal{width:38%;} .nsea .secon .seul li .sepic{float:none;text-align:center;} .nsea .secon .seul li .seinfo{width:100%;} .people .pelist .pecon .peput a.cfirm1, .people .pelist .pecon .peput a.cfirm2,.people .pelist .pecon a.save{width:60px;height:26px;line-height:26px;} .people .pelist .pecon .peput a.cfirm2{margin-left:0px;} .people .pelist .pecon .peput input.infos,.people .pelist .pecon .peput input.infos1{width:65%} .people .pelist .pecon .peput .pearea .cha{width:65%;} .people .pelist .pecon .peput select{width:60%;} } @media (max-width:479px){ .show .smask .sarea .feed .finput select, .show .smask .sarea .feed .finput input{width:100%;margin-top:10px;} .show .smask .sarea .feed .finput input.them, .show .smask .sarea .feed .finput textarea{width:100%;margin-top:10px;} .show .smask .sarea .feed .finput{margin-bottom:20px;} .show .smask .sarea .feed .finput select.emal{width:100%;} .show .smask .sarea .feed .finput input.them1{width:100%;margin-left:4%;} } /*新增css 2018-10-09 e*/