﻿body,a,div,span,p,input,dl,dt,dd{margin:0;padding:0;}
body{font-family:"宋体","Helvetica","Arial",'SimSun'; font-size:12px;color:#333;}
h1,.h1,h2,.h2,h3,.h3 {margin:0px;padding:0;}
ul,li,ol {list-style:none;margin:0;padding:0;}
a:hover,a {text-decoration:none; color:#333;}
p {margin:0;padding:0;}
em,i{font-style:normal;}
.w {width:100%;margin:0 auto;position:relative;}
.fl {float:left;}
.fr {float:right;}
.clearfix {clear:both;float:none;}
.clear{clear:both;float:none;}
.img {max-width:100%;}
/*
:nth-child(2){}
:last-child{}
:first-child{}
*/

.img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.wrap{ width:1206px; margin:0 auto;}
.hover{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,; -webkit-transition-duration:0.8s;-webkit-transition-timing-function:0.8s;}
.hover a{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,; -webkit-transition-duration:0.8s;-webkit-transition-timing-function:0.8s;}
.hover .h{-webkit-transition-property: background-color,background-image,color,border-color,font-size,width,height,; -webkit-transition-duration:0.8s;-webkit-transition-timing-function:0.8s;}

.dis_b{ display:block;}
.dis_n{ display: none;}
.dis_b_i{ display: inline-block;}
.text-align{ text-align:center;}
.text-align-j{ text-align: justify;}
.text-align-l{ text-align: left;}

.show{ display:block;}
.hide{ display:none;}

.cur_p{ cursor:pointer;}

.font_family_simsun{ font-family:'SimSun'}
.font_family_my{ font-family:'宋体'}
.font_family_he{ font-family:'Helvetica'}
.font_family_Arial{ font-family:'Arial'}

.font_s_12{font-size:12px;}
.font_s_13{font-size:13px;}
.font_s_14{font-size:14px;}
.font_s_15{font-size:15px;}
.font_s_16{font-size:16px;}
.font_s_17{font-size:17px;}
.font_s_18{font-size:18px;}
.font_s_19{font-size:19px;}
.font_s_20{font-size:20px;}
.font_s_22{font-size:22px;}
.font_s_24{font-size:24px;}
.font_s_26{font-size:26px;}
.font_s_28{font-size:28px;}
.font_s_30{font-size:30px;}
.font_s_32{font-size:32px;}
.font_s_34{font-size:34px;}
.font_s_36{font-size:36px;}
.font_s_38{font-size:38px;}
.font_s_40{font-size:40px;}
.font_s_45{font-size:45px;}
.font_s_50{font-size:50px;}
.font_s_55{font-size:55px;}
.font_s_60{font-size:60px;}

.font_weight{ font-weight:bold;}
.font_weight_n{ font-weight: normal;}

.ove{ overflow: hidden;}
.ove_dian{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}

.height_12{height:12px;}
.height_14{height:14px;}
.height_16{height:16px;}
.height_18{height:18px;}
.height_20{height:20px;}
.height_22{height:22px;}
.height_24{height:24px;}
.height_26{height:26px;}
.height_28{height:28px;}
.height_30{height:30px;}
.height_32{height:32px;}
.height_34{height:34px;}
.height_36{height:36px;}
.height_38{height:38px;}
.height_40{height:40px;}
.height_42{height:42px;}
.height_44{height:44px;}
.height_46{height:46px;}
.height_50{height:50px;}
.height_60{height:60px;}
.height_70{height:70px;}
.height_80{height:80px;}

.line_h_12{line-height:12px;}
.line_h_14{line-height:14px;}
.line_h_16{line-height:16px;}
.line_h_18{line-height:18px;}
.line_h_20{line-height:20px;}
.line_h_22{line-height:22px;}
.line_h_24{line-height:24px;}
.line_h_26{line-height:26px;}
.line_h_28{line-height:28px;}
.line_h_30{line-height:30px;}
.line_h_32{line-height:32px;}
.line_h_34{line-height:34px;}
.line_h_36{line-height:36px;}
.line_h_38{line-height:38px;}
.line_h_40{line-height:40px;}
.line_h_42{line-height:42px;}
.line_h_44{line-height:44px;}
.line_h_46{line-height:46px;}
.line_h_50{line-height:50px;}
.line_h_60{line-height:60px;}
.line_h_70{line-height:70px;}
.line_h_80{line-height:80px;}
.line_h_90{line-height:90px;}


.color_333{ color:#333;}
.color_999{ color:#999;}
.color_828282{ color:#828282;}
.color_777{ color:#777;}
.color_c7c7c7{ color:#c7c7c7;}
.color_fff{ color:#fff;}
.color_1981d3{ color:#1981d3;}
.color_ff0000{ color:#ff0000;}
.color_29abe2{ color:#29abe2;}
.color_fcb634{ color:#fcb634;}

.background_color_fff{ background-color:#fff;}
.background_color_1981d3{ background-color:#1981d3;}
.background_color_f8f8f8{ background-color:#f8f8f8;}
.bg_c_ff4948{ background-color:#ff4948;}
.bg_c_ffd300{ background-color:#ffd300;}
.bg_c_18c5fd{ background-color:#18c5fd;}

.margin_top_5{ margin-top:5px;}
.margin_top_10{ margin-top:10px;}
.margin_top_15{ margin-top:15px;}
.margin_top_20{ margin-top:20px;}
.margin_top_25{ margin-top:25px;}
.margin_top_30{ margin-top:30px;}
.margin_top_40{ margin-top:40px;}
.margin_top_50{ margin-top:50px;}
.margin_top_60{ margin-top:50px;}
.margin_top_70{ margin-top:50px;}

.margin_bottom_5{ margin-bottom:5px;}
.margin_bottom_10{ margin-bottom:10px;}
.margin_bottom_15{ margin-bottom:15px;}
.margin_bottom_20{ margin-bottom:20px;}
.margin_bottom_25{ margin-bottom:25px;}
.margin_bottom_30{ margin-bottom:30px;}
.margin_bottom_40{ margin-bottom:40px;}
.margin_bottom_50{ margin-bottom:50px;}
.margin_bottom_60{ margin-bottom:60px;}
.margin_bottom_70{ margin-bottom:70px;}

.margin_left_5{ margin-left:5px;}
.margin_left_10{ margin-left:10px;}
.margin_left_15{ margin-left:15px;}
.margin_left_20{ margin-left:20px;}
.margin_left_25{ margin-left:25px;}
.margin_left_30{ margin-left:30px;}

.margin_right_5{ margin-right:5px;}
.margin_right_10{ margin-right:10px;}
.margin_right_15{ margin-right:15px;}
.margin_right_20{ margin-right:20px;}
.margin_right_25{ margin-right:25px;}
.margin_right_30{ margin-right:30px;}
.margin_right_40{ margin-right:40px;}
.margin_right_50{ margin-right:50px;}
.margin_right_60{ margin-right:60px;}

.margin_lr_5{ margin:0 5px;}
.margin_lr_10{ margin:0 10px;}
.margin_lr_15{ margin:0 15px;}
.margin_lr_20{ margin:0 20px;}
.margin_lr_25{ margin:0 25px;}
.margin_lr_30{ margin:0 30px;}

.padding_top_5{ padding-top:5px;}
.padding_top_10{ padding-top:10px;}
.padding_top_15{ padding-top:15px;}
.padding_top_20{ padding-top:20px;}
.padding_top_25{ padding-top:25px;}
.padding_top_30{ padding-top:30px;}
.padding_top_35{ padding-top:35px;}
.padding_top_40{ padding-top:40px;}

.padding_bottom_5{ padding-bottom:5px;}
.padding_bottom_10{ padding-bottom:10px;}
.padding_bottom_15{ padding-bottom:15px;}
.padding_bottom_20{ padding-bottom:20px;}
.padding_bottom_25{ padding-bottom:25px;}
.padding_bottom_30{ padding-bottom:30px;}
.padding_bottom_40{ padding-bottom:40px;}
.padding_bottom_50{ padding-bottom:50px;}
.padding_bottom_60{ padding-bottom:60px;}
.padding_bottom_70{ padding-bottom:70px;}

.padding_lr_5{ padding-left:5px; padding-right:5px;}
.padding_lr_10{ padding-left:10px; padding-right:10px;}
.padding_lr_15{ padding-left:15px; padding-right:15px;}
.padding_lr_20{ padding-left:20px; padding-right:20px;}
.padding_lr_25{ padding-left:25px; padding-right:25px;}
.padding_lr_30{ padding-left:30px; padding-right:30px;}

.padding_tb_5{ padding-top:5px; padding-bottom:5px;}
.padding_tb_10{ padding-top:10px; padding-bottom:10px;}
.padding_tb_15{ padding-top:15px; padding-bottom:15px;}
.padding_tb_20{ padding-top:20px; padding-bottom:20px;}
.padding_tb_25{ padding-top:25px; padding-bottom:25px;}
.padding_tb_30{ padding-top:30px; padding-bottom:30px;}

.border_b{ border-bottom:1px solid #dddddd;}

.tab{}
.tab_hd{}
.tab_bd{}
.tab_bd_kj{ display:none;}

.list_li_50 li{ width:50%;}
.list_li_33 li{ width:33.333%;}
.list_li_25 li{ width:25%;}
.list_li_20 li{ width:20%;}
.list_li_10 li{ width:10%;}

.con_con{ padding:20px 2%;}
.con_con,.con_con p,.con_con span,.con_con div{ font-size:14px; line-height:30px; color:#666;}
.con_con img{ max-width:96%;}
.con_title{ padding:20px 2% 10px; line-height:20px; font-size:16px; text-align:center; display:block;}
.con_time{ text-align:center; display:block; font-size:14px; color:#999; padding-bottom:20px; border-bottom:1px dashed #dedede; margin:0 2%;}


.article_sxs{ width:50%; text-align:left; line-height:24px; padding:20px 0; padding-left:80px;}
.article_sxs a{ display:block; font-size:14px; color:#888888;height:24px; overflow:hidden;}
.article_sxs a:hover {color:#cc1515;}
.article_sxs_s{ width:96%; padding:20px 2%;}
.article_sxs_s a{ width:48%;}


.position_relative{ position:relative;}

.box_shadow{-webkit-box-shadow:0 0 40px #e5e5e5;-moz-box-shadow:0 0 40px #e5e5e5; box-shadow:0 0 40px #e5e5e5; }
.box_shadow:hover{-webkit-box-shadow:0 0 40px #999;-moz-box-shadow:0 0 40px #999; box-shadow:0 0 40px #999;}

.box_shadow_bottom{-webkit-box-shadow:0 0px 16px #666;-moz-box-shadow:0 0px 16px #666; box-shadow:0 0px 16px #666; }

.box_shadow_bottom_1{-webkit-box-shadow:0 0px 16px #f1f1f1;-moz-box-shadow:0 0px 16px #f1f1f1; box-shadow:0 0px 16px #f1f1f1; }
.box_shadow_bottom_2{-webkit-box-shadow:0 0px 24px #e3e3e3;-moz-box-shadow:0 0px 24px #e3e3e3; box-shadow:0 0px 24px #e3e3e3; }
.box_shadow_bottom_3{-webkit-box-shadow:0 0px 24px #e7e7e7;-moz-box-shadow:0 0px 24px #e7e7e7; box-shadow:0 0px 24px #e7e7e7; }
.box_shadow_bottom_4{-webkit-box-shadow:0 0px 24px #e8e8e7;-moz-box-shadow:0 0px 24px #e8e8e7; box-shadow:0 0px 24px #e8e8e7; }
.box_shadow_bottom_5{-webkit-box-shadow:0 0px 24px #d5edf9;-moz-box-shadow:0 0px 24px #d5edf9; box-shadow:0 0px 24px #d5edf9; }
.box_shadow_bottom_6{-webkit-box-shadow:0 0px 24px 5px #f1f1f1;-moz-box-shadow:0 0px 24px 5px #f1f1f1; box-shadow:0 0px 24px 5px #f1f1f1; }
.box_shadow_bottom_7{-webkit-box-shadow:0 0px 10px 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0px 10px 5px rgba(0,0,0,0.2); box-shadow:0 0px 10px 5px rgba(0,0,0,0.2);}
.box_shadow_bottom_7:hover{-webkit-box-shadow:0 0px 10px 5px rgba(3,150,217,0.2);-moz-box-shadow:0 0px 10px 5px rgba(3,150,217,0.2); box-shadow:0 0px 10px 5px rgba(3,150,217,0.2);}
.box_shadow_bottom_8{-webkit-box-shadow:0 0px 10px 2px #f1f1f1;-moz-box-shadow:0 0px 10px 2px #f1f1f1; box-shadow:0 0px 10px 2px #f1f1f1; }
.box_shadow_bottom_9{-webkit-box-shadow:0 4px 6px 4px #dbe3e5;-moz-box-shadow:0 4px 6px 4px #dbe3e5; box-shadow:0 4px 6px 4px #dbe3e5; }


.box_shadow_inset{-webkit-box-shadow: inset 6px 6px 14px rgba(0, 0, 0, 0.4);-moz-box-shadow: inset 6px 6px 14px rgba(0, 0, 0, 0.4);box-shadow: inset 6px 6px 14px rgba(0, 0, 0, 0.1);}

.box_shadow1{-webkit-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.3);-moz-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.3);box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.3);}
.box_shadow1:hover{-webkit-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.4);-moz-box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.4);box-shadow: 6px 6px 14px rgba(0, 0, 0, 0.4);}

.transform{ -webkit-transition: all .2s linear;transition: all .2s linear;}
.transform:hover{ -webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.transform_y{ -webkit-transition: all .2s linear;transition: all .2s linear;}
.transform_y:hover{ -webkit-transform: translateY(-4px);transform: translateY(-4px);}

.blow{}
.blow .imgg{ -webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.blow:hover .imgg{ -webkit-transform: scale(1.1);transform: scale(1.1);}

.fade_in{animation: fade-in;/*动画名称*/ animation-duration:0.8s;/*动画持续时间*/ -webkit-animation:fade-in 0.8s;/*针对webkit内核*/}

.toum{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.6;filter:alpha(opacity=60); background:#000; z-index:9;}

.animate-bounce-down-s{ 
}
.animate-bounce-down-s:hover{ 
animation:mymove0.6s both;
-moz-animation:mymove 0.6s both; /* Firefox */
-webkit-animation:mymove 0.6s both; /* Safari and Chrome */
-o-animation:mymove 0.6s both; /* Opera */
}

.animate-bounce-down-s-h{ 
}
.animate-bounce-down-s-h:hover .h{animation:mymove0.6s both;
-moz-animation:mymove 0.6s both; /* Firefox */
-webkit-animation:mymove 0.6s both; /* Safari and Chrome */
-o-animation:mymove 0.6s both; /* Opera */
}


@keyframes mymove
{
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0px);
  }
}

@-moz-keyframes mymove
{
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0px);
  }
}

@-webkit-keyframes mymove
{
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0px);
  }
}

@-o-keyframes mymove
{
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(4px);
  }
  100% {
    transform: translateY(0px);
  }
}


.animate-bounce-down{
}
@-webkit-keyframes bounce-down {
	25% {
	-webkit-transform: translateY(-4px);
	}
	50%, 100% {
	-webkit-transform: translateY(0);
	}
	75% {
	-webkit-transform: translateY(4px);
	}
}
@keyframes bounce-down {
  25% {
    transform: translateY(-4px);
  }
  50%, 100% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(4px);
  }
}

@keyframes fade-in {  
    0% {opacity: 0;}
    100% {opacity: 1;}
}  
@-webkit-keyframes fade-in {
    0% {opacity: 0;}  
    100% {opacity: 1;}  
}
.fade_out{animation: fade-out;/*动画名称*/ animation-duration:0.8s;/*动画持续时间*/ -webkit-animation:fade-out 0.8s;/*针对webkit内核*/}
@keyframes fade-out {  
    100% {opacity: 1;}
    0% {opacity: 0;}
}  
@-webkit-keyframes fade-out {
    100% {opacity: 1;}  
    0% {opacity: 0;}  
}


.img_d{ overflow:hidden;}
.img_d:hover img{ animation-name: pic;  /*动画名字是pic，与上面定义的名字一样*/
      -webkit-animation-name: pic;
      -moz-animation-name: pic;
      -ms-animation-name: pic;
      -o-animation-name: pic;
      animation-duration: 1s;  /*动画用时1s*/
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-timing-function: linear;  /*匀速动画*/
      -webkit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
      -o-animation-timing-function: linear;}

.rotate{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.rotate:hover{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}

.jian-animation i{transition: 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: 0.4s ease-in-out;
            -o-transition: 0.4s ease-in-out;}
.jian-animation:hover i{transform: rotate(-180deg);
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);}

 @-webkit-keyframes pic {
    0% {
      -webkit-transform: rotate(0deg) scale(1);
      opacity: 0.3;  /*透明度*/
    }
    40% {
      -webkit-transform: rotate(30deg) scale(1.5);
      opacity: 0.6;
    }
    60% {
      -webkit-transform: rotate(15deg) scale(1.2);
      opacity: 0.9;
    }
    90% {
      -webkit-transform: rotate(0deg) scale(0.8);
      opacity: 1;
    }
  }
  @-moz-keyframes pic {
    0% {
      -moz-transform: rotate(0deg) scale(1);
      opacity: 0.3;  /*透明度*/
    }
    40% {
      -moz-transform: rotate(30deg) scale(1.5);
      opacity: 0.6;
    }
    60% {
      -moz-transform: rotate(15deg) scale(1.2);
      opacity: 0.9;
    }
    90% {
      -moz-transform: rotate(0deg) scale(0.8);
      opacity: 1;
    }
  }


 @-webkit-keyframes img_90{
    0% {
      -webkit-transform: rotate(-90deg);
    }
    100% {
      -webkit-transform: rotate(-90deg);
    }
  }
  @-moz-keyframes pic{
    0% {
      -moz-transform: rotate(-90deg);
    }
    100% {
      -moz-transform: rotate(-90deg);
    }
  }
  
@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
  
@-webkit-keyframes banner{
	0%{
	            transform:scale(1,1);
            -ms-transform:scale(1,1); /* IE 9 */
            -moz-transform:scale(1,1); /* Firefox */
            -webkit-transform:scale(1,1); /* Safari and Chrome */
            -o-transform:scale(1,1); /* Opera */	
	}
	50%{
            transform:scale(2,2);
            -ms-transform:scale(2,2); /* IE 9 */
            -moz-transform:scale(2,2); /* Firefox */
            -webkit-transform:scale(2,2); /* Safari and Chrome */
            -o-transform:scale(2,2); /* Opera */
	}
	100%{
	            transform:scale(1,1);
            -ms-transform:scale(1,1); /* IE 9 */
            -moz-transform:scale(1,1); /* Firefox */
            -webkit-transform:scale(1,1); /* Safari and Chrome */
            -o-transform:scale(1,1); /* Opera */	
	}
}


@media only screen and (max-width:450px)  {

}