@charset "utf-8";
*{margin:0;padding:0;list-style-type:none; font-family: "微软雅黑";list-style: none;}
nav{width:100%;max-width:1000px;height:40px;margin:auto}
a,img{border:0;}
body{font:14px Arial, Helvetica, sans-serif,"微软雅黑"; background:#f3f3f3 !important;float:left;width:100%;}
a{text-decoration: none;color: #000;}
.cf{*zoom:1;}
/* flexslider */
.flexslider{margin:auto;position:relative;max-width:690px;max-height:300px;overflow:hidden;zoom:1; z-index: 5;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; margin-top:0px;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
aside{margin-left:0!important}
/*header*/
header{background:#fff}
.header_title {
    width: 100%;
    max-width:1000px;
    height: 50px;
    background: #fff;
    color: #fff;
    position: relative;
    margin: 0 auto;
}
.header_title a{
	color:#222;
	font-size:14px;
}
.bodys{
	margin: auto;
	background: #f2f2f2;
}
h2 {
    font-size: 16px;
    font-weight: normal;
}

.header_title_left{
	position: absolute;
	top: 13px;
	 /*margin-left: 10%;*/
}
.header_title_left a{
     font-size:18px!important;
}
.header_title_right{
	float: right;
    top: 15px;
    right: 0px;
    position: absolute;
}
.header_title_right a:hover{
    color:#00c3f5;
}
.g-zc{
	margin-left: 10px;
}
/*header结束*/
/*footer的样式*/
footer {
    width: 100%;
    color: #515151;
    text-align: center;
    /*line-height: 45px;*/
    float:left;/*position:fixed;bottom:0;background-color:#fff;*/
}
footer a{
	color:#515151;
}
footer a:hover{
    color:#000;
}
.foot
{
	width: 100%;
	max-width: 1000px;
	text-align: center;
	height: 100px;
	margin: auto;
}
.foot_left{
	width:25%;
    padding-top:10px;
    height:35px;
    line-height:18px;
    overflow:hidden;
	float: left;
    margin-top:10px;
    border-top:1px solid #d9d9d9;
}
.foot_bottom{
    float:left;
	/*margin-top: 10px;*/
    width:100%;
    font-size:12px;
}
/*footer结束*/
/*nav开始*/
.navgtion{
	width:100%;
	max-width: 700px;
    height:auto;
    float:left;
    overflow:inherit;
    /*margin-left:50px;*/
/*	margin: auto;*/
}
.navgtion ul{

	width:100%;
	line-height: 40px;
	text-align: center;padding-left:15px;
}
.navgtion ul li{
	display:inline-block;
    text-align:center;padding:0px 20px;
}
li.gw_daohang{
        overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.navgtion ul li a:hover{
	color: #00c3f5;
}
.ii{text-align:left}
/*.navgtion ul li:nth-child(2){
  float:right;
  /*text-align:right;*/
}*/
/*选中样式*/
.selected a{color: #00c3f5;}
              li.selected{color:#f8a34e;border-bottom:1px solid #f8a34e}
             li.selected a{color:#f8a34e!important;}
             .navgtion li.gw_daohang a:hover{
                 color:#f8a34e
             }
/*nav结束*/
/*个人中心头部开始*/
.center-top{
	margin: auto;
	width: 100%;
	height: 320px;
	max-width: 1000px;
	background: url('../images/g-title.png') no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.ct-head-portrait{
	width: 100px;
	height: 100px;
	border-radius: 50px;
	border:3px solid #fff;
	background-size: cover;
	margin: auto;
	margin-top: 30px;
	
}
.ct-pic {
    width: 98px;
    height: 98px;
    border-radius: 49px;
    background: url('../images/g-pic.png') no-repeat center;
    background-size: cover;
    margin: 1px;
}
.ct-xx{
	width: 100%;
	 color: #fff;
}
.ct-name{
	width: 100%;
    text-align: center;
    font-size: 22px;
    padding-top: 15px;
    font-weight: bolder;
}
.ct-qm{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.ct-nav{
	margin: auto;
	width: 100%;
	max-width: 1000px;
	background: #fff;
	height: 320px;
	margin-top: 10px;

}
.ct-nav-top ul{
	float: left;
	width: 100%;
	font-size: 16px;
	border-bottom: 2px solid #4b7bab;
}
.ct-nav-top ul li{
	float: left;
	width: 10%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.selected1{
	background: #4b7bab;
	
}
.selected1 a{
	color: #fff;
}
/*--------------------------------------------*/
/*------------------------------------*/
.mtop20 {
    margin-top: 20px;
}
.rt-list {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
    /*border: 1px solid #e6e6e6;*/
    padding: 14px 0 14px 14px;
    box-shadow: 2px 2px 2px #e2dede;
}
.rt-list .rt-img {
    float: left;
    width: 35%;
}
.rt-list .rt-main {
    float: left;
    padding: 0 19px;
    width: 40%;
    display: block;
}
.rt-wrap {
    padding: 0 0 4px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.rt-href a {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}
.index_left .itail {
    height: 20px;
    margin-top: 10px;
}
.rt-title-name {
    background-color: #0daaea;
    font-size: 16px;
    color: #fff;
    height: 34px;
    line-height: 34px;
    padding: 0 9px;
    float: left;
}
.index_left {
    float: left;
    overflow: hidden;
}
.index_left {
        width: 100%;
    max-width: 693px;
}
.index_right {
    padding-bottom: 20px;
    width: 300px;
    float: left;
        margin-top: 10px;
        display: block;
        margin-left:6px
}
.index_right .index_right_2 {
    float: left;
    border: 1px solid #e6e6e6;
    margin: 0 0 0 20px;
    background-color: #fff;
    padding: 16px;
    moz-box-shadow: 3px 3px 4px #cecccc;
    -webkit-box-shadow: 0 0 0 #cecccc;
    box-shadow: 0 0 0 #cecccc;
    box-shadow: 3px 0 4px #cecccc;
}
.wrp {
    margin: 0 auto;
    width:100%;
    max-width: 1000px;
    padding: 0px 0px;
   
}
.rt-img img{
	width: 100%;
}
@media screen and (max-width: 1200px) {
     nav {
        margin-left:0px
    }
}
@media screen and (max-width: 1020px){

               .index_right {
        display: none;
	    }
	.index_right .index_right_2{
		display: none;
	}
   
}
@media screen and (max-width: 1000px){
    /*.navgtion ul li:nth-child(2){margin-right:30px;}*/
    .index_right {
        display: none;
	    }
	.index_right .index_right_2{
		display: none;
	}
     .navgtion{
        margin-left:1%;    }
}
@media screen and (max-width: 720px){
    .navgtion ul{padding:0px;}
    .navgtion ul li{width:14%;text-align:center;padding:0px;}
    .index_right {
    display: none;
	}
	.index_right .index_right_2{
		display: none;
	}
    .wrp{
        margin:0;
        padding:0;
    }
    .slides img{
        height:182px!important;
    }
    .navgtion{
        margin-left:0px;
    }
    .list_left{
        width:100%;
    }
    .list_left img{
        width:100%;
    }
    .list_right{
        width:100%;
    }
    .rt-list{
        padding:14px 0;
    }
    .rt-list .rt-main{padding:0 5px}
    .header_title_left{margin-left:0}
    .tck .left{height:100px!important;width:42%;left:0!important;}
    .tck li{min-height:110px!important;padding: 13px 13px 0px 42%!important;}
    .tck h3{margin:0!important}
    .tck p{margin:0!important;height:64px!important;}
}
/*------------------------------------*/
.sidetop{position:fixed;width:45px;height:45px;right:10px;bottom: 20%;z-index:200;border-top:0;}
.sidetop ul li{width:53px;height:53px;float:left;position:relative;margin-bottom:10px;cursor:pointer}
.sidetop ul li .sidebox{text-align:left;position:absolute;width:53px;height:53px;top:0;right:0;transition:all 0.3s;background:url(../images/HP/web-ds.png?v=3) left center no-repeat /*#000*/;background-size:53px 53px; color:#fff;font:14px/54px "微软雅黑";overflow:hidden;opacity:1;}
.sidetop ul li .sidebox1{background-image:url(../images/HP/yd-tx1.png);}
.sidetop ul li .sidebox4{background-image:url(../images/HP/yd-ewm.png);}
    /*.sidetop ul li .sidebox:hover {width: 160px;}*/
.sidetop ul li .sidebox span{display:none;margin-left:60px;line-height:58px;font-size:14px;font-weight:600}
.sidetop ul li .sidebox:hover span{display:block}
/*.sidetop ul li .sidebox1:hover{width:160px;}*/
/*.sidetop ul li .sidebox2{background:url(../images/shopcart.png) left center no-repeat #d6d400;border-top-left-radius:5px;border-top:0;}*/
/*.sidetop ul li .sidebox2:hover{width:160px;}*/
/*------------------------商品评价-------------------------*/
.assess-top{
    padding:5px;
    background:#e8e8e8;
}
.assess-left{width:100px;float:left}
.assess-left1{width:40px;height:40px;margin:10px auto;}
.assess-left1>img{width:100%;height:100%;}
.assess-top span{margin-left:10px}

.assess-desc img {
    width: 145px;
    height: 145px;
    margin: 0px 10px 10px 0px;
}

/*------------------------官网列表区-------------------------*/
.gw_list{padding:10px 17px;background-color:transparent;margin-bottom:10px;padding-bottom:0px;}

.gw_list_bt{color:#333;height:28px;line-height:20px;border-bottom:none;font-size:18px;margin-bottom:0}

.gw_list_bt a{float:right;margin-right:3px;padding:2px 8px;color:#333;font-size:16px; border-radius:3px;margin-top:-1px;}
/*------------------------官网商品列表区-------------------------*/
        .list-goods{margin-right:-20px;}
        .list-goods li { width: 213px; float: left; margin-right: 14px; border: 1px #ddd solid; margin-bottom: 10px; }
        .list-goods li a { width: 100%; display: block; height: 100%; }
       .list-goods-img { width: 100%; height: 0;padding-bottom:100%;position:relative;}
            .list-goods-img img { width: 100%; height: 100%;position:absolute; }
        .list-goods .list-goods-content { padding: 8px; font-family: Arial; }
        .list-goods-number { float: right; color: #888; font-size: 12px; line-height: 22px; }
        .list-goods-money { color: #df0000; font-size: 16px; line-height: 22px; }
            .list-goods-money span { background-color: #f40; color: #fff; font-weight: 100; font-size: 12px; padding: 0px 3px; }
        .list-goods-title { height: 36px; margin-top: 5px; font-weight: 400; overflow: hidden; color: #3d3d3d; font-size: 16px; line-height: 18px;    margin-bottom: 5px; }


        .gw-centen .list-goods-content { position: absolute; bottom: 0px; width: 100%; background-color: rgba(122, 124, 127, 0.46); box-sizing: border-box; }
            .gw-centen .list-goods-content font { color: white; font-size: 24px; }
            /*回复开始*/
             .reply-wra .reply-head{
                 height:40px;
             }
            .reply-wra .reply-head img{
                width:40px;height:40px;float:left;border-radius: 50%;
            }
            .reply-wra .reply-imgs{
                max-width: 520px;    overflow: hidden;
            }
            .reply-wra .reply-imgs li{
                width:33.33%;height:0;padding-top:33.33%;position:relative;float:left
            }
.reply-wra .reply-imgs li img{
                position:absolute;left:0;top:0;    width: 94%;
    height: 94%;
            }
            .reply-wra .reply-text{
                font-size: 16px;
    color: #2b2b2b;margin:0;
            }
            .reply-wra .reply-type{
                color:#888;font-size: 14px;margin-bottom:10px;
            }
                .reply-wra .reply-type span{
                margin-right:20px;
            }
            .reply-wra .reply-name{
                line-height:40px;margin-left:50px;font-size:16px;
            }
            .reply-wra .reply-content{
                margin-left:50px;
            }
            .reply-wra .reply-list{
                border-bottom:1px solid #ddd;
    padding: 10px;

            }
            .reply-wra{
                background-color:white;
            }
            .reply-nav{
                min-height:50px;background-color:white;margin: 5px 0;overflow: hidden;
            }
             .reply-nav .selected{
                 color:white;background-color:#f8a34c;
             }
            .reply-nav li{
                   border: 1px solid #ddd;cursor:pointer;
    text-align: center;
    line-height: 25px;min-width: 47px;
    float: left;
    margin-left: 15px;
    margin-top: 11px;
    padding: 0 6px;
            }
            .reply-wra
             /*回复结束*/
@media screen and (max-width: 720px) {
    .assess-desc img {
    width: 100px;
    height: 100px;
    }
}
.assess-name{font-size:12px;margin:auto;text-align:center;color:#777;width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sj-time{display:none}
/*.xzxg{height: 40px; border-right-style: solid; border-right-width: 1px; border-right-color: rgb(223, 224, 223); margin-top: -8px; border-top-style: solid; border-top-width: 2px; border-top-color: rgb(36, 130, 217)!important; line-height: 40px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(223, 224, 223); background-color: rgb(255, 255, 255);}*/
.spjgms{height: 32px; border-right-style: none; margin-top: 0px; border-top-style: none; line-height: 34px; border-left-style: none;}
.spjgms2{height: 32px; border-right-style: none; margin-top: 0px; border-top-style: none; line-height: 34px; border-left-style: none; /*background-color: rgb(255, 255, 255);*/}
.assess-right{float:left;width:80%}
.assess-bottom{overflow:hidden}
@media screen and (max-width: 720px) {
    .gw_list_bt{height:31px;}
    .sp-assess{padding:5px}
    .assess-left{margin-top:10px;width:100%;margin-left:10px}
    .assess-left1{margin:0;float:left}
    .assess-name{margin:0;float:left;line-height:30px;color:#000}
    .assess-left1>img{border-radius:50%}
    /*.assess-desc{padding:5px}*/
    .sj-time{display:block}
    .dn-time{display:none}
    .assess-right{width:100%;margin-left:10px}
                .list-goods li { width: 46%; margin-right: 2%;}
            .list-goods-money span { display: none; }

}
.gw_more_div{position:relative;cursor:pointer;float:left}
.gw_more{width:75px;height:auto;background:#fff;position:absolute;right:0;z-index:100;display:none;border:1px solid #f1f1f1;padding:5px;cursor:pointer}
.gw_more span{width:70px;display:inline-block;float:left;height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:30px;text-align:center}
.gw_more span:hover{text-decoration:underline}

}