/*
Theme Name: 威海紫韵不锈钢有限公司
Theme URI: http://www.weihaibxg.com
Description: Questions & Answers Done Wordpress Style
Version: 1.0
Author: chocker
Author URI: http://www.weihaibxg.com
*/
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td ,input {
	margin: 0;
	padding: 0;
}

body{
	FONT-SIZE: 14px;
	margin:0px;
	padding: 0px;
    font-family:"微软雅黑";
	color:#666;
	margin:0px;
	padding:0px;
    background-color:#fff;
	box-sizing: border-box;
	}
a{text-decoration:none;color:#6b6b6b}
ul li{list-style:none}
ul{margin:0 0;padding:0 0}


input, select{font-family:"微软雅黑";cursor: pointer;}
input, select{outline: medium none;}
h1,h2,h3,h4,h5,h6,p{margin:0 0;padding:0 0;font-weight:500;line-height:none }
h1, h2{ font-family: inherit;}
input,textarea,select{outline:none}
img{border:none}
.img-responsive{max-width:100%;height:auto;}
.clear{clear:both;}
a:hover, a:focus{text-decoration:none}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*user define style*/
/*header*/
@media(min-width:1101px)
{
.top-menu{position:fixed;top:0;left:0;width:100%;height:80px;line-height:80px;background:rgba(0,0,0,0.72);z-index:999}
.top-menu img{height:80px}
}

@media(max-width:1100px)
{
.top-menu{position:fixed;top:0;left:0;width:100%;height:40px;line-height:40px;background:rgba(0,0,0,0.72);z-index:999}
.top-menu img{height:40px}
}
/*common header*/
.top-menu-logo{float:left;}
.line{display: block;
    float: left;
    width: 0;
    height: 1px;
    background-color: #fff;
    margin-top: 35px;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;}
.top-menu ul {margin-left: 100px; float:left}
.top-menu a{line-height: 80px; float: left; width:100%; font-size: 16px; color:white;}
.top-menu ul li{float: left; padding-left: 12px; padding-right:12px; }
/*.top-menu ul li:hover .line{width: 8px; margin-right: 5px;}
.top-menu ul li:hover a{color:#00a0e9} */
.top-menu ul li.on a{color:#00a0e9;} 
.top-menu ul li a:after{width:100%;height:2px;background:transparent;content:''; float:left; left:0;right:0; margin-top: -2px; transition:all ease-in-out 0.3s}
.top-menu ul li a:hover:after{width:100%;background:#00a0e9;transition:all ease-in-out 0.3s; left:0;right:0; margin-top: -20px;}
.top-menu ul li.on a:after{width:100%;background:#00a0e9;transition:all ease-in-out 0.3s; left:0;right:0; margin-top: -20px;}
.page-head-title{background-image: url(/pic2/page_top_bg.jpg); height: 350px; text-align: left;}
.page-head-title h1{ padding-top: 280px; padding-left:20%; color: white;}

/*first page big show*/
.swiper-container {width: 100%; margin-left: auto; margin-right: auto; height: 0; padding-bottom: 40%;}
.swiper-pagination-bullet{ width: 30px; height: 8px; border-radius: 10px; background: #eee; opacity: .5;}
.swiper-pagination-bullet-active { background: #00c0ff; opacity: 1;}
.swiper-container img {max-width: 100%;}

/*first page for product instruction*/
.product_title{text-align: center; padding-top: 50px;}
.product_title h2{font-size: 28px;}
.product_title h3{margin-top: 15px; font-family: HelveticaNeueLTStd-Th;}

.product_menu{width:100%;text-align:center;margin-top:40px;margin-bottom:50px;}
.product_menu a{display:inline-block;min-width:130px;height:45px;line-height:45px;background:#323232;color:#fff;margin:0 5px;margin-bottom:6px; padding-left:9px; padding-right: 9px;}
.product_menu a:hover{background:#ffd200;color:#00278c}
.product_menu a.on{background:#ffd200;color:#00278c}
.product_menu li{float: left;}

.product-list{box-sizing:border-box;padding:0 20px;}

.product-list ul li{float:left; width:25%;}
.product-one-item-boder{padding:12px 21px;}
.product-item-img{width:100%; height:0; padding-bottom:80%; position: relative; overflow:hidden}
.product-item-img img{width:100%; height:100%; position:absolute; transition:all ease-in-out 1s}
.product-item-title{width:100%;height:54px;line-height:54px;box-sizing:border-box;position:relative;transition:all ease-in-out 0.3s; text-align: center;}
.product-item-title:after{position:absolute;width:24px;height:24px;content:'';background:url(../images/jian.png) no-repeat;right:20px;top:25px}
.product-list ul li:hover .product-item-title:after{background:url(../images/jian1.png) no-repeat;animation-name:youyi; animation-delay:0.1s; animation-duration:0.5s;}
.product-list ul li:hover .product-item-title{background:#0084ea;color:#fff;transition:all ease-in-out 0.3s}
.product-list ul li:hover .product-item-img img{transform:scale(1.2);transition:all ease-in-out 1s}
.company_instruct{background: url(/pic2/campany-instruct-bg.jpg);}
.company_instruct h2,h3{color: white;}
.company_instruct_content{padding-left:20%; padding-right:20%; padding-top:15px; padding-bottom:36px; color:white; line-height: 36px; font-size: 15px;}
.common_footer{background-color: #323233; padding-top:12px; padding-bottom:12px;}
.footer_comname{width: 40%; text-align: right; float: left; padding-top:6px; padding-bottom:6px;background-color: #323233;}
.footer_contactus{width: 60%; float: left; text-align: left; background-color: #323233; padding-bottom:15px;}
.common_footer ul{float:left; padding-left: 21px;}
.common_footer li{padding-top:3px; padding-bottom:3px; color: #ccc;}
.common_footer h4{font-weight: bold; color: white;}
.footer-authority{ padding-top:12px; padding-bottom:3px; text-align: center; color: #ccc; border-top:1px #ccc solid; float: left; width: 100%;}

.page-border{ padding-left:18%; padding-right:18%; line-height: 33px; padding-top:30px; padding-bottom:30px;}
.ac-business-border p{text-indent:24px}
.page-border tr,td{border:solid 1px;}
.page-border table{margin-top:30px; border:solid 1px gray;border-collapse:collapse; width:100%;}
.companyinfo-subtitle{ width:20%;}
