/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}



.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}






/*头部样式*/
.head-bg{
    background: url(../images/headbg.png) center no-repeat;
    height: 170px;
    width:100%;

}
#header{width:1200px;margin:0 auto;}
.logo{float:left;line-height: 154px;padding-top: 57px;}
.top{
    /* margin-top: 57px; */
}

















.top1{height: 29px;background: #bf9f62;color: #fff;line-height: 29px;overflow: hidden;}
.top2{height: 150px;overflow: hidden;}
.top2 .k2{margin-top: 45px;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .k1{line-height:50px;font-size: 14px;color: #333333;}
.topLink .k1 a{color: #333333;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}
.wel{}


/*热门搜索*/
.search{width:1200px;margin: 0 auto;}
#formsearch{float:right;margin-top: 6px;}
.hotSearch{width:400px;float:left;height:40px;line-height:40px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#ff770f;color:#fff;border:none;cursor:pointer;}





/*导航栏样式*/
#menu{margin-top: 30px;}
.nav{height:72px;}
.nav li{line-height:72px;height:72px;text-align:center;width:115px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:72px;color:#333333;height:72px;font-size: 16px;padding:0;padding-left: 10px;}
/*.nav .lini:hover{color:#ff770f;text-decoration:none;background: url(../images/navli.png) no-repeat bottom center;}*/


.nav .lali:last-child{
    width: 40px;
}
.nav .lali:last-child a{
    background: none;
    font:bold 16px/72px MicrosoftYaHei;
	letter-spacing: 1px;
	color: #333333;
}

.nav .lini:hover{border-bottom:3px solid #ff770f;}

.nav li:first-child .lini{
    background: url(../images/n1.png) left center no-repeat;
}
.nav li:nth-child(2) .lini{
    background: url(../images/n2.png) left center no-repeat;
}
.nav li:nth-child(3) .lini{
    background: url(../images/n3.png) left center no-repeat;
}
.nav li:nth-child(4) .lini{
    background: url(../images/n4.png) left center no-repeat;
}
.nav li:nth-child(5) .lini{
    background: url(../images/n5.png) left center no-repeat;
}
.nav li:nth-child(6) .lini{
    background: url(../images/n6.png) left center no-repeat;
}
.nav li:nth-child(7) .lini{
    background: url(../images/n7.png) left center no-repeat;
}
.nav li:nth-child(8) .lini{
    background: url(../images/n8.png) left center no-repeat;
}









.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:72px;left:0px;}
.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:115px;}
.nav .sec a:hover{background:#042d3f;text-decoration:none;}

.pro_submenu_tx {
	display: none;
	position: absolute;
	z-index:999;
	top: 72px;
    left:0px;
    border-top:1px solid #ff770f;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	width:360px;
	padding: 8px 25px 8px 0;
    background: #fff;
    box-shadow: 0px 1px 2px #84878d;
}

.pro_submenu_tx .hd {
	float: left;
    width: 151px;
}
.pro_submenu_tx .hd li {
	text-align:  left;
    font-size:  12px;
	float: left;
	background: none;
	height:  22px;
	line-height: 22px;
	width: 150px;
}
.pro_submenu_tx .hd li a{
	padding:0;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
    color: #333333;
    text-align: center;
}
.pro_submenu_tx .hd li a:hover{
    color:#ff770f;
    background: none;
}

.pro_submenu_tx .bd {
	float: right;
    padding-left:25px;
    line-height: 30px;
    border-left: 1px solid #ff770f;
}
.pro_submenu_tx .bd p:nth-of-type(1){
    text-align: right;
}
.pro_submenu_tx .bd p:nth-of-type(2){
    text-align: left;
    color:#ff770f;
    font-size:14px;
}
.pro_submenu_tx .bd img{
    width: 158px;
    height: 86px;
}




/* banner */
.banner{width:1920px;margin:0 auto;position:relative;height:674px;left:50%;margin-left:-960px;overflow:hidden}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;bottom:47px;z-index:100;width:100%;text-align:center}
.banner .num li{	width: 68px;
	height: 8px;display:inline-block;*display:inline;*zoom:1;margin:0 4px;
    text-indent:-100px;overflow:hidden;background:#fff;}
.banner .num li.num_hover{background:#ff770f;	width: 68px;
	height: 8px;}
.banner .num li.num_hover a{background:#ff770f;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;	width: 68px;
	height: 8px;	background-color: #ffffff;}

.banner .pre,.banner .next{position:absolute;top:50%;margin-top:-22px;z-index:999;}
.banner .pre{left:230px;}
.banner .next{right:230px;}





/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-position a{color: #fff;}
.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width: 300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 260px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 200px;}
.xypg-case-list li .img img{width: 300px;height: 288px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}








/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:45px;}
.container{width:1200px;margin: 0 auto;}




/* 优势 */
.choose-index{
    margin-top: 50px;
}

.choose-title{
    text-align: center;
}

/*.choose-content{*/
/*    position: relative;*/
/*    height: 722px;*/
/*    margin-top: 35px;*/
/*}*/
/*.choose1 {*/
/*    position: absolute;*/
/*    left: 75px;*/
/*    top: 75px;*/
/*}*/

/*.choose1 dd,.choose5 dd,.choose7 dd{*/
/*    font:bold 24px/24px MicrosoftYaHei;*/
/*    letter-spacing: 2px;*/
/*	color: #ff770f;*/
/*	padding-bottom: 9px;*/
/*}*/
/*.choose5 dd{*/
/*       margin-left: 44px; */
/*}*/
/*.choose1:hover dd,.choose5:hover dd,.choose7:hover dd{*/
/*    color: #000;*/
/*}*/

/*.choose1:hover{*/
/*    top:2px;*/
/*    transition:0.5s;*/
/*}*/
/*.choose1 img{*/

/*    padding-bottom: 9px;*/
/*}*/
/*.choose1-con{*/
/*    height: 80px;*/
/*    width:287px;*/
/*    padding: 0;*/
/*    color: #848484;*/
/*    line-height: 20px;*/
/*    font-size: 12px;*/
/*}*/
/*.choose2 {*/
/*    left: 10px;*/
/*    top: 250px;*/
/*}*/
/*.choose2:hover{*/
/*    top:223px;*/
/*    transition:0.5s;*/
/*}*/

/*.choose2-con{*/
/*    width: 328px;*/
/*}*/


/*.choose3 {*/
/*    left: 75px;*/
/*    top: 444px;*/
/*}*/
/*.choose3:hover{*/
/*    top:426px;*/
/*    transition:0.5s;*/
/*}*/
/*.choose3-con{*/
/*    width: 250px;*/
/*}*/

/*.choose4 {*/
/*    left: 15px;*/
/*    top: 627px;*/
/*}*/
/*.choose4:hover{*/
/*    top:600px;*/
/*    transition:0.5s;*/
/*}*/
/*.choose4-con{*/
/*    width: 351px;*/
/*}*/

/*.choose5{*/
/*    position: absolute;*/
/*    top: 50px;*/
/*    right: 60px;*/
/*}*/
/*.choose5:hover{*/
/*    top:2px;*/
/*    transition:0.5s;*/
/*}*/
/*.choose5 img{*/
/*    padding-left: 45px;*/
/*    padding-bottom:5px;*/
/*}*/
/*.choose5-con{*/
/*    height: 95px;*/
/*    width:249px;*/
/*    padding: 0;*/
/*    color: #848484;*/
/*    line-height: 20px;*/
/*    margin-left: 44px;*/
/*    font-size: 12px;*/
/*}*/

/*.choose6{*/
/*    top: 200px;*/
/*    right: 10px;*/
/*}*/
/*.choose6:hover{*/
/*    top:218px;*/
/*    transition:0.5s;*/
/*}*/
/*.choose6-con{*/
/*   width: 258px;*/
/*}*/


/*.choose7{*/
/*    position: absolute;*/
/*    top: 380px;*/
/*    right: 0*/
/*}*/

/*.choose7:hover{*/
/*    top:391px;*/
/*    transition:0.5s;*/
/*}*/
/*.choose7 img{*/
/*    padding-bottom: 5px;*/
/*}*/
/*.choose7-con{*/
/*	width: 328px;*/
/*    height: 116px;*/
/*    padding: 0;*/
/*    color: #848484;*/
/*    line-height: 20px;*/
/*    font-size: 12px;*/
/*}*/
/*.choose8{*/
/*    background: url(../images/p8.png) no-repeat top center;*/
/*    height: 725px;*/
/*    width:790px;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 195px;*/
/*}*/

/*.dian{*/
/*    position: absolute;*/
/*    bottom: 9px;*/
/*    right: 36px;*/
/*}*/

/*.ttel{*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    right: 480px;*/
/*    background: url(../images/tel.png) no-repeat top center;*/
/*    height: 104px;*/
/*    width:123px;*/
/*}*/

/*.ttel:hover{*/
/*    bottom: 22px;*/
/*    transition:0.5s;*/
/*}*/

.choose-content{
    position: relative;
    height: 722px;
    margin-top: 94px;
}
.choose1 {
    position: absolute;
    left: 0;
    top: 0;z-index:999;
}

.choose1 dd,.choose5 dd,.choose7 dd{
    font:bold 24px/24px MicrosoftYaHei;
    letter-spacing: 2px;
	color: #ff770f;
	padding-bottom: 9px;
    text-align: right;
}
.choose5 dd{
       margin-left: 44px; 
}
.choose1:hover dd,.choose5:hover dd,.choose7:hover dd{
    color: #000;
}

.choose1:hover{
    top:10px;
    transition:0.5s;
}
.choose1 img{

    padding-bottom: 9px;
}
.choose1-con{
    height: 80px;
    width:240px;
    padding: 0;
    color: #848484;
    line-height: 20px;
    font-size: 12px;
}
.choose2 {
    left: 0;
    top: 200px;
}
.choose2 dd{
    text-align: left;
    padding-left: 31px;
}
.choose2:hover{
    top:210px;
    transition:0.5s;
}

.choose2-con{
    width: 330px;
}


.choose3 {
    left: 57px;
    top: 415px;
}
.choose3 dd{
    text-align: left;
    padding-left: 23px;
}
.choose3:hover{
    top:425px;
    transition:0.5s;
}
.choose3-con{
    width: 253px;
}

.choose4 {
    left: 15px;
    top: 627px;
}
.choose4:hover{
    top:600px;
    transition:0.5s;
}
.choose4-con{
    width: 351px;
}

.choose5{
    position: absolute;
    top: 38px;
    right: 60px;
}
.choose5 dd{
    text-align: left;
}
.choose5:hover{
    top:48px;
    transition:0.5s;
}
.choose5 img{
    padding-left: 45px;
    padding-bottom:5px;
}
.choose5-con{
    height: 95px;
    width: 228px;
    padding: 0;
    color: #848484;
    line-height: 20px;
    margin-left: 44px;
    font-size: 12px;
}

.choose6{
    top: 190px;
    right: 56px;
}
.choose6:hover{
    top:200px;
    transition:0.5s;
}
.choose6-con{
   width: 257px;
}


.choose7{
    position: absolute;
    top: 465px;
    right: 115px
}
.choose7 dd{
    text-align: left;
}
.choose7:hover{
    top:475px;
    transition:0.5s;
}
.choose7 img{
    padding-bottom: 5px;
}
.choose7-con{
	width: 351px;
    height: 116px;
    padding: 0;
    color: #848484;
    line-height: 20px;
    font-size: 12px;
}
.choose8{
    background: url(../images/xp.png) no-repeat center;
    height: 637px;
    width:678px;
    position: absolute;
    top: 10px;
    left: 209px;z-index:9;background-size:100% 100%;
}

.dian{
    position: absolute;
    bottom: 39px;
    right: 36px;
}

.ttel{
    position: absolute;
    bottom: 30px;
    right: 480px;
    background: url(../images/tel.png) no-repeat top center;
    height: 104px;
    width:123px;
}

.ttel:hover{
    bottom: 22px;
    transition:0.5s;
}





/* 关于我们 */

.about-bg{
    background: #eeeeee;
    height: 1340px;
    overflow: hidden;
    margin-top: 120px;
}

.about-index{
    padding-top: 52px;
}
.about-title{
    text-align: center;
}

.about-content{
    margin-top: 56px;
}

.about-left{
    width:573px;
    border:2px solid #ffffff;
    padding: 10px 17px;
    border-radius: 10px;
}
.about-left p{
     overflow: hidden;
     width: 539px;
     height: 367px;
     border-radius: 10px;
}

.about-left p img{
    cursor: pointer;
    transition: all 0.6s;
    width: 100%;
    /*max-width:100%; height:auto !important;width:auto !important;*/
    height: 100%;
}
.about-left:hover p img{
    transform: scale(1.1);
}
.about-right{
    width:600px;
}

.about-title2{
    font-size: 24px;
    color: #333333;
    font-weight:normal;
    position: relative;
    height: 40px;
    line-height: 25px;
}

.about-title2::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width:110px;
    height: 4px;
    border:1px solid #ff770f;
    background: #ff770f;
}

.about-con{
    text-indent: 2em;
    color: #222222;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    margin-top: 10px;
}

.about-more{
    width:132px;
    height: 39px;
    background: #ff770f;
    margin-top: 26px;
}
.about-more a{
    display: block;
    line-height: 39px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}



/* 产品推荐 */


.product-index{
    margin-top: 40px;
}
.p-title{
    font-weight:normal;
    font-size: 24px;
    color: #000000;
    border-bottom: 1px dashed #ff770f;
    padding-bottom: 5px;
}

.p-title span{
    font-size: 14px;
}
.p-title span i{
    font-style: normal;
    color: #ff770f;
}
.p-title a{
    float: right;
    font-size: 14px;
    color: #000000;
    margin-top: 12px;
}

.product-content{
    margin-top: 30px;
}
/* .project-list{
    margin: 0 -5px;
} */

.project {
    float: left;
    margin: 0 4px 33px 4px;
    text-align: center;
}
.project-list:after {
    content: " ";
    display: block;
    clear: both;
}
.project__image {
    display: block;
    position: relative;
}
.project__image img {
    width: 100%;
    max-width: 100%;
    display: block;
    width: 231px;
    height: 223px;
}
.project__image:after {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4));*/
    transition: opacity 0.3s ease;
    opacity: 0;
}
.project__card {
    position: relative;
    will-change: transform;
    transition: box-shadow 0.3s ease;
    box-shadow: 1px 4px 5px #000;
}
.project__card.hover-in {
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.project__card.hover-out {
    transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
    transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.project:hover .project__card {
    /*box-shadow: 0 10px 30px rgba(255, 255, 255, 0.4);*/
}
.project:hover .project__image:after {
    opacity: 1;
}
.project:hover .project__detail {
    border-width: 2px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
.project:hover .project__category,
.project:hover .project__title {
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
}
.project__detail {
    position: absolute;
    /*left: 30px;*/
    /*right: 30px;*/
    /*top: 30px;*/
    /*bottom: 30px;*/
    
    left: 5px;
    right:5px;
    top: 5px;
    bottom: 5px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    pointer-events: none;
    -webkit-transform: translateZ(10px);
    transform: translateZ(30px);
    border: 0 solid #ff770f;
    transition: border 0.4s ease;

}
.project__title {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 700;
    transition: 0.4s ease;
    opacity: 0;
    -webkit-transform: translateY(40px) scale(0);
    -ms-transform: translateY(40px) scale(0);
    transform: translateY(40px) scale(0);
    will-change: transform;
}
.project__title a {
    color: white;
}
.project__category {
    opacity: 0;
    transition: 0.4s ease;
    transition-delay: 0.1s;
    -webkit-transform: translateY(40px) scale(0);
    -ms-transform: translateY(40px) scale(0);
    transform: translateY(40px) scale(0);
    will-change: transform;
}
.project__category a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1.3em;
}



.project-list p{
    text-align: center;
    font-size: 14px;
    color: #333333;
    padding-top: 20px;
}
.project-list span{
    text-align: center;
    font-size: 12px;
    color: #b0b0b0;
    padding-top: 20px;
    letter-spacing: 1px;
    width: 231px;
}



.project-list:hover .project-list p{
    display: none;
}   



.project-listn .project{
    position:  relative;
    margin-bottom: 38px;
}

.project-listn .project__card{
    box-shadow: 0px 0px 5px #000;
    margin-top: 4px;
}
.project-listn p{
    text-align: center;
    font-size: 14px;
    color: #333333;
    padding-top: 20px;
    position:  absolute;
    z-index:  999;
    bottom:  0;
    left:  0;
    right: 0;
}






/* 流程图 */

.process-index{
    margin-top: 80px;
}
.process-title{
    text-align: center;
}

.process-title1{
    font-size: 18px;
    color: #333333;
    text-align: center;
    margin-top: 18px;
}

.process-content{
    background: url(../images/t4.png) no-repeat 50% 50%;
    padding: 0 82px;
    height: 225px;
    position: relative;
    margin-top: 60px;
}

.process-list li{
    float: left;
    position: absolute;
}
.process-list li:nth-of-type(1){
    left: 100px;
    top: 0;
}

.process-list li:hover:nth-of-type(1){
    top: 10px;
    transition: 0.5s;
}


.process-list li:nth-of-type(2){
    left: 222px;
    bottom: 0;
}
.process-list li:hover:nth-of-type(2){
    bottom: 10px;
    transition: 0.5s;
}


.process-list li:nth-of-type(3){
    left: 344px;
    top: 0;
}

.process-list li:hover:nth-of-type(3){
    top: 10px;
    transition: 0.5s;
}

.process-list li:nth-of-type(4){
    left: 466px;
    bottom: 0;
}

.process-list li:hover:nth-of-type(4){
    bottom: 10px;
    transition: 0.5s;
}

.process-list li:nth-of-type(5){
    left: 589px;
    top: 0;
}
.process-list li:hover:nth-of-type(5){
    top: 10px;
    transition: 0.5s;
}

.process-list li:nth-of-type(6){
    left: 712px;
    bottom: 0;
}
.process-list li:hover:nth-of-type(6){
    bottom: 10px;
    transition: 0.5s;
}


.process-list li:nth-of-type(7){
    left: 834px;
    top: 0;
}

.process-list li:hover:nth-of-type(7){
    top: 10px;
    transition: 0.5s;
}


.process-list li:nth-of-type(8){
    left: 956px;
    bottom: 0;
}

.process-list li:hover:nth-of-type(8){
    bottom: 10px;
    transition: 0.5s;
}




/* 新闻 */
.news-bg{
    background: #f0f0f0;
    height: 598px;
    overflow: hidden;
    margin-top: 106px;
}

.news-index{
    padding-top: 33px;
}

.news-title{
    text-align: center;
}


.news-left{
    width:477px;
}
.banner2{width:477px;float:left;position:relative;height:361px;padding: 2px;background: #ffffff;border-radius: 2px;}
.banner2 ul.bb2{position:relative;padding:0px;margin:0px;z-index:5;}
.banner2 ul.bb2 li{position:absolute;display:none;}
.banner2 .num2{position:absolute;right:2px;bottom:10px;z-index:100;}
.banner2 .num2 li{float:left;width:21px;height:21px;display:inline-block;margin-right:4px;background:#8c8c8c;line-height:21px;border-radius: 50%;}
.banner2 .num2 li.num2_hover{background-color:#ff770f;}
.banner2 .num2 li.num2_hover a{color:#fff;}
.banner2 .num2 li a{float:left;display:inline;text-align:center;color:#fff;text-decoration:none;cursor:pointer;width:21px;height:21px;line-height:21px;}



.news-content{
    margin-top: 60px;
}
.news-right{
    width:723px;
    background:#f8f8f8;
    height: 356px;
    padding-top: 20px;
    position: relative;
}
.news-right::after{
    content: "";
    width:1px;
    height: 363px;
    background: #999999;
    position: absolute;
    left: 112px;
    top: 0;
}
.news_list1 li{
    padding: 0 24px;
    margin-bottom: 25px;
}

.news_list1 li .date{
    width:96px;
    background: url(../images/t5.png) no-repeat right center;
    font-size: 14px;
}

.news_list1 li .wen{
    width:552px;
}
.news_list1 li .wen a{
    display: block;
    font-size: 14px;
    font-weight:bold;
}
.news_list1 li .wen h2{
    font-weight:normal;
    font-size: 14px;
    text-indent:20px; 
}

.news_list1 li:hover .date{
    background: url(../images/t5h.png) no-repeat right center;
    color: #ff770f;
}
.news_list1 li:hover .wen a{
    color: #ff770f;
}
#ydemo{overflow:hidden;margin:0 auto;position:relative;height:323px;}
#yindemo{height:100%;}
#ydemo1{}
#ydemo2{}



/*友情链接*/
.link{
    text-align: center;
    margin-top: 26px;
    display: none;
}
.f_link{width:1200px;margin:0 auto;line-height:30px;color: #5e5e5e;}
.f_link {color: #5e5e5e;}


/*页面底部*/
.foot{
    background:#242424;
    margin-top:45px;
    border-bottom:1px solid #3b3b3b;
}
.footer{
    width: 1200px;
    margin: 0 auto;
}
.footleft{
    width:710px;
    position: relative;
}
.footright{
    width:436px;
    height:380px;
    background:url(../images/footbac.png) no-repeat top center;
    margin-top: -17px;
    padding-left:43px;
    padding-right: 47px;
    box-sizing: border-box;
}
.footlogo{
    padding-top: 64px;
}
.nav_foot{
    color: #575757;
    font-size:14px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    margin-top: 10px;
    border-bottom:1px solid #363636;
}
.nav_foot a{
    color: #fff;
    padding: 0 10px;
}

.lianxi{
    color: #fff;
    margin-top: 10px;
}
.lianxi span{
    vertical-align: middle;
}
.lianxi strong{
    font-weight:normal;
    font-size:14px;
}
.lian{
    color: #cbcbcb;
    font-size:14px;
    line-height: 24px;
    margin-top: 10px;
}
.er{
    position: absolute;
    right: 100px;
    bottom: -13px;
}
.er2{ position: absolute;
    right:237px;
    bottom: 6px;}
.er3{
    position: absolute;
    right: 0px;
    bottom: 5px;
}

.footit{
    color: #fff;
    font-size:19px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    margin-top: 40px;
}
.messa{
    border-bottom:1px solid #242424;
    height: 41px;
    line-height: 41px;
    background:#e9e9e9;
    position: relative;
}
.messa .img{
    width:40px;
    text-align: center;
    line-height: 41px;
}
.messa .intro{
    position: relative;
    width: 306px;
    float: left;
}
.messa .intro .m_label{
    color: #787878;
    font-size:14px;
    position: absolute;
    left: 0;
    line-height: 41px;
}
.messa .intro input{
    border:none;
    background:none;
    height: 41px;
    vertical-align: baseline;
    line-height: 41px;
    width: 100%;
    box-sizing: border-box;
    padding-right: 10px;
}
.messa .intro #content{
    height: 55px;
    border:none;
    background:none;
    box-sizing: border-box;
    width: 100%;
    padding:10px;
    padding-left: 0;
    font-size:14px;
}
.messa.messb{
    height: 66px;
    line-height: 24px; 
}
.messc input{
    width:100px;
    width: 140px;
    height: 33px;
    border:none;
    background:#e9e9e9;
    text-align: center;
}
.messc a{
    color: #fff;
}
.message1 .msgbtn{
    margin-top: 10px;
    width: 127px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background:#242424;
    color: #fff;
    font-size:16px;
    font-weight:bold;
    border:0;
}
.foot2{
    background:#242424;
    padding:15px 0;
    color: #8e8e8e;
    line-height: 24px;
}
.foot2 a{
    color: #8e8e8e;
}