@charset "utf-8";
/* margin and padding */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,img,form,applet,fieldset,legend,button,input,textarea,th,table,tr,td{margin:0;padding:0;border:none;}

/* bady */
body{font-family:"微软雅黑";font-size:12px;color:#fff;background:#fff ; }
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
html{height:100%;}
input::-ms-clear{display:none;}/*清楚文本框X*/

/* img */
img{padding:0;margin:0;vertical-align:top;border:none}
li,ul{list-style:none;outside:none;}
dl,dt,dd{-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}

/* float */
.fl{float:left;}
.fr{float:right;}
.auto{margin:0 auto;}

/* div */
ul,li{list-style-type:none;}
.clear{clear:both;height:0;width:100%;}

/* font */
a{color:#fff;text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;color:#DD137B;}

.top{width:100%;background:url(../images/top_bg.jpg) repeat-x;height:120px;position:relative;}
.head{height:45px;width:1200px;margin:0 auto;}
.hear_l{line-height:45px;height:45px;margin-left:120px;float:left;color:#999;}
.head_r{line-height:45px;float:right;}
.head_r a{margin:0 10px;color:#DD137B;}
.header{height:75px;width:1200px;margin:0px auto;}
.nav{float:left;height:75px;width:660px;margin-left:110px;position:relative;}
.nav span{height:5px;width:80px;background:#BD106A;position:absolute;margin:-2px 0 0 15px;left:0px;top:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.nav li{height:75px;line-height:75px;text-align:center;list-style-type:none;width:110px;float:left;}
.nav a{height:75px;width:110px;float:left;}.nav_in{color:#dd137b;}
.nav1{margin-left:15px!important;}.nav2{margin-left:125px!important;}.nav3{margin-left:235px!important;}
.nav4{margin-left:345px!important;}.nav5{margin-left:455px!important;}.nav6{margin-left:565px!important;}
.logo{height:74px;width:110px;background:url(../images/top_l_bg.png);position:absolute;left:50%;top:0px;margin-left:-1090px;z-index:20;padding:45px 0 0 490px;}
.area{position:absolute;z-index:21;height:44px;width:44px;top:0px;left:50%;margin-left:-534px;background:url(../images/area.png);}
.search{position:absolute;height:90px;width:350px;top:50px;left:50%;margin-left:250px;z-index:30;overflow:hidden;}
.sear{height:50px;background:#FFF;width:260px;float:left;}
.sear input{height:48px;width:238px;border:1px solid #999;padding:0 10px;color:#666;float:left;outline:none;/*清楚文本框伪样式*/}
.tips{background:url(../images/sear_tips.png);height:39px;float:right;border-right:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #999;}
.tips span{float:left;line-height:39px;color:#666;height:39px;padding:0 10px;cursor:pointer;}
.sear_bot{height:90px;width:90px;float:left;background:#BC106A;}
.sear_bot input{float:left;height:90px;width:90px;background:url(../images/search.jpg);cursor:pointer;/*手势*/}

.banner{background:#DDD;height:425px;width:100%;position:relative;z-index:10;}
.banners{width:1903px;overflow:hidden;position:relative}
.banner_inner{position:relative;height:425px;width:990px;margin:0 auto}
.banner_img{width:20000px}
.banner_img li{float:left;width:1903px;position:relative}
.banner_img li.bgli01{ background:#2a95bb url(../images/1-0.png) center no-repeat;}
.banner_img li.bgli02{ background:#E8E8E8 url(../images/2-0.png) center no-repeat;}
.banner_img li.bgli03{ background:#d63356 url(../images/3-0.png) center no-repeat;}
.banner_img li.bgli04{ background:#0a7ba4 url(../images/4-0.png) center no-repeat;}
.banners .child1{position:absolute;width:588px;height:425px;left:110px;top:0}
.banners .child2{position:absolute;width:654px;height:425px;left:400px;top:0}
.banner_common{position:relative;width:990px;margin:0 auto}
.banner_pre{position:absolute;top:50%;left:425px;margin-top:392px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_l_24.png) no-repeat;opacity:0.5;filter:alpha(opacity=50)}
.banner_next{position:absolute;top:50%;right:350px;margin-top:392px;width:60px;height:60px;cursor:pointer;background:url(../images/banner_btn_r_24.png) no-repeat;opacity:0.5;filter:alpha(opacity=50)}
.banner_pre:hover,.banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banners .control{width:130px;position:absolute;top:393px;left:50%;margin-left:-40px}
.banners .control li{float:left;margin-left:10px;width:18px;height:18px;border-radius:50%;cursor:pointer;background:#fff}
.banners .control li a{display:none}
.banners .control li.current{background:#dd137b}

.menu{height:435px;background:#313131;width:220px;position:absolute;left:50%;top:0px;margin-left:-600px;opacity:0.95;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.menu:hover{opacity:1;}
.menu ul{border-bottom:1px solid #464646;position:relative;}
.menu li{height:43px;width:220px;font-size:14px;background:#313131;line-height:43px;color:#FFF;border-bottom:1px solid #222;border-top:1px solid #464646;float:left;cursor:pointer;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.menu li:hover{background:#212121;border-top:1px solid #333;}
.menu li i{height:20px;width:20px;float:left;color:#FFF;text-align:center;margin:11px 15px 12px 12px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.menu li:hover i{margin:11px 10px 12px 17px;}
.menu li span{float:left;}
.menu li dd{float:right;height:43px;width:43px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.menu li:hover dd{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.menu_bg{background:url(../images/menu_bg.png) no-repeat left center;position:absolute;left:220px;top:425px;height:10px;width:10px;}
.menu_n{min-height:425px;height:auto;width:0px;position:absolute;left:220px;top:-1px;-moz-transition:all 0.8s;-webkit-transition:all 0.8s;transition:all 0.8s;background:#fff;overflow:hidden;opacity:0.95;z-index:999;}
.menu li:hover .menu_n{width:640px;border:1px solid #333;border-top:none!important;border-left:none!important;}.menu_n:hover{opacity:1;}
.menu_r{width:640px;min-height:424px;border-top:1px solid #333;height:auto;float:left;background:#fff;float:left;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;overflow:hidden;z-index:999;}
.menu_r dt {float:left;width:600px;margin:0 20px;}
.menu_bt {float:left;height:36px;width:100%;border-bottom:1px solid #CCC;line-height:36px;color:#666;margin-top:5px;}
.menu_bt span {float:left;}
.menu_bt a {float:right;color:#dd137b;}
.menu_name {float:left;width:100%;line-height:24px;overflow:hidden;margin-top:5px;}
.menu_name a {color:#999;display:block;float:left;margin-right:15px;}
.menu_name a:hover {color:#dd137b;}

.container > header{position:relative;display:block;text-shadow:1px 1px 1px rgba(0,0,0,0.2);text-align:center;}
.container > header h1{font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;font-size:35px;line-height:35px;position:relative;font-weight:400;color:rgba(26,89,120,0.9);text-shadow:1px 1px 1px rgba(0,0,0,0.1);padding:0px 0px 5px 0px;}
.container > header h1 span{color:#7cbcd6;text-shadow:0px 1px 1px rgba(255,255,255,0.8);}
.container > header h2{font-size:16px;font-style:italic;color:#2d6277;text-shadow:0px 1px 1px rgba(255,255,255,0.8);}
/* Header Style */
.codrops-top{line-height:24px;font-size:11px;background:rgba(255,255,255,0.4);text-transform:uppercase;z-index:9999;position:relative;box-shadow:1px 0px 2px rgba(0,0,0,0.2);}
.codrops-top a{padding:0px 10px;letter-spacing:1px;color:#333;text-shadow:0px 1px 1px #fff;display:block;float:left;}
.codrops-top a:hover{background:#fff;}
.codrops-top span.right{float:right;}
.codrops-top span.right a{float:left;display:block;}
p.codrops-demos{text-align:center;display:block;padding:14px;}
p.codrops-demos a,p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{display:inline-block;font-size:11px;font-style:italic;width:60px;height:60px;margin:0px 3px;line-height:60px;border-radius:50%;font-weight:800;box-shadow:1px 1px 1px rgba(0,0,0,0.05) inset;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.1);background:rgba(104,171,194,0.5);}
p.codrops-demos a:hover{background:#4fa2c4;}
p.codrops-demos a.current-demo,p.codrops-demos a.current-demo:hover{color:rgba(104,171,194,1);background:rgba(255,255,255,0.9);box-shadow:0px 1px 1px rgba(0,0,0,0.1);}

.switch{background:#424242;height:200px;width:100%;padding:40px 0 30px 0;position:relative;z-index:1;}
.switch_bt{width:170px;height:80px;position:absolute;left:50%;top:515px;margin-left:460px;z-index:998;}
.switch_ps{width:110px;height:60px;position:absolute;left:50%;top:100px;margin-left:-700px;z-index:998;}
.switch_r{width:60px;height:60px;position:absolute;left:50%;top:220px;margin-left:580px;z-index:1;}
.switch_ner{height:200px;width:1200px;margin:0px auto;position:relative;z-index:10;}
.switch_ner ul{height:100px;width:1200px;float:left;overflow:hidden;background:#fff;}
.switch_ner li{height:100px;width:200px;float:left;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.switch_b li{float:right!important;}
.switch_logo{float:left;height:100px;width:200px;}
.switch_txt{height:100px;padding:0px;background:#f9f9f9;float:left;overflow:hidden;width:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.switch_text{width:180px;height:80px;line-height:20px;color:#666;text-indent:2em;overflow:hidden;margin:10px;}
.switch_ner li:hover{width:400px;}
.switch_bg{background:#353535;height:270px;width:220px;position:absolute;left:50%;top:0px;z-index:1;margin-left:-590px;}
.switch_jiao{width:10px;height:10px;position:absolute;top:240px;left:50%;margin-left:-600px;background:url(../images/switch_bg.png);}

.center{width:100%;background:#f1f1f1;padding-bottom:100px;}
.center_1{width:1200px;margin:0 auto;}
.center_bt{float:left;height:50px;width:1200px;position:relative;}
.center_bt dl{height:60px;width:60px;float:left;position:absolute;top:-10px;background:#dd137b;font-size:14px;line-height:60px;text-align:center;margin-left:2px;z-index:88;}
.center_bt dl a{height:60px;width:60px;color:#FFF;display:block;}
.center_bt dl:hover{opacity:0.7!important;}
.center_bt dd{background:#dd137b;height:60px;width:60px;line-height:60px;text-align:center;position:absolute;right:5px;top:25px;z-index:88;opacity:0.6;}
.center_bt dd a{color:#fff;width:60px;height:60px;float:left;}
.center_bt dd:hover{opacity:0.8;}
.center_bt dt{width:20px;height:20px;background:#dd137b;opacity:0.5;position:absolute;right:55px;top:15px;}
.center_bt ul{float:left;height:36px;margin:15px 0 0 125px;width:1000px;}
.center_bt li{float:left;height:36px;line-height:36px;color:#999;text-align:center;margin:0 15px;}
.center_bt li a{color:#999;}
.center_bt li a:hover{color:#dd137b;}
.center_ner{float:left;width:1200px;}
.center_ner li{float:left;width:273px;height:285px;background:#FFF;margin:20px 0 0 20px;border-radius:10px;cursor:pointer;position:relative;border:solid 1px #fff;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.center_ner li:hover{border:solid 1px #ccc;}
.center_img{margin:20px 20px 0 20px;width:235px;overflow:hidden;border-radius:8px;height:157px;}
.center_img img{border-radius:8px;margin-left:-10px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.center_ner li:hover .center_img img{margin-left:0px;}
.center_price{position:absolute;background:#dd137b;line-height:36px;font-size:12px;padding:0 10px;left:-10px;top:197px;width:90px;border-radius:5px;opacity:0.6;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.center_line{width:174px;height:1px;background:#ccc;position:absolute;top:214px;left:100px;}
.center_name{width:150px;height:60px;line-height:30px;color:#666;float:left;margin:6px 0 0 115px;overflow:hidden;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.center_icon{float:left;width:100%;height:30px;line-height:30px;}
.center_look{color:#999;float:left;margin-left:10px;}
.center_look dd{height:14px;width:25px;margin:8px 0 0 5px;float:left;}
.center_look span{float:left;margin-left:5px;}
.center_go{float:right;margin-right:15px;width:34px;height:30px;background:url(../images/gou.png);}
.center_go:hover{background:url(../images/gous.png);}
.center_ner li:hover .center_price{opacity:1;}
.bottom{background:#313131 url(../images/bottom.png);height:220px;width:100%;border-top:2px solid #585858;position:relative;border-bottom:#292929 solid 1px;}
.bottom_left{width:160px;height:250px;position:absolute;top:-80px;left:50%;margin-left:-600px;background:#292929 url(../images/bottom_left.png);}
.bottom_logo{width:160px;height:100px;float:left;}
.bottom_city{width:700px;height:80px;position:absolute;top:-80px;right:50%;margin-right:-600px;background:url(../images/city.png);}
.bottom_center{width:1200px;margin:0 auto;height:220px;}
.bottom_tab{height: 220px;float: left;margin-left:320px;width:880px;}
.bottom_tab dl{float:left;width:170px;height:220px;overflow:hidden;margin-left:50px;}
.bottom_tab dd{height:40px;width:100%;margin:10px 0 5px 0;float:right;font-size:20px;line-height:40px;color:#CCC;}
.bottom_tab dt{float:left;height:24px;width:100%;overflow:hidden;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;float:left;height:24px;line-height:24px;font-size:12px;}
.bottom_tab dt a{padding-left:0px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.bottom_tab dt a:hover{padding-left:10px;}

.copy{height:36px;line-height:36px;width:100%;text-align:center;color:#ccc;background:#222;border-top:1px solid #252525;}

.go_center{width:120px;height:200px;position:fixed;bottom:30px;left:50%;margin-left:610px;z-index:999;}
.go_top{width:120px;height:50px;float:left;}
.go_top img{height:30px;width:120px;margin-top:20px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.go_top:hover img{margin:0 0 20px 0;}
.go_ma{width:120px;height:120px;float:left;}
.go_ma img{width:100px;height:100px;padding:9px;border:solid 1px #ccc;background:#fff;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
.go_center:hover .go_ma img{border:1px solid #333;}
.go_text{height:30px;width:120px;line-height:30px;color:#fff;background:#333;float:left;text-align:center;}