.main{width:1200px; height: auto; margin:0 auto; overflow:hidden; padding-top:10px;}
.mleft{ width:940px; height:auto; float:left;overflow:hidden;}
.mleft .m1{ width:940px; height:305px; overflow:hidden;}
.mleft .m1 .flash{ width:482px; height:301px; padding:1px; float:left;}
.mleft .m1 .news{ width:443px; height:305px;  float:right;margin-right:3px;}
.mleft .m1 .news .title{ width:443px; height:43px; background:url(../images/index1_05.gif) no-repeat;}
.mleft .m1 .news .title a{ width:100px; height:43px; display:block; float:right;}
.mleft .m1 .news .list{ width:441px; height:auto; padding-left:16px; padding-top:10px;}
.mleft .m1 .news .list ul li{ width:431px; height:25px; line-height:25px; border-bottom:1px dotted #928d93; background:url(../images/index_22.gif) 6px center no-repeat; text-indent:16px;overflow:hidden;}
        /* Bubble Float Left */  
        .mleft .m1 .news .list ul li.bubble-float-left1 {  
            position: relative;  
            transition-property: transform;  
            transition-duration: .3s;  
        }  
        .mleft .m1 .news .list ul li.bubble-float-left1:before {  
            pointer-events: none;  
            position: absolute;  
            z-index: -1;  
            content: '';  
            border-style: solid;  
            border-width: 10px 10px 10px 0;  
            border-color: transparent #fff transparent transparent;  
            top: calc(50% - 10px);  
            left: 0;  
            transition-duration: .3s;  
            transition-property: left;  
        }  
        .mleft .m1 .news .list ul li.bubble-float-left1:hover {  
            transform: translateX(5px);  
        }  
        .mleft .m1 .news .list ul li.bubble-float-left1:hover:before {  
            left: -10px;  
        }  

.mleft .m2{ width:940px; height:98px; padding-top:6px; padding-bottom:6px; overflow:hidden;}
.mleft .m3{ width:940px; height: auto; overflow:hidden;}
.mleft .m3 .about{ width:482px; height:auto; float:left;margin-top:20px;}
.mleft .m3 .about .title0{ width:482px; height:43px; background:url(../images/index1_03.gif) no-repeat;}
.mleft .m3 .about .title0 a{ width:100px; height:52px; display:block; float:right;}
.mleft .m3 .about .title{ width:482px; height:43px; background:url(../images/index_36.gif) no-repeat;margin-top:20px;}
.mleft .m3 .about .title a{ width:100px; height:52px; display:block; float:right;}
.mleft .m3 .about .content{ width:472px; height:auto; padding:10px;}
.mleft .m3 .about .content p{line-height:22px; text-indent:24px;}
.mleft .m3 .rc{ width:443px; height:auto; float:right;}
.mleft .m3 .rc .mt{ width:441px; height:auto; float:right;margin-top:20px;}
.mleft .m3 .rc .mt .title{ width:441px; height:52px; background:url(../images/index_14-06.gif) no-repeat;}
.mleft .m3 .rc .mt .title a{ width:100px; height:52px; display:block; float:right;}
.mleft .m3 .rc .mt .list{ width:441px; height:auto; padding-left:16px; padding-top:10px;}
.mleft .m3 .rc .mt .list ul li{ width:441px; height:26px; line-height:26px; border-bottom:1px dotted #928d93; background:url(../images/index_22.gif) 6px center no-repeat; text-indent:16px;}

        /* Bubble Float Left */  
        .mleft .m3 .rc .mt .list ul li.bubble-float-left1 {  
            position: relative;  
            transition-property: transform;  
            transition-duration: .3s;  
        }  
        .mleft .m3 .rc .mt .list ul li.bubble-float-left1:before {  
            pointer-events: none;  
            position: absolute;  
            z-index: -1;  
            content: '';  
            border-style: solid;  
            border-width: 10px 10px 10px 0;  
            border-color: transparent #fff transparent transparent;  
            top: calc(50% - 10px);  
            left: 0;  
            transition-duration: .3s;  
            transition-property: left;  
        }  
        .mleft .m3 .rc .mt .list ul li.bubble-float-left1:hover {  
            transform: translateX(5px);  
        }  
        .mleft .m3 .rc .mt .list ul li.bubble-float-left1:hover:before {  
            left: -10px;  
        }  
.mleft .m3 .rc .cy{ width:443px; height:198px; padding-top:10px;   float:right;}
.mleft .m3 .rc .cy .title{ width:443px; height:43px; background:url(../images/index_cy_t.gif) no-repeat;margin-top:20px;}
.mleft .m3 .rc .cy .title a{ width:100px; height:43px; display:block; float:right;}
.mleft .m3 .rc .cy .list{ width:420px; height:auto; padding-left:16px; padding-top:10px;float:left;}
.mleft .m3 .rc .cy .list .lleft{width:281px;float:left;}
.mleft .m3 .rc .cy .list .lleft ul li{width:123px;height:46px;float:left;padding-right:16px;padding-top:10px;background:url(../images/index_cy.gif) no-repeat;text-align:center;}
.mleft .m3 .rc .cy .list .lright{width:130px;float:right;padding-right:6px;}
.mleft .m3 .rc .cy .list .lright ul li{width:123px;height:46px;float:left;padding-top:10px;background:url(../images/index_cy.gif) no-repeat;text-align:center;}
.mleft .m3 .rc .cy .list a:hover{color:#bc0202;}
.mright{ width:256px; height:auto; float:right;overflow:hidden;}
.mright .m1{ width:256px; height: 305px; overflow:hidden;}
.mright .m1 .title{ width:256px; height:29px; background:url(../images/t2.jpg) no-repeat;}
.mright .m1 .title a{ width:100px; height:32px; display:block; float:right;}
.mright .m1 .cc{ width:256px; height:145px;}
.mright .m2{ width:256px; height: auto; overflow:hidden;margin-top:20px;}
.mright .m2 .title{ width:256px; height:46px; background:url(../images/index_29.gif) no-repeat;}
.mright .m2 .title a{ width:100px; height:46px; display:block; float:right;}
.mright .m2 .box_1{ width:256px; height:8px; }
.mright .m2 .box_2{ width:256px; height: auto; }
.mright .m2 .box_2 .video{ width:248px; padding:7px;}

.mright .m3{ width:256px; height: auto; overflow:hidden;}
.mright .m3 .title{ width:256px; height:41px; background:url(../images/index_37.gif) no-repeat;margin-top:20px;}
.mright .m3 .title a{ width:100px; height:41px; display:block; float:right;}
.mright .m3 .box_1{ width:256px; height:8px;}
.mright .m3 .box_2{ width:256px; height: auto; }
.mright .m3 .box_2 .pic{ width:125px; height:160px; float:left; padding-left:5px; padding-right:5px;border-right:1px solid #333;}
.mright .m3 .box_2 .list{ width: 114px; height:146px; float:left;}
.mright .m3 .box_2 ul li{ width: 114px; height:23px; line-height:23px;  text-indent:10px;}

.index_ad{width:1200px;height:auto;margin:10px auto;float:left;}

.i_news{width:1200px; height: auto; margin:0 auto; overflow:hidden; padding-top:20px;}
.i_news .i_mleft{ width:940px; height:auto; float:left;overflow:hidden;}
.i_news .i_mleft { width:940px; height:305px; overflow:hidden;}
.i_news .i_mleft .con1{ width:482px; height:301px; padding:1px; float:left;}
.i_news .i_mleft .con1{ width:482px; height:305px;  float:left;margin-right:3px;}
.i_news .i_mleft .con1 .title{ width:482px; height:43px; background:url(../images/index_47.gif) no-repeat;}
.i_news .i_mleft .con1 .title a{ width:100px; height:43px; display:block; float:right;}
.i_news .i_mleft .con1 .list{ width:480px; height:auto; padding-left:16px; padding-top:10px;}
.i_news .i_mleft .con1 .list ul li{ width:471px; height:26px; line-height:26px; border-bottom:1px dotted #928d93; background:url(../images/index_22.gif) 6px center no-repeat; text-indent:16px;}
.i_news .i_mleft .con2{ width:443px; height:305px;  float:right;margin-right:3px;}
.i_news .i_mleft .con2 .title{ width:443px; height:43px; background:url(../images/index_51-20.gif) no-repeat;}
.i_news .i_mleft .con2 .title a{ width:100px; height:43px; display:block; float:right;}
.i_news .i_mleft .con2 .list{ width:441px; height:auto; padding-left:16px; padding-top:10px;}
.i_news .i_mleft .con2 .list ul li{ width:441px; height:26px; line-height:26px; border-bottom:1px dotted #928d93; background:url(../images/index_22.gif) 6px center no-repeat; text-indent:16px;}
.i_news .i_mright { width:256px; height: auto; overflow:hidden;float:right;}
.i_news .i_mright .titler{width:256px; height:43px; background:url(../images/index_51.gif) no-repeat;}
.i_news .i_mright  .listr{width:200px;height:auto;margin-left:35px;margin-top:40px;line-height:30px;}

.m4{ width:1200px; height: auto;  overflow:hidden;margin-top:20px;}
.m4 .title{ width:1200px; height:43px; background:url(../images/index_56.gif) no-repeat;}
.m4 .title a{ width:100px; height:43px; display:block; float:right;}
.m4 .c1{ width:1180px; height: auto; padding:10px; padding-top:15px;  overflow:hidden;}
.m4 .c1 .ico_l{ width:23px; height:43px; background:url(../images/index_62.gif) left center no-repeat; float:left;margin-top:50px;}
.m4 .c1 .list{  height: 153px; float:left;margin:0 10px;}
.m4 .c1 .list dl{ float:left; width:171px; height:148px; padding:2px ; margin-left:8px;float:left;}
.m4 .c1 .list dl dd{ width:171px; height:120px;}
.m4 .c1 .list dl dt{ width:171px; height:25px; line-height:25px; text-align:center; background:url(../images/t8-1.jpg); margin-top:2px; display:inline-block;}
.m4 .c1 .ico_r{ width:23px; height:43px; background:url(../images/index_65.gif) left center no-repeat; float:right;margin-top:50px;}

.m5{ width:1200px; height: auto;  overflow:hidden;margin-top:20px;margin:0 auto;}
.m5  .dlink-1{ width:1200px;background-color:#fff; height:auto; text-align:center;padding:0 auto;margin:0 auto;}
.m5  .dlink-1 .title{width:1200px; height:45px;  float:left; background:url(../images/index_78.jpg) no-repeat; }
.m5  .dlink-1 .list{width:1200px;height:auto;text-align:center;float:left;margin:20px auto;}
.m5  .dlink-1 .list ul{width:1075px;margin: 0 auto;text-align:center;}
.m5  .dlink-1 .list ul li{width:178px;height:54px;float:left;}
.m5  .dlink-1 .list ul li.ftright{width:143px;height:54px;float:right;margin:0 auto;}
.m5  .dlink-1 .fri{ width:1100px; height:auto; text-align:center;padding:0 auto;margin:0 auto;}
.m5  .dlink-1 .fri select{width:346px;height:38px;}
.m5  .dlink-1 a{ margin-right:6px; text-align:center ; height:35px; line-height:35px; text-indent:50px; color:#333; font-weight:700; font-family: FangSong;}


#hotpic { width: 710px; height: 98px; overflow: hidden; margin: 0 auto; }
#NewsPic { position: relative; width: 710px; height: 98px; overflow: hidden; }
#NewsPic a { overflow: visible; border: 0; text-decoration: none; }
#NewsPic .Picture { position: absolute; left: 0; top: 0; }
#NewsPic .Nav { position: absolute; height: 13px; line-height: 14px; bottom: 0; right: 0; }
#NewsPic .Nav span { font-size: 12px; font-weight: 400; color: #FFF; float: right; display: block; width: 24px; text-align: center; background: #000; border-left: solid 1px #FFF; cursor: pointer; }
#NewsPic .Nav span.Normal { color: #FFF; background: #000; filter: Alpha(opacity=50); opacity: .5; }
#NewsPic .Nav span.Cur { background: #ce0609; color: #FFF; }
#NewsPicTxt { position: relative; width: 710px; height: 0px; border: 1px; margin: 0; padding-top: 4px; text-align: center; font-family: Sans-Serif; font-weight: 700; color: #000; font-size: 14px; margin-left: auto; margin-right: auto; margin-top: 3px; }
#NewsPicTxt a:link, #NewsPicTxt a:visited { font-family: "Microsoft Yahei"; font-size: 16px; font-weight: 700; color: #000; text-decoration: none; }
#NewsPicTxt a:hover { color: red; }

        /* Hang */  
        @keyframes hang {  
            50% {  
                transform: translateY(3px);  
            }  
  
            100% {  
                transform: translateY(6px);  
            }  
        }  
  
        .hang {  
            transition-duration: .5s;  
            transition-property: transform;  
        }  
        .hang:hover {  
            transform: translateY(6px);  
            animation-name: hang;  
            animation-duration: 1.5s;  
            animation-delay: .5s;  
            animation-timing-function: linear;  
            animation-iteration-count: infinite;  
            animation-direction: alternate;  
        }  

        /* 2D TRANSFORMS */  
        /* Grow */  
        .grow {  
            transition-duration: .6s;  
            transition-property: transform;  
  
            -webkit-tap-highlight-color: rgba(0,0,0,0);  
            transform: translateZ(0);  
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);  
        }  
        .grow:hover {  
            transform: scale(1.1);  
        }  
        /* Shrink */  
        .shrink {  
            transition-duration: .3s;  
            transition-property: transform;  
  
            -webkit-tap-highlight-color: rgba(0,0,0,0);  
            transform: translateZ(0);  
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);  
        }  
        .shrink:hover {  
            transform: scale(.9);  
        }  
  
        /* Wobble Horizontal */  
        @keyframes wobble-horizontal {  
            16.65% { transform: translateX(8px); }  
            33.3%  { transform: translateX(-6px); }  
            49.95% { transform: translateX(4px); }  
            66.6%  { transform: translateX(-2px); }  
            83.25% { transform: translateX(1px); }  
            100%   { transform: translateX(0); }  
        }  
  
        .wobble-horizontal {}  
        .wobble-horizontal:hover {  
            animation-name: wobble-horizontal;  
            animation-duration: 1s;  
            animation-timing-function: ease-in-out;  
            animation-iteration-count: 1;  
        }  
        /* hover shadow */  
        @keyframes hover {  
            50% {  
                transform: translateY(-3px);  
            }  
            100% {  
                transform: translateY(-6px);  
            }  
        }  
        @keyframes hover-shadow {  
            0% {  
                transform: translateY(6px);  
                opacity: .4;  
            }  
            50% {  
                transform: translateY(3px);  
                opacity: 1;  
            }  
            100% {  
                transform: translateY(6px);  
                opacity: .4;  
            }  
        }  
        .hover-shadow {  
            position: relative;  
            transition-property: transform;  
            transition-duration: .3s;  
        }  
        .hover-shadow:before {  
            pointer-events: none;  
            position: absolute;  
            z-index: -1;  
            content: '';  
            top: 100%;  
            left: 5%;  
            height: 10px;  
            width: 90%;  
            opacity: 0;  
            background: radial-gradient(ellipse at center, rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 80%);  
            transition-duration: .3s;  
            transition-property: transform opacity;  
        }  
        .hover-shadow:hover {  
            transform: translateY(-6px);  
            animation-name: hover;  
            animation-duration: 1.5s;  
            animation-delay: .3s;  
            animation-timing-function: linear;  
            animation-iteration-count: infinite;  
            animation-direction: alternate;  
        }  
        .hover-shadow:hover:before {  
            opacity: .4;  
            transform: translateY(6px);  
            animation-name: hover-shadow;  
            animation-duration: 1.5s;  
            animation-delay: .3s;  
            animation-timing-function: linear;  
            animation-iteration-count: infinite;  
            animation-direction: alternate;  
        }  



        /* wobble top */  
        @keyframes wobble-top {  
            16.65% { transform: skew(-12deg); }  
            33.3%  { transform: skew(10deg); }  
            49.95% { transform: skew(-6deg); }  
            66.6%  { transform: skew(4deg); }  
            83.25% { transform: skew(-2deg); }  
            100%   { transform: skew(0); }  
        }  
  
        .wobble-top {  
            transform-origin: 0 100%;  
        }  
        .wobble-top:hover {  
            animation-name: wobble-top;  
            animation-duration: 1s;  
            animation-timing-function: ease-in-out;  
            animation-iteration-count: 1;  
        }  
        /* Push */  
        @keyframes push {  
            50% {  
                transform: scale(.8);  
            }  
            100% {  
                transform: scale(1);  
            }  
        }  
  
        .push {  
            -webkit-tap-highlight-color: rgba(0,0,0,0);  
            transform: translateZ(0);  
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);  
        }  
        .push:hover {  
            animation-name: push;  
            animation-duration: .5s;  
            animation-timing-function: linear;  
            animation-iteration-count: 1;  
        }  
        /* Bubble Float Left */  
        .bubble-float-left {  
            position: relative;  
            transition-property: transform;  
            transition-duration: .3s;  
        }  
        .bubble-float-left:before {  
            pointer-events: none;  
            position: absolute;  
            z-index: -1;  
            content: '';  
            border-style: solid;  
            border-width: 10px 10px 10px 0;  
            border-color: transparent #ececec transparent transparent;  
            top: calc(50% - 10px);  
            left: 0;  
            transition-duration: .3s;  
            transition-property: left;  
        }  
        .bubble-float-left:hover {  
            transform: translateX(5px);  
        }  
        .bubble-float-left:hover:before {  
            left: -10px;  
        }