@charset "utf-8";
/*nav*/
.headnav{width: 100%;float: left;position: relative;z-index: 999;}
.head_00{
    width: 100%;
    float: left;
    background-color: #f0f0f0;
    min-height: 33px;
}
.head_00 p{color: #5d5d5d;font-size:12px;float: left;line-height: 33px;margin-bottom: 0px;}
.head_00 p > span{color: #d40417;}
.head_right{width:auto;float:right;color:#5d5d5d;}
.head_right > a{color:#5d5d5d;line-height: 34px;}
.head_right > a:hover{color:#d40417;}
.head_right span{display:inline-block;color:#b3b3b3;position:relative;top:0px;font-size:20px;padding:0px 5px;}
.head_01{width: 100%;float: left;}
.head_02{width: 350px;float: left;}
.head_02 > a{width: 100%;float: left;}
.head_02 img{width: 100%;max-width:100%;padding:7px 14px;padding-left:0px;max-height:92px;}
.head_03{width: calc(100% - 350px);float: right;}

.head_04{width: 100%;float: left;position: relative;z-index: 1200;}
.head_04 nav{margin: 0px;border:none;}
.head_04 .nav > li{width: 17%;text-align: center;margin-right: 0px !important;float: right;}
.head_04 .nav > li > a{width:100%;color: #353535;font-size: 16px;text-transform:uppercase;padding-top: 36px;padding-bottom: 36px;text-align: center;margin: 0 auto;}
.head_04 .nav > li > a > .nav_u{font-size: 22px;display: block;margin-bottom: 10px;display: none;text-align: center;}
.head_04 .nav > li > a:focus, .head_04 .nav > li > a:hover{
    background-color: #048bd1;
    color: #fff;
    padding-top: 21px;
    padding-bottom: 21px;
    -webkit-transition:background-color 0.25s ease 0.1s;
    -moz-transition:background-color 0.25s ease 0.1s;
    -ms-transition:background-color 0.25s ease 0.1s;
    -o-transition:background-color 0.25s ease 0.1s;
    transition:background-color 0.25s ease 0.1s;
}
.head_04 .nav > li > a:focus .nav_u, .head_04 .nav > li > a:hover .nav_u{animation: 350ms ease 0s normal none 1 running fadeInDown;display: block;}
.head_04 .nav > li > a:focus .nav_d, .head_04 .nav > li > a:hover .nav_d{animation: 350ms ease 0s normal none 1 running fadeInUp;display: block;}
.head_04 #container{width: 100%;padding: 0px;}
.head_04 #nav{width: 100%;margin-right:0px;border:none;}
/*二级菜单*/
ul.sub-menu > li{padding: 0px;}
ul.sub-menu > li > a{width:100%;float: left;background-color: #048bd1;background-color:rgba(4,139,209,0.7);border-top:1px solid #fff;padding:10px;color:#fff;font-size: 14px;text-transform:capitalize;}
ul.sub-menu > li:last-child > a{border-bottom: 0px;}
ul.sub-menu > li > a:hover{background-color:#048bd1;color:#fff;}
nav > li > a:hover{background-color: rgba(238,238,238,0.8);}
.navbar-right .sub-menu{left: auto;right: 0;border: none;background-color: rgba(238,238,238,0.8);}
ul.sub-menu {
	background: #fff none repeat scroll 0 0;
	box-shadow: none;
	display: none;
	margin-left:0px;
    right: 0px;
	padding: 0px;
	position: absolute;
	top:91px;
	min-width:100%;
    text-align: center;
	z-index: 9999;
    margin-left: 0px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
ul.sub-menu.two{
    margin-right: -100%;
    right: 0px;
    left: auto;
    top:74.495px;
    border-top:none;
    width:100%;
}
.nav.navbar-nav > li:hover > ul.sub-menu,.nav.navbar-nav > li  > ul:hover{
	animation: 250ms ease 0s normal none 1 running fadeInUp;
	display: block;
}
ul.sub-menu > li:hover > ul.sub-menu.two,ul.sub-menu > li > ul.two:hover{display: block;animation: 250ms ease 0s normal none 1 running fadeInRight;}
.dropdown-toggle i {
    height: 0;
    position: relative;
    top: -3px;
    font-size: 18px;
    margin-left: 5px;
}
/*banner*/
.banner{
    width: 100%;
    float: left;
    background-color:#a19a95;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-attachment: scroll;
}
.car_tit img{width:auto;max-width:100%;text-align:center;}
.car_tit h3{font-size: 58px;color: #2f2f2f;text-align: left;float: left;text-shadow: none;margin-top: 0px;}
.car_tit p{font-size: 30px;color: #2f2f2f;text-align: left;font-weight: bold;float: left;text-transform:uppercase;text-shadow: none;margin-bottom: 5%;}
.carousel-caption{padding-bottom: 0px;}
.carousel-indicators li{width: 11px;height: 11px;margin: 0px 3px;}
.carousel-indicators .active{margin: 0px 3px;margin-top: -0.5px;}






.banner,.banner > div{
    width:100%;
    float:left;
}
.banner .text-center{position: absolute;''}
.text-center{
    margin:10px 0px;
    width:100%;display:inline-block;
    text-align:center;
    margin:0 auto;
    position:relative;
}
.play-and-stop{
    padding:5px 7.5px 4px 7.5px;
    top:-56px;
    border:2px solid #fff;
    background:none;
    border-radius:99px !important;
    text-align: center;
    z-index: 99 !important;
}
.play-and-stop:focus{background:none;outline:0 none;}
.play-and-stop > span{
    color:#fff;
    top:0px;
    right:-1px;
}
.play-stop{
    right:-40px;
    opacity:0.7;
    filter:Alpha(opacity=70);
}
.stop-play{
    left:-40px;
    opacity:0.7;
    filter:Alpha(opacity=70);
}
.sel{
    opacity:1;
    filter:Alpha(opacity=100);
}
@media(max-width:767px){
    .play-and-stop{
        top:-47px;
    }
}
/*===============================================================================================================================================================================================================*/
/*foot*/
.fot_01{width: 100%;float: left;background-color: #d3d3d3;}
.fot_02{width: 100%;float: left;padding-top: 50px;padding-bottom: 30px;}
.fot_03{width: 100%;float: left;}
.fot_03-1{padding-right: 40px;}
.fot_03-1 > h3{font-weight:bold;margin-top:0px;color: #3e3e3e;font-size: 28px;float: left;border-bottom:1px solid  #3e3e3e;width: 100%;padding-bottom: 15px;margin-bottom: 25px;}
.fot_03a{width: 100%;float: left;color: #3e3e3e;font-size: 16px;text-align:justify;text-justify:inter-ideograph;}
.fot_03-1 > p{color: #3e3e3e;float: left;font-size: 16px;margin-top: 52px;margin-bottom: 0px;}
.fot_03b{width: 100%;float: right;border-top:1px solid  #3e3e3e;margin-top: 46px;padding-top: 30px;}
.fot_03-2{padding-left: 60px;}
.fot_04{width: 50%;float: left;padding-left: 30px;}
.fot_04 a{color: #3e3e3e;font-size: 16px;float: left;margin-bottom: 22px;}
.fot_04 a:hover{color:#d40417;}
.fot_05{width: 50%;text-align: center;margin: 0 auto;float: right;padding-right: 22px;}
.fot_05 img{width: 100%;max-width: 100%;text-align: center;}
.fot_05 p{width: 100%;margin: 0 auto;text-align: center;display: inline-block;color: #3e3e3e;font-size: 16px;margin-top: 15px;}
/*===============================================================================================================================================================================================================*/
/*home*/
.index_01{width: 100%;float: left;padding-top: 20px;background-color: #fafafa;}
.index_02{width: 100%;float: left;background-color: #004e97;}
.index_02 > h2{color: #eaeaea;margin: 0 auto;float:left;text-transform:uppercase;font-size: 18px;font-style: italic;padding-left: 35px;padding-top: 24px;padding-bottom: 20px;}
.index_02 > h2 strong{font-size: 20px;float: left;color: #fff;margin-top: -7px;margin-right: 10px;}
.index_02 > h2 strong span{font-size: 30px;}
.index_02-1{width: 626px;float: right;padding-right: 40px;padding-top: 20px;padding-bottom: 20px;}
.index_02-1 > form{width: 100%;float: left;}
.index_02-1 > form input{width: calc(100% - 30px);height: 30px;padding: 2px 10px;}
.index_02-1 > form button{width: 30px;height: 30px;padding: 0px;background-color: #006acd;color: #ffffff;border-radius: 0px;}
.index_03{width: 100%;float: left;}
.index_03-1{width: 100%;float: left;background-color: #fff;}
.index_03-2{width: 100%;float: left;border: none;padding-left: 35px;padding-right: 35px;}
.index_03-1 .smart-body{width: 100%;float: left;padding-top: 11px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{bottom: 0px;border: none;background-color: #004e97;color: #fff;}
.nav-tabs > li > a{background-color: #eaeaea;color: #a9a9a9;margin-right: 3px;padding: 2px 15px;border-radius: 3px;border:none;float: left;}
.nav-tabs > li.active > a{background-color: #006acd;color: #e6e6e6;border:none;}
.nav-tabs > li > a:hover,.nav-tabs > li > a:focus{border: none;}
.nav-tabs > li > a svg{position: relative;top:1px;}
.index_03-3{float: right !important;}
.index_03-3 > a{background-color: #006acd !important;color: #ffffff !important;}
.index_03-3 > a:hover,.index_03-3 > a:focus{background-color: #004e97 !important;}
.index_03-4{width: 100%;float: left;padding: 50px 0px;}
.index_03-4 > div{width: 100%;float: left;}
.index_03-5{padding-right: 45px;padding-left: 45px;margin-bottom: 30px;}
.index_03-6{width: 100%;float: left;}
.index_03-6 img{width: 100%;max-width: 100%;}
.index_03-5 h4,.index_03-5 h4 > a{color: #333333;font-weight: bold;font-size: 18px;float: left;margin: 0px;}
.index_03-5 h4{margin-top: 25px;margin-bottom: 25px;}
.index_03-5 .sty:hover h4 {color:#000;}
.index_03-5 p{color: #333333;float: left;font-size: 12px;text-align:justify;text-justify:inter-ideograph;margin: 0px;margin-bottom: 22px;}
.index_03-5 .more{color: #fff;background-color: #004e97;border-radius: 3px;font-size: 12px;padding: 4px 15px;padding-right: 10px;}
.index_03-5 .more svg{position: relative;top: 2.5px;margin-left: 20px;}
.index_03-5 .more:hover{background-color: #006acd;}
.index_pro{width: 100%;float: left;background-color:#fafafa;}
.index_pro img{width: 100%;max-width: 100%;}
.index_04{width: 100%;float: left;background-color: #fff;}
.index_04-1{width: 100%;float: left;padding-top: 68px;padding-bottom: 68px;}
.index_04-2{padding-left: 25px;padding-right: 30px;}
.index_04-3{width: 100%;float: left;}
.index_04-3 h2{float: left;color: #2e231d;font-size: 18px;font-style: italic;margin: 0px;}
.index_04-3 h2 strong{color: #006acd;font-size: 20px;font-weight: bold;font-style: italic;}
.index_04-3 h2 span{font-size: 30px;font-style: italic;}
.index_04-4{float: right;margin: 0px;margin-top: 13px;}
.index_04-4 > a{background-color: #006acd;color: #ffffff;border-radius: 3px;padding: 2px 15px;}
.index_04-4 > a svg{position: relative;top: 1px;}
.index_04-4 > a:hover,.index_04-4 > a:focus{background-color: #004e97;}
.index_04-5{width: 100%;float: left;margin-top: 40px;}
.index_04-5 .col-xs-12{height:300px;overflow:hidden;}
.index_04-6 {width:100%;float:left;}
.index_04-6 > .swiper-slide,.index_02-3 > .swiper-slide a {width:100%;float:left;}
.index_04-7 {width:20%;float:left;padding-right:21px;}
.index_04-8 {width:80%;float:left;padding-top:6px;padding-bottom:6px;}
.index_04-7 > p {width:100%;float:left;margin:0px;text-align:center;background-color:#555555;color:#fff;font-weight:bold;font-size:12px;}
.index_04-8 > h3 {width:100%;color:#3f3f3f;float:left;font-size:16px;margin:0px;font-weight:bolder;margin-bottom:8px;max-height:22px;overflow: hidden;line-height: 150%;}
.index_04-8 > p {width:100%;float:left;margin:0px;font-size:12px;color:#666666;max-height: 34px;overflow: hidden;}
.index_04-6 > .swiper-slide {margin-bottom:30px;}
.index_04-7 > p.time1 {font-size:28px;padding-top:5px;}
.index_04-7 > p.time2 {padding-bottom:10px;}
.index_04-6 > .swiper-slide a:hover .index_04-7 > p {background-color:#004e97;}
.index_04-6 > .swiper-slide a:hover .index_04-8 > h3 {color:#004e97;}
.index_04-9{width: 100%;float: left;background-color: #d6d6d6;height: 1px;margin-top: 21px;}
.index_05{padding-left: 44px;}
.index_05-1{width: 100%;float: left;padding-top: 40px;padding-right: 90px;}
.index_05-1 img{width: 100%;max-width: 100%;}
.index_05-1 a{display: inline-block;}
.index_05-1 .start{width: auto;max-width: 100%;position: absolute;left: 0px;top:43%;margin-left: 38%;opacity:0.7;filter:alpha(opacity=70);}
.index_05-1 a:hover .start{opacity:1;filter:alpha(opacity=100);}
.index_06{width: 100%;float: left;background-color:#408fda;min-height: 100%;}
.index_06-1{width: 100%;float: left;padding-top: 120px;padding-bottom: 90px;}




/**/
/*headin*/
.headin_01{width: 100%;float: left;text-align: center;margin: 0 auto;
    background-attachment: scroll;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    height: 17.05vw;
	min-height:164px;
	margin-top:-2px;
}
.headin_01-1{
    float: left;text-align: left;margin: 0;
    color: #3b3b3b;
    font-size: 18px;
    font-weight: bold;
    text-transform:uppercase;
}
.headin_01-2{  float: right;text-align: right;margin: 0;
    font-size: 14px;
    text-transform:uppercase;
    color:#4b4b4b;
}
.headin_01-2 > *{color: #4b4b4b;}
.headin_01-2 a:hover{color: #048bd1}
.headin_01-2 span{color: #048bd1;}
.headin_01-2 > i{margin-right: 5px;font-size: 16px;}



/*pro+left*/

.left_01{width: 26%;float: left;margin-top:61px;}
.left_02{width: 100%;float: left;padding-right: 34px;}
.left_02 .panel{border-radius: 0px;border:none;border-bottom: 1px solid #ddd;}
.left_02 .accordion{margin: 0px;}
.left_02 .panel-default > .panel-heading{background-color: #fff;border:none;}
.left_02 .panel-title{color: #121212;font-weight: bold;font-size: 16px;margin-left: 60px;}
.left_02 .click-title{float: left;text-align: left;font-size: 16px;color: #048bd1;position: absolute;margin-left: 25px;margin-top: 2px;}
.left_02 .panel-heading > a > span{font-family:none !important;float: right;font-weight: bolder;color: #048bd1;font-size: 29px;margin-top: -12px;margin-right: -8px;display: none;}
.left_02 .panel-heading.select_on > a > span{display: block;font-family:none !important;}
.left_02 i{line-height: 130%;}
.left_02 .click-title .fa-minus{display: block;}
.left_02 .click-title .fa-plus{display: none;}
.left_02 .click-title.collapsed .fa-minus{display: none;}
.left_02 .click-title.collapsed .fa-plus{display: block;}
.left_02 > .panel-body{padding:0px;margin: 0px;margin-bottom: 25px;}
.panel-collapse > .panel-body{background-color: #f3f3f3;float: left;width: 100%;padding: 0px;}
.left_02 .panel-body > a{font-size: 14px;color: #898989;padding: 11px 0px;float: left;margin-left: 65px;}
.left_02 .panel-body > .clearfix{border-bottom: 1px solid #e7e7e7;}
.left_02 .panel-body > a:hover{color: #048bd1;}
.pro_right{width: 74%;float: left;}
.left_02 .panel-group{margin-bottom:0px;}
.left_02 .panel-heading{padding: 17px 0px;border-radius: 0px;padding-left: 5px;padding-right: 5px;}
.left_02 .panel-heading:hover{background-color: #048bd1;}
.left_02 .panel-heading:hover a{color: #fff;}
.panel-group .panel + .panel{margin-top: 1px;}
.select_on{background-color: #fff !important;}
.select_on a{color: #048bd1 !important;}
.left_02-1{width: 100%;float: left;background-color: #048bd1;padding: 25px;}
.left_02-2{float: left;color: #fff;font-size: 50px;line-height: 85%;margin-right: 3px;}
.left_02-3{color: #fff;float: left;}
.left_02-3 > h2{color: #ffffff;font-weight: bolder;font-size: 20px;margin: 0px;margin-bottom: 3px;}
.left_02-3 > h3{text-transform:uppercase;color: #ffffff;font-size: 18px;margin: 0px;}
.left_02-4{width: 100%;float:right;position:relative;text-align:right;}
.left_02-4 > a{width: 100%;float: left;}
.left_02-4 img{width: 100%;max-width: 100%;}

.hiddenpage{display: none;}

.pro_01{width: 100%;float: left;}
.pro_02{width: 100%;float: left;margin-bottom:50px;}
.pro_02-1{width: 100%;float: left;border-bottom: 1px solid #e8eae9;font-weight: bold;font-size: 14px;line-height: 100%;padding-bottom: 20px;margin-bottom: 25px;padding-top: 25px;}
.pro_03{min-width: 100%;float: left;margin-left: -15px;margin-right: -15px;padding-bottom:40px;min-height:830px;}
.pro_03-1{padding-left: 15px;padding-right: 15px;}
.pro_03-2{width: 100%;float: left;overflow: hidden;margin-bottom: 35px;}
.pro_03-2 > a{width: 100%;float: left;text-align:left;margin:0;}
.pro_03-3{width: 100%;float: left;height: 170px;text-align: left;margin: 0;}
.pro_03-3 img{height: 100%;text-align: center;max-width: 100%;width:100%;}
.pro_03-2  h3{width: 100%;color: #343434;font-weight: bold;font-size: 16px;margin: 0;text-transform:uppercase;margin-top: 25px;margin-bottom: 15px;float: left;}
.pro_03-2  p{width: 100%;color: #878787;font-weight: bold;font-size: 14px;margin: 0;min-height: 70px;float: left;}
.pro_03-2 > a:hover h3{color: #048bd1;}
.pro_03-2 > a:hover .dtl31 img{transform: scale(1.4);}

.pros_01{width: 100%;float: left;}
.pros_02{width: 100%;float: left;padding-top:0px;padding-bottom: 75px;}
.pros_02 .ug-strip-arrow{background-color: #f3f3f3;}
.pros_02 .jq22-container{width: 60%;float: left;padding-right: 35px;}
.pros_03{width: 40%;float: left;padding-left: 50px;padding-top: 15px;padding-bottom: 15px;}
.pros_03-1{width: 100%;float: left;}
.pros_03-2{width: 100%;float: left;}
.pros_03 > h2{color: #232323;font-size: 24px;font-weight: bold;margin: 0px;float: left;text-transform:uppercase;width: 100%;margin-bottom: 25px;}
.pros_03-1 p{color: #9f9f9f;font-size: 14px;float: left;width: 100%;text-transform:uppercase;}
.pros_03-1 p strong{color: #312f2f;float: left;}
.pros_03-4{width: 100%;margin-top: 25px;margin-bottom: 25px;float: left;}
.pros_03-4 > div{float: left !important;clear: none !important;}
.pros_03-4 .bdsharebuttonbox{margin-top: -9px;}
.pros_03-4 > h4{color: #312f2f;font-size: 14px;font-weight: bold;margin: 0px;float: left;margin-right: 10px;}
.pros_03 > a{background-color: #048bd1;color: #fff;font-size: 14px;font-weight: bold;text-align: center;width: 100%;border-radius: 3px;display: block;text-transform:uppercase;border: 1px solid #048bd1;padding: 8px;}
.pros_03 > a:hover{background-color: #fff;color: #048bd1;}
.pros_03 > a i{font-size: 20px;margin-right: 10px;}
.pros_03-4{float: left;padding: 0px;width: auto;}
.pros_04{width: 100%;float: left;}
.pros_04-1{width: 100%;float: left;}
.pros_04-1 > div{background-color:#048bd1;width:6px;height:35px;margin-right:4px;float:left;}
.pros_04-1 > p{background-color: #048bd1;float: left;color: #fff;font-size: 16px;font-weight: bold;text-transform:uppercase;margin: 0px;padding: 6px 13px;width: calc(100% - 10px);}
.pros_04-2{width: 100%;float: left;padding: 30px 15px;min-height: 700px;margin-bottom:70px;}
.pros_04-2 img{max-width: 100%;}
.pros_05{width: 100%;float: left;}
.pros_05-1{min-width: 100%;margin-left: -15px;margin-right: -15px;margin-top: 50px;}
.pros_05-2{padding: 0px 15px;}
.pros_05-3{width: 100%;float: left;}
.pros_05-4,.pros_05-4 img{width: 100%;float: left;}
.pros_05-3 > p{width: 100%;text-align: center;margin: 0 auto;color: #343434;text-transform:uppercase;font-size: 16px;font-weight: bold;margin-top: 30px;margin-bottom: 30px;}
.pros_05-2:hover .pros_05-3 > p{color: #048bd1;}
.pros_06{width: 100%;float: left;}
.pros_06-1{width: 100%;float: left;padding-top: 40px;padding-bottom: 65px;padding-left: 15px;padding-right: 15px;}

.con_01{width: 100%;float: left;}
.con_02{width: 64%;float: left;}
.con_03{width: 100%;float: left;}
.con_03-1{width: 100%;float: left;padding-top: 45px;padding-left: 25px;padding-right: 25px;padding-bottom: 45px;}
.con_03-1 > h2{width: 100%;float: left;margin:0px;margin-bottom: 30px;color: #4a4a4a;font-size: 30px;font-weight:bold;}
.con_03-1 > p{margin-bottom: 5px;color: #4a4a4a;font-size: 18px;float: left;width: 100%;}
.con_03-2{width: 100%;float: left;padding: 90px;}
.con_03-2 .distribution-map .map-point{border:none;}
.con_03-3{width: 100%;float: left;padding-bottom: 55px;}
.con_03-3 table{width: 100%;float: left;}
.con_03-3 table tr{float: left;width: 100%;}
.con_03-3 table td{float: left;}
.con_03-3 table td a{color: #048bd1;text-align: center;font-size: 14px;font-weight: bold;}
.con_03-3 table td a:hover{text-decoration:underline;}
.con_03-3 > h2{margin: 0px;background-color: #f1f1f1;color: #4b4b4b;font-size: 14px;width: 100%;float: left;padding: 15px 28px;}
.con_03-4{width: 100%;float: left;border-bottom: 1px dotted #ededed;}
.con_03-4 > p{float: left;color: #292929;font-size: 14px;margin-left: 30px;margin-top: 15px;margin-bottom: 15px;}
.con_03-3 > h4{color: #292929;float: left;width: 100%;font-size: 14px;margin-left: 30px;}
.con_03-5,.con_03-6{width: 100%;float: left;color: #292929;font-size: 14px;padding-left: 30px;margin-bottom: 27px;}
.con_03-3 > a{margin-left: 30px;float: left;}
.con_03-3 > a img{max-width: 100%;opacity:0.8;filter:alpha(opacity=80);}
.con_03-3 > a:hover img{opacity:1;filter:alpha(opacity=100);}



.new_01{width: 100%;float: left;}
.new_02{width: 100%;float: left;}
.new_04{padding-left: 20px;}
.new_03{width: 74%;float: left;}
.new_03-1{width: 100%;float: left;padding-bottom:40px;}
.new_03-2{width:100%;float: left;border-bottom: 1px solid #e6e6e6;padding-bottom: 20px;margin-bottom: 25px;}
.new_03-3{padding-right: 10px;width: 20%;float: left;}
.new_03-4{padding-left:0px;width: 80%;float: left;}
.new_03-3 > a,.new_03-3 > a img{width: 100%;float: left;opacity:0.8;filter:alpha(opacity=80);}
.new_03-4 > h3,.new_03-4 > h3 a{color: #232323;font-size: 18px;font-weight:bold;margin: 0px;float: left;text-transform:uppercase}
.new_03-4 > h3{margin-bottom: 7px;}
.new_03-2:hover img{opacity:1;filter:alpha(opacity=100);}
.new_03-2:hover .new_03-4 > h3 a{color: #048bd1;}
.new_03-4 > p{width: 100%;float: left;color: #797979;font-size: 16px;margin: 0px;min-height: 40px;margin-top: 5px;}

.news_01{width: 100%;float: left;}
.news_02{width: 74%;float: left;text-align: center;padding-top:0px;}
.news_02-1{width: 100%;text-align: center;margin: 0 auto;}
.news_02-1 > span{color: #9e9e9e;font-size: 12px;}
.news_03{width: 100%;float: left;margin-top: 25px;padding-bottom: 30px;}
.news_03 img{max-width: 100%;max-height: 100%;}
.news_02 > h2{width: 100%;text-align: center;margin: 0 auto;display: inline-block;color: #232323;font-size: 30px;font-weight: bold;margin-bottom: 20px;text-transform:uppercase;}
.news_04{width: 100%;float: left;padding: 0px;margin: 0px;}
.news_04 .bdsharebuttonbox{margin-top: -6px;min-height: 28px;}
.news_04 h4{margin-right: 0px;}

.abo_01{width: 100%;float: left;}
.abo_02{width: 64%;float: left;}
.abo_03{width: 100%;float: left;padding-bottom: 25px;}
.abo_03 img{max-width: 100%;}
.abo_03 > *{max-width: 100%;}

.reg_01{width: 100%;float: left;}
.reg_02{width: 100%;float: left;text-align: center;margin: 0 auto;}
.reg_03{width: 100%;float: left;padding-top: 70px;padding-bottom: 50px;}
.reg_04{width: 100%;float: left;}
.registration .form-group{width: 100%;float: left;}
.registration .form-group > button.validate{
	border-color:#3390C7;
	background-color:#3390C7;
}
.registration .form-group > button.validate:hover{
	background-color:#3089bd;
}
.registration .group-control{width: 100%;float: left;}
.registration .form-group label {
    color: #747373;
    font-weight: 400;
    text-align: left;
    float: left;
    padding-left: 20px;
}
.registration .group-control input {
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    min-height: 46px;
    outline: 0 none;
    padding-left: 10px;
    width: 90%;
}
.registration .group-control input:focus {
    border: 1px solid #3390C7;
    box-shadow: none;
    outline: 0 none;
}
.registration .sign-in-text {
    color: #c8c8c8;
    font-size: 14px;
    margin-top: 12px;
    text-align: left;
    padding-left: 30px;
}
.registration .sign-in-text a{color: #3390C7;}
.form-code{float: left;text-align: left;padding-left: 20px;padding-top:28px;}
.form-code #ckstr{height: 40px;text-align: left;}
.form-code a{display: inline-block;width: auto;color: #3390C7;}
.form-heading > h3 {
    color: #1e1e1e;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 20px -36px;
    text-transform: uppercase;
}
.form-heading > h3 i {
    color: #048bd1;
    font-weight: 500;
    margin-right: 8px;
}
.form-heading img {width: 195px;}
.registration .form-heading p {
    color: #9f9f9f;
    font-size: 14px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.log_01{width: 100%;float: left;}
.log_02{width: 100%;float: left;padding-top: 70px;padding-bottom: 50px;}
.log_03{width: 100%;float: left;}
.login-description > h3 {
    color: #1e1e1e;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 20px -36px;
    text-transform: uppercase;
}
.login-description > h3 i {
    color: #048BD1;
    font-weight: 500;
    margin-right: 8px;
}
.login-description img {width: 195px;}
.page-login-form .login-description p {
    color: #9f9f9f;
    font-size: 14px;
    margin-top: 22px;
}
.page-login-form .group-control input {
    border: 1px solid #f0f0f0;
    min-height: 46px;
    outline: 0 none;
    width: 100%;
    border-radius: 5px;
    padding-left: 10px;
}
.page-login-form .group-control input:focus {
    border: 1px solid #3390C7;
    box-shadow: none;
    outline: 0 none;
}
.page-login-form .form-group button.btn.btn-login {
	border-color:#3390C7;
	background-color:#3390C7;
    box-shadow: 0 2px #2a77a4;
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    margin-top: 3px;
    padding: 8px 20px;
    width: auto;
}
.page-login-form .form-group button.btn.btn-login:hover{
	background-color:#3089bd;
}
.page-login-form .checkbox label {
    color: #c8c8c8;
}
.form-links ul {
    list-style: outside none none;
    margin: 0 -5px;
    padding: 0;
    text-align: center;
}
.form-links ul > li a {
    color: #9f9f9f;
    font-size: 16px;
}
.form-links ul > li a:hover{color: #3390C7;}
.login.box .form-group{margin-bottom: 30px;}
.form-validate{margin-top: 20px;}

.ser_01{width: 100%;float: left;}
.ser_02{width: 64%;float: left;}
.ser_03{width: 100%;float: left;border: 3px solid #e9e9e9;padding: 28px 18px;margin-bottom: 35px;}
.table-responsive  table {margin-bottom:20px !important;}
/*map*/
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.centered-y {
    position: absolute;
    width: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	height:100%;
	overflow:auto;
}

.distribution-map {
    position: relative;
    width: 100%;
    padding: 0px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.distribution-map > img {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.distribution-map .map-point {
    cursor: pointer;
    outline: none;
    z-index: 0;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius:12px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out, z-index 0.25s ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, width 0.25s ease-in-out 0.25s, height 0.25s ease-in-out 0.25s, z-index 0.25s ease-in-out 0.25s;
    background-color: rgba(26, 26, 26, 0.7);
    border: 2px solid #408fda;
}

.distribution-map .map-point .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    width: 100%;
    height: 100%;
    left: 50%;
    /*-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);*/
    overflow: auto;
}
.distribution-map .map-point .content *{
    display:none;
    -ms-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
}
.distribution-map .map-point.active *{display:block;text-align:center;}
.distribution-map .map-point.active{
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 250px;
    height: 300px;
    color: #e5e5e5;
    z-index: 99;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    border-radius:0px;
    border: none;
}
.distribution-map .map-point.active .content{
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    overflow: hidden;
}
.distribution-map .map-point.active .content a:hover, .distribution-map .map-point.active .content a:active {
    color: #afe1fa;
}

.distribution-map .map-point:focus *{display:block;}
.distribution-map .map-point:focus {
    margin: 0;
    padding: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    width: 250px;
    height: 300px;
    color: #e5e5e5;
    z-index: 99;
    -webkit-transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out, width 0.25s ease-in-out, height 0.25s ease-in-out;
    border-radius:0px;
    border: none;
}
.distribution-map .map-point:focus .content {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -ms-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -moz-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -o-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out, height 0 ease-in-out, overflow 0 ease-in-out;
    -webkit-transition-delay: 0.25s, 0.25s, 0.25s;
    -webkit-transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    transition: opacity 0.25s ease-in-out 0.25s, height 0 ease-in-out 0.25s, overflow 0 ease-in-out 0.25s;
    overflow: hidden;
}
.distribution-map .map-point:focus .content a:hover, .distribution-map .map-point:focus .content a:active {
    color: #afe1fa;
}

.distribution-map .map-point h2{text-transform:uppercase;width: 90%;margin-left: 12px;padding-bottom:0px;word-break:break-all;word-wrap:break-word;font-size: 23px;}
.distribution-map .map-point h3{text-transform:uppercase;border-bottom: 1px solid #f8f8f8;width: 90%;margin-left: 12px;margin-top:0px;padding-bottom: 15px;word-break:break-all;word-wrap:break-word;font-size:15px;}
/*map-end*/




.dtl29 {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    -o-transition:all 0.3s ease 0.1s;
    transition:all 0.3s ease 0.1s;
}
.dtl29 > a{width: 100%;float: left;}
.dtl29:hover,.dtl29:focus{
    -o-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4);
}
.dtl29 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dtl29 .dtl {
    background: rgba(51, 51, 51, 0.5);
    width: 310px;
    position: absolute;
    height: auto;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dtl29 .dtl h3,
.dtl29 .dtl p,
.dtl29 .dtl a {
    position: relative;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dtl29 .dtl h3 {
    padding: 12px 15px;
    width: 100%;
    background: #1c1511;
    color: #d7d7d7;
    font-size: 20px;
    font-weight: bold;
    margin:0px;
}
.dtl29 .dtl a {
    margin-right: 0px;
    background: #ffb700;
    border-radius: 0px;
    color: #e8e8e8;
    float: right;
    font-weight: bold;
    text-transform:uppercase;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    font-size: 16px;
    padding: 12px 10px;
    text-align: center;
    margin: 0px;
    position: absolute;
    right: -1px;
    top: 0px;
}
.dtl29:hover .dtl p,
.dtl29:hover .dtl a,
.dtl29:hover .dtl h3 {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.dtl29:hover .dtl {
    visibility: visible;
    opacity: 1;
}
/******/
/*===============================================================================================================================================================================================================*/
/*上下篇*/
.updown {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: left;
    float: left;
    width: 100%;
}
.updown  * {
    color: #898989;
    font-size: 14px;
}
.updown strong{color: #3d3d3d;}
.updown a:hover{color: #408fda;}
/*===============================================================================================================================================================================================================*/
/*===============================================================================================================================================================================================================*/
/*图片悬浮效果*/
.cul_03{text-align: center;margin: 0 auto;top:-25px;}
.cul_03 a{display: inline-block;background:none;}
.cul_03 img{width: 336px;height: 242px;}
.cul_03 p{
    text-align:center;
    color:#000000;
    font-size:24px;
    margin:0 auto;
    position:absolute;
    bottom:-45px;
    transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -webkit-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    background:none;
    width: 100%;
}
.cul_03 .img:hover p{color:#048bd1;}
.cul_03 .img{
    text-align: center;
    margin: 0 auto;
    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -o-transform:scale(0.6);
    transform:scale(0.6);
    display: inline-block;
    margin-left:-50px;
    margin-right:-50px;
    top:-10px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background: none;
    position: relative;
}
.cul_03 .img img{
    padding:5px;
    background:none;
    border:1px solid #c1c1c1;
}
.cul_03 .img:hover{
    -webkit-transform:scale(0.8);
    -webkit-box-shadow:0px 0px 30px #ccc;
    -moz-transform:scale(0.8);
    -moz-box-shadow:0px 0px 30px #ccc;
    -ms-transform:scale(0.8);
    -ms-box-shadow:0px 0px 30px #ccc;
    -o-transform:scale(0.8);
    -o-box-shadow:0px 0px 30px #ccc;
    transform:scale(0.8);
    box-shadow:0px 0px 30px #ccc;
    background: none;
}
.cul_03 .img:hover img{border-color:#048bd1;}
.cul_03 .img .mask{
    width: 100%;
    background-color: rgb(0, 0, 0);
    position: absolute;
    height: 100%;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration:0.5s;
    transition-duration:0.5s;
}
#img-1:hover .mask{
    height:0%;
    opacity:0.6;
    filter:alpha(opacity=60);
}
#img-2:hover .mask{
    height:0%;
    margin-top:130px;
    opacity:0.6;
    filter:alpha(opacity=60);
}
#img-3:hover .mask{
    margin-left:219px;
    margin-top:135px;
    height:0%;
    width:0%;
    opacity:0.6;
    filter:alpha(opacity=60);
}
#img-4:hover .mask{
    margin-left:219px;
    margin-top:135px;
    height:0%;
    width:0%;
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(360deg);
    opacity:0.6;
    filter:alpha(opacity=60);
}
#img-5:hover .mask{
    margin-left:219px;
    margin-top:135px;
    height:0%;
    width:0%;
    -webkit-transform: rotateZ(750deg);
    -moz-transform: rotateZ(750deg);
    -ms-transform: rotateZ(750deg);
    -o-transform: rotateZ(750deg);
    transform: rotateZ(750deg);
    opacity:0.6;
    filter:alpha(opacity=60);
}
/*===============================================================================================================================================================================================================*/
/*===============================================================================================================================================================================================================*/
/* --------------------------------

Main Components

-------------------------------- */
.cd-product-viewer-wrapper {
    text-align: center;
    padding: 2em 0;
}
.cd-product-viewer-wrapper > div {
    display: inline-block;
}
.cd-product-viewer-wrapper .product-viewer {
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
}
.cd-product-viewer-wrapper img {
    /* this is the image visible before the image sprite is loaded */
    display: block;
    position: relative;
    z-index: 1;
}
.cd-product-viewer-wrapper .product-sprite {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    /* our image sprite is composed by 16 frames */
    width: 1600%;
   /* background: url(/img/alfa.jpg) no-repeat center center;*/
    background-size: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.cd-product-viewer-wrapper.loaded .product-sprite {
    /* image sprite has been loaded */
    opacity: 1;
    cursor: ew-resize;
}
.cd-product-viewer-handle {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 360px;
    border-radius: 50em;
    margin: 1em auto 3em;
    height: 15px;
    background: #d9d9d9;
    left: -50px;
}
.cd-product-viewer-handle .fill {
    /* this is used to create the loading fill effect */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: inherit;
    background: #6a717a;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -ms-transition: -moz-transform 0.5s;
    -o-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}
.no-csstransitions .cd-product-viewer-handle .fill {
    display: none;
}
.loaded .cd-product-viewer-handle .fill {
    /* image sprite has been loaded */
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
    -ms-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
    -o-transition: -moz-transform 0.3s, opacity 0.2s 0.3s;
    transition: transform 0.3s, opacity 0.2s 0.3s;
}
.cd-product-viewer-handle .handle {
    position: absolute;
    z-index: 2;
    display: inline-block;
    height: 15px;
    width: 44px;
    left: 0;
    top: 0px;
    border-radius: 15px;
    /*background: url(../img/pro_btn.png) no-repeat center center;*/
    /* replace text with image */
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    -webkit-transform: translateX(-50%) scale(0);
    -moz-transform: translateX(-50%) scale(0);
    -ms-transform: translateX(-50%) scale(0);
    -o-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}
.cd-product-viewer-handle .handle:active {
    box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, 0.2);
}
.loaded .cd-product-viewer-handle .handle {
    /* image sprite has been loaded */
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    -webkit-animation: cd-bounce 0.3s 0.3s;
    -moz-animation: cd-bounce 0.3s 0.3s;
    -ms-animation: cd-bounce 0.3s 0.3s;
    -o-animation: cd-bounce 0.3s 0.3s;
    animation: cd-bounce 0.3s 0.3s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    cursor: ew-resize;
}
@-webkit-keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
    }
}
@-moz-keyframes cd-bounce {
    0% {
        -moz-transform: translateX(-50%) scale(0);
    }
    60% {
        -moz-transform: translateX(-50%) scale(1.1);
    }
    100% {
        -moz-transform: translateX(-50%) scale(1);
    }
}
@keyframes cd-bounce {
    0% {
        -webkit-transform: translateX(-50%) scale(0);
        -moz-transform: translateX(-50%) scale(0);
        -ms-transform: translateX(-50%) scale(0);
        -o-transform: translateX(-50%) scale(0);
        transform: translateX(-50%) scale(0);
    }
    60% {
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    100% {
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
}





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

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

}
@media only screen and (max-width: 1200px){}
@media only screen and (max-width: 1199px){
    .head_04 .nav > li{width: 18%;}
    .head_04 .nav > li > a > .nav_u{font-size: 17px;}
    .head_04 .nav > li > a > .nav_d{font-size: 15px;}
    .car_tit h3{font-size: 48px;}
    .car_tit p{font-size: 28px;margin-bottom: 3.5%;}
    .index_03-5{padding: 0 40px;}
    .index_05-1{padding-right: 0px;}
    .pro_03-3{height: 139px;}
    .pros_02 .jq22-container{padding-right: 20px;}
    .pros_03{padding-left: 30px;}
    .new_03-3{width: 35%;}
    .new_03-4{width: 65%;}
    .index_05-1 .start{margin-left: 45%;}
	.headin_01{margin-top:-1px;}
	.left_02-4 > a:last-child{font-size:13px;margin-bottom:-2px;}
}
@media only screen and (min-width: 1024px){}
@media only screen and (max-width: 960px){.headin_01{background-size:auto 100%;}}
@media only screen and (max-width: 991px){
    .head_02{width:250px;padding-top:15px;}
    .head_03{width:calc(100% - 250px);}
	.con_03-2{padding:50px;}
	.head_04 .nav > li{width: 19%;}
    .head_04 .nav > li > a > .nav_u{font-size: 14px;}
    .head_04 .nav > li > a > .nav_d{font-size: 12px;}
    ul.sub-menu{top:92px;}
    ul.sub-menu > li > a{font-size: 12px;}
    .car_tit h3{font-size: 38px;}
    .car_tit p{font-size: 20px;margin-bottom: 2.5%;}
    .index_02-1{width: 490px;}
    .index_03-5{padding: 0 15px;}
    .index_04-2{padding-left: 0px;padding-right: 20px;}
    .index_04-7{padding-right: 15px;}
    .left_02-1{padding-left: 15px;padding-right: 15px;}
    .left_02 .panel-title{margin-left: 30px;}
    .left_02 .click-title{margin-left:5px;}
    .left_02 .panel-body > a{margin-left: 35px;}
    .pro_03-3{height: 166px;}
    .pros_02 .jq22-container{padding-right: 0px;width: 100%;}
    .pros_03{padding-left: 0px;width: 100%;}
    .new_03-3{width: 100%;margin-bottom: 20px;}
    .new_03-4{width: 100%;}
    .index_05-1 .start{margin-left: 43%;}
    .cul_03 img{width: 100%;height: 100%;}
	.headin_01{margin-top:0px;}
	.left_02-4 > a:last-child{font-size:12px;}
	.table-responsive {
		max-width:100% !important;
	}
	.table-responsive  table {
		margin-bottom: 0;
		max-width:100% !important;
		width:auto !important;
	}
	.table-responsive  table > thead > tr > th,
	.table-responsive  table > tbody > tr > th,
	.table-responsive  table > tfoot > tr > th,
	.table-responsive  table > thead > tr > td,
	.table-responsive  table > tbody > tr > td,
	.table-responsive  table > tfoot > tr > td {
		max-width:100% !important;
		word-break:break-all;
		word-wrap:break-word;
		width:auto !important;
		min-width:65px !important;
	}
}
@media only screen and (min-width: 768px){}
@media only screen and (max-width: 767px){
    .head_02{padding-top: 0px;padding-bottom: 2px;padding-top: 5px;position: relative;z-index: 9999;}
    .head_03{padding-top: 6px;position: absolute;width: 100%;left: 0px;}
    .head_03-2{overflow-y:scroll;margin-top:17px;height:100vh;}
    .head_04 .nav > li{width: 100%;float: left;border-bottom: 1px solid #e1e1e1;}
    .head_04 #nav{margin-left:0px;margin-right:0px;padding-right:0px;background-color:#fafafa;margin-top:0px;min-height:100vh;}
    ul.sub-menu{width: 100%;min-width: 100%;top:52px;position: relative;top: 0px;}
    ul.sub-menu.two{width: 100%;margin-right: 0px;position: relative;top: 0;}
    .nav.navbar-nav > li:hover > ul.sub-menu,.nav.navbar-nav > li  > ul:hover{animation:none;display: none;}
    ul.sub-menu > li:hover > ul.sub-menu.two,ul.sub-menu > li > ul.two:hover{animation:none;display: none;}
	ul.sub-menu.two li a i{font-size:18px;margin-left:5px;position:relative;top:-2px;}
    .head_04 .nav > li > a > .nav_u{display: none !important;}
    .head_04 .nav > li > a{padding: 15px;}
    .head_04 .nav > li > a:hover > .nav_d,.head_04 .nav > li > a:focus > .nav_d{display: inline;}
    .head_04 .nav > li > a:hover,.head_04 .nav > li > a:focus{padding: 15px;}
    .fot_03-1,.fot_03-2{padding-left: 15px;padding-right: 15px;}
    .index_02-1{width: 50%;}
    .index_03-5{padding: 0 30px;}
    .index_04-2{padding-right: 0px;margin-bottom: 35px;}
    .index_05{padding-left: 0px;}
    .pro_right{width: 100%;margin-right: 0px;}
	.news_02{width:100%;}
    .pro_03-3{height: 29.2vw;}
    .new_03-3{width: 30%;margin-bottom:0px;}
    .new_03-4{width: 70%;}
    .index_05-1 .start{margin-left: 0%;left: 45%;left: calc(50% - 46.5px);}
    .ser_02,.con_02,.abo_02{width: 100%;}
    .cul_03 img{width: 336px;height: 242px;}
	.con_03-2{padding:20px;}
}
@media only screen and (max-width: 700px){
    .carousel-inner{height: 230px;}
    .carousel-inner .item{height: 100%;}
    .carousel-inner .item > img{min-width:100%;width: auto;height: 100%;max-width:none;position:absolute;left:calc(50% - 351.5px);}
    .carousel-caption{bottom:30px;}
    .index_06{min-height: auto;}
}
@media only screen and (max-width: 600px){
    .new_03-3{width: 100%;margin-bottom:20px;}
    .new_03-4{width: 100%;}
    .cul_03{width: 100%;}
    .cul_03 img{width: 100%;height: 100%;}
	.headin_01-2{width: 100%;margin-top: 15px;float: left;text-align: left;}
    .ke-zeroborder{width: 600px !important;}
	.distribution-map .map-point.active, .distribution-map .map-point:focus{left:50% !important;top:53% !important;}
}
@media only screen and (max-width: 525px){
    .index_02-1{width: 100%;padding-left: 35px;}
    .index_03-5{width: 100%;}
    .index_03-3{float: left;position: relative;width: 100%;top:25px;}
    .pros_05-2{width: 100%;}
	.carousel-caption{left:0px;}
	.car_tit img{width:115%;max-width:none;}
}
@media only screen and (max-width: 495px){
    .head_right{width: 100%;}
}
@media only screen and (max-width: 480px){
	.carousel-inner{height:157px;}
	.carousel-inner .item > img{
		left:calc(50% - 240px);
		width:480px;
	}
	.carousel-indicators{bottom:0px;}
}
@media only screen and (max-width: 430px){}
@media only screen and (max-width: 390px){
    .index_04-7{display: none;}

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

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