body { min-width: 1200px; }
.cotainer { width: 1180px; margin: 0 auto; }

/*top*/
.top_head { z-index: 99; position: fixed; left: 0px; top: 0px; padding: 10px 0; width: 100%; border-bottom: 1px solid #e4caa8; background: url(/templates/images/head-bg.png) repeat; box-shadow: 0px 2px 5px rgba(0,0,0,0.1); }
.logo { display: block; float: left; margin-right: -15px; width: 250px; height: 150px; }
.top_note { position: absolute; right: 0px; top: 10px; }
.top_note .phone { float: left; padding-right: 15px; color: #9b9b9b; }
.top_note a { float: left; padding: 0px 8px; margin-top: 3px; border-right: 1px solid #666666; line-height: 13px; color: #9b9b9b !important; }
.top_note a:hover { color: #004C92 !important; }
.top_menu { float: left; height: 100px; }
.top_menu ul li { float: left; font-size: 16px; position: relative; color: #ffffff; }
.top_menu ul li .pic { width: 115px; height: 100px; z-index: 99; position: relative; }
.top_menu ul li .p1 { background: url(/templates/images/menu.png) 22px 10px no-repeat; }
.top_menu ul li .p2 { background: url(/templates/images/menu.png) -99px 10px no-repeat; }
.top_menu ul li .p3 { background: url(/templates/images/menu.png) -214px 10px no-repeat; }
.top_menu ul li .p4 { background: url(/templates/images/menu.png) -335px 10px no-repeat; }
.top_menu ul li .p5 { background: url(/templates/images/menu.png) -454px 10px no-repeat; }
.top_menu ul li .p6 { background: url(/templates/images/menu.png) -571px 10px no-repeat; }
.top_menu ul li .p7 { background: url(/templates/images/menu.png) -688px 10px no-repeat; }
.top_menu ul li:hover .p1 { background: url(/templates/images/menu-hover.png) 22px 10px no-repeat; }
.top_menu ul li:hover .p2 { background: url(/templates/images/menu-hover.png) -99px 10px no-repeat; }
.top_menu ul li:hover .p3 { background: url(/templates/images/menu-hover.png) -214px 10px no-repeat; }
.top_menu ul li:hover .p4 { background: url(/templates/images/menu-hover.png) -335px 10px no-repeat; }
.top_menu ul li:hover .p5 { background: url(/templates/images/menu-hover.png) -454px 10px no-repeat; }
.top_menu ul li:hover .p6 { background: url(/templates/images/menu-hover.png) -571px 10px no-repeat; }
.top_menu ul li:hover .p7 { background: url(/templates/images/menu-hover.png) -688px 10px no-repeat; }
.top_menu ul li .p1.on { background: url(/templates/images/menu-hover.png) 22px 10px no-repeat; }
.top_menu ul li .p2.on { background: url(/templates/images/menu-hover.png) -99px 10px no-repeat; }
.top_menu ul li .p3.on { background: url(/templates/images/menu-hover.png) -214px 10px no-repeat; }
.top_menu ul li .p4.on { background: url(/templates/images/menu-hover.png) -335px 10px no-repeat; }
.top_menu ul li .p5.on { background: url(/templates/images/menu-hover.png) -454px 10px no-repeat; }
.top_menu ul li .p6.on { background: url(/templates/images/menu-hover.png) -571px 10px no-repeat; }
.top_menu ul li .p7.on { background: url(/templates/images/menu-hover.png) -688px 10px no-repeat; }
.top_menu ul li .text { width: 115px; height: 30px; color: #997649; font-weight: 400; text-align: center; z-index: 99; position: relative; }
.top_menu ul li span { position: absolute; width: 133px; height: 100px; left: 50%; margin-left: -66.5px; bottom: 0px; background: url(/templates/images/hover-bg.png) center bottom no-repeat; z-index: 50; display: none; }
.top_menu ul li.on { background: #004d98; color: #ffffff; }
.top_menu ul li.on span { display: block; }
.top_menu ul li:hover span { display: block; }

.country { position: absolute; right: 10px; font-size: 13px; top: 40px; overflow: hidden; z-index: 100; color: #997649; }
.country .li { margin-bottom: 10px; cursor: pointer; text-align: center; padding: 0 20px 0 0; height: 29px; line-height: 29px; background: #e1dacf; width: 80px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; }
.country .li a { display: block; }
.country .sanjiao { content: ""; width: 0; height: 0; position: absolute; right: 7px; top: 13px; border: 6px solid transparent; border-top-color: #997649; }

.service { position: absolute; right: 10px; top: 82px; height: 29px; line-height: 29px; text-align: center; overflow: hidden; background: #e1dacf; color: #997649; width: 100px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; }
.service a { color: #997649; font-size: 16px; }
/*浮动二维码*/
.float_wrap { position: fixed; right: 10px; top: 240px; z-index: 999; }
.float_wrap .float_li { position: relative; width: 91px; height: 45px; margin-bottom: 10px; background: url(/templates/images/float_bg1.png); border-radius: 8px; margin-left: 140px;left: 58px;}
.float-img{ width: 140px; float: right;}
.float_wrap .float_li:hover { background: url(/templates/images/float_bg2.png); }
.float_wrap .float_li .ewm { position: absolute; display: none; left: -180px; top: -54px; width: 170px; padding-right: 10px; height: 155px; background: url(/templates/images/float_bg3.png) no-repeat; }
.float_wrap .float_li .ewm img { margin: 11px 0px 0px 11px; }
.float_wrap .float_li:hover .ewm { display: block; }
.float_wrap span { display: block; width: 100%; height: 100%; cursor: pointer; }
.float_wrap span.s0 { background: url(/templates/images/xiaochengxu.png) 0px 0px no-repeat; }
.float_wrap span.s1 { background: url(/templates/images/float_bg4.png) 0px 0px no-repeat; }
.float_wrap span.s2 { background: url(/templates/images/float_bg4.png) 0px -49px no-repeat; }
.float_wrap span.s3 { background: url(/templates/images/float_bg4.png) 0px -93px no-repeat; }
.float_wrap span.s4 { background: url(/templates/images/float_bg4.png) 0px -139px no-repeat; }
.float_wrap span.s5 { background: url(/templates/images/ad2.png) 0px 0px no-repeat; }
/*底部*/
.footer { width: 100%; position: absolute; z-index: 100; font-size: 14px; bottom: -10px; left: 0; text-align: center; line-height: 22px; }
.footer ul { overflow: hidden; position: relative; width: 735px; margin: 0 auto 10px auto; }
.footer ul li { float: left; }
.footer ul li a { color: #62543b; }
.footer .box { position: relative; padding: 12px 0px 12px 70px; width: 600px; margin: 0 auto; color: #62543b; }
.footer .box .foot_img { position: absolute; left: 0px; top: 0; }

.page-box { text-align: center; display: inline-block; position: relative; left: 50%; margin-top: 30px; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.page-box .digg a { color: #694e3a; border: 1px solid #e1dacf; background: #e1dacf; }
.page-box .digg span.disabled { background: none; border: none; color: #888; }
.page-box .digg a:hover { border: 1px solid #694e3a; }
.scroll_bg { background: url(/templates/images/head-bg.png); }
.scroll_bg1 { background: url(/templates/images/head-bg.png); }




.select_box { margin: 20px auto; z-index: 10; position: relative; width: 1100px; }
.select_box .tit { background: #cab8aa; color: #574d3b; margin-right: 10px; text-align: center; float: left; width: 200px; height: 35px; line-height: 35px; border-radius: 5px; -webkit-border-radius: 5px; }
.select_box .box8_ipt1 { float: left; width: 190px; padding: 0 10px; margin-right: 10px; height: 33px; text-align: left; border: 1px solid #cab8aa; line-height: 35px; position: relative; border-radius: 5px; -webkit-border-radius: 5px; }
.select_box .box8_ipt1 i { border: 5px solid transparent; border-top-color: #cab8aa; position: absolute; top: 15px; right: 10px; }
.select_box ul { position: absolute; width: 210px; border: 1px solid #cab8aa; left: -1px; top: 33px; background: #E2E0DE; max-height: 120px; overflow-y: auto; }
.select_box ul li { cursor: pointer; padding-left: 15px; width: 100%; }
.select_box ul li:hover { cursor: pointer; background: #d7d5d3; }


#demo { color: #FFF; padding: 65px 15px 0 15px; overflow: hidden; font-size: 0; text-align: center; }
#demo i { display: block; background: no-repeat top left;  color: #f1b809; background-size: 50px 50px; height: 50px; line-height: 50px; font-size: 25px; font-style: normal; text-align: center; font-weight: bold; }
#demo i.icon-xiaoyu { background-image: url(/templates/images/xiaoyu.png); }
#demo i.icon-zhongyu { background-image: url(/templates/images/zhongyu.png); }
#demo i.icon-dayu { background-image: url(/templates/images/dayu.png); }
#demo i.icon-qing { background-image: url(/templates/images/qing.png); }
#demo i.icon-duoyun { background-image: url(/templates/images/duoyun.png); }
#demo i.icon-yin { background-image: url(/templates/images/yin.png); }
#demo .t { display: block; font-size: 15px; color: #6b603d; line-height: 25px; }



.float-img {
    width: 160px;
    float: right;
    position: absolute;
    top: 115px;
    right: 95px;
}
.float-img1 {
    width: 160px;
    float: right;
    position: absolute;
    top: 215px;
    right: 95px;
}
.float-img-img{width:100%;}