/*

Theme Name: 产品展示网站 

Theme URI: http://www.xuewangzhan.net

Description:产品展示网站主题

Author: 学做网站论坛 

Author URI: http://www.xuewangzhan.net

Version: 1.0 

Tags: 产品展示网站 

*/



ul,ol,li{list-style:none;padding:0;margin:0}

.mb40{margin-bottom:40px;}

.mb20{margin-bottom:20px;}

.pro_main{width:82%}

.pro_sidebar{width:18%}

.carousel-inner>.item>a>img{width:100%;}

/*index*/

body{padding-top:85px;font-family:Roboto,Helvetica,Tahoma,Arial,"Microsoft YaHei";}

#head{padding:20px 0;}

.navbar {margin-bottom:5px;padding:15px 0;}

.navbar-nav li a{font-size:1.1em;}

.navbar .navbar-brand img{position:absolute;top:8px;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

    background-color: transparent;

}

.carousel-inner>.item>a>img{height:390px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {

     background-color: transparent;

	 color:#666;

}

.navbar-nav>li>.dropdown-menu li{height:45px;top: 100%;border-bottom:1px solid #ddd}

.navbar-nav>li>.dropdown-menu li a{height:45px;line-height:45px;}

.navbar-nav>li>.dropdown-menu li a:hover{border-bottom:1px solid #f90}



.navbar-nav>li>.dropdown-menu{top:100%;background-color: #f8f8f8;}

.carousel-indicators li{border:1px solid #ff6a00;}

.carousel-indicators .active{background:#ff6a00;border:0 solid #ff6a00;}

.current-menu-item,.navbar-nav li:hover{border-bottom:2px solid #f90}

h2.pro_title{font-size:1.2em;padding:8px 0;margin:20px 0;border-bottom:2px solid #ff6a00;font-weight:600;}

.pro_title a{color:#666;}

.pro_art,.pro_art_big{padding:10px 20px;}

.pro_art img,.pro_art_big img{border:1px solid #ddd;padding:2px;margin-bottom:10px;    transition: all 0.5s;}

.pro_art:hover,.pro_art_big:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.31);}



.pro_art_big img{width:265px;height:265px;}



.pro_art img{width:100%;height:auto;/*height:203px;*/}

.kf_ry img{width:45px;height:40px;border-radius:4px;}

.kf_ry span{position:relative;top:10px;display:block;padding:5px 0;}

.kf_ry .col-xs-3,.kf_ry .col-xs-9{padding:0;}

.kf_ry .col-xs-9{text-align:left;text-indent:10%;}

.wang{background:url(images/wapp.jpg) no-repeat 7px 0;text-indent:38px;background-size:24px 24px;}

.sky{background:url(images/sky.png) no-repeat 7px 0;background-size:24px 24px;text-indent:38px;}

.kf_ry li{margin:0 3px 20px;}

.pro_cats,.com_news{margin-top:-20px;}

.pro_cats li{height:35px;line-height:35px;padding:0 10px;border-bottom: 1px solid #ddd;}

#cp_foot{background:#f5f5f5;border-top:1px solid #ccc;text-align:center;padding:20px 0;margin-top:30px}

/*.thum_small{height:310px;}*/

.pro_art_big a,.pro_art a,.kf_ry a,#cp_kf a,#cp_foot a{color: #666;}

.pro_art a:hover,.pro_art_big a:hover,.kf_ry a:hover,#cp_kf a:hover,#cp_foot a:hover{color:#f90}

.cp_bt1{height:40px;overflow:hidden;}

/*.cp_bt2{height:50px;overflow:hidden;}*/

.cp_bt2{margin-top:10px;font-size:0.8em;}

.cp_bt2 li{overflow: hidden;  text-overflow: ellipsis;   white-space: nowrap;}

.cp_bt2 span{color:#999;}

.footmeau{margin-bottom:15px;}

.footmeau li{display:inline-block;padding:0 10px;border-right:1px solid #666;}

.footmeau .current-menu-item,.footmeau .navbar-nav li:hover{border-bottom:0px solid #f90}

#goTopBtn {position: fixed;bottom: 35px;width: 36px;height: 31px;cursor: pointer;display: none;border-radius: 3px;border:1px solid #F4F4F4;background:#f4f4f4;}

.gotopbtnn{width:26px;height:21px;background:url(images/tb1.png) no-repeat 50% 50%;background-position: -56px -328px;margin:3px auto 0;}



/*single*/

#cp_slt{margin-top:30px;}

#cp_slt h1{font-size:1.6em;margin-bottom:20px;}

.cp_cs{margin-top:20px;}

.cp_cs span{color:#999;}

.cp_btn{margin-top:30px;}

.cp_btn .btn-warning{background-color: #ff6a00; border-color: #e66103;}

#cp_mbx{padding:15px 0;border-bottom:1px solid #ddd;color:#337ab7}

.pagination .active a{color:#fff !important;}

.content{line-height:1.8em;}

.content img{display:block;margin:20px auto;max-width:96%;height:auto;padding:2px;border: 1px solid #f4f4f4;}

.com_news li{height:40px;line-height:40px;padding:0 10px;border-bottom: 1px dashed #ddd;width:100%; overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}

#tougao_content{width:90%;height:400px;}







/*newslist*/

.news_list{padding:0 30px;}

.news_list h3{font-size:1.5em;font-weight:400;margin-bottom:20px;}

.news_list li{padding:20px 0;border-bottom:1px dashed #eee;}

.page_nav{margin:40px 0;}

.page_nav nav,.page-nav{display:inline-block;}

.page_nav nav a,.page_nav nav span,.page_nav .total{display: inline-block;padding:0 10px; height: 26px;   line-height: 26px;	border-radius: 3px;border:1px solid #a9a9a9;margin-right:5px;}

.total span{font-size:1.2em;}

.page_nav nav .current{border:1px solid #F00;color:#f00;}

.page_nav .goto{display:inline-block;float:right;}



.goto #page_input{width:4em;text-align:center;border-radius: 3px;}

.go_btn{    display: inline-block;

    vertical-align: top;

    width: 39px;

    text-align: center;

    height: 26px;

    line-height: 26px;

	border-radius: 3px;

	border:1px solid #a9a9a9;

    background: #e6e3e3;}

.newstitle{text-align:center;}

.news_messages{height:35px;line-height:35px;text-align:center;margin-bottom:20px;}

.news_messages span{margin-right:15px;color:#999;}





/*sidebar*/

.pro_search .col-md-9,.pro_search .col-md-1,.pro_search .col-sm-8,.pro_search .col-sm-2{padding-left:0;padding-right:0;}

.pro_search input,.pro_search .btn-default{border:0;height:40px;line-height:35px;border-radius:0;box-shadow: inset 0 0px 0px rgba(0,0,0,.075); }

.pro_search input:focus{border:1px solid #ddd;border-right:0px solid #ddd;     box-shadow: inset 0 0px 0px rgba(0,0,0,.075);} 

.pro_search input{  border:1px solid #ddd;border-right:0px solid #ddd;  border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.pro_search .btn-default{border:1px solid #ddd;border-left:0px solid #ddd; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.pro_search{margin:20px 0;}

.pro_texts{width:76%;height:35px;line-height:35px;vertical-align:top;}

.pro_tj{width:18%;height:35px;line-height:35px;font-size:1.2em;font-weight:300;}

.pro_tp{position:relative;text-align:center;}

.xin_yuan{width:20px;height:20px;border:1px solid #F4F4F4;border-radius:50%;position: absolute;background: #fff;top: 5px;right: 10px;z-index: 99;}



.heart {

	    background:url(images/web_heart_animation.png);

	    background-position: left;

	    background-repeat: no-repeat;

	    height: 40px;

	    width: 40px;

    	border-radius: 50%;

	    cursor: pointer;

	    position: absolute;

		z-index:100;

       right: 0px;

    top: -4px;

        background-size:2900%;

    }

    .heart:hover, .heart:focus{

    background-position: right;

	}



    @-webkit-keyframes heartBlast {

    0% {

	    background-position: left;

	}

	100% {

	    background-position: right;

	}

	}



	@keyframes heartBlast {

	    0% {

	    background-position: left;

	}

	100% {

	    background-position: right;

	}

	}



	.heartAnimation {

    display: inline-block;

    -webkit-animation-name: heartBlast;

    animation-name: heartBlast;

    -webkit-animation-duration: .8s;

    animation-duration: .8s;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    -webkit-animation-timing-function: steps(28);

    animation-timing-function: steps(28);

    background-position: right;

    }

    .feed p{font-family: "Microsoft YaHei",'Georgia', Times, Times New Roman, serif; font-size: 25px;}

    .feed{clear: both; margin-bottom: :20px; height: 150px; position: relative;}

    a{color: #7ac9ed;}

    p{margin: 0px; padding: 0px;}

    .likeCount{font-family: 'Georgia', Times, Times New Roman, serif; margin-top: 32px;margin-left: 68px;font-size: 25px;color: #999999}

	



/* //图片放大 */

.box{width:360px;margin:0px auto;}

.box img{vertical-align:top;border:0;}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0;overflow:hidden;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;margin:0 6px 0 0;overflow:hidden;padding:1px;}

.tb-s310, .tb-s310 a{height:310px;width:360px;}

.tb-s310{max-height:310px;max-width:360px;}

.tb-s310 img{max-height:306px;max-width:356px;}

.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40 img{width:37px;height:37px;}

.tb-s40, .tb-s40 a{height:40px;width:40px;}

.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}

.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:44px;padding:2px;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}

.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}





/*respensive*/

@media screen and (min-width: 768px) and (max-width: 992px){

	/*.pro_art img{height:180px;}*/

	.mb40 { margin-bottom: 1px; }

	/*.thum_small { height: 290px;}*/

	.carousel-inner>.item>a>img{height:300px;}

}



@media screen and (max-width: 767px){

	body{padding-top: 62px;padding-bottom:56px;}

	.navbar{padding:5px 0;}

	.sub-menu{display:none;}

	.sub-menu li:first-child{border-top:1px solid #eae7e7;}

	.sub-menu li{text-indent:25px;}

	.sub-menu li a{color:#666;display:block;width:100%;height:100%;}

	.header-top .menu-item-has-children{position:relative;}

	.header-top .menu-item-has-children:after{content:'';display: block;width:100%;height:40px;position:absolute;top: 0;left:0;z-index: 89;}

	/*.thum_small{height:270px}*/

	.pro_art, .pro_art_big{padding:10px;}

	.carousel-inner>.item>a>img{height:105px;}

	.pro_art{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}

	.container .pro_art:nth-child(even){border-right:1px solid #FFF;}

	.pro_art img, .pro_art_big img {border: 0px solid #ddd;}

	/*.pro_art img{height:170px;}*/

	h2.pro_title{margin-bottom:0px;border-bottom:0px solid #fff}

	.pro_art:hover,.pro_art_big:hover{box-shadow: 0 0 0 rgba(0, 0, 0, 0.31);}

	.mb40{margin:0;}

	.box{width:100%;margin:0 auto;}

	.bigimg{display:none;}

	.cp_tit2{border-bottom: 2px solid #ff6a00;}

	.footkf{position:fixed;z-index:101;bottom:0px;width:100%;padding-top:10px;padding-bottom:10px;background:#fff;}

	.kf_li a{display:inline-block;width:100%;}

	.yy-ul li,.navbar-nav li,.dropdown-menu li{  line-height: 45px;border-bottom: 1px solid #eae7e7;}

	.navbar-nav>li>.dropdown-menu li a { height: 45px; line-height: 45px;}

	.yy-ul{margin: 0 -15px;}

	.yy-ul li{width:48%;text-align:center;}

	.yy01{float:left;}

	.yy02{float:right;}

	.yy-ul a{color: #ff6a00;}

	.navbar-default .navbar-toggle .icon-bar {  background-color: #ff6a00;}

	.navbar-default .navbar-toggle { border-color: #ff6a00;}

.navbar .navbar-brand img{height:50px;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background:none;}

.hd_search{padding:20px 0;background:#ff6a00;}

.hd_search .col-xs-9,.hd_search .search-btn8{padding:0}

.hd_search input,.hd_search .btn-default{border:0;height:40px;line-height:35px;border-radius:0;box-shadow: inset 0 0px 0px rgba(0,0,0,.075); }

.hd_search input{    border-top-left-radius: 4px; border-bottom-left-radius: 4px;}

.hd_search .btn-default{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.footkf .btn-warning {background-color: #ff6a00; border-color: #e66103;}

.ke-container{width:100% !important;}

.news_list{padding:0;}

#tougao_content{width:100%;height:200px;}

}