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

body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, p {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

.clearfix {
    zoom: 1;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}
.com_hd .p1 {
    font-size: 36px;
    color: #545454;
    margin-bottom: 20px;}

    .com_hd {
    text-align: center;
    margin-bottom: 54px;
}

.pro_mainyfw .com_hd .p1{

	font-size: 32px;

}

.pro_mainyfw .com_hd .p2{

	font-size: 16px;

	line-height: 30px;

}



.pro_mainyfw .modal_1 {

	width: 100%;

	background:#fff;

	min-height: 650px;

}

.pro_mainyfw .modal_1 .in {

	width: 1200px;

	margin: 0 auto;

	padding-top:98px;

}

.pro_mainyfw .modal_1 .com_hd{

	margin-bottom: 0;

}

.pro_mainyfw .modal_1 .img{

	margin-right: 80px;

}

.pro_mainyfw .com_text p{

	font-size: 16px;

	color: #8b8b8b;

	padding-left: 22px;

	line-height: 30px;

	margin-bottom: 3px;

	background: url(../images/i25.png)  no-repeat 0 8px;

}

.pro_mainyfw .modal_1 .com_text p{

	margin-bottom: 30px;

}

.pro_mainyfw .com_text p span{

	color: #dd3730;

}

.pro_mainyfw .modal_1 .com_text{

	width: 614px;

	padding-top: 50px;

}









.pro_mainyfw .modal_2 {
	background: url(../images/bg4.jpg);

	width: 100%;

	height: 610px;

	position: relative;

	overflow: hidden;

}

.pro_mainyfw .modal_2 .in {

	width: 1200px;

	padding-top: 73px;

	display: none;

	position: absolute;

	top: 0;

	margin-left: -600px;

	left: 50%;

	z-index: 1;



}

.pro_mainyfw .modal_2 .com_hd p{

	color: #fff;

}

.pro_mainyfw .modal_2  ul{

text-align: center;

}

.pro_mainyfw .modal_2 li{

	width: 280px;

	height: 300px;

	background: #fff;

display: inline-block;

	margin:  0 7px ;
	vertical-align: top

}

.pro_mainyfw .modal_2 li:hover .p1{

	color: #dd3730;

}

.pro_mainyfw .modal_2 li .p0{

	text-align: center;

	padding-top: 20px;

	height: 120px;

}

.pro_mainyfw .modal_2 li .p1{

	text-align: center;

	font-size: 20px;

	color: #292929;

	margin-bottom: 25px;

}

.pro_mainyfw .modal_2 li .p2{

	padding-left: 40px;
	padding-right: 40px;

}

.pro_mainyfw .modal_2 li .p2 span{

	

	color: #7c7c7c;
	margin-right: 6px;

}

.pro_mainyfw .modal_2 .li_2 .p1{

	background-position: -215px 30px;

}



.pro_mainyfw .modal_2 .li_3 .p1{

	background-position: -520px 30px;

}

.pro_mainyfw .modal_2 .li_4 .p1{

	background-position: -825px 30px;

}











.pro_mainyfw .modal_3 {

	width: 100%;



}

.pro_mainyfw .modal_3 .in{

	display: none;

}

.pro_mainyfw .modal_3 .com_hd{

	padding-bottom:37px;

	margin-bottom: 0;
	background: url(../images/bg21.png)  no-repeat center 0;


	padding-top:80px;

}

.pro_mainyfw .modal_3 .bd{

	background: #f9f9f9;
	padding-bottom: 50px;

}

.pro_mainyfw .modal_3 .bd_in{

	width: 1200px;

	margin: 0 auto;

	padding-top: 56px;

}

.bd_in .text{

	width: 590px;

}

.bd_in .text .d1{

	font-size: 26px;

	color: #292929;

	margin-bottom: 20px;

}

.bd_in .text .d2{

	font-size: 16px;

	color: #8b8b8b;

	margin-bottom: 70px;

	line-height: 30px;

}

.bd_in .btn{

	padding-top: 28px;

}

.bd_in .btn a{



	display: block;

	font-size: 18px;

	color: #fff;

	width: 170px;

	height: 56px;

	line-height: 56px;

	text-align: center;

	border-radius: 3px;

	background: #dd3730;

}

.bd_in .btn a:hover{

	background: #f14a43;	

}

.pro_mainyfw .modal_3 .img{

	margin-right: 50px;

}









.pro_mainyfw .modal_4 {

	width: 100%;

	background: #fff;
	padding-bottom: 50px;

}

.pro_mainyfw .modal_4 .in{

	display: none;

}

.pro_mainyfw .modal_4 .bd{

	width: 1200px;

	margin: 0 auto;

	padding-top: 97px;

}

.pro_mainyfw .modal_4 .bd_in .text{

	width: 630px;

}

.pro_mainyfw .modal_4 .bd_in  .img{

	margin-right: -50px;

}







.pro_mainyfw .modal_5 {

	width: 100%;

	background: #f9f9f9;

	min-height:590px;

}

.pro_mainyfw .modal_5 .in{

	display: none;

}

.pro_mainyfw .modal_5 .bd{

	width: 1200px;

	margin: 0 auto;

	padding-top:70px;

}

.pro_mainyfw .modal_5 .bd_in .text{

	width: 576px;

}

.pro_mainyfw .modal_5 .bd_in  .img{

	margin-right:60px;

}

.pro_mainyfw .modal_5 .bd_in  .d3{

	font-size: 16px;

	color: #8b8b8b;

	margin-bottom: 8px;

}











.pro_mainyfw .modal_6 {

	width: 100%;

	min-height:814px;

	background: #fff;
	background: url(../images/bg21.png)  no-repeat center 0;

}

.pro_mainyfw .modal_6  .in {

	width: 1200px;

	margin: 0 auto;

	padding-top: 86px;

	display: none;
	padding-bottom: 40px;

}

.pro_mainyfw .modal_6  .bd{

	margin-right: -30px;

}

.pro_mainyfw .modal_6  .item{

	width: 384px;

	background: #f9f9f9;

	margin-right: 24px;

}

.pro_mainyfw .modal_6  .item .text{

	padding: 34px 23px 42px;

}

.pro_mainyfw .modal_6 .item .text .p1{

	font-size: 20px;
	height: 26px;
	overflow: hidden;
	color: #545454;

}

.pro_mainyfw .modal_6  .item .text .p2{

	font-size: 16px;

	color: #9a9a9a;
	height: 116px;
	overflow: hidden;

	padding: 16px 0;

}

.pro_mainyfw .modal_6  .item .text .p3 span{

	font-size: 16px;

	color: #bfbfbf;

	padding-right: 43px;

	background: url(../images/i23.png)  no-repeat right center;

}

.pro_mainyfw .modal_6 .item a:hover .p1{

	color: #dd3730;

}

.pro_mainyfw .modal_6  .item  .img{

	overflow: hidden;

	position: relative;

}

.pro_mainyfw .modal_6  .item  .img img{

	width: 384px;

	height: 253px;

    -webkit-transition: -webkit-transform .5s linear;

    transition: transform .5s linear;

}

.pro_mainyfw .modal_6  .item a:hover .img img{

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

    -webkit-transition: -webkit-transform .5s linear;

    transition: transform .5s linear;

}

.pro_mainyfw .modal_6  .item a:hover .p3 span{

        -webkit-animation-name: flymove1;

        -webkit-animation-duration: 0.3s;

        -webkit-animation-timing-function: linear;

}

 @-webkit-keyframes flymove1{

            0%{background-position-x:95%}

            100%{background-position-x:100%;}

        }





.pro_mainyfw .modal_6  .ft{

	text-align: center;

	padding-top: 46px;

}

.pro_mainyfw .modal_6 .ft a{

	display: inline-block;

	font-size: 18px;

	color: #fff;

	width: 170px;

	height: 56px;

	line-height: 56px;

	text-align: center;

	border-radius: 3px;

	background: #dd3730;

}

.pro_mainyfw .modal_6 .ft a:hover{

	background: #f14a43;

}





.pro_mainyfw .modal_7{

	width: 100%;

	min-height:661px;

	background: url(../images/bg5.jpg)  no-repeat center 0;



}

.pro_mainyfw .modal_7  .in {

	width: 1200px;

	margin: 0 auto;

	padding-top: 68px;

	display: none;

}

.pro_mainyfw .modal_7 .com_hd p{

	color: #fff;

}

.pro_mainyfw .modal_7 .bd ul  li{

	background: #fff;

	height: auto;

	width: 280px;

}

.pro_mainyfw .modal_7  li .img{

	height: 130px;

	padding-top: 10px;

}

.pro_mainyfw .modal_7  li .text{

	background: #f9f9f9;

	padding: 16px 14px 0;

	text-align: left;

	height: 180px;

}

.pro_mainyfw .modal_7  li .text .p1{

	margin-bottom: 16px;

	font-size: 20px;

	color: #292929;

	text-align: left;

}

.pro_mainyfw .modal_7  li .text .p2{

	margin-bottom: 16px;

	font-size: 16px;

	height: 76px;

	line-height: 26px;

	color: #7c7c7c;

	text-align: left;

}

.pro_mainyfw .modal_7  li .text .p3 {

	font-size: 16px;

	color: #b1b1b1;

	text-align: left;

}



.pro_mainyfw .modal_7 .picScroll-left .hd .prev{

	left: -60px;

 	top: -208px;

}

 .pro_mainyfw .modal_7 .picScroll-left .hd .next{

 	right: -40px;

 	top: -208px;

 }

 .pro_mainyfw .modal_7 .picScroll-left .hd{

 	bottom: -47px;

 }

  .pro_mainyfw .modal_7 .picScroll-left li{

    -webkit-transition: -webkit-transform .3s linear;

    transition: transform .3s linear;

    margin-right: 20px;

}

  .pro_mainyfw .picScroll-left .bd ul{

	padding-top: 10px!important;

}

  .pro_mainyfw .modal_7 .picScroll-left .picList li:hover{

    -webkit-transform:translateY(-10px);

    -ms-transform:translateY(-10px);

    transform:translateY(-10px);

    -webkit-transition: -webkit-transform .3s linear;

    transition: transform .3s linear;

  }

  .pro_mainyfw .modal_7 .picScroll-left li:hover .p3{


  	color:  #dd3730;

  }

  .pro_mainyfw .modal_7 .picScroll-left li:hover .p1{

  	color:  #dd3730;

  }