.bigimg img {
	width: 100%;
	display: block;
}

.bigimg {
	position: relative;
}

.bigimg h1 {
	font-family: "微软雅黑";
	font-size: 40px;
	position: absolute;
	top: 30%;
	color: #3d484e;
	left: 50%;
	width: 1200px;
	margin-left: -600px;
	text-align: center;
}

.bigimg p {
	font-family: "微软雅黑";
	font-size: 16px;
	position: absolute;
	top: 50%;
	color: black;
	left: 50%;
	width: 1200px;
	margin-left: -600px;
	text-align: center;
}

.pro {
	position: relative;
	padding: 30px 0;
}

.pro .left {
	width: 23%;
}

.pro .left ul li {
	border-bottom: 1px dashed#FFC107;
	font-family: "微软雅黑";
	font-size: 16px;
	padding-left: 10px;
}

.pro .left ul li a {
	padding-left: 10px;
	color: #9E9E9E;
	font-size: 16px;
	display: block;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	position: relative;
	color: #000000;
}

.pro .left ul li a.bg {
	background: url(../images/off.png) no-repeat 184px center;
}

.pro .left ul li a.bgno {
	background: url(../images/on.png) no-repeat 184px center;
}

.pro .left ul li.expand ul {
	display: block;
}

.pro .left ul li ul {
	display: none;
}

.pro .left ul li ul li {
	border: none;
}

.pro .left ul li ul li a {
	font-size: 14px;
	padding-left: 20px;
	color: #9E9E9E;
}

.pro .left ul li ul li a:hover {
	color: #fcd941;
}

.pro .left h6 {
	font-family: "微软雅黑";
	font-size: 20px;
	border-left: 6px solid #FFC107;
	padding-left: 20px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 30px;
}
.pro .left .lian{margin-top: 20px;}
.pro .left .lian p{font-family: "微软雅黑";font-size: 14px;
}
.pro .left .lian img{width: 100%;}
.pro .right {
	width: 75%;
	
}
.pro .right h6 {
	font-family: "微软雅黑";
	font-size: 20px;
	border-left: 6px solid #FFC107;
	padding-left: 20px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 30px;
}
.pro .right .nav-list{margin-bottom: 30px;overflow: hidden;}
.pro .right .nav-list ul li{border-bottom: 2px solid transparent; float: left;width: auto;font-family: "微软雅黑";font-size: 14px;cursor: pointer;margin: 0 10px;}
.pro .right .nav-list ul li:hover{border-bottom: 2px solid #1D2089;}
.pro .right .nav-list ul li.on{border-bottom: 2px solid #1D2089;}
.pro .right .tu {
    border: 1px solid #000000;
    position: relative;
    height: 654px;
    overflow: hidden;
    padding: 30px 20px 0 20px;
    clear: both;
    margin-bottom: 50px;
}
.pro .right .tu ul{margin-right: -20px;}
.pro .right .tu ul li{position: relative; margin-bottom: 30px;overflow: hidden; float: left;width:22.7% ;margin-right: 20px;text-align: center;font-family: "微软雅黑";font-size: 14px;}
.pro .right .tu ul li img{width: 100%;height: 133px;}
.pro .right .tu ul li .imgs2{position: absolute;top: 0px;left: 0px;opacity: 0; 
transition: all 0.5s;  
　-moz-transition: all 0.5s; /* Firefox 4 */  
-webkit-transition: all 0.5s; /* Safari 和 Chrome */  
-o-transition: all 0.5s; /* Opera */
}
.pro .right .tu ul li:hover .imgs2{opacity: 1;
transform: scale(1.1);     
　　-ms-transform: scale(1.1);  /* IE 9 */  
　　-moz-transform: scale(1.1);  /* Firefox */  
　　-webkit-transform: scale(1.1); /* Safari 和 Chrome */  
　　-o-transform: scale(1.1);
}
.pro .right .page{text-align: center;overflow: hidden;position: relative;clear: both;}
.pro .right .page a{font-family: "微软雅黑";font-size: 16px;padding: 5px 10px;}
.pro .right .page a:hover{background: #fcd941;color: white;}
.pro .right .page a.on{background: #fcd941;color: white;}

.about{position: relative;overflow: hidden;padding: 30px;}
.about .bo{clear: both;}
.about .bo img{float: left;display: block;width: 500px;}
.about .bo .txt{float: right;width: 650px;padding:0px 20px;}
.about .bo .txt h1{font-family: "微软雅黑";font-size: 28px;line-height: 40px;font-weight: 500;}
.about .bo .txt  span{font-family: "微软雅黑";font-size: 18px;color: rgb(165, 173, 197);}
.about .bo .txt p{font-family: "微软雅黑";font-size: 16px;line-height: 26px;text-indent: 2em;}

.about .nei{position: relative;clear: both;padding: 30px 0;}
.about .nei p{font-family: "微软雅黑";font-size: 16px;text-indent: 2em;}
.about .nei img{width: 300px;margin:20px 48px;}

.cont h1{font-family: "微软雅黑";font-size: 28px;text-align: left;font-weight: 500;height: 40px;line-height: 40px;}
.cont  em{font-family: "微软雅黑";font-size: 18px;color: rgb(165, 173, 197);}
.cont{position: relative;padding: 30px 0;}
.cont .left{width: 30%;}
.cont .left h6{font-family: "微软雅黑";font-size: 20px;color: #1D2089;}
.cont .left p{font-family: "微软雅黑";font-size: 16px;}
.cont .right{width: 68%;}
.ding{position: relative;overflow: hidden;padding: 30px 0;}
.ding form.auth-form {
    width: 1200px;
    margin: auto;
    background: #f7f7f7;
    padding: 40px 300px;
}

.auth-form select{ font-family: "微软雅黑";
    font-size: 14px;
    color: #444444; margin-left: 20px;border-radius: 20px;width: 340px;padding: 5px 20px;}
.ding form h1{font-family: "微软雅黑";font-size: 26px;color: #3E82C2;}

.auth-form #name{width: 100px;}
.auth-form input[type="radio"] {
    display: inline-block;
    width: 20px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-family: "微软雅黑";
    font-size: 14px;
}


.auth-form .verification-code-input{display: inline-block;width: 100px;
position: absolute;top: 10px;left: 50px;}


.auth-form .verification-code {
    position: absolute;
    top: 10px;
    right: 50px;
    width: 100px;
    background: #dde0ba;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
.ding label {
	display: block;
    overflow: hidden;
    position: relative;
    width: 400px;
    margin: 0px;
}
.ding textarea {
 	width: 450px;
 	border-radius: 10px;
 	height: 200px;
 	margin-left: 20px;
 	padding: 0 20px;
 	font-family: "微软雅黑";
 	font-size: 16px;
 }
 

.ding span {
    margin-top: 10px;
    font-family: "微软雅黑";
    font-size: 18px;
    color: #5d5d5d;
    display: block;
}


.ding label input {
    margin-left: 20px;
    width: 300px;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #444444;
    line-height: 28px;
    height: 28px;
    border-radius: 20px;
    border: 1px solid #BFBFBF;
    padding: 2px 20px;
}
.ding input.submit {
 	width: 100px;
 	text-align: center;
 	clear: both;
 	display: block;
 	line-height: 40px;
 	height: 40px;
 	margin-left: 205px;
 	border: none;
 	cursor: pointer;
 	border-radius: 20px;
 	background: #0E8C43;
 	color: #d9dd17;
 	font-family: "微软雅黑";
 	font-size: 20px;
 	font-weight: bold;
 	margin-top: 20px;
 }
 .ding i{font-family: "微软雅黑";font-size: 12px;color: red;}
.pro-datils{background: white;overflow: hidden;padding: 30px 0;}
.pro-datils .left{
	position: relative;
    overflow: hidden;
    width: 49%;}

.pro-datils .left .pic img {
    display: block;
    overflow: hidden;
    margin: auto;
}

.pro-datils .left .pic ul {
    position: relative;
    overflow: hidden;
    margin-top: 36px;
   height: 122px;
    overflow: hidden;
    width: 90.7%;
    margin:20px auto;
 
}
.pro-datils .left .pic ul li:hover{border-color:#fd2c2c ;}
.pro-datils .left .pic ul li.up {
    border-color: #fd2c2c;
}

.pro-datils .left .pic ul li {
    float: left;
    margin-right: 2px;
    border: 1px solid #8c8d8c;
    margin-right: 15px;
}
.pro-datils .left .pic ul li:last-child{margin-right: 0px;}
.pro-datils .left .pic ul li img {
    width: 120px;
    height: 100px;
}
.pro-datils .right{width: 47%;position: relative;}
.pro-datils .right .dajing {
    float: none;
    width: 535px;
    height: 500px;
    border: 1px solid #000000;
    position: absolute;
    overflow: hidden;
    z-index: 99;
    display: none;
}
#box1{position: absolute;
    width: 150px;
    height: 150px;
    background: rgb(204, 204, 204);
    border: 1px solid rgb(0, 0, 153);
    display: none;
    left: 282px;
    top: 221px;
    opacity: 0.5;
}
.pro-datils .right h6{font-family: "微软雅黑"; font-size: 24px;font-weight: 400;margin-top: 40px;margin-bottom: 10px}
.pro-datils .right .shuo{font-family: "微软雅黑";font-size: 14px;color: #8A8A8A;}
.pro-datils .right p{font-family: "微软雅黑";font-size: 14px;}
.pro-datils .right ul li{font-family: "微软雅黑";font-size: 16px;margin: 0px 0;}

.pro-datils .right .go{border-top: 1px solid #f1f1f1;padding: 20px 0;text-align: left;}
.pro-datils .right .mai{display: inline-block;text-align: center;border-radius: 20px; width: 235px;font-family: "微软雅黑";font-size: 24px;color: white;
background: #fcda42;border: 1px solid#8c8d8c;margin-right: 20px;}
.pro-datils .right .cart{display: inline-block;text-align: center; width: 235px;font-family: "微软雅黑";font-size: 24px;color: #fcd941;
;border: 1px solid#fcd941;}

.pro-datils .right .go span{margin: 15px 10px ; height: 40px;line-height: 40px;display: inline-block;padding-left: 40px; font-size: 24px;color: #3e82c2;background: url(../images/images/product_details-guan.png) no-repeat;}
.pro-datils .right .go p{font-size: 24px;color: #585858;}
.pro-datils .right .go p img{display:inline-block ;margin: 0 5px;vertical-align: middle;}


.number {
    position: relative;
    padding: 30px 0;
    color: #8C8D8C;
    height: 40px;
    line-height: 40px;
}.number .mber{
	    position: relative;
    margin-left: 64px;
    margin-top: -36px;
    
    }

.number .pic_num{width: 35px;height: 35px;line-height: 35px;font-size: 18px;outline: none;text-align: center;
border: 1px solid #c5c5c5;color: #C5C5C5;float: left;
margin-right: 5px;

}
.number .add,.reduction{float: left;width: 16px;height: 16px;line-height: 16px;padding: 0px;font-size: 12px;}
.number .reduction{position: absolute;   top: 22px;
    left: 42px;
    float: left;
    }
    
 .number .add{position: absolute;   top: 0px;
    left: 42px;
    float: left;}   
    
.mber span{
    height: 36px;
  line-height: 36px;
    display: inline-block;
    margin-left: 15px;
    }
.mber span i{font-style: normal;}


.pic_list {
    position: relative;
    overflow: hidden;
    padding: 0px 0 30px 0;
}
.pic_list .text {clear: both;margin-top: 20px;}
.pic_list .text .bgp {
    border: 2px solid #b5b4b4;
    padding: 6px 0px;
    font-size: 16px;
    font-family: "微软雅黑";
    background: #efefef;
}
.pic_list .text p span{display: inline-block;margin-left: 40px;color: #000000;cursor: pointer;}
.pic_list .text p span.on{ color:#d71203;}
.pic_list .text p span i{font-style: normal;}
.pic_list .text .details{padding-top: 30px;}
.pic_list .text .details span{display: inline-block;font-size: 18px;width: 400px;margin-left: 140px;}
.pic_list  img{margin:20px auto ;display: block;}
.pic_list  .review{display: none;overflow: hidden;}
.pic_list  .review ul{clear: both;}
.pic_list .review ul li{clear: both;margin-left: 22px;margin-top: 20px;margin-bottom: 30px;}
.pic_list  .review ul li .top_pic{width: 66px;height: 72px;float: left;margin: 0 5px;}
.pic_list  .review ul li span{display: inline-block;width: 110px;text-align: center;font-size: 18px ;line-height: 18px;color: #8a8a8a;}
.pic_list  .review dl dd{float: left;}
.pic_list .review dl dd img{width: 20px;height: 20px;margin-right: 2px;}
.pic_list  .review p{
	float: left;
    font-size: 18px;
    width: 77%;
    padding: 0 40px;
    line-height: 28px;
    color: #8a8a8a;
    }
.review_left{float: left;margin-top: 5px;}

.sub-nav{
	margin-top: -97px;
	float: left;
	width: 26%;
}
.sub-nav h3{
	padding-left: 46px;
	height: 97px;
	line-height: 97px;
	font-weight: normal;
	font-size: 28px;
	background-color: #2964be;
	color: #fff;
	letter-spacing: 2px;
}
.sub-nav ul{
	background-color: #63625e;
}
.sub-nav ul li{
	border-bottom: 1px dashed #5d8ad4;
}
.sub-nav ul li:last-child{
	border-bottom: 0;
}
.sub-nav ul li.now{
	border-bottom:0;
}
.sub-nav ul li.now a {
    background-color: #fcd941;
    color: black;
}
.sub-nav ul a{
	display: block;
	padding: 25px 25px 25px 47px;
	font-size: 18px;
	color: #fff;
}
.sub-nav ul a:hover{
	padding: 25px 20px 25px 55px;
	 background-color: #d0af21;
    color: black;
}

.sub-nav ul span{
	float: right;
}
.inside-right{
	padding-bottom: 50px;
	width: 69%;
	float: right;
}
.inside-right .title{
	border-bottom: 1px solid #ddd;
}
.inside-right .title h4{
	margin-bottom: -1px;
	padding: 20px 15px;
	float: left;
	font-weight: normal;
	font-size: 18px;
	color: #3c70ca;
	border-bottom: 2px solid #3c70ca;
}
.inside-right .crumbs{
	padding: 20px 0;
	float: right;
}
.inside-right .crumbs a,
.inside-right .crumbs span{
	margin: 0 5px;
}
.inside-right .crumbs span{
	color: #3c70ca;
}

.inside-list{
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
.inside-list:hover{
	background-color: #fafafa;
}

.inside-list dt{
	float: left;
	width: 23%;
	margin-right: 20px;
}
.inside-list dd.text-title a{
	display: block;
	padding-bottom: 10px;
	font-size: 18px;
	color: #444;
}
.inside-list dd.text-title a:hover{
	color: #3c70ca;
}
.inside-list dd.summary{
	line-height: 26px;
	color: #777;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.inside-list dd.date span{
	margin-top: 10px;
	display: inline-block;
	border-radius: 3px;
	padding: 6px 10px;
	background-color: #f1f1f1;
	color: #999;
}
.inside-right .title {
    border-bottom: 1px solid #ddd;
    display: block;
    overflow: hidden;
}
img {
    border: 0;
    max-width: 100%;
}

.img-big{display: block; margin: auto}



.pages{
	padding: 30px 0;
	text-align: center;
}
.pages a{
	display: inline-block;
	padding: 7px 14px;
	background-color: #b3b5b7;
	color: #fff;
}
.pages a.now{
	background-color: #3c70ca;
}
.pages a:hover{
	background-color: #a1a4a6;
}

 .article-title h3 {
    padding: 15px 0;
    font-weight: normal;
    font-size: 22px;
    text-align: center;
    color: #444;
}
 .article-content p {
    margin: 25px 30px;
    /* text-indent: 2em; */
    line-height: 32px;
    font-size: 16px;
    color: #555;
    text-align: justify;
}
.article{width: 100%;}
.job-style h3{
	background: #2964be url(../images/job-style.png) top right no-repeat;
}
.job-style ul{
	background-color: #fff;
	border: 1px solid #ddd;
}
.job-style ul li{
	border-bottom: 1px solid #ddd;
}
.job-style ul a{
	margin: 25px 25px 25px 37px;
	padding: 0 0 0 10px;
	color: #666;
	border-left: 2px solid #004498;
}
.job-style ul a:hover{
	background-color: inherit;
	padding: 0 0 0 15px;
}
.job-style ul li.now a{
	background-color: inherit;
}
.job-style ul li.now>a{
	color: #004498;
	background-color: inherit;
}
.job-style ul li ul{
	padding: 8px 0;
	border: 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.job-style ul li ul li a{
	border: 0;
	margin: 12px 10px 12px 47px;
	font-size: 16px;
}
.job-style ul li ul li{
	border-bottom: 0;
	background: url(../images/triangle.png) 36px 3px no-repeat;
}
.message p {
    line-height: 24px;
    color: #333;
    margin: 30px 10px;
    font-family: "微软雅黑";
}