@charset "utf-8";
.tj1{
	width:242px;
	height:52px;
	border:1px solid #e1e1e1;
	color:#666;
	border-radius: 32px;
	background-color:#FFFFFF;
	font-size:20px;
}
.tj1:hover{
	color:#fff;
	background-color:#0034a8;
}
.a01{
	width:auto;
	background-image: url(../images/xian.jpg);
	background-repeat: repeat-x;
	background-position: 0px 19px;
	text-align:center;
}
.a01 span{
	width:200px;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	background-color:#FFFFFF;
	display:block;
	font-size:14px;
	text-transform: lowercase;
}
.a01 span strong{
font-size:18px;
display:block;}
.a02{ width:auto; text-align:center; line-height:30px; clear:both; padding-top:40px;}
.a02 strong{
	font-size:24px;
	color:#0344a8;
	display:block;
	background-image: url(../images/xian1.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:15px;
	margin-bottom:15px;
}

.a03{ width:auto; margin-top:40px; margin-bottom:50px; overflow:hidden;}
.a03 li{
	float:left;
	width:20%;
	margin-left:2.5%;
	margin-right:2.5%;
	background-color:#f8f8f8;
	text-align:center;
	padding-top:20px;
	padding-bottom:70px;
	line-height:30px;
}
.a03 li img{
height:56px;
margin-left:auto;
margin-right:auto;
display:block;
padding-top:50px;
}

.a03 li strong{
display:block;
color:#0345a6;
font-size:18px;
line-height:85px;

}

.a04{ width:auto; clear:both; margin-bottom:0px; overflow:hidden;}
.a04 li{
	width:27%;
	margin-left:1.5%;
	margin-right:1.5%;
	float:left;
	border: 1px solid #a6a6a6;
	padding:1.5%;
	font-size:14px;
	height:90px;
	margin-top:40px;
}
.a04 li img{
float:left;
padding-top:15px;
}
.a04 li span{
float:right;
width:80%;
}
.a04 li strong{
display:block;
color:#0345a6;
font-size:18px;
line-height:40px;
}
.se{ background-color:#f8f8f8}
.ly{ width:1300px; margin-left:auto; margin-right:auto; padding-top:40px;}





.h-form {
  width: 100%;
  height: 400px;
  overflow: hidden;
  
  padding-top:40px;

}
.h-form .form-button {
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-top: 40px;
}
.h-form .form-button .button {
  display: inline-block;
  font-size: 18px;
  background-color:#0034a8;
  padding: 0 32px;
  border-radius: 32px;
  color: #fff;
  cursor: pointer;
}
.h-form .form-close {
  text-align: center;
  color: #999;
  font-size: 18px;
  margin-top: 25px;
  cursor: pointer;
}
.h-form.open {
  height: auto;
  padding-bottom: 0px;
}

.a05{
	color:#0344a8;
	line-height:50px;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	font-size:30px;
	width:1300px;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top:30px;
	margin-bottom:30px;
}
.a06{ width:auto; clear:both; overflow:hidden; margin-top:30px; text-align:center; font-size:24px; line-height:30px; color:#000000}
.a06 strong{ font-size:40px; display:block; color:#0345a6; line-height:80px;}

.a07{
	width:auto;
	clear:both;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #DBDBDB;
	line-height:30px;
	margin-top:50px;
}
.a07 li{
width:39.9%;
float:left;
padding-left:10%;
font-size:16px;
}
.a07 li a{
	display:block;
	background-image: url(../xwqh/dian.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
}
.xian{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DEDEDE;
}

.a08{ width: auto; clear:both; margin-top:30px; padding-top:40px;}

.a09{ width:auto;}

/* mub01Top */
#proDetailsLy{padding-top: 20px;}
#proDetailsLy .mub01Top{height: 32px;}
.mub01Top{width: 100%;height: 42px;border-bottom: 1px solid #eaeaea;}
#proDetailsLy .mub01Top h3{padding-left: 20px;}
.mub01Top h3{font-size: 20px;color: #333333;float: left;}
.mub01Top h3 em{color: #e6212a;font-weight: bold;}
#proDetailsLy .mub01Top h3 i{top: 8px;}
.mub01MainContent .articleN #proDetailsLy .mainCon .box1 textarea{width: 730px;}
.mub01MainContent .articleN #proDetailsLy .mainCon{height: 570px;}
.mub01Top h3 i{display: block;width: 24px;height: 1px;background: #e6212a;position: relative;top: 18px;}
.mub01Top a.more{display: block;font-size: 14px;color: #666666;float: right;margin-right: 6px;text-decoration: none;}
.mub01Top a.more:hover{color: #e6212a;}

/* proDetailsLy */
.proDetailsLy{width: 100%;}
#proDetailsLy .mainCon{ padding:40px 0px 0 0px;}
.proDetailsLy .mainCon{padding: 40px 40px 0 20px;background: #fff;height: 420px;}
.proDetailsLy .mainCon .box1{width: 100%;}
.proDetailsLy .mainCon .box1 .Input{width: 43.3%;height: 58px;border: 1px solid #e0e0e0;float: left;margin-bottom: 20px;margin-left: 20px;}

.Input.Input1.clearfix {
    background: url(../sy/proDetailsLy_icon02.png) no-repeat 16px center;
    padding-left: 60px;
}
.Input.Input2.clearfix {
    background: url(../sy/proDetailsLy_icon01.png) no-repeat 16px center;
    padding-left: 60px;
}
.Input.Input3.clearfix {
    background: url(../sy/proDetailsLy_icon03.png) no-repeat 16px center;
    padding-left: 60px;
}
.Input.Input4.clearfix {
    background: url(../sy/proDetailsLy_icon04.png) no-repeat 16px center;
    padding-left: 60px;
}
#protel{ width:auto;padding-left: 39px;}
.proDetailsLy .mainCon .box1 .Input span{width: 130px;float: left;display: block;border-right: 1px solid #e0e0e0;line-height: 58px;font-size: 16px;color: #999999;text-indent: 22px;}
.proDetailsLy .mainCon .box1 input{width:439px;padding-right: 51px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none;border-left: 1px solid #e0e0e0;text-indent: 15px;}

.proDetailsLy .mainCon .box1 p.input{width: 344px;padding-left: 22px;padding-right: 51px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none; margin-left:131px;}
.proDetailsLy .mainCon .box1 .Input1 p.input{background: url(../sy/proDetailsLy_icon01.png) no-repeat 372px center;}
.proDetailsLy .mainCon .box1 textarea{text-indent: 22px;width: 93.5%;height: 120px;border: 1px solid #e0e0e0;margin-left: 20px;padding-top: 18px;font-size: 16px;color: #666;outline: none;resize: none;background: url(../sy/proDetailsLy_icon05.png) no-repeat 16px 18px;padding-left: 52px;}
.proDetailsLy .mainCon .box2{text-align: center;margin-top: 25px;}
.proDetailsLy .mainCon .box2 a.tj{margin-right: 12px;}
.proDetailsLy .mainCon .box2 a{display: inline-block;width: 242px;height: 52px;line-height: 52px;text-align: center;font-size: 20px;color: #666666;text-decoration: none;background: url(../sy/proDetailsLyBg01.png) no-repeat center;}
.proDetailsLy .mainCon .box2 a i{display: inline-block;width: 7px;height: 12px;background: url(../sy/proListClassify_icon04.png) no-repeat center;margin-left: 14px;}
.proDetailsLy .mainCon .box2 a:hover{background: url(../sy/proDetailsLyBg02.png) no-repeat center;color: #fff;}
.proDetailsLy .mainCon .box2 a:hover i{background: url(../sy/proListClassify_icon05.png) no-repeat center;}
.proDetailsLy .mainCon .box1 .Input font.star{padding-left: 0px;color:#e6212a;font-size: 16px;}
#feedbackform .star{padding-left:5px;color:#e6212a;font-size: 16px;}
/* proDetailsPictures */
.proDetailsPictures{width: 100%;margin-top: 40px;}
.proDetailsPictures .mainCon{width: 100%;padding-top: 30px;}
.proDetailsPictures .mainCon li{float: left;width: 290px;margin-left: 13px;text-align: center;}
.proDetailsPictures .mainCon li:first-child{margin-left: 0;}
.proDetailsPictures .mainCon li em{display: block;font-size: 14px;color: #333333;margin-top: 15px; width:290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proDetailsPictures .mainCon li span{display: block;width: 290px;height: 230px;overflow: hidden;position: relative;}
.proDetailsPictures .mainCon li a{display: block;text-decoration: none;}
.proDetailsPictures .mainCon li img{display: block;transform: scale(1);transition: all 2s ease-out; width:290px; height:230px;}
.proDetailsPictures .mainCon li:hover img{transform: scale(1.2);}


.proDetailsLy .mainCon .box2 a.tj{margin-right: 12px;}
.proDetailsLy .mainCon .box2 a{display: inline-block;width: 242px;height: 52px;line-height: 52px;text-align: center;font-size: 20px;color: #666666;text-decoration: none;background: url(../sy/proDetailsLyBg01.png) no-repeat center;}
.proDetailsLy .mainCon .box2 a i{display: inline-block;width: 7px;height: 12px;background: url(../sy/proListClassify_icon04.png) no-repeat center;margin-left: 14px;}
.proDetailsLy .mainCon .box2 a:hover{background: url(../sy/proDetailsLyBg02.png) no-repeat center;color: #fff;}
.proDetailsLy .mainCon .box2 a:hover i{background: url(../sy/proListClassify_icon05.png) no-repeat center;}

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

.proDetailsLy .mainCon .box1 .Input{width: 41%;height: 58px;border: 1px solid #e0e0e0;float: left;margin-bottom: 20px;margin-left: 20px;}

.proDetailsLy .mainCon .box1 input{/*width:99%;*/width:auto;padding-right: 0px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none;border-left: 1px solid #e0e0e0;text-indent: 15px;}


}

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

.a03 li{ padding-bottom:30px; padding-top:0px;}

.a04 li span{
float:right;
width:78%;
}

}
@media screen and (max-width: 768px){
.a08{ width: auto; clear:both; margin-top:30px; padding-top:0px;}
.tj1{
	width:242px;
	height:52px;
	border:1px solid #e1e1e1;
	color:#666;
	border-radius: 32px;
	background-color:#FFFFFF;
	font-size:20px;
	margin-bottom:20px;
}
.tj1:hover{
	color:#fff;
	background-color:#0034a8;
}

.xian{
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #DEDEDE;
}


.ly{ width:100%; margin-left:auto; margin-right:auto; padding-top:0px;}
.a05{
	color:#0344a8;
	line-height:50px;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
	font-size:26px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top:30px;
	margin-bottom:30px;
}
.a06{ width:auto; clear:both; overflow:hidden; margin-top:10px; text-align:center; font-size:16px; line-height:30px; color:#000000}
.a06 strong{ font-size:20px; display:block; color:#0345a6; line-height:60px;}

.a07{
	width:auto;
	clear:both;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #DBDBDB;
	line-height:30px;
	margin-top:30px;
}
.a07 li{
width:90%;
float: none;
padding-left:3%;
font-size:16px;
}
.a07 li a{
	display:block;
	background-image: url(../xwqh/dian.jpg);
	background-repeat: no-repeat;
	background-position: 5px;
	padding-left: 15px;
}


.a03{ width:auto; margin-top:40px; margin-bottom:50px; overflow:hidden;}
.a03 li{
	float:left;
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
	background-color:#f8f8f8;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	line-height:30px;
	margin-bottom:20px;
}
.a03 li img{
height:56px;
margin-left:auto;
margin-right:auto;
display:block;
padding-top:20px;
}

.a03 li strong{
display:block;
color:#0345a6;
font-size:18px;
line-height:85px;

}


.a04{ width:auto; clear:both; margin-bottom:0px; overflow:hidden;}
.a04 li{
	width:94%;
	margin-left:1.5%;
	margin-right:1.5%;
	float:left;
	border: 1px solid #a6a6a6;
	padding:1.5%;
	font-size:14px;
	height:90px;
	margin-top:40px;
}
.a04 li img{
float:left;
padding-top:15px;
}
.a04 li span{
float:right;
width:80%;
}
.a04 li strong{
display:block;
color:#0345a6;
font-size:18px;
line-height:40px;
}


/* mub01Top */
#proDetailsLy{padding-top: 20px;}
#proDetailsLy .mub01Top{height: 32px;}
.mub01Top{width: 100%;height: 42px;border-bottom: 1px solid #eaeaea;}
#proDetailsLy .mub01Top h3{padding-left: 20px;}
.mub01Top h3{font-size: 20px;color: #333333;float: left;}
.mub01Top h3 em{color: #e6212a;font-weight: bold;}
#proDetailsLy .mub01Top h3 i{top: 8px;}
.mub01MainContent .articleN #proDetailsLy .mainCon .box1 textarea{width: 730px;}
.mub01MainContent .articleN #proDetailsLy .mainCon{height: 570px;}
.mub01Top h3 i{display: block;width: 24px;height: 1px;background: #e6212a;position: relative;top: 18px;}
.mub01Top a.more{display: block;font-size: 14px;color: #666666;float: right;margin-right: 6px;text-decoration: none;}
.mub01Top a.more:hover{color: #e6212a;}

/* proDetailsLy */
.proDetailsLy{width: 100%;}
#proDetailsLy .mainCon{ padding:20px 0px 0 0px;}
.proDetailsLy .mainCon{padding: 20px 0px 0 0px;background: #fff;height: 620px;}
.proDetailsLy .mainCon .box1{width: 100%;}
.proDetailsLy .mainCon .box1 .Input{width: 73.3%;height: 58px;border: 1px solid #e0e0e0;float: none;margin-bottom: 20px; margin-left:15px;}

.Input.Input1.clearfix {
    background: url(../sy/proDetailsLy_icon02.png) no-repeat 16px center;
    padding-left: 60px;
}
.Input.Input2.clearfix {
    background: url(../sy/proDetailsLy_icon01.png) no-repeat 16px center;
    padding-left: 60px;
}
.Input.Input3.clearfix {
    background: url(../sy/proDetailsLy_icon03.png) no-repeat 16px center;
    padding-left: 60px;
}
.Input.Input4.clearfix {
    background: url(../sy/proDetailsLy_icon04.png) no-repeat 16px center;
    padding-left: 60px;
}
#protel{ width:auto;padding-left: 39px;}
.proDetailsLy .mainCon .box1 .Input span{width: 100px;float: left;display: block;border-right: 1px solid #e0e0e0;line-height: 58px;font-size: 16px;color: #999999;text-indent: 22px;}
.proDetailsLy .mainCon .box1 input{width:239px;padding-right:0px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none;border-left: 1px solid #e0e0e0;text-indent: 15px;}

.proDetailsLy .mainCon .box1 p.input{width: 244px;padding-left: 22px;padding-right: 51px;font-size: 16px;color: #333333;line-height: 58px;outline: none;border: none; margin-left:131px;}
.proDetailsLy .mainCon .box1 .Input1 p.input{background: url(../sy/proDetailsLy_icon01.png) no-repeat 372px center;}
.proDetailsLy .mainCon .box1 textarea{text-indent: 22px;width: 73.6%;height: 120px;border: 1px solid #e0e0e0;padding-top: 18px;font-size: 16px;color: #666;outline: none;resize: none;background: url(../sy/proDetailsLy_icon05.png) no-repeat 16px 18px; margin-left:15px; padding-left:60px;}
.proDetailsLy .mainCon .box2{text-align: center;margin-top: 25px;}
.proDetailsLy .mainCon .box2 a.tj{margin-right: 12px;}
.proDetailsLy .mainCon .box2 a{display: inline-block;width: 242px;height: 52px;line-height: 52px;text-align: center;font-size: 20px;color: #666666;text-decoration: none;background: url(../sy/proDetailsLyBg01.png) no-repeat center;}
.proDetailsLy .mainCon .box2 a i{display: inline-block;width: 7px;height: 12px;background: url(../sy/proListClassify_icon04.png) no-repeat center;margin-left: 14px;}
.proDetailsLy .mainCon .box2 a:hover{background: url(../sy/proDetailsLyBg02.png) no-repeat center;color: #fff;}
.proDetailsLy .mainCon .box2 a:hover i{background: url(../sy/proListClassify_icon05.png) no-repeat center;}
.proDetailsLy .mainCon .box1 .Input font.star{padding-left: 10px;color:#e6212a;font-size: 16px;}
#feedbackform .star{padding-left:5px;color:#e6212a;font-size: 16px;}
/* proDetailsPictures */
.proDetailsPictures{width: 100%;margin-top: 40px;}
.proDetailsPictures .mainCon{width: 100%;padding-top: 30px;}
.proDetailsPictures .mainCon li{float: left;width: 290px;margin-left: 13px;text-align: center;}
.proDetailsPictures .mainCon li:first-child{margin-left: 0;}
.proDetailsPictures .mainCon li em{display: block;font-size: 14px;color: #333333;margin-top: 15px; width:290px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proDetailsPictures .mainCon li span{display: block;width: 290px;height: 230px;overflow: hidden;position: relative;}
.proDetailsPictures .mainCon li a{display: block;text-decoration: none;}
.proDetailsPictures .mainCon li img{display: block;transform: scale(1);transition: all 2s ease-out; width:290px; height:230px;}
.proDetailsPictures .mainCon li:hover img{transform: scale(1.2);}


.proDetailsLy .mainCon .box2 a.tj{margin-right: 12px;}
.proDetailsLy .mainCon .box2 a{display: inline-block;width: 242px;height: 52px;line-height: 52px;text-align: center;font-size: 20px;color: #666666;text-decoration: none;background: url(../sy/proDetailsLyBg01.png) no-repeat center;}
.proDetailsLy .mainCon .box2 a i{display: inline-block;width: 7px;height: 12px;background: url(../sy/proListClassify_icon04.png) no-repeat center;margin-left: 14px;}
.proDetailsLy .mainCon .box2 a:hover{background: url(../sy/proDetailsLyBg02.png) no-repeat center;color: #fff;}
.proDetailsLy .mainCon .box2 a:hover i{background: url(../sy/proListClassify_icon05.png) no-repeat center;}


}