﻿/* æ¸…é™¤å†…å¤–è¾¹è· */

@charset "utf-8";

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements ç»“æž„å…ƒç´  */

dl, dt, dd, ul, ol, li, /* list elements åˆ—è¡¨å…ƒç´  */

pre, /* text formatting elements æ–‡æœ¬æ ¼å¼å…ƒç´  */

fieldset, lengend, button, input, textarea, /* form elements è¡¨å•å…ƒç´  */

th, td { /* table elements è¡¨æ ¼å…ƒç´  */

    margin: 0;

    padding: 0;

}



input,textarea {border: 2 none; box-shadow: none; outline: none;}



/* è®¾ç½®é»˜è®¤å­—ä½“ */

body,button, input, select, textarea {font: 14px/22px "Microsoft YaHei","å¾®è½¯é›…é»‘","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB",Arial,sans-serif; color: #666;}



* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*è¦†ç›–bootstrapeå¯¹æ ‡é¢˜åŠ çš„é»˜è®¤å¤–è¾¹è·*/



address, cite, dfn, em, i, var {font-style: normal;} /* æ–œä½“æ‰¶æ­£ */



/* é‡ç½®åˆ—è¡¨å…ƒç´  */

ul, ol ,li{list-style: none;}



/* é‡ç½®æ–‡æœ¬æ ¼å¼å…ƒç´  */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*è‹±æ–‡æ¢è¡Œ*/

a:hover {text-decoration: none; color:#0667ce;}



/* é‡ç½®è¡¨å•å…ƒç´  */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img æ­è½¦ï¼šè®©é“¾æŽ¥é‡Œçš„ img æ— è¾¹æ¡† */

/* æ³¨ï¼šoptgroup æ— æ³•æ‰¶æ­£ */

button, input, select, textarea {

    font-size: 100%; /* ä½¿è¡¨å•å…ƒç´ åœ¨ ie ä¸‹èƒ½ç»§æ‰¿å­—ä½“å¤§å° */

}



/* é‡ç½®è¡¨æ ¼å…ƒç´  */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* è®©éžieæµè§ˆå™¨é»˜è®¤ä¹Ÿæ˜¾ç¤ºåž‚ç›´æ»šåŠ¨æ¡ï¼Œé˜²æ­¢å› æ»šåŠ¨æ¡å¼•èµ·çš„é—ªçƒ */

html {overflow-y: scroll;}



/*è®¾ç½®æµ®åŠ¨*/

.fl {float: left;}

.fr {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



/*å­—ä½“å¤§å°*/

.clear{clear: both;height: 0;}

.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}



    .top_bg{ height:180px; background:url(../images/top_bg.gif) repeat-x; position: relative;z-index: 10;}
    .header{width: 1200px; margin:0 auto;}
    .search{width:70px;height:60px;line-height: 58px;cursor:pointer;position: absolute;top: 136px;right: 0;font-size: 16px;color: #fff;z-index: 10;}
    .search .sea_icon i{display:block;width:16px;height:16px;float: left;line-height: 0;padding: 22px 8px 0 0;}
    .search .sea_icon .icon:hover i{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
    .sea_box{position: absolute;width: 345px;right: -10px;top:61px;z-index: 100;display: none;}
    .sea_box input {float: left;border: 2px solid #1772b4;font-size: 14px;}
    .sea_box input.txt {width: 250px;padding: 0 10px;line-height: 34px;height: 34px;}
    .sea_box input.btn {width: 70px;background-color: #1772b4;color: #fff;cursor: pointer;height: 38px;}
    .h_con{height:90px;/* padding: 30px 0 0; */}
    .logo{float:left;width: 94px;/* padding: 14px 25px 0 0; */}
    .logo img{width: 94px;height: 96px;}
    .h_dw{float:left;line-height: 32px;font-size: 30px;color: #333;overflow: hidden;padding: 0 0 0 20px;position: relative;}
    .h_dw:before{/* content: ""; */width: 1px;height: 60px;background: #eee;position: absolute;top: 5px;left: 0;}
    .h_dw i{display: block;font-size: 18px;font-weight: normal;}
    .h_tel{float: right;height: 60px;line-height: 30px;text-align: right;font-size: 14px;color: #999;position: relative;padding-top: 5px;}
    .h_tel em{display: block;width: 22px;height: 22px;line-height: 0;position: absolute;top: 11px;right: 162px;z-index: 10;}
    .h_tel em img{width: 22px;height: 22px;}
    .h_tel b{font-family: "DINOT";font-size: 30px;color: #333;display: block;}
    .h_nav{ height:60px; line-height:58px;}
    .h_nav em{display: block;width: 18px;height: 16px;line-height: 0;position: absolute;top: 21px;left: 25px;z-index: 10;}
    .h_nav em img{width: 18px;height: 16px;}
    .h_nav li{height: 60px;float:left;position: relative;background: url(../images/nav_bor.gif) no-repeat right 24px;margin-left: -1px;position:relative;}
    .h_nav li a{font-size: 18px;color:#fff;display:block;float:left;position: relative;z-index: 4;text-decoration:none;}
    .h_nav li a:hover{background:#338dca\9;color: #fff;font-weight: 100;}/* IE6ÃƒÂ£Ã¢â€šÂ¬Ã‚ÂIE7ÃƒÂ£Ã¢â€šÂ¬Ã‚ÂIE8ÃƒÂ¦Ã¢â‚¬ÂÃ‚Â¯ÃƒÂ¦Ã…â€™Ã‚Â */
    .h_nav li:after{content:'';position:absolute;width:100%;height:0;background:#338dca;bottom:0;left:0;-webkit-transition:height .3s;transition:height .3s;}
    .h_nav li:hover:after,.h_nav li.cur:after{height:100%;}
    .h_nav li.cur a{font-weight: 100;}
    .h_nav li:first-child a{/* padding:0 20px 0 50px; */}
    .erji1 li {
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-left: 0px;
    float: none;
}
    em,i{ font-style:normal;}
    @-webkit-keyframes hvr-buzz-out {
    10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
    }
    20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
    }
    30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
    }
    40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
    }
    50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
    }
    60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
    }
    70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
    }
    80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
    }
    90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
    }
    100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
    }
    }
    @keyframes hvr-buzz-out {
    10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
    }
    20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
    }
    30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
    }
    40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
    }
    50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
    }
    60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
    }
    70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
    }
    80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
    }
    90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
    }
    100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
    }
    }
    .erj{display:None;}
    .h_nav ul.erj {background:#0071BD;display:none;padding: 0px 0;position:absolute;top:60px;/* width:136px; */z-index:9999;}
    .erj li a {display:inline-block; border-bottom:#0b8fe8 1px solid}
    .h_nav .erj li:after{background:none;}
    .h_nav .erj li a {color:#ffe0a2;display:block;height: 45px;line-height: 45px; width:136px;}
    .h_nav ul .erj a {color:#fff;height: 45px;line-height: 45px;width: 65px;}
    .h_nav ul .erj  a:hover {color:#fff; background-color:#0859af; width:66px;}
    .h_nav ul .sanj li a:hover,.h_nav ul .sanj li a {color:#fff;text-decoration:none; width:66px;}
    .erj li {background:#0071BD;height: 45px;line-height: 45px;margin-left:0px;float: none;}
  
 
