﻿@charset "utf-8";
/**
东莞网赢
**/

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.w1200{width:1200px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.center{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
/* 头部  */
.header{height:120px;background:url('../images/head_bg.png');position:relative;z-index:6;min-width:200px;position:absolute;width:100%;left:0;top:0;overflow:hidden;}
.header .logo{height:120px;line-height:120px;padding-left:60px;}
.header .logo span{color:#fff;font-size:28px;padding-left:20px;font-weight:normal;margin-left:20px;background: url('../images/line.jpg') no-repeat left center;}
.headPhone{text-align:right;color:#cd3730;background: url('../images/picon.png') no-repeat right center;padding-right:35px;position:absolute;top:25px;right:60px;line-height:22px;font-family:'HelveticaNeuedd7b7fc3f53d6';}
.headPhone span{display:block;font-size:20px;}

.nav{font-size:16px;padding-right:250px;max-width:1920px;height:75px;padding-top:45px;}
.nav li{float:left;margin-left:50px;height:65px}
.nav a{color:#fff;position:relative}
.nav a:after,.nav a:before{content:"";position:absolute;left:50%;transition:all 0.3s;}
.nav a:after{top:28px;border-right:1px dotted #fff;height:0;}
.nav a:before{top:53px;content:"";border-radius:100%;width:11px;height:11px;margin-left:-5px;background: url('../images/nav_icon.png') no-repeat;transform:scale(0);opacity:0;}
.nav a:hover:after,.nav .cur:after{height:20px;}
.nav a:hover:before,.nav .cur:before{transform:scale(1);opacity:1;transition-delay:.2s;}

.headR{position:absolute;right:60px;top:45px;font-size:16px;line-height:20px;height:75px;}
.headR a{float:left;margin-left:30px;position:relative;color:#fff;}
.headR .icon{display:inline-block;background: url('../images/headicon.png') no-repeat;width:18px;height:20px;cursor:pointer;height:75px;}
.headR .searIcon{background-position: -18px 0;}
.headR .phone p{position:absolute;background:#fff;padding:10px 3px;width:240px;text-align:right;right:0;top:30px;display:none;font-size:14px;border-radius:5px;box-shadow:0 0 5px #ccc;}
.headR .phone p span{font-size:22px;color:#144fb3;font-family:Arial;}
.headR a:after{content:"";position:absolute;width:1px;height:18px;background:#5882c9;left:-15px;top:1px;}
.search{position:absolute;top:120px;background:#fff;background:rgba(255,255,255,.8);height:80px;overflow:hidden;width:100%;display:none;}
.search form{width:720px;margin:0 auto;margin-top:15px;background:#fff;height:40px;overflow:hidden;}
.search .sear_text{ width:600px;float:left;height:40px; line-height:40px;color:#666; padding-left:10px; background:url('../images/searbtn.png') no-repeat 10px center;padding-left:50px;}
.search .sear_btn{ float:left;width:70px;height:40px; cursor:pointer;text-align:center;background:#333;color:#fff;font-size:16px;transition:all 0.3s;}
.search .sear_btn:hover{background:#144fb3;}
@media all and (max-width:1660px) {
.header .logo{padding-left:30px;}
.headR{right:30px;}
.nav{padding-right:200px;font-size:15px;}
.nav li{margin-left:40px;}
}
@media all and (max-width:1440px) {
    .nav{font-size:14px;}
    .nav li{margin-left:20px;}
}

/*  广告轮播图 */
.banner{ margin: 0 auto;position:relative; overflow:hidden;height:880px;}
.banner .bd{height:880px; z-index:0;position:relative;left:50%; margin-left:-960px;}
.banner .bd li img{animation:myfirst 30s linear infinite normal;transform:scale(1.1);}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}
.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left:50%;font-size: 0; line-height: 0;height: 0px; margin-left:-30px;height:14px;}
.banner .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border-radius:100%;border:2px solid #fff;position:relative;transition:all 0.3s;}
.banner .hd li:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:2px;left:2px;border-radius:100%;}
.banner .hd li:hover,.banner .hd .on{border:2px solid #144fb3;transform:scale(1.1);}
.banner .hd .on:after{background:#144fb3;}
@keyframes myfirst
{
0%   {transform:scale(1,1);}
50%{transform:scale(1.1,1.1);}
100%{transform:scale(1,1);}
}

.fl {
	text-align: center;
}
.phone:hover.phone p{
	display:block
}