body, div, h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
html {overflow-y: scroll;overflow-x: hidden;}
html, body {font-size: 16px;color: #333;font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
a {color: #333;text-decoration: none;}
a:hover {color: #018e4a;text-decoration: none;}
img {border: 0 none;}
ol, ul, li {list-style: none;}
div, ul, li {margin: 0px;padding: 0px;list-style-type: none;}
input[type="submit"], input[type="reset"] {cursor: pointer;}
textarea{font-family: arial,"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
.ov {overflow: hidden;}
.f9f9f9{background: #f9f9f9;}
.f2f5fa{background: #f2f5fa;}
i,em{font-style: normal;}
input, textarea, select {outline: none;}
@media (min-width: 1500px){
    html, body{font-size: 16px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    html, body{font-size: 15px;}
}
@media (min-width: 991px) and (max-width: 1199px){
    html, body{font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px){
    html, body{font-size: 14px;}
}
@media (max-width: 767px){
    html, body{font-size: 14px;}
}
.f2f2f2{background: #f2f2f2;}
.middle{display: table-cell;    vertical-align: middle;}
.clear{clear: both;}

@font-face{
    font-family: 'Gats'; 
    src:url('../fonts/Gats.eot');
    src:url('../fonts/Gats.woff') format('woff'),
        url('../fonts/Gats.ttf') format('truetype'),
        url('../fonts/Gats.svg') format('svg');
}


video{width: 100%; height:100%; background: #000;}


.sweet_en{display: none;}
@media (max-width: 767px) {
    .sweet_pc{display: none;}
}
@media (min-width: 768px){
    .sweet_wap{display: none;}

}


/*menu*/
.logo .fff{display: none;}
.navbar .logo img{max-height: 100%;}
.navbar{position: fixed; top: 0px; left: 0px; width: 100%;z-index: 999; color: #333;}
.navbar-nav li{text-align: center; position: relative;}
/*.navbar-nav>li::before{transition: 0.4s;  content: '';  position: absolute;  bottom: 0px;  left: 50%;  transform: translateX(-50%);
  width: 0;  height: 2px;  background: #fff;  transform-origin: center center;}
.navbar-nav>li.act::before, .navbar-nav>li:hover::before {width: 30px;}*/
.navbar-nav>li>a{color: #333; border-radius: 15px;line-height: 30px;}
.navbar-nav .dropdown span{position: relative; padding-right: 15px;}
.navbar-nav .dropdown span:after{content: '∨'; position: absolute; right: 0px; top: 50%; transform: translate(0,-50%);}

.head_ico{float: right;}
.head_ico a{float: left; position: relative;}
.head_ico a .icon{height: 30px;}
.head_ico a.login .icon{background: url(../images/nav_03.png) center center no-repeat; background-size: 100%;}
.head_ico a.weixin .icon{background: url(../images/nav_05.png) center center no-repeat; background-size: 100%;}
.head_ico a .img{position: absolute; top: 100%; left: 50%; transform: translate(-50%,0); width: 150px; background: #fff; text-align:center; box-shadow: 0px 0px 5px #ccc; z-index: 9; display: none; padding: 20px;}
.head_ico a h3{font-size: 16px;}
.head_ico a .img .erweima{margin-top: 10px;}
.head_ico a:hover .img{display: block;}
.head_ico a select{width: 90px; height:30px;}
/*.head_ico a select {width: 80px; direction: rtl;}*/



.dropdown_div{color: #333; overflow: hidden;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
.dropdown_div1{}

.dropdown_div2{margin: 0px auto;}
.dropdown_div2 .list{display: inline-table;}
.dropdown_div2 .list h3{line-height: 2;border-bottom: 2px solid rgba(0,0,0,0.1);}
.dropdown_div2 .list.act h3{border-color: #018e4a;}
.dropdown_div2 .list .desc a{display: block;}





@media (min-width: 1500px){
    .ind_padding{padding-top: 80px;}
    .navbar,.header_height{height: 80px;}
    .dropdown_div{top: 80px;}
    .navbar .logo{margin-top: 15px;}
    .navbar .logo img{height: 50px;}
    .navbar-nav{margin-left: 60px;}
    .navbar-nav li{padding: 25px 0px;}
    .navbar-nav li>a{padding: 0px 30px;}
    
    .head_ico{margin-top: 25px;}
    .head_ico a{margin: 0px 10px; min-width: 26px;}
    

    .dropdown_div{}
    .dropdown_div1{margin: 20px 0px 130px; background: url(../images/dian.png) top 70px center repeat-x;}
    .dropdown_div2 .list{margin: 0px 50px;}
    .dropdown_divte .dropdown_div2 .list{margin: 0px;}
    .dropdown_div2 .list h3{font-size: 18px; line-height: 69px;}
    .dropdown_div2 .list .desc{line-height: 3; margin-top: 20px;}
    .navbar-nav>li:hover .dropdown_div{height: 400px;} 

    
}
@media (min-width: 1200px) and (max-width: 1499px){
    .ind_padding{padding-top: 70px;}
    .navbar,.header_height{height:70px;}
    .dropdown_div{top: 70px;}
    .navbar .logo{margin-top: 13px;}
    .navbar .logo img{height: 44px;}
    .navbar-nav{margin-left: 60px;}
    .navbar-nav li{padding: 20px 0px;}
    .navbar-nav li>a{margin: 0px 20px;}
    
    .head_ico{margin-top: 20px;}
    .head_ico a{margin: 0px 9px; min-width: 24px;}

    .dropdown_div{}
    .dropdown_div1{margin: 20px 0px 90px; background: url(../images/dian.png) top 60px center repeat-x;}
    .dropdown_div2 .list{margin: 0px 30px;}
    .dropdown_divte .dropdown_div2 .list{margin: 0px;}
    .dropdown_div2 .list h3{font-size: 17px; line-height: 59px;}
    .dropdown_div2 .list .desc{line-height: 2.5; margin-top: 15px;}
    .navbar-nav>li:hover .dropdown_div{height: 300px;} 

}
@media (min-width: 992px) and (max-width: 1199px){
    .ind_padding{padding-top: 60px;}
    .navbar,.header_height{height:60px;}
    .dropdown_div{top: 60px;}
    .navbar .logo{margin-top: 10px;}
    .navbar .logo img{height: 40px;}
    .navbar-nav{margin-left: 30px;}
    .navbar-nav li{padding: 15px 0px;}
    .navbar-nav li>a{padding: 0px 12px;}
    
    .dropdown_div{}
    .dropdown_div1{margin: 20px 0px 70px; background: url(../images/dian.png) top 50px center repeat-x;}
    .dropdown_div2 .list{margin: 0px 20px;}
    .dropdown_divte .dropdown_div2 .list{margin: 0px;}
    .dropdown_div2 .list h3{font-size: 16px; line-height: 49px;}
    .dropdown_div2 .list .desc{line-height: 2; margin-top: 12px;}
    .navbar-nav>li:hover .dropdown_div{height: 250px;} 

    .head_ico{margin-top: 15px;}
    .head_ico a{margin: 0px 8px; min-width: 20px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .ind_padding{padding-top: 60px;}
    .navbar,.header_height{height:60px;}
    .dropdown_div{top: 60px;}
    .navbar .logo{margin-top: 15px;}
    .navbar .logo img{height: 30px;}
    .navbar-nav{margin-left: 20px;}
    .navbar-nav li{padding: 15px 0px;}
    .navbar-nav li>a{padding: 0px 5px;}

    .head_ico{margin-top: 15px;}
    .head_ico a{margin: 0px 6px; min-width: 18px;}
    
    .dropdown_div{}
    .dropdown_div1{margin: 20px 0px 50px; background: url(../images/dian.png) top 50px center repeat-x;}
    .dropdown_div2 .list{margin: 0px 10px;}
    .dropdown_divte .dropdown_div2 .list{margin: 0px;}
    .dropdown_div2 .list h3{font-size: 16px; line-height: 49px;}
    .dropdown_div2 .list .desc{line-height: 2; margin-top: 12px;}
    .navbar-nav>li:hover .dropdown_div{height: 250px;} 

}
@media (max-width: 767px) {
    .ind_padding{padding-top: 3.6em;}
    .navbar{ height: 3.6em; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
    .header_height{height: 3.6em;}
    .navbar-nav{min-height: 350px;}
    .navbar .logo{position: absolute; left: 2%; top:0px;}
    .navbar .logo img{ height: 2em; margin-top: 0.8em;}
    .navbar-collapse{position: fixed;  right: 0px;  top: 3.5em;  z-index: 10;  background: rgba(0,0,0,0.9); height: 100%;   width:100%;}
    .navbar-collapse li{border-bottom: 1px #eee solid;line-height: 2; padding: 0.6em 0px;}
    .navbar-collapse li a{}
    .navbar-nav .dropdown span:after{display: none;}

    .dropdown_div{display: none;}
    .dropdown_div1{margin: 1em 0px; }
    .dropdown_div2 .list{margin: 0.4em 1em;}
    .dropdown_divte .dropdown_div2 .list{margin: 0px;}
    .dropdown_div2 .list h3{font-size: 16px; line-height: 2.6; font-weight: bold;}
    .dropdown_div2 .list .desc{line-height: 2; margin-top: 0.5em;}

    .navbar-nav .nav-item i{}
    .navbar-nav .nav-item i:after{content: '∨'; position: absolute; right: 0px; top: 10px;}

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: rgba(255,255,255,0);}
    .navbar-collapse{background: rgba(255,255,255,0.8);}
    .navbar-default .navbar-toggle{border-color: rgba(255,255,255,0); width: 34px; height: 24px; margin-top: 14px; }
    .navbar-toggle .icon-bar{display: none;}

    .navbar-default .navbar-toggle{background: url(../images/closehui.png) center center no-repeat; background-size: auto 100%;}
    .navbar-default .navbar-toggle.collapsed{background: url(../images/wap_menu_07.png) center center no-repeat; background-size: auto 100%;}
}
@media (min-width: 768px){
    .navbar .logo{float: left;}
    .navbar-nav{float: left;}
    .navbar-nav li{ position: relative;}
    
    .dropdown_div{position: fixed; left: 0px; width: 100%; background: rgba(255,255,255,0.9); height:0px; color: #333;}

    .dropdown_divte{position: absolute; left: 50%; transform: translate(-50%,0); width: 150px;}

    
}







.footer{background: #1c202b; color: #fff;}
.footer a{color: #fff; display: inline-table;}
.footer select{color: #333;}
.footop_ul li{float: left;}
.footop_ul li h3{line-height: 2; font-weight: bold; margin-bottom: 5px;}
.footop_rerweima{text-align:center; max-width: 130px;}

.footer  p a{color: rgba(255,255,255,0.6);}



.foot_cwailian a{}

.footbot{border-top: 2px rgba(255,255,255,0.2) solid; }
@media (min-width: 1500px){
    .footop{padding-top: 70px;}
    .footop_ul li{margin-right: 40px;}
    .footop_ul li h3{font-size: 18px;}
    .footop_rlink{margin-top: 20px;}
    .footop_rlink select{width: 240px; height:40px; padding-left: 15px;}
    .footop_rerweima{margin-top: 40px;}
    
    .footcenter{margin-top: 50px;}
    .foot_clogo{max-width: 20%;}
    .foot_cwailian{margin-top: 15px;}
    .foot_cwailian a{margin-left: 25px; width: 45px;}
    
    .footbot{padding: 15px 0px; margin-top: 50px;}
}
@media (min-width: 1200px) and (max-width: 1499px){
    .footop{padding-top: 50px;}
    .footop_ul li{margin-right: 15px;}
    .footop_ul li h3{font-size: 16px;}
    .footop_rlink{margin-top: 18px;}
    .footop_rlink select{width: 180px; height:40px; padding-left: 15px;}
    .footop_rerweima{margin-top: 35px;}
    
    .footcenter{margin-top: 35px;}
    .foot_clogo{max-width: 20%;}
    .foot_cwailian{margin-top: 12.5px;}
    .foot_cwailian a{margin-left: 20px; width: 40px;}
    
    .footbot{padding: 12px 0px; margin-top: 35px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .footop{padding-top: 40px;}
    .footop_ul li{margin-right: 5px;}
    .footop_ul li h3{font-size: 15px;}
    .footop_rlink{margin-top: 12px;}
    .footop_rlink select{width: 150px; height:40px; padding-left: 15px;}
    .footop_rerweima{margin-top: 30px;}
    
    .footcenter{margin-top: 25px;}
    .foot_clogo{max-width: 20%;}
    .foot_cwailian{margin-top: 9px;}
    .foot_cwailian a{margin-left: 15px; width: 35px;}
    
    .footbot{padding: 10px 0px; margin-top: 25px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .footop{padding-top: 30px;}
    .footop_ul li{margin-right: 18px;}
    .footop_ul li:nth-child(7),.footop_ul li:nth-child(8){display: none;}
    .footop_ul li h3{font-size: 14px;}
    .footop_rlink{margin-top: 10px;}
    .footop_rlink select{width: 130px; height:40px; padding-left: 15px;}
    .footop_rerweima{margin-top: 20px;}
    
    .footcenter{margin-top: 20px;}
    .foot_clogo{max-width: 20%;}
    .foot_cwailian{margin-top: 3px;}
    .foot_cwailian a{margin-left: 15px; width: 35px;}
    
    .footbot{padding: 8px 0px; margin-top: 20px;}
}
@media (max-width: 767px) {
    .footer{line-height: 2;}
    .footop{padding-top: 2em;}
    .footop_ul li{width: 50%; margin: 1.5em 0px;}
    .footop_ul li h3{font-size: 1em; margin: 0.4em 0px;}
    .footop_ul li select{width: 130px; height:34px; padding-left: 15px; margin-top: 0.8em;}
    
    
    .footcenter{margin-top: 1em;}
    .foot_clogo{display: none;}
    .foot_cwailian{margin-top: 3px;}
    .foot_cwailian a{margin-right: 1em; width: 3em;}
    
    .footbot{padding: 1em 0px; margin-top: 1em;}
}
@media (min-width: 768px){
    .footer{line-height: 2.2;}
    .footop_ul{float: left;}
    .footop_right{float: right;}

    .foot_clogo{float: left;}
    .foot_cwailian{float: right;}
}