@charset "UTF-8";
/*
Author:lichuan
Mail:info@oulu.me
date:2016.11.19
*/

body, div, ul, h1, h2, h3, h4, i, p, th, td, dl, dd, form, input, option, option{margin: 0;padding: 0; }
body, div, button, input, select, textarea {font-family: "微软雅黑",arial;}
body{color: #666; background-color: #fff; overflow-x:hidden;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
input, a, a:link{color: #333; text-decoration:none;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
a:focus{outline: none;}
iframe, img {border: 0; }
img{-moz-user-select:-moz-none; -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
ul, ol, li {list-style: none; }
.clear{diplay: block!important; float:none!important; clear:both; overflow:hidden; width:auto!important; height:0!important; margin:0 auto!important; padding:0!important; font-size:0; line-height:0;}
.left{float: left;}
.right{float: right;}
::-webkit-scrollbar{width:10px; height:10px; background-color:#aaa;}  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color:#bbb;}  
::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#666;} 

/*header*/
.header{z-index:999;  position:fixed; width: 100%;background-color: #fff; box-shadow:2px 2px 2px #e3e3e3;}
.header_con{max-width: 1200px; margin: auto; position: relative;}
.header_con .wei_boxin{position: absolute; top: 17px; right: 50%; margin-right: -38px; display: block;z-index:111;}
.header_con .wei_boxin a{font-size: 14px; background:none; color: #000;padding: 5px 10px; border-radius: 0px; display: block;text-align: center;}
/*.header_con .wei_boxin a{font-size: 14px; background-color: #e6212a; color: #fff;padding: 5px 10px; border-radius: 6px; display: inline;}*/
.glyphicon {position: relative; top:24px; display: inline-block; background-image: url(../images/nav-x-ann.png); background-repeat: no-repeat;}
.header_con a{color: #666; padding: 0px; margin: 0px;}
.navbar-nav{margin:0 !important;}
.header_con .logo{float: left;padding: 0px; margin: 0px;}
.header_con .logo img{margin:0px; padding: 0px; height:60px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.header_con .menu-icon{float: right; padding:17px 15px;font-size:16px;}
.header_con .menu{position: absolute;top:60px;right:-100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.dropdown-menu{padding: 0; margin: 0; min-width:auto; display:none;width:100%;}
.header_con .menu.active{right:0; width: 100%;}
.header_con .menu ul li a{background-color: #eee;font-size: 14px; padding: 0px 20px; display: block; line-height: 45px; color: #333; -webkit-transition: line-height .3s ease-in-out; -moz-transition: line-height .3s ease-in-out; transition: line-height .3s ease-in-out;}

.header_con .menu ul li a.active,#header .menu ul li a:hover{background: #ec202b;color: #fff; width:100%;font-size: 14px;}
.header_con .menu ul li ul li a{line-height: 40px; padding: 0px 20px;background-color: #fff; color: #666; font-size: 14px;}
.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
.open>.dropdown-menu{display:block}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}

/*banner*/
.banner{padding-top: 120px;}
.carousel-indicators li{margin:0 5px;width: 12px;height:12px;border:none;background:#000;opacity:0.2;}
.carousel-indicators li.active{border:none;background:#bc0c16;opacity:1;margin:0 5px;}
.carousel-indicators{bottom:0;}

/*footer*/
.footer{width:100%; padding: 20px 0px; background: url(../images/mgxy_copbg.jpg) repeat;}
.mgxy_dibu{max-width: 1200px; margin: auto;}
.mgxy_du01{width: 23%; float: left; margin-right: 2%;}
.mgxy_du02{width: 23%; float: left; margin-right: 2%; font-size: 12px; color: #fff; line-height: 26px;}
.mgxy_du03{width: 45%; float: right;}
.mgxy_du03 h1{font-size: 16px; color: #fff; line-height: 30px;}
.forget-pwd input[type="text"]{
    outline: none;
    font-size: 14px;
    color: #a9a9a9;
    background: #fff;
    border: 1px solid #fff;
    height: 40px;
    line-height: 38px;
    width: 100%;
    -webkit-appearance: none;
    padding:0 5px;
}

.subtijiao input[type="submit"] {
    background: #e6212a;
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    border: 1px solid #fff;
    cursor: pointer;
    outline: none;
    border: none;
    height: 40px;
    line-height: 40px;
}
.hom_bd01{width: 70%; float: left;margin-top: 10px;}
.subtijiao{width: 30%; float: left; margin-top: 10px;}

.copy{width: 100%; background-color: #111111;}
.copy03{max-width: 1160px; margin: auto; line-height: 24px; padding: 12px 20px; font-size: 12px; color: #fff; text-align: center;}


/*PC_1200PX*/
@media (min-width:320px){
.mgxy_du01{width: 23%; float: left; margin-right: 2%; display: none;}
.mgxy_du02{width: 90%; float: none; margin: auto; font-size: 12px; color: #fff; line-height: 20px;}
.mgxy_du03{width: 90%; float: none; margin: auto;}
.mgxy_du03 h1{font-size: 12px; color: #fff; line-height: 30px;}
}
@media (min-width:768px){
.mgxy_du01{width: 23%; float: left; margin-right: 2%;display: block;}
.mgxy_du02{width: 23%; float: left; margin-right: 2%; font-size: 12px; color: #fff; line-height: 20px;}
.mgxy_du03{width: 50%; float: right;}
.mgxy_du03 h1{font-size: 14px; color: #fff; line-height: 30px;}

}
@media (min-width:1200px){
.header{height: 120px;background-color: #fff; box-shadow:3px 3px 3px #e3e3e3;}
.header_con{height:120px;}
.header_con .wei_boxin{position: absolute; right: 30px !important; margin-right: 0px; top: 10px; display: block;z-index:111;}
.header_con .wei_boxin a{font-size: 14px; background-color: #e6212a; color: #fff;padding: 5px 10px; border-radius: 6px; display: inline;}
.header_con .logo{ float:left;width:auto; display:initial;}
/*.dropdown-menu{position: absolute;top: 134px;width: 100px;}*/
.nav>li:hover .dropdown-menu{display:block !important;}
.header_con .logo img{margin: 0px; padding: 0px; height:116px;}
.header_con .menu-icon{display: none;}
.header_con .menu{position: static;	margin-top:0; float: right;	background: none;}
.header_con .menu ul>li{float:left; margin: 0px 30px; line-height:120px;}
.header_con .menu ul li a{color:#000;padding:0px 10px; line-height:120px;}
.header_con .menu ul li>a:hover, .header_con .menu ul li.active>a{line-height:80px;color: #e62129;font-size: 18px; text-align: center; background: none;}
.header_con .menu ul li>a:hover{border-bottom: 2px solid #e62129; margin-top: 0px;}
.header_con .menu ul li a{background-color: initial; line-height:80px; font-size: 18px;padding-top: 40px;}
.header_con .menu ul li ul.dropdown-menu li{float:none !important; background-color: #fff; margin: 0; line-height: 30px;}
.header_con .menu ul li ul.dropdown-menu li a{color: #444;margin-top: 0px; line-height: 30px;}
.header_con .menu ul li ul.dropdown-menu li a:hover{height: auto; background:#e62129; color: #fff;line-height: 30px;}
.header_con .menu ul li ul li a{font-size:12px; padding:0px 6px; text-align: center;}
.header_con .menu ul li ul li a:hover{border-bottom: 0px solid #e62129; margin-top: 0px;color: #e62129;font-size: 12px;}

.mgxy_du01{width: 23%; float: left; margin-right: 2%;display: block;}
.mgxy_du02{width: 23%; float: left; margin-right: 2%; font-size: 12px; color: #fff; line-height: 26px;}
.mgxy_du03{width: 45%; float: right;}
.mgxy_du03 h1{font-size: 16px; color: #fff; line-height: 30px;}
}