/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font:14px/180% "Microsoft YaHei";width: 100%;height:100%;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width: 1000px;margin: auto;overflow: hidden;position: relative;}
.main_bg{width: 1920px;margin: 0 auto 2px; overflow: hidden;min-height: 930px;}
.main_bg_d{width: 1920px;margin: 0 auto 2px; overflow: hidden;min-height:580px;}

.nav{position: fixed;height: 650px;right: 200px;top: 0;bottom: 0;margin: auto;z-index:10;}
.nav li a{display: block;width:50px;height: 50px;color: #fff;background: url(img/nav.png) no-repeat;margin: 10px auto;}
.nav .n1{background-position:0 0;}
.nav .n2{background-position:0 -60px;}
.nav .n3{background-position:0 -120px;}
.nav .n4{background-position:0 -179px;}
.nav .n56{background-position:0 -239px;}
.nav .n78{background-position:0 -299px;}
.nav .n9{background-position:0 -359px;}
.nav .n10{background-position:0 -419px;}
.nav .n11{background-position:0 -478px;}
.nav .n12{background-position:0 -538px;}
.nav .nt{background-position:0 -598px;}


.header{background: url(img/header.png) no-repeat center;width: 1920px;height: 678px;margin: auto;}
.main1_bg{background: url(img/01.png) no-repeat top center #fec496;}
.main2_bg{background: url(img/02.png) no-repeat top center #ff76ae;}
.main3_bg{background: url(img/03.png) no-repeat top center #ffbc8f;}
.main4_bg{background: url(img/04.png) no-repeat top center #ffa8a7;}
.main56_bg{background: url(img/056.png) no-repeat top center #ff94c0;}
.main78_bg{background: url(img/078.png) no-repeat top center #ffe0c1;}
.main9_bg{background: url(img/09.png) no-repeat top center #fea0ec;}
.main10_bg{background: url(img/010.png) no-repeat top center #fed9bf;}
.main11_bg{background: url(img/011.png) no-repeat top center #ff8dae;}
.main12_bg{background: url(img/012.png) no-repeat top center #ffcd86; margin-bottom: 0;}

.btn_box{width: 463px;margin:66px auto;overflow: hidden;}
.btn{width: 167px;height: 64px;}
.zxzxbtn{width: 167px;height: 64px;cursor: pointer;}
.m_li{padding:20px 25px;background: #fff;width: 420px;margin:16px 15px;border-radius: 5px;/*min-height: 255px;*/}
.m_li h2{font-size: 24px;border-bottom: 1px dashed #bbb;padding:0 0 10px 0;margin-bottom: 15px;}
.m1_li h2{color:#fec496;}
.m2_li h2{color:#ff76ae;}
.m3_li h2{color:#ffbc8f;}
.m4_li h2{color:#ffa8a7;}
.m56_li h2{color:#ff94c0;}
.m78_li h2{color:#ffe0c1;}
.m9_li h2{color:#fea0ec;}
.m10_li h2{color:#fed9bf;}
.m11_li h2{color:#ff8dae;}
.m12_li h2{color:#ffcd86;}


.icon1{display: inline-block;background: url(img/icon1.png);width: 19px;height: 23px;vertical-align: bottom;margin-right: 10px;}
.icon2{display: inline-block;background: url(img/icon2.png);width: 23px;height: 23px;vertical-align: bottom;margin-right: 10px;}
.icon3{display: inline-block;background: url(img/icon3.png);width: 19px;height: 19px;vertical-align: bottom;margin-right: 10px;}
.icon4{display: inline-block;background: url(img/icon4.png);width: 23px;height: 22px;vertical-align: bottom;margin-right: 10px;}
.icon5{display: inline-block;background: url(img/icon5.png);width: 23px;height: 23px;vertical-align: bottom;margin-right: 10px;}
.m1_li li span{padding-right:5px;}
.m1_li li span{color: #fec496;}
.m2_li li span{color: #ff76ae;}
.m3_li li span{color: #ffbc8f;}
.m4_li li span{color: #ffa8a7;}
.m56_li li span{color: #ff94c0;}
.m78_li li span{color:#ffe0c1;}
.m9_li li span{color: #fea0ec;}
.m10_li li span{color: #fed9bf;}
.m11_li li span{color: #ff8dae;}
.m12_li li span{color: #ffcd86;}

.con{margin-bottom: 17px;}
.con h3{font-size: 16px;}
.con img{float: left;margin-right: 12px;}
.con p{font-size: 12px;color: #888;line-height: 1.5em}
.con p a{color: #ff9900}

.cp img{width: 100%;}
.cp a{display: block;position: relative;overflow: hidden;}
.cp a h3{position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.36);color:#fff;width: 100%;height:40px;line-height:40px;padding-left:13px;font-size: 18px;}

@media screen and (max-width:1920px){
	.header{width: 100%;}
	.main_bg{width: 100%;}
	.main_bg_d{width: 100%;}
}





/*宸︿晶娴獥*/
#reg{width:200px; height:400px; margin:0px; padding:0px; position:fixed; top:120px; left:5px; background:url(../images/reg_bg.png) no-repeat; z-index:1000;-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
backface-visibility:hidden;
transform: translateZ(0);}
#cBtn{width:8px; height:8px; margin:0px; padding:0px; position:absolute; top:75px; right:15px;}
#ul_form{width:200px;height:205px; list-style:none; padding:150px 0 0 0px;font-size:12px;}
#ul_form li{line-height:18px; padding: 8px 0 0px 20px;}
#ul_form li span{ color:#c00;}
#ul_form li.btn_submit{padding:0px;margin-top:10px;}
#ul_form li.btn_submit input{margin-top:5px; border: none; margin-left: 14px;width:170px; height:35px; padding:0px;background:yellow;color:#004196; cursor:pointer;font-size: 20px;}
#ul_form li input{width:114px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#ul_form li select{width:90px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#reg .close_btn {
    background: rgba(0, 0, 0, 0) url("../images/close_btn.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 80px;
    width: 20px;
}
/*琛ㄥ崟鍗忚*/
.tiaokuan{font-size: 12px;color: #999999;display: block;width: 80%;margin:0px auto;cursor:pointer;line-height: 20px;}
.tiaokuan img{float:left;margin-right: 4px;margin-top: 4px;}
.tiaokuan.gray a{color: #1aa78d;}
.tiaokuan.white{color:#fff;}
.tiaokuan.white a{color: #f39801;}
/*鎵嬫満绔殑琛ㄥ崟*/
.section8 {display: none;}


@media screen and (min-width: 320px) and (max-width: 414px) {
    body { font-size: .7em; }


    /*鍏叡澶撮儴搴曢儴銆佸乏渚ф紓娴銆佷箰璇拰瀵艰埅鏍忛殣钘�*/
    .nav,#reg {display: none; }
    .head_nav,.foot,#doyoo_panel {display: none !important;}

    /*澶撮儴鏇存敼灏忓浘鐗�*/
    .header {background-image: url(img/header_m.png); height: 220px;background-size: auto 100%; }

    .main1_bg{background-image: url(img/01_m.png) }
    .main2_bg{background-image: url(img/02_m.png) }
    .main3_bg{background-image: url(img/03_m.png) }
    .main4_bg{background-image: url(img/04_m.png) }
    .main56_bg{background-image: url(img/056_m.png) }
    .main78_bg{background-image: url(img/078_m.png) }
    .main9_bg{background-image: url(img/09_m.png) }
    .main10_bg{background-image: url(img/010_m.png) }
    .main11_bg{background-image: url(img/011_m.png) }
    .main12_bg{background-image: url(img/012_m.png) }


    .btn_box{width: 463px;margin:32px auto 20px;overflow: hidden;}
    .btn {width: 130px; height: 40px;}
    .btn.fl { margin-left: 20px; }
    .btn.fr { margin-right: 122px;  }


    .con p { line-height: 1.7em; }

    .m1000 { width: 100%; }
    .m_li { padding: 5px 8px; width: 86%; }

    /*section8*/
    .section8{height:auto !important;background:url(../images/bg8.jpg) no-repeat center top;}
    .section8 .container h3{width:520px;background:url(../images/topic8.png) no-repeat;}
    /*.form{width:500px;height:454px;margin:90px auto 0;}*/
    .form dl{position:relative;display:block;width:100%;height:50px;margin:10px 0;background:#fff;color:#000;}
    .form dl i{position:absolute;top:12px;left:10px;background:url(../images/page11_icon.png) no-repeat;width:24px;height:24px;}
    .form dl i.icon_name{background-position: 0 0;}
    .form dl i.icon_phone{background-position: 0 -24px;}
    .form dl i.icon_flag{background-position: 0 -48px;}
    .form dl i.icon_book{background-position: 0 -72px;}
    .form dl i.icon_city{background-position: 0 -96px;}
    .form dl input{padding:15px 14px 10px 45px;width:100%;height:24px;line-height:24px;font: 16px/24px "Microsoft YaHei";}
    .form dl .btn{padding:0;font: 18px/50px "Microsoft YaHei";width: 100%;height: 50px;background: #f39800;cursor: pointer;color:#fff;}
    .form dl .dropdown ul {width: 100%; border-top: 0; background: #fff; display: none; position: absolute; top: 42px;}
    .form dl .dropdown ul.country_ul{height:175px;overflow-y: auto;overflow-x: hidden;}
    .form dl .dropdown ul li{padding-left:45px; }
    .form dl .dropdown ul li.active{background:#f0f0f0;}
    .form dl .dropdown span.drop_value {padding:12px 0 0 45px; width:440px; height:24px; line-height:24px; cursor: default; display: block; position: absolute; top: 0; left: 0; z-index: 999; }

    .section8 {display: block; margin-top: 5px; }
    .section8 .container{overflow:visible;}
    .mform_wrap{display: block;padding:1px 30px;width:100%; height: 530px; box-sizing:border-box;font-size:18px;}
    .mform_wrap form{width:100%;}
    .form{margin-top:100px;}
    .form dl{margin:20px 0;}
    .form dl input,.form dl input[type="button"]{font-size:18px;line-height:35px;}
    .form dl i{top:14px;}
    .form dl .dropdown ul{overflow-y:auto;-webkit-overflow-scrolling: touch;}
    .form dl .dropdown ul li{line-height:36px;}
    .form dl .dropdown ul li.active {background: #f0f0f0;}
    .form dl .dropdown span.drop_value{line-height:30px;}
    .form dl .dropdown ul.country_ul{height:180px;}
    .btnWrap {width: 100%;height: 120px;line-height: 120px;font-size: 40px;color: #fff;text-align: center;position: fixed;right: 0;bottom: 0;z-index: 100;background: #525a74;}
    .mobile {display: block;}
    .duanxin { width: 33%;}
    .btnWrap a { color: #fff; text-decoration: none;}
    .leyuMobile {width: 33%;border-left: 1px solid #fff;border-right: 1px solid #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .adviceBtn { width: 33%;}
    .dropdown ul::-webkit-scrollbar,.xsqk p::-webkit-scrollbar,.gwjx p::-webkit-scrollbar{
        width: 5px;
    }
    .dropdown ul::-webkit-scrollbar-track,.xsqk p::-webkit-scrollbar-track,.gwjx p::-webkit-scrollbar-track{
        background-color:#484545;
    }
    .dropdown ul::-webkit-scrollbar-thumb,.xsqk p::-webkit-scrollbar-thumb,.gwjx p::-webkit-scrollbar-thumb{
        background-color: #787777;
    }
}