body{font-size:12px;margin:0px;padding:0px;font-family:Arial,"Arial Regular","Helvetica Neue", Helvetica, sans-serif;background:#f7f7f7}
body{ overflow: auto !important;}
a {
	outline: none;
}
a:focus {
outline: none;
}
.modal{ overflow: auto !important;}
#main{width:100%}
#header{width:100%;height:87px;background:#fff;line-height:85px;position:fixed;z-index:1000;}
#header .nav ul{list-style:none;margin:0px;padding:0px}
#header .nav ul li{display:inline-block;font-size:15px;font-weight:500}
#header#header a{text-decoration:none;}
#header .nav ul .tcm a{color:rgb(30,30,30);padding:8px 18px}
#header .nav ul .tcm a:hover{color:#428bca}
#header .header-btn{min-width: 150px;text-align: center;		margin-left:10px;	    font-size: 15px;	    font-family: AvenirLTStd-Medium, Helvetica, Arial, sans-serif;	    letter-spacing: 0.65px;	    text-transform: uppercase;	    padding: 1px;	    border: 2px solid white;	    position: relative;	    display: inline-block;	    -moz-border-radius: 30px;	    -webkit-border-radius: 30px;	    -o-border-radius: 30px;	    border-radius: 30px;		top:-5px;		margin-bottom: 0;		font-weight: normal;    	line-height: 1.428571429;    	white-space: nowrap;   	    vertical-align: middle;    	cursor: pointer;    	background-image: none;	}		
#header .header-btn a{border:3px solid rgb(30,30,30);border-radius: 30px;padding: 8px 18px;    text-shadow: 0 1px 0 rgba(255,255,255,0.25);line-height: 20px;color:rgb(30,30,30);    position: relative;    display: block;}	
#header .header-btn a:hover{ -moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;border: 3px solid rgb(30,30,30);color:#fff}	
#header .header-btn:hover{background:rgb(30,30,30);border:2px solid #fff;color:#fff}
/* 特殊按钮*/	
.spec_btn{		    min-width: 180px;	    	margin-left:10px;	    font-size: 15px;	    font-family: AvenirLTStd-Medium, Helvetica, Arial, sans-serif;	    letter-spacing: 0.65px;	    text-transform: uppercase;	    padding: 1px;	    border: 2px solid white;	    position: relative;	    display: inline-block;	    -moz-border-radius: 30px;	    -webkit-border-radius: 30px;	    -o-border-radius: 30px;	    border-radius: 30px;		top:-5px;		margin-bottom: 0;		font-weight: normal;    	line-height: 1.428571429;    	white-space: nowrap;   	    vertical-align: middle;    	cursor: pointer;    	background: #fff}		
.spec_btn a{border:3px solid rgb(30,30,30);border-radius: 30px;padding: 8px 18px;    text-shadow: 0 1px 0 rgba(255,255,255,0.25);line-height: 20px;color:rgb(30,30,30);    position: relative;    display: block;border: 3px solid #494949;}	
.spec_btn a:hover{ -moz-border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;border-radius: 30px;border: 3px solid rgb(30,30,30);color:#fff}	
.spec_btn:hover{background:rgb(51,51,51);border:2px solid #fff;color:black}
/* 特殊按钮end*/
#footer{width:100%;background:rgb(30,30,30);text-align:center;color:#fff}
#footer a{color:#fff;text-decoration:none}
.desc{height:74px;margin:0 auto;line-height:74px}
.sq{height:77px;margin:0 auto;padding-top:10px}
.desc ul{list-style:none;padding:0px}
.desc ul li{ display: inline-block; font-size:18px;font-weight:300}
.slidesjs-navigation,.lidesjs-stop{display:none;width:0px;height:0px}
.slidesjs-pagination{position:absolute;top:65%;left:46%;z-index:2000;margin-right:1%;}
#index-cen{margin:0 auto;margin-top:30px;margin-bottom:10px;}
#left{float:left}
#right{float:right;height:735px}
#left ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.left-img {
    width: 100%;
    height: 103.5px;
    cursor: pointer;
}
.card{    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);}
 .s-left img:hover {cursor:pointer;opacity: 0.9}
.card:hover{box-shadow:0 0px 10px 0 rgba(0,0,0,.1);}
.s-left{width:50%;float:left;height:60%;}
.s-left img{border-radius:3px;}
.s-left img:hover {cursor:pointer;opacity: 0.9}
.s-right{width:49%;float:right;height:60%;height:441px}
 .s-right{cursor:pointer}
.s-right ul{height:441px}
  .s-right li:hover{opacity: 0.8}
#right ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: #fff;
}
#right ul li {
    border-bottom: 1px solid gray;
    background: rgb(30,30,30);
    height: 25%;
	hegiht:110.25px;
    padding: 6% 10%;
}
.s-bottom {
    width: 100%;
    height: 39%;
    float: left;
    margin-top: 1%;
}
.ad-items{margin:0 auto;height:400px;}
.ad-item {
    width: 24.6%;
    float: left;
    margin-right: 0.52%;
    cursor: pointer;
    margin-top: 0.6%;
}
.ad-item .card {
    width: 100%;
    height: 350px;
}
.lg-con{width:100%;background:url('/images/home/repeat.png') repeat;min-height:800px;}
@media screen and (max-width: 768px) {
	.lg-con{min-height:1500px}
}
.btn-primary {
    background-image: -webkit-linear-gradient(top,#2aa8ea 0,#2aa8ea 100%);
     background-image: linear-gradient(to bottom,#2aa8ea 0,#2d6ca2 100%);
    background-repeat: repeat-x;
    border-color: #2aa8ea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		}
#jr{font-size:20px}
.s-bottom img:hover {cursor:pointer;opacity: 0.9}
.s-left img:hover {cursor:pointer;opacity: 0.9}
.gg img:hover {cursor:pointer;opacity: 0.9}
.ad-item img:hover{opacity: 0.9}
#login{border:1px solid #d8dee2;border-radius: 5px;width:400px;height:330px;background:#fff;padding:2% 2% 2% 3%	}
.enquirys{width:100%;background:url('/images/home/repeat.png') repeat;min-height:1000px}
.notify{text-align:center;color:red;margin-bottom:5px}
#enquirys-dia{border:1px solid #d8dee2;border-radius: 5px;width:300px;height:600px;background:#fff;padding:1% 1% 1% 1%}
#com-left{float:left;width:70%;padding-right:30px;border-right:1px solid #eaeaea;min-height:1000px}
 #com-left img{}
#com-right{float:right;width:30%;padding-left:40px}
 #com-right li{margin-top:5px}
 #com-right li a{color:gray;font-size:13px;}
 #right .title{font-weight:bold;text-align:center}
 #right{}
#art-ads{width:100%;margin:0 auto;margin-bottom:20px}
#art-news{width:100%;margin:0 auto;}
#com-right li a {
    color: gray;
    font-size: 13px;
}
#com-right ul{list-style:none;padding:0px;margin:0px}
.btn-list{list-style:none;padding:0px;margin:0px}
.btn-list a{text-decoration:none;padding:10px}
#myaccount{width:100%}
.mbx{height:90px;margin:0 auto}
.mbx .btn-list{padding-top:25px}
#account-con{margin:0 auto}
.content{margin:0 auto;margin-top:20px}
.img-sc {
    margin-top: 10px;
    margin-left: 10px;
    border: 1px solid #ececec;
	cursor:pointer;
	border-radius:5px;
}
.img-sc:hover{opacity: 0.8}
.item-i{width:200px;}
.item-m{width:200px;float:left;margin-top:10px}
.item-m img{cursor:pointer}
.item-title{text-align:center}
.print-s{}
.print-s .tit{width:100%;background:#3ca1d6;font-size:28px;color:#fff}
.print-s .tips{font-size:14px;margin-left:38%;    font-family: comic sans ms;}
.print-d {padding-top:20px;padding-bottom:20px}
.print-d table{width:60%}
.print-d .temp{float:left;width:18.5%}
.print-d .temp ul{list-style:none;margin:0px;padding:0px}
.print-d .temp p{font-size:14px;font-weight:bold;margin-bottom:20px}
.print-d .temp ul li{font-size:14px}
.print-d .temp-r{float:left;margin-left:30px}
#detail-header ul{padding:0; margin:0;margin-top:25px}
#detail-header ul li{display:inline-block;font-size:16px;font-weight:bold;width:235px}
.d-item{width:100%;background:#e8e8e8}
.d-item ul{list-style:none;margin:0px;padding:0px;margin-top:10px;}
.d-item ul li{display:inline-block;font-size:16px;width:235px}
.nav{
    float:right;
    width:60%;
    text-align:right
}
@media screen and (max-width: 900px) {
    .desc{height:74px;margin:0 auto;line-height:37px}
}
@media screen and (max-width: 1200px) {
    .desc, #index-cen, #art-ads, #art-news, .content, .mbx, #account-con {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .sq{
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .nav ul {
        text-align: center;
    }
    .nav ul li {
        display: block;
        margin: 10px 0;
    }
    .header-btn, .spec_btn {
        width: 100%;
        margin: 10px 0;
    }
    #main {
        min-width: 0;
    }
    #right, #left {
        float: none;
        width: 100%;
    }
    .s-left, .s-right {
        width: 100%;
    }
    .ad-item {
        width: 100%;
        margin: 10px 0;
    }
}
@media screen and (max-width: 768px) {
    #header {
        height: auto;
        line-height: normal;
    }
    #header .logo {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    #header .nav {
        width: 100%;
        text-align: center;
    }
    .desc ul li, .sq {
        font-size: 14px;
    }
    .ad-item .card {
        height: auto;
    }
    #header .nav {
        display: none;
    }
    #header .menu-toggle {
        display: block;
        cursor: pointer;
        font-size: 24px;
        color: #fff;
        position: absolute;
        right: 20px;
    }
    #header .logo {
        width: 100%;
        text-align: center;
    }
    .service-item {
        width: 100% !important;
        float: none;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1200px) {
    #header-con {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }
    .nav {
        display: none;
    }
    .menu-toggle {
        display: block;
        cursor: pointer;
        font-size: 24px;
        color: #fff;
        position: absolute;
        right: 20px;
        top: 20px;
        z-index: 1001;
    }
    .logo img {
        transform: scale(0.7);
    }
}
#header .nav.open {
    display: block;
    position: fixed;
    background: rgba(30, 30, 30, 0.9);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 1000;
}
#header .nav.open ul {
    display: block;
    padding: 0;
    margin-top: 100px;
}
#header .nav.open ul li {
    display: block;
    margin: 20px 0;
}
@media screen and (min-width: 1200px) {
    #header .menu-toggle {
        display: none;
    }
    #header .nav {
        display: block;
        position: static;
        width: auto;
        height: auto;
        background: none;
    }
}
@media screen and (max-width: 768px) {
    .addon table {
        width: 100%;
        table-layout: fixed;
    }
    .addon td {
        display: table-cell;
        vertical-align: top;
        box-sizing: border-box;
    }
    .addon p {
        margin: 0;
        text-align: left;
    }
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
    .service-item {
        width: 48% !important;
        float: left;
        margin-bottom: 20px;
        margin-right: 2%;
    }
    .service-item:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (min-width: 1200px) {
    .submit-group button {
        width: 50%;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (max-width: 1199px) {
    .submit-group button {
        width: 100%;
        margin: 0 auto;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    #header-con {
        width: 100%;
        padding: 0 20px;
        position: relative;
    }
    .logo {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .menu-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 24px;
        color: #fff;
        cursor: pointer;
    }
    .nav {
        display: none;
        position: absolute;
        top: 87px;
        left: 0;
        width: 100%;
        background: rgba(30, 30, 30, 0.9);
        text-align: center;
    }
    .nav.open {
        display: block;
    }
    .nav ul li {
        display: block;
        margin: 10px 0;
    }
}