@charset "gb2312";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{font:12px/1.5 MicrosoftjhengHei,Tahoma, Microsoft Yahei,\5FAE\8F6F\96C5\9ED1,sans-serif;margin:0 auto; line-height:24px; color:#444;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}
.clearfix:after {visibility: hidden; display: block; clear: both; height: 0; font-size: 0; content: ".";}
.clearfix{zoom:1;}
.left{ float:left;}
.right{ float:right}
img{border:0; max-width:100%; height:auto; vertical-align:middle; }
/*a*/
a{ text-decoration:none; color:#444;}
a:link{color:#444;}
a:visited{color:#444;}
a:hover{ color:#ff6600;}
a:active{color:#ff6600;}

.top{
    width:1200px;
    margin:0 auto;
}
.top_logo{
    width:22%;
    height:46px;
    line-height:46px;
    padding:27px 0;
}
.top_logo span{
    margin-left:2.5%;
    font-size:18px;
}
.top .nav{
    width:78%;
    height:34px;
    line-height:34px;
    padding:33px 0;
}
.top .nav a{
    display:block;
    width:12.5%;
    float:left;
    text-align:center;
    height:34px;
    line-height:34px;
    font-size:16px;
}
.top .nav a:hover{
    background-color:#e85c5d;
    color:#fff;
}

.banner{
    width: 1200px;
    text-align: right;
    margin:0 auto;

}
.banner img{
	display: block;
	margin:0 auto;
	padding:0 auto;
}


.breadCrumb{
    width:1200px;
    margin:0 auto;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.breadCrumb h1{font-size:14px; display:inline; font-weight:normal;}
h2{
    width: 1200px;
    margin:0 auto 40px;
    height:50px;
    line-height:50px;
    font-size:40px;
    text-align: center;
    font-weight: normal;
    background:url(../images/h2_bg.png) repeat-x center center;
}
h2 span{
    padding:0 3%;
    background-color: #fff;
}
p.tel{
    width: 1200px;
    margin:0 auto;
    line-height:50px;
    text-align:center;
}
p.tel a{
    padding:0.8% 3%;
    background:#499eaf;
    margin:0 2%;
    color:#fff;
    border-radius: 3px;
    font-size:16px;
}
p.tel span{
    font-size:26px;
    font-weight: bold;
    background:url(../images/tel_icon.png) no-repeat left center;
    padding:10px 0 10px 35px;
}

/*main01*/
.main01{
    width:1200px;
    margin:0 auto 100px;
}
.main01_cnt dl{
    margin-bottom: 3%;
}
.main01_cnt dl dt{
    float:left;
    width: 42%;
    border-top:20px #f4f4f4 solid;
    border-left:20px #f4f4f4 solid;
}

.main01_cnt dl dd{
    float:right;
    width: 53%;
    font-size:14px;
    line-height:26px;
}

/*main02*/

.main02{
    width: 1200px;
    margin:0 auto 50px;
}
.main02 ul li{
    float:left;
    width: 22.7%;
    border:1px #dedede solid;
    margin:0 1% 2%;
    padding:1% 0 2%;
    overflow: hidden;
}
.main02 ul li span{
    display: block;
    width:100%;
    height:50px;
    line-height:50px;
    font-size:20px;
    text-align:left;
	margin-left:22px;
}

.main02 ul li p{
    padding:0% 8% 0%;
}


/*main04*/
.main04{
    width: 1200px;
    margin:0 auto 20px;
}
.main04 h2{
    margin-bottom:15px;
}
.main04 b{
    display: block;
    text-align: center;
    height: 40px;
    line-heigth:40px;
    font-size:24px;
    font-weight: normal;
    margin-bottom:20px;
    color:#666;
}
.main04_cnt dl{
    float:left;
    width: 23%;
    margin:0 1% 2%;
    padding:1% 0 2%;
}
.main04_cnt dl dt{
    width: 100%;
    height: 68px;
    line-height:68px;
    font-size:32px;
    text-align: center;
    background: url("../images/tx_bg.png") no-repeat center center;
    color:#fff;
}
.main04_cnt dl dd{
    border:1px #dedede solid;
    text-align: center;
}
.main04_cnt dl dd p{
    padding:3% 7% 5%;
    text-align: left;
}
.main04_cnt dl dd a{
    display: block;
    width: 50%;
    height: 30px;
    line-height:30px;
    border:1px #e85c5d solid;
    margin:0 auto 8%;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:14px;
}
.main04_cnt dl dd span{
    display: block;
    width: 100%;
    height:48px;
    line-height:48px;
    background-color: #f4f4f4;
    font-size:24px;
}

/*main05*/
.main05{
    width:1200px;
    margin:0 auto 50px;
}
.main05_cnt dl{
    width: 48%;
    float:left;
    margin:0 1% 2%;
    background-color:#f4f4f4;
}
.main05_cnt dl dt{
    width: 50%;
    float:left;
    overflow: hidden;
}
.main05_cnt dl dt img{
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transform: scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
}
.main05_cnt dl:hover dt img{
    transform: scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}

.main05_cnt dl.dl03 dt,.main05_cnt dl.dl04 dt{
    float:right;
}
.main05_cnt dl dd{
    width: 40%;
    float:right;
    padding:5%;
}
.main05_cnt dl.dl03 dd,.main05_cnt dl.dl04 dd{
    float:left;
}
.main05_cnt dl dd span{
    display: block;
    width:65%;
    height: 30px;
    line-height:30px;
    font-size:24px;
    padding:0 5% 5% 0;
    border-bottom:1px #999999 solid;
    margin-bottom:6%;
}
.main05_cnt dl dd p{
    margin-bottom:7%;
}
.main05_cnt dl dd a{
    display: block;
    width: 60%;
    height: 30px;
    line-height: 30px;
    margin:0 auto;
    background-color: #e85c5d;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size:14px;
}

/*main06*/
.main06{
    background-color: #f4f4f4;
    padding:50px 0;
    margin-bottom:50px;
}
.main06 h2 span{
    background-color: #f4f4f4;
}
.main06_cnt{
    width: 1200px;
    margin:0 auto;
}
.scoll{

    margin-bottom:2%;
    position: relative;

}
.scoll_cnt_nr{
    overflow: hidden;
    width: 1200px;
}
.scoll li{
    float:left;
    width:280px;
    margin:0 10px;
    position:relative;
    overflow: hidden;
}

.scoll li img{
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transform: scale(1,1);
    -webkit-transform:scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
}
.scoll li:hover img{
    transform: scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
}


.scoll li span{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:40px;
    line-height:40px;
    font-size:16px;
    color:#fff;
    background-color:rgba(0,0,0,0.5);
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    text-align:center;
}

#caselist .prev, #caselist .next{
    display:block;
    width:49px;
    height:67px;
    background:url(../images/prevnext.png) no-repeat;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    top:120px;
}
#caselist .prev{
    background-position:5px 0;
    left:-60px;
}
#caselist .next{
    background-position: -156px 0;
    right:-60px;
}
#caselist .prev:hover{
    background-position: -45px 0;
}
#caselist .next:hover{
    background-position: -106px 0;
}

.main07{
    width: 1200px;
    margin:0 auto 50px;
}

.main07 ul li{
    float:left;
    width: 14.666666666%;
    margin:0 1% 1%;
    text-align: center;
}
.main07 ul li span{
    display: block;
    width: 100%;
    height:30px;
    line-height: 30px;
}

.bmbd{
    width: 100%;
    background-color: #444;
    padding:50px 0;
}
.bmbd h2{
    color: #fff;
    background: none;
}
.bmbd_cnt{
    width: 1200px;
    margin:0 auto;
}

.bmbd_cnt_l{
    width: 80%;
    margin:0 2% 0 8%;
    float:left;
    padding:3%;
    background-color:#fff ;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.bmbd_cnt_l li{
    height:36px;
    line-height:36px;
    padding:5px 15px;
    margin-bottom:10px;
    background-color: #fff;
    font-size:14px;
	width:45%;
	float:left;
}
.bmbd_cnt_l li span{
    display: block;
    width:25%;
    float:left;
    height:34px;
    line-height:34px;
    color: #000;
    text-align: right;
}
.bmbd_cnt_l li input{
    display: block;
    float:left;
    height: 34px;
    background-color: #fff;
    border:1px solid #ccc;
    width: 70%;
    font-size:14px;
}
.bmbd_cnt_l li select{
	display: block;
    float:left;
    height: 34px;
    border:1px solid #ccc;
    width: 70%;
    font-size:14px;
	}
.bmbd_cnt_l li.botton_form{
    background-color: #fff;
    margin:0 auto;
    padding-top:15px;
	width:100%;
	
}
.bmbd_cnt_l li.botton_form .sub_btn{
    background-color: #fdd000;
    width: 30%;
    height:36px;
    line-height:36px;
    color:#444;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size:16px;
	margin:0 30%;
}


#footer{
    width:1200px;
    margin:15px auto ;
    text-align:center;
    overflow:hidden;
    clear:both;
    padding-bottom:70px;
}
#footer table{
    width:100% !important;
}

.copyright{
    display:none;
    padding:1em 0em 1em;
    text-align:center;
    border-top:2px solid #4e8099;
    margin:1.5em 0 2em;
}
.copyright p{
    margin:0 0.3em 0.3em;
}
.copyright p a{
    margin-right:5px;
}

.last{
    display:none;
    width:100%;
    height:40px;
    line-height:40px;
    background:#2978BB;
    position:fixed;
    z-index:99999;
    bottom:0px;
}
.last ul li{
    float:left;
    width:33%;
    height:40px;
    border-right:1px #61B3FA solid;
    background:#2978BB;
    text-align:center;
    display:block;
    overflow:hidden;
}
.last ul li a {
    display:inline-block;
    height:40px;
    width:99.8%;
    color:#FFF;
    border-right:1px #0469BB solid;
    text-align:center;
}
.last ul li a span {
    font-size:14px;
    font-weight:600;
}
/* ²à±ßµ¼º½
+++++++++++++++++++++ */
.r_nav{ position:fixed; bottom:50px; right:10px; background:#fff;}
.r_nav li{ width:70px; height:70px; margin-bottom:2px}
.r_nav li.db{margin-bottom:0px}
.r_nav li.yd{ display:none;}
.r_nav li a{ display:block; text-align:center; background:#eee;width:70px; height:30px; line-height:30px;padding-top:40px; }
.r_nav li a.zxbm{ background:#eee url(http://www.yuloo.com/mbgx/yulooqun/images/zxbm_01.png) no-repeat center 12px; }
.r_nav li a.yykx{ background:#eee url(http://www.yuloo.com/mbgx/yulooqun/images/yykx_01.png) no-repeat center 12px; }
.r_nav li a.zxzx{ background:#eee url(http://www.yuloo.com/mbgx/yulooqun/images/zxzx_01.png) no-repeat center 12px; }
.r_nav li a.sqjz{ background:#eee url(http://www.yuloo.com/mbgx/yulooqun/images/sqjz_01.png) no-repeat center 12px; }
.r_nav li a.fhdb{background:#459df5 url(http://www.yuloo.com/mbgx/yulooqun/images/fhdb.png) no-repeat center 12px;color:#fff;}
.r_nav li a:hover{ background:#459df5;color:#fff;}
.r_nav li a.zxbm:hover{ background:#459df5 url(http://www.yuloo.com/mbgx/yulooqun/images/zxbm_02.png) no-repeat center 12px; }
.r_nav li a.yykx:hover{ background:#459df5 url(http://www.yuloo.com/mbgx/yulooqun/images/yykx_02.png) no-repeat center 12px; }
.r_nav li a.zxzx:hover{ background:#459df5 url(http://www.yuloo.com/mbgx/yulooqun/images/zxzx_02.png) no-repeat center 12px; }
.r_nav li a.sqjz:hover{ background:#459df5 url(http://www.yuloo.com/mbgx/yulooqun/images/sqjz_02.png) no-repeat center 12px; }
.r_nav li a.fhdb{background:#459df5 url(http://www.yuloo.com/mbgx/yulooqun/images/fhdb.png) no-repeat center 12px;}
/* ²à±ßµ¼º½½áÊø
+++++++++++++++++++++ */

/* Òƶ¯¶Ëµ×²¿¸úËæ
+++++++++++++++++++++ */
.zsy_gensui{ display:none; width:100%; height:70px; background:#ba0000; position:fixed; z-index:99999; bottom:0px;}
.zsy_gensui ul{ overflow: hidden; border-bottom:1px #61B3FA solid}
.zsy_gensui ul li{ float:left; width:49.5%; height:40px; line-height:40px; border-right:1px #ff6a6a solid; background:#ba0000; text-align:center; display:block; overflow:hidden;}
.zsy_gensui ul li a { display:inline-block; height:40px;line-height:40px; width:99.8%; color:#FFF; border-right:1px #5f0303 solid; text-align:center; }
.zsy_gensui ul li a span { font-size:14px; font-weight:600;}
.zsy_gensui p{ color:#fff; height:30px; line-height:30px; text-align:center; font-size:14px;}
/* Òƶ¯¶Ëµ×²¿¸úËæ½áÊø
+++++++++++++++++++++ */

@media only screen and (max-width:1200px){
    .top,.banner,.breadCrumb,h2,p.tel,.main01,.main02,.main03_cnt,.main04,.main05,.main06_cnt,.scoll_cnt_nr,.main07,.bmbd_cnt,#footer{
        width: 1024px;
    }
    .main03_cnt dl{
        padding:2%;
        width: 13.7%;
    }
    .scoll li{
        width: 236px !important;
    }
    #caselist .prev{
        left:5px;
    }
    #caselist .next{
        right:5px;
    }
}
@media only screen and (max-width:1024px){
    .top,.breadCrumb,.main01,p.tel,.main02,.main03_cnt,.main04,.main05,.main06_cnt,.main07,.bmbd_cnt,#footer{
        width:95%;
        margin:0 2.5%;
    }
    .top_logo{
        width:100%;
        padding:10px 0 5px;
    }
    .top .nav{
        width:100%;
        padding:0;
        margin-bottom:1%;
    }
    .banner,h2{
        width: 100%;
    }
    h2{
        margin-bottom:4%;
    }
   .main01,.main04{
       margin-bottom:10%;
   }

   .main01_cnt dl dt{
       width:100%;
       border:0;
       text-align:center;
       margin-bottom:2%;
   }
   .main01_cnt dl dd{
       width: 100%;
   }
   .main02,.main05,.main07,.main03,.main06{
       margin-bottom:5%;
   }
   .main02 ul li{
       width: 45%;
   }
    .main03,.main06,.bmbd{
        padding:5% 0;
    }
    .main03_cnt dl{
        width: 26.8333333%;
    }
    .main04_cnt dl{
        width: 31.3333333%;
    }
    .main05_cnt dl dt{
        margin:10% 0
    }
    .main05_cnt dl dd span{
        width:95%;
    }
    .main05_cnt dl dd a{
        width: 90%;
    }
    .scoll_cnt_nr{
        width:768px;
        margin:0 auto;
    }
    .scoll_cnt_nr{
        width: 729px;
    }
    .scoll li{
        width: 223px !important;
    }
	
    .bmbd_cnt_l{
        width: 80%;
        margin:0 2%;
    }
    .bmbd_cnt_l li span{
        width: 35%;
    }
    .bmbd_cnt_l li input,.bmbd_cnt_l li select{
        width: 65%;
    }
    .main07 ul li{
        width: 18%;
    }
    #footer{
        margin:1.5% auto;
    }
}
@media only screen and (max-width:767px){
    .top{
        width:100%;
        margin:0;
    }
    .top .nav{
        height:60px;
        line-height:60px;
        padding:5px 0;
    }
    .top .nav a{
        width:25%;
        height:30px;
        line-height:30px;
    }
    h2{
        font-size:34px;
        background: none;
    }
    p.tel a{
        padding:1% 3%;
    }
    .main05_cnt dl{
        width:100%;
        margin:0 0 2%;
    }
    .main05_cnt dl dt{
        margin:0;
    }
    .main05_cnt dl.dl02 dt,.main05_cnt dl.dl03 dd{
        float:right
    }
    .main05_cnt dl.dl02 dd,.main05_cnt dl.dl03 dt{
        float:left;
    }
    .scoll_cnt_nr{
        width: 646px;
    }
    .scoll li{
        width: 205px !important;
        margin:0 5px;
    }

    .bmbd_cnt_l{
        width:74%;
        margin:0 10% 5%;
    }
    .bmbd_cnt_l li span{
        width: 20%;
    }
    .bmbd_cnt_l li input,.bmbd_cnt_l li select{
        width: 75%;
    }
    #footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{
        display:none !important;
    }
    #QIAO_INVITE_CONTAINER{
        width:0 !important;
        height:0 !important;
    }
    .copyright,.last{
        display:block;
    }
	.bmbd_cnt_l li{ width:95% !important;}
	.r_nav,p.tel span{display:none !important;}
	.zsy_gensui{ display:block !important;}
}
@media only screen and (max-width:680px){
    .main02 ul li{
        width: 47.5%;
    }
    .main04_cnt dl{
        width: 48%;
    }
    .scoll_cnt_nr{
        width: 570px;
    }
    .scoll li{
        width: 180px !important;
    }
    #caselist .prev, #caselist .next{
        top:80px;
    }
}
@media only screen and (max-width:600px){
    .main03_cnt dl{
        width: 43.5%;
    }
    .scoll_cnt_nr{
        width: 513px;
    }
    .scoll li{
        width: 161px !important;
    }
    .main07 ul li{
        width: 23%;
    }
    .bmbd_cnt_l{
        width:89%;
        margin:0 2.5% 5%;
    }
}
@media only screen and (max-width:540px){
    .scoll_cnt_nr{
        width: 456px;
    }
    .scoll li{
        width: 218px !important;
    }
	.main02 ul li{
        width: 100%;
    }
}
@media only screen and (max-width:480px){
    h2{
        font-size:30px;
    }
    .main03_cnt dl{width:43%;}
    .main05_cnt dl dt{
        width: 90%;
        text-align: center;
        margin:5%;
    }
    .main05_cnt dl dd{
        width: 90%;
    }
    .main05_cnt dl dd a{
        width: 50%;
    }
    .scoll_cnt_nr{
        width: 380px;
    }
    .scoll li{
        width: 180px !important;
    }
    .main07 ul li{
        width: 47.3333333%;
    }
    .bmbd_cnt_l li span{
        width: 27%;
    }
    .bmbd_cnt_l li input,.bmbd_cnt_l li select{
        width:60%;
    }
    .wexin dt{
        width: 100%;
        text-align:center;
    }
    .wexin dd{
        width: 100%;
        text-align:center;
    }
	.main04 b{ font-size:18px !important;}
	.bmbd_cnt_l li{ width:90% !important;}
}

@media only screen and (max-width:400px){
    h2{
        font-size:26px;
    }
    h2 span{
        padding:0;
    }
    .main02 ul li{
        width: 100%;
        margin:0 0 2%;
        padding:2% 0 4%
    }
    .main03_cnt dl dt span{
        font-size:14px;
    }
    .main03_cnt dl dt span em{
        font-size:20px;
    }
    .main03_cnt dl dd{
        padding:5%;
        width: 90%;
        height:87%;
    }
    .main04_cnt dl{
        width: 98%;
    }
    .scoll_cnt_nr{
        width: 304px;
    }
    .scoll li{
        width: 294px !important;
    }
    #caselist .prev, #caselist .next{
        top:120px;
    }


}