@charset "UTF-8";
body{
    background-color: #f3f3f4;
    font-family:arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif;font-size: 14px;
}
h1{font-family: "Microsoft YaHei", "微软雅黑", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif}
.write-nav, .write-container,.write-nav-left, .write-nav-right{height: 72px;}
.write-nav{background-color: #ffffff;width: 100%;}
.write-container{width: 65%;margin: auto;}
.write-nav-left{float: left;width:20%;}
.write-nav-right{float: right;width: 70%;}
.write-nav-list{width: 10%;height:45px;float: left;text-align: center;padding-top: 20px;color: #000000;}
.write-nav-login{float: right;width: 12%;height:34px;text-align: center;margin: 16px 48px 0 0;border: 1px solid #61CA74;border-radius:15px;}
.write-nav-login-to{text-align: center;margin-top: 0.3rem;font-size: 14px;color: #61CA74;}
.none{color: #666;}
/*导航栏下面变色添加此类*/
.nav-list-change{border-bottom: 4px solid #61CA74;}
/*图片轮播*/
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
/* flexslider */
.flexslider{position:relative;height:400px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides li img{width: 100%;height: 100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../img/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next.png) center center no-repeat;}
/*模板内容的*/
.common h1{text-align: center;font-size: 38px;font-weight:400}
.common-center{width: 65%;margin: auto;}
.common-list{ overflow: hidden;zoom:1;}
.common-list-show{margin: 0 1rem 0 1rem;height: 100%;background-color: #ffffff;}
.common-list-show-top {height: 2rem;width: 100%;text-align: center;padding-top: 1rem;}
.common-list-over{box-shadow: rgba(166, 166, 166, 0.33) 0 0 10px 10px ;}
.common-list-layout{padding-left: 7%;height: 68%}
.common-list-layout p {font-size: 0.8rem;height: 2rem;}
.common-list-show a{text-decoration:none;}
.btn{height: 2.5rem;width:70%;text-align: center;border-radius:15px;border: 1px solid #61CA74;margin: auto;}
.btn-toBuy{height: 2.5rem;width:70%;text-align: center;border-radius:15px;border: 1px solid #61CA74;margin: auto;}
.btn-buy{text-align: center;margin-top: 0.5rem;font-size: 14px;color: #61CA74;}
/*模板内容的*/
.common{padding-top: 50px;}
/*服务*/
.fuwu-common{padding-top: 50px;}
.fuwu-list{overflow:hidden;}
.fuwu-show-list li:last-child{border-bottom: none;}
/*底部的*/
.footer{height: 8rem;background-color: #424242;margin-top: 100px;}
.footer-center{width: 65%;margin: auto;height: 100%;}
.footer-layout{color: #CCC;text-align: center;padding: 3rem 0 0 0;}
.footer-layout p{height: 2rem;font-family:arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif;font-size: 14px;}
/*分割线*/
.hr {display: block;height: 0;overflow: hidden;font-size: 0;border-top: 1px solid #B5B5B5;margin: 12px 0;}
.hr-dotted{border-top-style: dotted;}
@media screen and (min-width:1100px)
{
    /*导航栏*/
    .write-container{width: 85%;margin: auto;}
    .write-nav-right{font-size: 13px;}
    .write-nav-list{width: 10%;height:45px;float: left;text-align: center;padding-top: 23px;color: #000000;}
    /*模板内容的*/
    .common-list li{height: 21rem;float: left;width: 25%;margin-top: 2rem; }
    /*服务*/
    .fuwu-common h1{text-align: center;font-size: 38px;font-weight:400}
    .fuwu-list-show{margin: 0 1rem 0 1rem;height: 100%;border: 1px solid #ddd;}
    .fuwu-list li{float: left;width: 50%;margin-top: 2rem;}
    .fuwu-show-list{width: 100%;overflow:hidden;}
    .fuwu-show-list li{height: 2.5rem;float: left;width: 100%;margin: 0 0 0 0;border-bottom: 1px solid #ddd;line-height: 2.5rem;}
    .fuwu-show-list-p{padding-left:1rem;height: 2.5rem;width: 90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media screen and (min-width:850px) and (max-width:1100px)
{
    /*导航栏*/
    .write-container{width: 100%;}
    .write-nav-right{font-size: 11px;}
    .write-nav-list{width: 10.5%;height:45px;float: left;text-align: center;padding-top: 23px;color: #000000;}
    .write-nav-login{float: right;width: 12%;height:2rem;text-align: center;margin: 1rem 1rem 0 0;border: 1px solid #61CA74;border-radius:15px;}
    /*模板内容的*/
    .common-list li{height: 21rem;float: left;width: 33%;margin-top: 2rem; }
    /*服务*/
    .fuwu-common h1{text-align: center;font-size: 38px;font-weight:300}
    .fuwu-list-show{margin: 0 1rem 0 1rem;height: 100%;border: 1px solid #ddd;}
    .fuwu-list li{float: left;width: 100%;margin-top: 2rem; }
    .fuwu-show-list{width: 100%;overflow:hidden;}
    .fuwu-show-list li{height: 2.5rem;float: left;width: 100%;margin: 0 0 0 0;border-bottom: 1px solid #ddd;line-height: 2.5rem;}
    .fuwu-show-list-p{padding-left:1rem;height: 2.5rem;width: 90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media screen and (min-width:600px) and (max-width:850px)
{
    /*导航栏*/
    .write-container{width: 100%;}
    .write-nav-right{float: right;width: 75%;font-size: 8px;}
    .write-nav-login{float: right;width: 17%;height:2rem;text-align: center;margin: 1rem 0.5rem 0 0;border: 1px solid #61CA74;border-radius:15px;}
    .write-nav-login-to{text-align: center;margin-top: 0.3rem;font-size: 8px;color: #61CA74;}
    /*模板内容的*/
    .common-list li{height: 21rem;float: left;width: 50%;margin-top: 2rem; }
    /*服务*/
    .fuwu-common h1{text-align: center;font-size: 38px;font-weight:300}
    .fuwu-list-show{margin: 0 1rem 0 1rem;height: 100%;border: 1px solid #ddd;}
    .fuwu-list li{float: left;width: 100%;margin-top: 2rem; }
    .fuwu-show-list{width: 100%;overflow:hidden;}
    .fuwu-show-list li{height: 2.5rem;float: left;width: 100%;margin: 0 0 0 0;border-bottom: 1px solid #ddd;line-height: 2.5rem;}
    .fuwu-show-list-p{padding-left:1rem;height: 2.5rem;width: 90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media screen and (max-width:600px)
{
    /*导航栏*/
    .write-container{width: 100%;}
    .write-nav-right{float: right;width: 75%;font-size: 8px;}
    .write-nav-login{float: right;width: 15%;height:2.7rem;text-align: center;margin: 1rem 0 0 0;border: 1px solid #61CA74;border-radius:15px;}
    /*模板内容的*/
    .common-list li{height: 21rem;float: left;width: 100%;margin-top: 2rem;}
    .footer-center{width: 86%;margin: auto;height: 100%;}
    .footer-layout p{height: 2rem;font-family:arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif;font-size: 10px;}
    /*服务*/
    .fuwu-common h1{text-align: center;font-size: 38px;font-weight:300}
    .fuwu-list-show{margin: 0 1rem 0 1rem;height: 100%;border: 1px solid #ddd;}
    .fuwu-list li{float: left;width: 100%;margin-top: 2rem; }
    .fuwu-show-list{width: 100%;overflow:hidden;}
    .fuwu-show-list li{height: 2.5rem;float: left;width: 100%;margin: 0 0 0 0;border-bottom: 1px solid #ddd;line-height: 2.5rem;}
    .fuwu-show-list-p{padding-left:1rem;height: 2.5rem;width: 90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}