﻿.banner { height:600px;  position: relative; margin-top:0px; z-index:7;}
.banner .bd li { display:block; height:600px;}
.banner .hd { position: absolute; bottom:30px; left:50%; height: 13px; z-index: 500; margin-left:-55px; }
.banner .hd li { cursor: pointer; overflow: hidden; float: left;  margin:0 6px;display:inline-block; height:10px; width:10px; border:solid 2px #fff; border-radius:7px;  filter:alpha(opacity:60); opacity:0.6;  }
.banner .hd li.on {  background:#fff; filter:alpha(opacity:100); opacity:1; }
.banner .prev,
.banner .next { display:none; height:70px; width:50px; position: absolute; cursor: pointer;background: url(/images/t_btnp.png) no-repeat; top:50%; left:10px; margin-top:-35px; z-index:5; }
.banner:Hover .prev,
.banner:hover .next { display:block;}
.banner:hover .next { left:auto; right:10px; background-position:-50px 0px;}
.banner:hover .prev:hover { background-position: 0 -70px; }
.banner:hover .next:hover { background-position: -50px -70px;}

.websitebanner { height:600px;  position:relative; overflow:hidden; }
.videos{ position:absolute; left:50%; top:50%; background:#999; width:1920px; height:1080px; margin:-540px 0 0 -960px; overflow:hidden; }
.bgs{ background:url(/images/websitetbg.png); width:100%; height:100%; position:absolute;  left:0; top:0px; }
.websitebanner_wenzi { position:relative; z-index:3;padding-top:150px;}
.websitebanner h1 { font-size:40px; color:#fff; text-align:center; font-weight:normal; margin-bottom:10px; position:relative; }
#effect1 {display: -none;}
.websitebanner p { text-align:center; color:#fff; font-size:18px; position:relative; }
.websitebanner dl { width:1100px; position:absolute; top:270px; left:50%; margin-left:-550px; }
.websitebanner dl dd { width:25%; float:left; text-align:center;}
.websitebanner dl dd a { display:block; text-decoration:none; padding:20px 0 30px; border-radius:1px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.websitebanner dl dd a:hover { background:rgba(255, 255, 255, 0.2);}
.websitebanner dl dd i { display:inline-block; width:100px; height:100px; background:url(/images/websiteico.png) no-repeat 0 0;}
.websitebanner dl dd i.i02 { background-position:-100px 0;}
.websitebanner dl dd i.i03 { background-position:-200px 0;}
.websitebanner dl dd i.i04 { background-position:-300px 0;}
.websitebanner dl dd h2 { color:#fff; font-size:15px; font-weight:normal; margin-bottom:4px;}
.websitebanner dl dd p { font-size:12px; line-height:22px; color:#fff;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.jzbannerh03 { text-align:center; padding-top:220px; color:#fff; }
.jzbannerh03 h2 { font-size:44px; font-weight:normal; }
.jzbannerh03 p { font-size:18px;letter-spacing:2px; line-height:24px; margin:10px 0 50px; }
.jzbannerh03 a { display:inline-block; height:40px; line-height:40px; border:solid 1px #fff; color:#fff; padding:0 30px; }
.jzbannerh03 a:hover { text-decoration:none; border-color:#f90; color:#f90;}

.websitepzfa { padding:50px 0 0px;}
.websitepzfa ul { float:left; text-align:center; border:solid 1px #ddd; color:#333; margin-right:-1px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; }
.websitepzfa ul.lul { width:271px; color:#888; }
.websitepzfa ul.lul li.firstli { background:#333; padding-top:50px; height:100px; line-height:24px; }
.websitepzfa ul.rul { width:275px;}
.websitepzfa ul li { height:50px; line-height:50px; border-bottom:solid 1px #f5f5f5; background:#fff; }
.websitepzfa ul li.firstli { height:150px; background:#127be6; color:#fff; }
.websitepzfa ul li.firstli .xzzj { line-height:24px; margin-bottom:20px; }
.websitepzfa ul li.firstli .xzzj a { display:inline-block; line-height:24px; margin:0 10px; cursor:pointer; text-decoration:none; position:relative; color:#8fc3ed; }
.websitepzfa ul li.firstli .xzzj a.on { border-bottom:solid 2px #fff; color:#fff; }
.websitepzfa ul li.firstli .xzzj a em { position:absolute; top:-22px; right:-15px; background:#f90; color:#fff; font-family:SimSun; font-size:12px; width:48px; height:20px; line-height:20px; border-radius:2px; font-style:normal; }
.websitepzfa ul li.firstli .xzzj a em i { position:absolute; top:20px; left:16px; width:13px; height:7px; background:url(/images/gm_8.png) no-repeat; }
.websitepzfa ul li.firstli select { border:0; outline:0; height:30px; }
.websitepzfa ul li.endli { height:82px; border:0; padding-bottom:20px; }
.websitepzfa ul li.endli a { color:#666;}
.websitepzfa ul li.onli { background:#f9f9f9; }
.websitepzfa ul li .btna { border:solid 1px #127be6; color:#127be6; margin-top:0; }
.websitepzfa ul.rul.hover { border-color:#0064c9; position:relative; z-index:2; top:-30px;box-shadow:rgb(204, 204, 204) 0px 0px 14px; color:#0064c9; }
.websitepzfa ul.rul.hover li.firstli { padding-top:30px; background:#0064c9;}
.websitepzfa ul.rul.hover li.endli { padding-bottom:30px; }
.websitepzfa ul.rul.hover .btna { background:#0064c9; color:#fff; border-color:#0064c9; }

.websitepzfa ul li.firstli .xzjg { position:relative; width:100px; margin:0 auto; z-index:2; }
.websitepzfa ul li.firstli .xzjg em.mrjg { display:block; width:100%; height:24px; line-height:24px; background:#fff; color:#333; cursor:pointer; font-style:normal; }
.websitepzfa ul li.firstli .xzjg ul { display:none; position:absolute; top:24px; left:0; width:100%; }
.websitepzfa ul li.firstli .xzjg ul li { line-height:30px; height:30px; cursor:pointer; }
.websitepzfa ul li.firstli .xzjg ul li:hover { background:#f5f5f5;}
.websitepzfa ul li .oks { display:inline-block; width:20px; height:20px; background:url(/images/duigou.png) no-repeat; padding:0; }
.smrjg { display:none;}

.bxds { text-align:center; }
.bxds a { color:red; font-size:24px;}

.website_ad{width:100%; height:146px; background:url(../images/website_ad.jpg) no-repeat center; text-align: center; font-size: 24px; color: #fff; line-height: 146px;}
.website_ad_btn{display: inline-block; width: 202px; height: 58px; line-height: 58px; text-align: center; color: #fff; background-color: #f87b00; font-size: 18px; margin: 0 25px; cursor: pointer; text-decoration:none; }
.website_ad_btn:hover{background-color: #ec5e00;}
.website_ad_btn2{display: inline-block; width: 202px; height: 58px; line-height: 58px; text-align: center; color: #137be5; background-color: #d0e5fa; font-size: 18px; margin: 0 25px; text-decoration:none;}
.website_ad_btn2:hover{background-color: #fff;}


.websites { background:#f5f5f5;}
.znjzxt li { text-align:center; float:left; width:33.3333%; margin-top:50px; }
.znjzxt li i { display:inline-block; width:70px; height:70px; background:url(../images/xtgnicon.png) no-repeat;  margin:10px 0; }
.znjzxt li i.i02 { background-position:-70px 0;}
.znjzxt li i.i03 { background-position:-140px 0;}
.znjzxt li i.i04 { background-position:-210px 0;}
.znjzxt li i.i05 { background-position:-280px 0;}
.znjzxt li i.i06 { background-position:-350px 0;}
.znjzxt li h2 { font-weight:normal; color: #171f2a; font-size:16px; line-height: 26px; margin-bottom: 6px;}
.znjzxt li p {color:#8a9098; line-height:24px; font-size:13px; }

.wtab {}
.wtab .wtab_title { height:60px; text-align:center; }
.wtab .wtab_title a { display:inline-block; height:40px; padding:0 40px; line-height:40px; border:solid 1px #188eee; cursor:pointer; font-size:15px; color:#333; position:relative; }
.wtab .wtab_title a.ons,.wtab .wtab_title a:hover { text-decoration:none;  }
.wtab .wtab_title a.ons b { display:block; width:23px; height:9px; background:url(/images/website_05.png) no-repeat center -5px; position:absolute; top:41px; left:50%; margin-left:-11px;}
.wtab .wtab_title a em { position:absolute; top:-27px; right:-0px; background:#f90; color:#fff; height:24px; line-height:24px; padding:0 10px; font-size:12px; font-family:SimSun; font-style:normal; border-radius:4px; }
.wtab .wtab_title a em i {position:absolute; top:24px; left:16px; width:13px; height:7px; background:url(/images/gm_8.png) no-repeat;}
.wtab .wtab_title a span { font-size:16px;}
.wtab .wtab_title a span.hotd { background:url(/images/01.gif) no-repeat;}
.wtab_body { padding:0px 0;}
.wtab_body .wtab_bodys { display:none; width:1100px; margin:0 auto; position:relative; }

.websiteblue { background:#188eee url(/images/websiteh02.jpg) no-repeat center center; padding:60px 0 80px; }
.websiteblue .htitle h2 { color:#fff;}

.wmdys { margin-top:50px;}
.wmdys li { text-align:center; float:left; width:274px; background:rgba(255,255,255, 0.1); margin-right:1px; padding:30px 0; height:260px; }
.wmdys li i { display:inline-block; width:100px; height:100px; background:#40d775 url(../images/websiteh01.png) no-repeat;  margin:10px 0; border-radius:50px; }
.wmdys li i.i02 { background-position:-100px 0; background-color:#f90; }
.wmdys li i.i03 { background-position:-200px 0; background-color:#ff4040; }
.wmdys li i.i04 { background-position:-300px 0; background-color:#fc6be9; }
.wmdys li h3 { color:#fff; font-size:18px; line-height: 26px; margin-bottom: 6px;}
.wmdys li p {color:#fff; line-height:24px; font-size:13px; padding:0 30px; }

.xtgnul li {  float:left; width:265px; margin:40px 50px 0 0; position:relative; padding-left:68px; }
.xtgnul li i { position:absolute; top:0; left:0;  width:52px; height:52px; background:url(../images/websiteh01.png) no-repeat -424px -24px; }
.xtgnul li i.i02 { background-position:-524px -24px;}
.xtgnul li i.i03 { background-position:-624px -24px;}
.xtgnul li i.i04 { background-position:-724px -24px;}
.xtgnul li i.i05 { background-position:-824px -24px;}
.xtgnul li i.i06 { background-position:-924px -24px;}
.xtgnul li h2 { font-weight:normal; color: #171f2a; font-size:16px; line-height: 26px; margin-bottom:2px;}
.xtgnul li p {color:#8a9098; line-height:22px; font-size:13px; }



/*浮动右侧*/
.website-riii{position: absolute;
right: 50%;
top: 0px;
margin-right: -580px;
width: 45px;
overflow:hidden
}
.website-riii .con{
width: 2px;
background: #198ede;
position: absolute;
left: 21.5px;
top: 0;
height: 500px;
z-index: 1;}
.website-riii a{

color: #fff; display:block;
font-size: 12px;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
background: #198ede;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-bottom: 7px;
cursor: pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.website-riii a:hover{ background-color:#22c3a7;}
.website-riii a.on{ background-color:#22c3a7;}
.website-riii a.ai{ line-height:14px; padding-top:9px; height:36px;}

.wtab_bodys table{ background-color:#fff; text-align:center; border-top:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid;
box-shadow: 0px 0px 10px #d9d9d9;}
.wtab_bodys .tm td{text-align: left; padding-left:10px; line-height:32px; font-size:12px;  border-bottom:#e3e3e3 1px solid; border-left:#e3e3e3 1px solid;}
.wtab_bodys .tm td a{ color:#198ede; text-decoration:underline;}
.wtab_bodys .tm .tu{ background:url(/images/duigou.png) center no-repeat;}

.wtab_bodys .title{ text-align:left; background-color:#f2f2f2; color:#198ede; font-size:18px; height:55px; padding:10px 0; }
.wtab_bodys .title .ui-1{ text-indent:0px; width:8%; text-align:center; font-size:18px;}
.wtab_bodys .title .ui-2{ width:15%;}
.wtab_bodys .title .ui-3{ width:10%;}
.wtab_bodys .tm td.t{ padding-bottom:10px; padding-top:10px; line-height:18px;}
.wtab_bodys .tm td.li-te{ text-align:left; text-indent:20px; font-size:16px;}

.websitepzfa .websitesale ul { float:none; border:0; }
.websitepzfa .websitesale ul li { border:0; }

#mbdiv li .pcwp_m .tex .p2,
#mbdiv li .pcwp_m .pcwp_an { display:none;}

.moban_pc {width:180px;height: 124px;background:url(/yjz/images/single-pc.png) no-repeat;background-size:100%;position:relative; margin:0 auto 6px; }
.moban_pc img {position:absolute;top: 6px;left: 6px;width: 168px;height: 106px;}


.buys_tab td .pro-m { position:relative; width:283px; margin:0 auto;  }
.buys_tab td .pro-m a { display:block; background:url(/yjz/images/single-pc.png) no-repeat; width:283px; height:195px; position:relative; }
.buys_tab td .pro-m a img { position:absolute; top:8px; left:10px; width:263px; height:170px; }
.buys_tab td .pro-m .an {  }
.buys_tab td .pro-m .an a { display:none; position:absolute; top:8px; left:10px; width:263px; height:170px; background:rgba(0, 0, 0, 0.5) url(/yjz/images/view.png) no-repeat center center; text-indent:-300px; overflow:hidden;  }
.buys_tab td .pro-m .an a.open { display:inline-block; top:auto;left:auto; bottom:0; right:0; width:auto; height:auto; background:#127be6; color:#fff; height:30px; line-height:30px; padding:0 12px; border-radius:2px;text-indent:0px; }
.buys_tab td .pro-m .tex { margin-top:10px; line-height:24px;}
.buys_tab td .pro-m .tex .p1 {}
.buys_tab td .pro-m .tex .p2 { color:#127be6;}

.buys_tab td .pcwp_m { position:relative; width:283px; margin:0 auto; }
.buys_tab td .pcwp_m a { display:block; background:url(/yjz/images/single-pc.png) no-repeat; width:283px; height:195px; position:relative; }
.buys_tab td .pcwp_m a img { position:absolute; top:8px; left:10px; width:263px; height:170px; }
.buys_tab td .pcwp_m .pcwp { position:absolute; top:74px; right:0; width:61px; height:127px; z-index:2;}
.buys_tab td .pcwp_m .pcwp a { background:none; width:100%; height:100%; background:url(/yjz/images/phone-bg.png) no-repeat;}
.buys_tab td .pcwp_m .pcwp a img { width:55px; height:92px; top:17px; left:3px;}
.buys_tab td .pcwp_m .pcwp_an { position:absolute; bottom:0; right:0; }
.buys_tab td .pcwp_m .pcwp_an a { background:none; width:auto; height:auto; background:#127be6; color:#fff; height:30px; line-height:30px; padding:0 12px; border-radius:2px; }
.buys_tab td .pcwp_m .tex { margin-top:10px; line-height:24px;}
.buys_tab td .pcwp_m .tex .p1 {}
.buys_tab td .pcwp_m .tex .p2 { color:#127be6;}
.buys_tab td .pcwp_m a:hover span { position:absolute; top:8px; left:10px; width:263px; height:170px;  background:rgba(0, 0, 0, 0.5) url(/yjz/images/view.png) no-repeat center center; z-index:2; }
.buys_tab td .pcwp_m .pcwp a:hover span { top:17px;left:3px;width:55px;height:92px;}
.buys_tab td .pcwp_m .pcwp_an a:hover { background:#127be6; text-decoration:none; }

.buys_tab td .wap_o { width:192px; margin:0 auto; }
.buys_tab td .wap_o .wap_o_m { position:relative;}
.buys_tab td .wap_o .wap_o_m a {display:block;background:url(/yjz/images/single-phone.png) no-repeat;width:100px;height: 207px;background-size:100%;position:relative;margin:0 auto;}
.buys_tab td .wap_o .wap_o_m a img {position:absolute;top: 25px;left: 6px;width: 88px;height: 156px;}
.buys_tab td .wap_o .wap_o_m .wap_o_zz {display:none;position:absolute;top: 25px;left: 52px;width: 88px;height: 157px;background:rgba(0, 0, 0, 0.5);text-align:center;color:#fff;}
.buys_tab td .wap_o .wap_o_m .wap_o_zz .p1,
.buys_tab td .wap_o .wap_o_m .wap_o_zz .p2 { font-size:12px;}
.buys_tab td .wap_o .wap_o_m .wap_o_zz img { width:80%; }
.buys_tab td .wap_o .wap_o_m .wap_o_zz .opens,
.buys_tab td .wap_o .wap_o_m .wap_o_zz .yulana,
.buys_tab td .wap_o .wap_o_m .wap_o_zz .yulanas { display:inline-block; background:none; width:auto; height:auto; background:#127be6; color:#fff; height:30px; line-height:30px; padding:0 12px; border-radius:2px; }
.buys_tab td .wap_o .wap_o_m .wap_o_zz .yulanas { background:red;}
.buys_tab td .wap_o .wap_o_m .wap_o_zz .open { display:none; }
.buys_tab td .wap_o .wap_o_m .tex { text-align:center;}
