@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-08-09 17:16:12
 * @version $Id$
 */
*{
	padding: 0 0;
	margin: 0 0;
}
body{
	font-size:18px;
	font-family:"微软雅黑";
    color:#303030;
}
img{
	border: none;
}
p,ul{
	padding: 0 ;
	margin: 0 0;
}
ul li{
	list-style: none;
}
a{
	color:#4d4d4d;
	text-decoration:none;
}
h1,h2,h3,h4{
    font-weight: normal;
}
.wrap{
	width:100%;
	overflow: hidden;
	background:#fff;
	padding:25px 0;
}
.logo{
	width:460px;
	float: left;
	margin-left:25px;
    padding:6px 0;
}
.container{
    width:1025px;
    margin:25px auto;
    overflow: hidden;
}
.gred_bg{
	background:#f5f5f5;
}
.nav{
	width:100%;
	overflow:hidden;
    margin-top:25px;
}
.nav li{
	float: left; 
	text-align: center;
	font-size:18px;
	margin-right:45px;
}
.nav li a:hover{
    color:#f60;
}
.menu{
    width:1075px;
    margin:25px auto;
    overflow:hidden;
}
.menu li{
    float:left;
    text-align:center;
    font-size:18px;
    color:#5f5f5f;
    line-height:2.6em;
    width:72px;
}
.menu li:hover{
    border-bottom:2px solid #f60;
    color:#f60;
    text-decoration:none;
    cursor:pointer;
}
.eight li{
    width:12.5%;
}
.six li{
   width:16.66%; 
}
.six{
    width:980px!important;
}
.column{
    width:900px;
    margin:25px auto;
}
.top_right{
    overflow:hidden;
    width:558px;
    float:right;
}
h2{
    margin:0px auto;
    width:1075px;
	font-size:36px;
	line-height:2em;
	text-align: center;
    position:relative;
    border-bottom:1px solid #dadada;
}
h3{
	font-size:30px;
	margin:30px 0 15px;
}
p{
    line-height:1.8em;
}
.extra{
	color:#4c4c4c;
	text-align:center;
    margin-top:20px; 
}
.gred_color{
    color:#636363;
}
.dased{
    border-bottom:1px dashed #d6d6d6;
    padding-bottom:15px;
}
.gyjs{
    display:block;
    width:525px;
    float:right;
}
.gyjs h2,.gz_txt h2{
    text-align:left;
    margin-top:15px;
    margin-bottom:25px;
    border:none;
    width:100%!important;
}
div { display: block; margin: 0; padding: 0; border: 0 none; outline: 0; background: transparent; font-weight: normal; font-style: normal; }
#inner { width:100%; height:430px; margin: 0 auto; overflow: hidden; }
.hot-event { padding:153px 0 0; position: relative; }
.hot-event .switch-tab { text-align: center;position:absolute; left:44%; top:400px; z-index:10; }
.hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 46px; height:3px; background-image: url(../images/bg-1.png); background-position:0 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top; }
.hot-event .switch-tab .current { background-image: url(../images/bg-1.png); background-position:0 -3px; }
.hot-event .switch-nav { position: absolute; top:188px; z-index: 2; width:100%; }
.hot-event .switch-nav .i-prev { background-image: url(../images/bg.png); background-position: -127px 0; }
.hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px; margin-left:15px; height:60px; }
.hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 1px; height: 60px; float: right; margin-right:15px;}
.hot-event .switch-nav .i-next { background-image: url(../images/bg.png); background-position: -144px 0; }
.hot-event .switch-nav a { display: inline-block; padding:1px 8px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
.hot-event .switch-nav a:hover { background: rgba(0,0,0,.2); }
.hot-event .event-item { height:430px; width:100%; position: absolute; z-index: 1; left: 0; top: 0; margin:0 auto; }
.hot-event .event-item .banner { display: block; margin-bottom:5px!important; background:none!important;height:430px;}
.hot-event .event-item img { -webkit-box-reflect: below 0 -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(85%,transparent),to(rgba(255,255,255,.2))); border: 0;height:430px; display: block; margin: 0 auto;}
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }

a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; margin-top:20px; vertical-align: middle; overflow: hidden; }
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.gz_txt{
    width:590px;
}
dl{
    line-height:1.8em;
}
.gz_txt dl dt{
    height:30px;
    width:90px;
    line-height:30px;
    text-align: center;
    margin-right:10px;
    color:#fff;
    float:left;
    border-radius:5px 5px;
    margin-bottom:10px;
}
.gz_txt dl dd{
   margin-bottom:10px; 
}
dl.blue dt{
    background:#2cc1f2;
}
dl.orange dt{
    background:#ff6113;
}
dl.green dt{
    background:#59b620;
}
ul.box{
    width:1075px;
    margin:50px auto 20px;
    overflow: hidden;
}
ul.box li{
    width:336px;
    overflow: hidden;
    float: left;
    font-size:20px;
    color: #ff6600;
    text-align: center;
    height:135px;
    padding:20px 100px;
    margin-bottom: 10px;
}
ul.box li img{
    display:block;
}
.fr{
    float:right;
}
.fl{
    float:left;
}
.cover_box{
    width:180px;
    margin-top:35px;
}

.cover_box .extra{
    margin-top:0!important;
    font-size:18px;
}

.gred_bg h4{
    color:#fff;
    font-size:36px;
    text-align: center;
}
.fc_five{
    width:900px;
    overflow:hidden;
    margin:55px auto 35px;
}
.fc_five li{
    width:20%;
    text-align:center;
    float:left;
}
.fc_four{
    overflow: hidden;
    width:760px;
    margin:55px auto 35px;
}
.fc_four li{
    width:25%;
    text-align:center;
    float:left;
}
.number_box{
    color:#fff;
    width:1075px;
    margin:35px auto;
    padding:55px 0;
    background:url(../images/numberbg.png) left top repeat-y;
    text-align:center;
}
.number_box h1{
    font-size:64px;
    line-height:2em;
}
.number_box ul{
    width:100%;
    margin:25px 0;
    overflow:hidden;
}
.number_box ul li{
    width:20%;
    float:left;
}
.number_box ul li .num{
    font-size:40px;
}
.number_box ul li .line{
    width:82px;
    height:2px;
    margin:0 auto;
}
.number_box ul li .descript{
    font-size:20px;
    color:#fff;
    line-height:2em;
}
.number_box ul li .bluebg{
    background:#48c7f1;
}
.number_box ul li .redbg{
    background:#f66b6b;
}
.number_box ul li .greenbg{
    background:#95ef8c;
}
.number_box ul li .yellowbg{
    background:#ffd966;
}
.number_box ul li .purbg{
    background:#d385fb;
}
.register_box{
  box-shadow:8px 8px 0px #e3e2e2;
  width:768px;
  background:url(../images/topbg.png) left top repeat-x;
  margin:25px auto;
  padding-top:3px;
  overflow:hidden;
}
.register_box .content{
    width:768px;
    border:1px solid #d1d1d1;
    border-top:none;
    padding:35px 0;
    overflow:hidden;
}
.register_box h3{
    text-align: center;
}
.step{
    display: block;
    margin:35px auto;
}
.register_box .form{
    width:450px;
    margin:55px auto;
    font-size:16px;
    color:#3d3d3d;
}
.register_box .form td{
    padding:5px 0;
}
.select_box,.input_box{
    border:1px solid #d1d1d1;
    border-radius:5px 5px;
    outline:none;
    color:#a3a3a3;
}
.select_box select{
    width:100%;
    width:120px;
    font-family:"微软雅黑"
}
.select_box select option{
    padding:5px 5px;
    font-family:"微软雅黑"
}
.select_box{
    padding:4px 5px;
}
.input_box{
    width:262px;
    padding:6px 5px;
}
.select_box select,.input_box input{
    border:none;
    outline:none;
    padding:0 5px;
}
.input_box input{
    width:178px;
    font-size:16px;
}
.register_box .btn{
    background:#3ab030;
    border-radius:5px 5px;
    display: block;
    height:32px;
    width:118px;
    line-height:32px;
    color:#fff;
    font-size:14px;
    margin:15px auto;
    text-align:center;
    cursor:pointer;
}
.btn_box{
    overflow: hidden;
    width:306px;
    margin:0 auto;
}
.btn_box .btn{
    float:left;
    margin-right:35px;
}
table.form tr td{
    white-space:nowrap;
}
table.form tr td:first-child{
    text-align:right;
}
ul.fx{
    overflow: hidden;
}
ul.fx li{
    width:80px;
    float:left;
}
.mbx{
    color:#333;
    width:768px;
    font-size:14px;
    margin:15px auto;
}
.mbx a{
    color:#4988f1;
}
.hot{
    width:48px;
    height:62px;
    position:absolute;
    right:-20px;
    top:0px;
    background:url(../images/hot.gif);
}
.phone{
    background:url(../images/phone.gif) no-repeat;
    height:34px;
    padding-left:38px;
    color:#ee6d6d;
    margin:10px auto 15px;
    font-size:24px;
}
.header{
    border-bottom:1px solid #e1e1e1;
    padding:5px 0;
}
.header2{
   border-bottom:1px solid #e1e1e1;
   padding:5px 0;
   position:fixed;
   left:0;
   top:0;
   width:100%;
   z-index:1000;
   background:#fff;
   box-shadow: 6px 0 6px rgba(0,0,0,.2);
}
@media(max-width:728px){
    .gz_txt{
        width:760px!important;
    }
    .gz img{
        width:230px!important;
        margin-top:100px!important;
    }
    #inner{
        width:1280px!important;
    }
    .footer{
        width:1280px!important;
    }
    .footer .content{
        width:96%!important;
    }
    .event-item img{
        width:1280px!important;
    }
    .wrap{
        width:1280px!important;
    }
    .product-num-box{
        width:1280px!important;
    }
}
.es-carousel-wrapper{
    padding:10px 37px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position:relative;
}
.es-carousel{
    overflow:hidden;
}
.es-carousel ul{
    display:none;
}
.es-carousel ul li{
    padding:10px 10px;
    float:left;
    position:relative;
}
.es-carousel ul li img{
    cursor:pointer;
}
.tit{
    cursor:pointer;
}
.es-carousel ul li .tab{
    width:114px;
    height:113px;
    position:absolute;
    top:1px;
    left:-1px;
    background:url(../images/tab.png);
    z-index:100;
}
.es-carousel ul li .product_box{
    height:360px;
    text-align: center;
    border-radius:10px 10px;
    border:1px solid #d4d4d4;
    /*-webkit-box-shadow: #999 0px 0px 10px; 
   -moz-box-shadow: #999 0px 0px 10px; 
   box-shadow: #999 0px 0px 10px; */
   behavior:url(PIE.htc);
    position:relative;
    background:#fff;
}
.red_txt{
    color:#e6212a;
}
.blue_txt{
    color:#00a7f4;
}
.orange_txt{
    color:#ff7200;
}
.green_txt{
    color:#59b620;
}
.es-carousel ul li .product_box img{
    display: block;
    margin:35px auto 15px;
}
.es-carousel ul li .product_box .descript{
    width:86%;
    margin:10px auto;
    font-size:14px;
    color:#4a4a4a;
    text-align:left;
}
.es-nav span{
    position:absolute;
    top:50%;
    left:12px;
    background:transparent url(../images/nav.png) no-repeat top left;
    width:24px;
    height:45px;
    margin-top:-13px;
    text-indent:-9000px;
    cursor:pointer;
    opacity:0.8;
}
.es-nav span.es-nav-next{
    right:12px;
    left:auto;
    background-position:top right;
}
.es-nav span:hover{
    opacity:1.0;
}
.content{
    margin:0 auto;
    width:1000px;
}
.pp_list li{
    border-radius:8px 8px;
    width:135px;
    height:84px;
    background:#fff;
    margin-right:10px;
    margin-bottom:10px;
    float:left;
    text-align:center;
    behavior:url(PIE.htc);
    position:relative;
}
.red_shadow{
    box-shadow:#e68787 0px 2px 0px;
    behavior:url(PIE.htc);
}
.green_shadow{
    box-shadow:#a8e770 0px 2px 0px;
    behavior:url(PIE.htc);
}
.blue_shadow{
    box-shadow:#96d0f4 0px 2px 0px;
    behavior:url(PIE.htc);
}
.pur_shadow{
    box-shadow:#c79ff0 0px 2px 0px;
    behavior:url(PIE.htc);
}
.yellow_shadow{
    box-shadow:#f1e74f 0px 2px 0px;
    behavior:url(PIE.htc);
}
.orange_shadow{
    box-shadow:#f8b15c 0px 2px 0px;
    behavior:url(PIE.htc);
}
.red{
    color:#e40202;
}
.pp_list li:nth-child(7n){
    margin-right:0!important;
}
.pp_list p{
    line-height:2.1em;
    margin-top:5px;
    font-size:16px;
}
table {
  border-collapse: collapse;
  border-top:0!important;
  width:99%;
  margin:10px auto;
}
table tr:hover>td {
    background-color: #ecf3f8;
}
table th, table td {
  text-align: center;
  font-size: 16px;
  line-height: 30px;
  background:#fff;
}
table td{
   border: 1px #e9edf1 solid;
  border-right: 1px #d1d1d1 solid; 
}
/*table tr:nth-child(2n+2) th,table tr:nth-child(2n+2) td{
  background:#e6f0fb!important;
}*/
table th{
  color:#fff;
  height:75px;
  min-width:80px;
  max-width:60px;
  white-space:nowrap;
  border:none;
  border-radius:10px 10px 0px 0px;
}
table th.zt{
  max-width:60px!important;
  min-width:60px!important;
}
table tr td:first-child{
  /*background:#fcc869!important;*/
  color:#333;
  white-space:nowrap;
}
/*模拟对角线*/
.out {
  border-top:40px #fcc869 solid; /*上边框宽度等于表格第一行行高*/
  width: 0px; /*让容器宽度为0*/
  height: 0px; /*让容器高度为0*/
  border-right: 125px #fcda9b solid; /*左边框宽度等于表格第一行第一格宽度*/
  position: relative; /*让里面的两个子容器绝对定位*/
}
b {
  font-style: normal;
  display: block;
  position: absolute;
  top: -40px;
  right: -70px;
  width: 80px;
  line-height:2em;
  color:#333;
}
em {
  font-style: normal;
  display: block;
  position: absolute;
  top: -25px;
  right: -97px;
  width:32px;
  line-height:2em;
  color:#333;
}
.liuc_box{
    width:775px;
    margin:0 auto;
    margin-top:328px;
    border-bottom:6px solid #eee;
    position:relative;
}
.liuc_box ul{
    position:absolute;
    bottom:-20px;
}
.liuc_box ul li{
    position:relative;
    float:left;
    width:175px;
    margin-left:25px;
    height:277px;
    background-image:url(../images/lcbg.png);
    background-size:175px 277px; 
    behavior:url(PIE.htc);
    position:relative;
}
.liuc_box ul li img{
    display: block;
    margin:24px auto 15px;
    width:48px;
}
.liuc_box ul li dl{
    font-size:14px;
    line-height:1.6em;
    width:88%;
    margin:10px auto;
}
.liuc_box ul li dl dd{
    margin-bottom:0;
}
.liuc_box ul li p{
    color:#f16000;
    text-align:center;
    font-size:18px;
    cursor:pointer;
}
.liuc_box ul li h4{
    font-size:48px;
    position:absolute;
    width:94px;
    height:82px;
    top:-41px;
    left:62px;
    color:#fcb160;
}
.liuc_box ul li:first-child{
    margin-left:0!important;
}
.large_btn{
    display:block;
    border-radius:29px 29px;
    width:254px;
    height:58px;
    box-shadow:#666 0px 0px 25px;
    margin:85px auto 55px;
    color:#fff;
    font-size:30px;
    line-height:58px;
    text-align:center;
    background-color:#f37e16;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffae00), to(#f37e16));
    background:-moz-linear-gradient(#ffae00, #f37e16);
    -pie-background:linear-gradient(#ffae00, #f37e16);
    position:relative;
    behavior:url(pie.htc);
}
.large_btn:hover{
    text-decoration:none;
     background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff8d28), to(#ff4200));
    background:-moz-linear-gradient(#ff8d28, #ff4200);
    -pie-background:linear-gradient(#ff8d28, #ff4200);
}
#tabs span{
    display:block;
}
/*#tabs .tabCon{
    left:50%;
    margin-left:-500px;
}*/
.tabCon h3{
    margin: 0px 0 15px!important;
}
.tabCon .column{
    margin: 0px auto 25px!important;
}
.pic_list{
    overflow: hidden;
    width:890px;
    margin:0 auto;
}
.pic_list li{
    height:68px;
    float:left;
    width:170px;
    margin-left:10px;
    cursor:pointer;
}
.pic_list li:first-child{
    margin-left:0!important;
}
.gou{
    display:inline-block;
    width:22px;
    height:22px;
    background:url(../images/gou.gif);
}