@charset "utf-8";

body,div,p,ul,ol,li,input,h2,h3,h4,h5{margin: 0;padding: 0;}
body,button, input, select, textarea { font:12px/1.125 Arial,Helvetica,sans-serif;color:#666666;}
address, cite, dfn, em, var ,i,h2{ font-style: normal; font-weight:normal}
ul, ol,li{ list-style: none; }
a { text-decoration: none; cursor:pointer; }
a:hover {color:#ff6600; text-decoration: underline; cursor:pointer}
html { overflow-y: scroll;  }
img{display:block;border:none;}
.clear{height:0;clear:both;overflow:hidden; }
body{   min-width:1002px;}
area:link {border:0;}     /* 未访问的链接 */
area:visited {border:0;}  /* 已访问的链接 */
area:hover {border:0;}    /* 当有鼠标悬停在链接上 */
area:active {border:0;}   /* 被选择的链接 */
area:after {border:0;}



body{/*background: url(../images/jjl_13.jpg) repeat 0 0;*/font-family: "微软雅黑";color: #fff;min-width: 1200px;}



/*head*/
.head{ width:100%;  /*background:url(../images/bg.jpg) no-repeat top center;*/position: relative;}
.head:after{content:".";display:block;clear:both;height:0;visibility:hidden;}

.hidden{display: none;}

.clearfix:after {content: "";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

.main{background:#138fe9 url(../images/wl.png) repeat-x center 0;_background-image:none;padding-bottom:37px;/*margin-top: -17px;*/}
.main2{background-color:#0a7bcd;padding-bottom:37px;}
.inner_main{width:1002px;margin:0 auto;}
.head{text-align: center;height: 521px;}
.slides{height: 521px;position: relative;overflow: hidden; /*margin-top: -536px;*/z-index: -1;}
.head.slide_imgs{text-align: center;height: 456px;}
.head.slide_img{display: inline;}
.imgs img{display: inline;}
.main_img{display: inline;margin-left: 110px;background: url(../images/loading.gif) no-repeat center center;}
/*.slides li{float: left;}*/
.nums{position: absolute;width: 1002px;top:377px;left: 50%;margin-left: -651px;text-align: right;z-index: 999;}
.num{width: 21px;height: 21px;border:2px solid #fff;display:inline-block;background-color: #000;opacity:0.5;margin-left: 6px;/*filter:Alpha(opacity=50)*/}
.nums .now{background-color: #e7181d;opacity: 1;/*filter:Alpha(opacity=100)*/}
.banner{height: 84px;/*background:#ffc81d url(../images/head.jpg) no-repeat center 0;*/}

.head1{width:100%;height:186px;position:absolute;top:0;/*margin:0 auto;*/background:url(../images/zz1.png) repeat-x center 0;z-index: 10}
.head2{width:100%;height:176px;position:absolute;top:186px;/*margin:0 auto;*/background:url(../images/zz2.png) repeat-x center 0;z-index: 10}
.head3{width:100%;height:174px;position:absolute;top:362px;/*margin:0 auto;*/background:url(../images/zz3_24.png) repeat-x center 0;z-index: 10;_background-image:url(../images/zz3.png);}

.slide_a{width: 1002px;height: 460px;display: block;left: 50%;margin-left: -501px;top:0;position: absolute;z-index: 998;overflow: hidden;}
.slide_a a{width: 1002px;height: 460px;display: block;}

.main_tj{width: 1002px;margin: 0 auto;padding-top: 22px;/*background-color: #138fe9;*/}
.chufa{margin-bottom: 34px;}
.chufa_tt{height: 48px;display: block;font-size: 20px;color: #fff;line-height: 48px;background-color: #0e79c9;}
.chufa_tj{width: 491px;height: 66px;display: block;float: left;}
.chufa_tj:hover{text-decoration: none;}
.chufa_v{height: 18px;display: block;overflow:hidden;font-size: 40px;line-height: 45px;color: #fff;font-weight: 100;
        opacity: 0.8;
        /*filter:Alpha(opacity=80)*/
        background-color: #5ba8e1;
        background-image:-webkit-linear-gradient(to top, #5ba8e1, #449bdc);
        background-image:linear-gradient(to top,#5ba8e1,#449bdc);
        }
.chufa_v:hover{
        background-color: #449bdc;
        background-image:-webkit-linear-gradient(to top, #a8d8fc, #65a5d4);
        background-image:linear-gradient(to top,#a8d8fc,#65a5d4);}

.chufa_tj{width: 491px;float: left;height: 66px;background-color: #4b9fde;text-align: center;}
.chufa_sh{width: 491px;float: right;height: 66px;display: block;background-color: #4b9fde;text-align: center;}
.chufa_sh:hover{text-decoration: none;}


.main_tj .tt,.main_sh .tt{height: 35px;margin-bottom:22px;line-height: 35px;_background-color: #ffc81d;font-size: 14px;color: #000;}
.tt_left{width: 197px;height: 35px;float:left;background: url(../images/youlun.png) no-repeat 0 0;position: relative;z-index:100;_float:none;_display: inline;}
.cxjs{width: 119px;height: 35px;display:inline-block;float:right;background: url(../images/youlun.png) no-repeat right 0;_display:none;}
.tt_center{background-color: #ffc81d;overflow: hidden;zoom:1;_float:none;_display: inline;}
.tt .icon{position: absolute;width: 204px;height: 65px;background: url(../images/youlun.png) no-repeat 0 bottom;bottom: 0;left: 0;_background-image:url(youlun8.png);}
.tt .icon2{background: url(../images/youlun.png) no-repeat -202px bottom;_background-image:url(youlun8.png);}
.tt .icon3{background: url(../images/youlun.png) no-repeat -410px bottom;_background-image:url(youlun8.png);}
/*.cxjs{width: 77px;height: 22px;display: block;position: absolute;top:6px;right: 43px;}*/

.main_tj .sub{color: #fff;width: 303px;float: left;margin-left: 46px;display: inline-block;_margin-left:23px;}
.product .sub:first-child{margin-left: 0;}
.product .last{margin: 0;}

/*.sub{position: relative;z-index:101;}*/
.sub_img{display: block;margin-bottom: 18px;}
.sub_tt{font-size: 18px;color:#fff;line-height: 22px;}
.sub_tt_a{color: #fff;}
.sub_hx{width: 63px;height: 22px;background: url(../images/yl.jpg) no-repeat 0 0;display: block;float: right;_display:none;}
.date{font-size: 14px;line-height: 27px;}
.def{font-size: 12px;line-height: 23px;height: 46px;}
.yuding{height: 44px;line-height: 44px;margin-top: 16px;}
.yuding_a{font-size: 16px;padding: 0 39px;background-color: #0462a6;float: right;border-radius: 10px;color: #fff;}
.yuding_a:hover{background-color: #033e68;color: #fff;text-decoration: none;}
.price{font-size: 18px;}
.price_num{font-size: 36px;}
.hxt{width: 727px;height: 375px;position: fixed;top:50%;left: 50%;margin-left: -363px;margin-top: -180px;z-index: 99999999999;}
.jst{width: 1002px;height: 465px;position: fixed;top:50%;left: 50%;margin-left: -501px;margin-top: -232px;z-index: 99999999999;}

.main_sh .sub{color: #fff;width: 303px;float: left;margin-left: 46px;_margin-left:23px;}
.half{width: 489px;_width:480px;}
.half .tt_left{width: 184px;}
.half_left{float: left;}
.half_right{float: right;}
.main_sh{width: 1002px;margin:0 auto;padding-top: 37px;}
.main_sh .sub{color: #fff;width: 450px;float: left;margin:0 20px;_margin:0 10px;}
.date{font-size: 18px;color:#fff;line-height: 39px;}

.main3{background-color: #138fe9;padding-bottom: 45px;}
.inner_main{width: 1002px;margin: 0 auto;}
.tt_jingcai1{line-height: 55px;padding-top: 32px;font-size: 36px;color: #fff;}
.tt_jingcai1 .icon{width: 66px;height: 55px;display:block;float:left;background: url(../images/icon.png) no-repeat 0 0;}
.tt_jingcai2{line-height: 39px;margin-bottom: 37px;font-size: 16px;}
.wrap_imgs .imgs{position: relative;width: 1002px;height: 675px;background: url(../images/jingcai.jpg) no-repeat 0 0;}
.wrap_imgs img{position: absolute;z-index: -1\9;}
.jc{display:block;position: absolute;background-position: 0 0;background-repeat: no-repeat;z-index: 1000;_display:none;}
.jc1{width: 210px;height: 193px;top:0;left: 0;}
.jc2{width: 164px;height: 298px;background-position: 0 -202px;top:202px;left: 0;}
.jc3{width: 95px;height: 166px;background-position: 0 -510px;top:509px;left: 0;}
.jc4{width: 332px;height: 318px;top:357px;left: 66px;}
.jc5{width: 476px;height: 258px;top:417px;left: 354px;}
.jc6{
	width: 193px;
	height: 157px;
	top:518px;
	left: 809px;
}
.jc7{
	width: 384px;
	height: 437px;
	top:0;
	left: 140px;
}
.jc8{width: 550px;height: 266px;top:0;left: 453px;}
.jc9{width: 497px;height: 393px;top:152px;left: 505px;}

.jc1:hover{background-image:url("../images/jc1.png");}
.jc2:hover{background-image:url("../images/jc1.png"); background-position: 0 -202px;}
.jc3:hover{background-image:url("../images/jc1.png"); background-position: 0 -509px;}
.jc4:hover{background-image:url("../images/jc4.png");}
.jc5:hover{background-image:url("../images/jc5.png"); }
.jc6:hover{background-image:url("../images/jc6.png");}
.jc7:hover{background-image:url("../images/jc7.png");}
.jc8:hover{background-image:url("../images/jc8.png");}
.jc9:hover{background-image:url("../images/jc9.png");}

.main4{background-color: #097bcd;}


.shade{width: 100%;height: 100%;background:url(../images/shade.png) repeat 0 0 ;position: absolute;top:0;left: 0;z-index: 9000;_display:none;}
.wx{_display:none; position:fixed; bottom:20px; z-index:1000;  left:50%; margin-left:501px;}	

@media screen and (max-width:1220px) {
.wx{_display:none; position:fixed; bottom:20px; z-index:1000;  left:auto;right: 0; margin-left:0;}   
}


/*.animation{-webkit-animation-duration:1s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:1s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both}
*/

.img_des{position: absolute;left: 50%;margin-left: 135px;top:63px;/*opacity: 0;*/
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition-property:all;
    -moz-transition-property:all;}

/*
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}
60%{opacity:1;-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}}
.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;opacity: 1;}*/

.img3 .img_des{margin-left: -335px;}

.hxt_expand
{
animation:hxt_expand 1s;
-moz-animation:hxt_expand 1s; /* Firefox */
-webkit-animation:hxt_expand 1s; /* Safari and Chrome */
-o-animation:hxt_expand 1s; /* Opera */
}

@keyframes hxt_expand
{
from {width:0;height: 0}
to {width:727px;height: 375px;}
}

@-moz-keyframes hxt_expand /* Firefox */
{
from {width:0;height: 0}
to {width:727px;height: 375px;}
}

@-webkit-keyframes hxt_expand /* Safari and Chrome */
{
from {width:0;height: 0}
to {width:727px;height: 375px;}
}

@-o-keyframes hxt_expand /* Opera */
{
from {width:0;height: 0}
to {width:727px;height: 375px;}
}



.jst_expand
{
animation:jst_expand 1s;
-moz-animation:jst_expand 1s; /* Firefox */
-webkit-animation:jst_expand 1s; /* Safari and Chrome */
-o-animation:jst_expand 1s; /* Opera */
}

@keyframes jst_expand
{
from {width:0;height: 0}
to {width:1002px;height: 465px;}
}

@-moz-keyframes jst_expand /* Firefox */
{
from {width:0;height: 0}
to {width:1002px;height: 465px;}
}

@-webkit-keyframes jst_expand /* Safari and Chrome */
{
from {width:0;height: 0}
to {width:1002px;height: 465px;}
}

@-o-keyframes jst_expand /* Opera */
{
from {width:0;height: 0}
to {width:1002px;height: 465px;}
}

.sub{ transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}
.sub:hover{  -webkit-animation:hover 2s ease-in-out alternate infinite; -webkit-transform: translateY(-5px); background:#666;}
@-webkit-keyframes hover{
     0% { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);  }
        100% {  -webkit-box-shadow: 0 0 12px rgba(37, 37,37, 1.0), 0 0 18px rgba(0, 0, 0, 1.0); }
}