* {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

ul {
    list-style: none;
    overflow: hidden;
}

a {
    text-decoration: none;
}
i,em{
    font-style: normal;
    display: block;
}
img{
    border: none;
}
/*animate*/
@-webkit-keyframes ball {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }
  @keyframes ball {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
    }
  }
/*header*/
.header{
    width: 1350px;
    margin: 0 auto;
    overflow: hidden;
    height: 854px;
    position: relative;
    z-index: 111;
}
.nav{
    position: absolute;
    left: 0;
    top: 0;
    width: 250px;
    background: #fff;    
    background-position: right top;

    height: 854px;

}
.logo{
    margin: 0px 0;
    text-align: center;
	height:208px;
	background:url(../images/logo_di.jpg) no-repeat center;
}
.nav ul{
    width: 250px;
    margin: 0 auto;
}
.nav ul li{
    line-height: 60px;
    text-align: center;
    color: #333;
    height:  60px;
    position: relative;
	border-bottom:#e9e9e9 1px solid;
}
.nav ul li a{
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
		font-size:17px;
}
.nav ul li.active a{
    color: #fff;
 
	    display: block;
		font-size:17px;


	background:#d7022a;
}
.nav ul li.a:hover{
    display: block;


	background:#fff;

}
.nav ul li.active::after{
    bottom: 0;
    left: 5px;
}
.nav ul li.active::before{
    top: 0;
    right: 5px;
}
.nav_b{
    width: 100%;
    height: 100px;



}

.nav_b em{
    text-align: center;
    margin: 10px 0 0px 0;
}
.nav_b em img{
    animation: ball .6s infinite alternate;
}
.nav_b p{
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.nav_b span{
    display: block;
    width: 220px;
    height: 70px;
    border-radius: 23px;
    background: url(../images/bg.png);
    background-size: contain;
    text-align: center;
    color: #fff;
    font-size: 28px;
    margin: 20px auto;
    line-height: 70px;
}
/*banner*/
.banner{
    height: 854px;
    position: relative;
    margin-top: -854px;
}
.banner .swiper-container {
    height: 854px;
    width: 100%;
    overflow: hidden;
}
.banner .swiper-slide {
    height: 854px;
}

.banner:hover .pagination {
    opacity: 1;
}

.banner .pagination {
    position: absolute;
    z-index: 20;
    bottom: 20px;
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: all 0.5s;
}

.banner .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0162ef;
    margin: 0 3px;
    cursor: pointer;
}

.banner .swiper-active-switch {
    width: 15px;
    height: 15px;
    border-radius: 20px;
    background: #fff;
}
.banner .arrow-left {
    background: url(../images/b_arrow.png) no-repeat left bottom;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    z-index: 222;
    transition: all 0.5s;
}
.banner .arrow-right {
    background: url(../images/b_arrow.png) no-repeat right bottom;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    z-index: 222;
    transition: all 0.5s;
}
/*pro*/
.tit{
    text-align: center;
    margin: 0 0 0px 0;
}
.tit em{
    text-align: center;
	font-size:40px;
	padding-top:50px;
	color:#000; font-weight:bold;

}
.tit p{
    font-size: 15px;

    color: #333;
 

}
.tit p span{
    font-size: 40px;
    color: #000;
	line-height:45px;
		height:45px;
  font-weight:bold;
}
.tit p i{
    font-size: 16px;
    color: #000;


}
.pro_list{
    padding: 0px 0 0 0 ;

}
.go_con{
    width: 1350px;
    position: relative;
    margin: 0px auto 0px auto;
}
.list_go {
    width: 1350px;
    margin: 0px auto 10px auto;
    overflow: hidden;
}
.list_go ul {
    position: relative;
}
.list_go ul li {
    position: relative;
    float: left;
	


    overflow: hidden;
}
.list_go ul li.active span{
    box-shadow: 0 0 6px rgba(28,113,234,.3);

}
.list_go ul li.active img{
    transform: scale(1.1);
}
.list_go ul li.active em{

}
.list_go ul li a{
    display: block;
	margin-top:5px;
	
}
.list_go ul li span{
    display: block;
    width: 120px;
    height: 120px;
	margin-left: 35px;
    border-radius: 50%;
	margin:0px auto;

    overflow: hidden;
	text-align:center;
    box-shadow: 0 0 6px rgba(0,0,0,.3);
	

}
.list_go ul li span img{
    width: 100%;
    height: auto;
    min-height: 200px;
    transition: all 0.6s;
}
.list_go ul li em{
    width: 192.8px;
    height:50px;
    border-radius: 20px;
    line-height: 50px;
	
background:url(../images/cpdi3.png) no-repeat center;
    text-align: center;
    color: #fff;

    margin: 0px auto;
}
.list_go_arrl, .list_go_arrr {
    position: absolute;
    top: 58%;
    margin-top: -47px;
    width: 46px;
    height: 46px;
    cursor: pointer;
    box-shadow: 0 0 5px rgba(28,113,234,.5);
}
.list_go_arrl {
    background: url(../images/icon.png) -28px -23px no-repeat;
    left: -15px;
}
.list_go_arrr {
    background: url(../images/icon.png) -108px -23px no-repeat;
    right: -15px;
}
.pro_litpic {
    width: 85%;
    margin: 0 auto 30px auto;
    height: 760px;
    overflow: hidden;
}
.pro_go>ul>li{
    width: 24.6%;
    margin: 10px 0.2%;
    float: left;
    overflow: hidden;
}
.pro_go>ul>li a{
    display: block;
    color: #333;
}
.pro_go>ul>li>a>span{
    display: block;
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
}
.cover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.6s;
}
.cover img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.litpic_img{
    width: 100%;
    height: auto;
    min-height: 290px;
    transition: all 0.6s;
}
.pro_des{
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #ececec;
}
.pro_des span{
    float: left;
}
.pro_des span i{
    font-size: 16px;
}
.pro_des span p{
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}
.pro_des em{
    float: right;
    width: 36px;
    height: 36px;
    background: url(../images/icon1.png) -275px -4px no-repeat;
}
.pro_go>ul>li:hover span>img{
    transform: scale(1.1);
}
.pro_go>ul>li:hover .cover{
    opacity: 1;
}
.pro_go>ul>li:hover .pro_des i{
    color: #1c71ea;
    font-weight: bold;
}
/*com*/

.video { background: url(../images/com_bg.jpg) top no-repeat; height:315px;  }
.video_con { width: 1360px; margin: 0 auto; overflow: hidden; }
.video_play { width: 590px; float: right; margin-right: 30px; }
.video_play h3 { color: #fff; font-size: 45px; }


.com { width: 1360px; margin: 0 auto; overflow: hidden; margin-top: -140px; position: relative; z-index: 111; }
.com_l, .com_r { float: left; }
.com_l { width: 360px; padding-left: 46px; background-color: #1175e5; height: 488px; color: #fff; }
.com_l h3 { font-size: 45px; margin-top: 80px; font-weight:bold; }
.com_l em, .com_l span, .com_l>i, .com_l a { display: block; }
.com_l em { font-size: 20px; padding: 10px 0 24px; }
.com_l span { font-size: 18px; }
.com_l>i { font-size: 33px; font-family: impact; }
.com_l a { width: 198px; height: 48px; margin-top: 50px; border: 2px solid #fff; line-height: 48px; color: #fff; font-size: 16px; text-align: center; }
.com_l a i { display: inline-block; vertical-align: middle; margin-left: 30px; width: 28px; height: 8px; background: url(../images/b3.png); transition: all 0.6s; }
.com_l a:hover i { margin-left: 40px; }
.com_r { width: 880px; margin-left: 30px; }
.com_r h3 { font-size: 50px; color: #000; font-weight: bold;  }
.com_r h3 span { color: #8b8b8b; padding: 0 10px; border-right: 10px solid #e72626; }
.com_r p { font-size: 18px; color: #333; line-height: 36px; margin-top: 10px; }
.num { margin-top: 20px; }
.num li { float: left; margin-right: 160px; }
.num li span, .num li i { display: block; }
.num li span { font-size:56px; color: #d50311; font-weight: bold; position: relative; }
.num li span::after {
 content: '+';
 display: block;
 position: absolute;
 right: -20px;
 bottom: 4px;
 font-size: 25px;
 color: #d50311;
 font-weight: normal;
}
.num li i { font-size: 22px; color: #737373; text-align: center; }
/*adv*/
.adv{
    width: 100%;
    background: url(../images/adv_bg.jpg) bottom center no-repeat;
    height: 690px;
    margin: 10px 0 0 0;
    padding-bottom: 145px;
}
.adv_con{
    width: 80%;
    margin: 0 auto;
}
.adv_con::after{
    content: '';
    display: block;
    clear: both;
}
.adv_tit{
    text-align: center;
}
.adv_tit p{
    font-size: 15px;
    color: #333;
}
.adv_tit ul{
    margin: 15px auto;
    width: 380px;
}
.adv_tit ul li:last-child{
    background: #fa3118;
}
.adv_tit ul li{
    width: 180px;
    height: 45px;
    background: #1d71e4;
    font-size: 15px;
    border-radius: 23px;
    line-height: 45px;
    text-align: center;
    margin: 0 5px;
    float: left;
}
.adv_tit ul li a{
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}
.adv_four{
    width: 100%;
    height: 450px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    margin: 30px 8px;
}
.four_l,.four_r{
    width: 50%;
    float: left;
    position: relative;
    height: 450px;
    box-sizing: border-box;
    overflow: hidden;
}
.four_l img{
    width: 100%;
    height: auto;
    min-height: 450px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.four_num{
    width: 100%;
    text-align: center;
    height: 250px;
}
.four_num li{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 250px;
    background: #fff;
    display: none;
}
.four_num li h3{
    display: block;
    font-size: 90px;
    margin-bottom: 5px;
    font-weight: bold;
    height: 50px;
    line-height: 70px;
    color: #f0f0f0;
    overflow: hidden;
}
.four_num li em{
    color: #090929;
    font-size: 30px;
    margin-bottom: 20px;
}
.four_num li p{
    -webkit-line-clamp: 3;
    width: 60%;
    margin: auto;
    color: #090929;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}
.four_chose{
    z-index: 2;
    width: 80%;
    padding: 0 30px;
    height: 200px;
    position: relative;
    box-sizing: border-box;
    margin: 30px auto 0 auto;
    overflow: inherit;
}
.four_chose::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #ddd;
}
.four_chose li{
    position: relative;
    z-index: 2;
    float: left;
    width: 17%;
    margin: 0 2%;
    padding: 18px 10px 40px 10px;
    text-align: center;
    cursor: pointer;
}
.four_chose li::before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin: -8px 0 0 -8px;
    width: 17px;
    height: 17px;
    border: 5px solid rgba(0,0,0,0.1);
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
}
.four_chose li.active::before{
    border-color: #feae00;
}
.four_chose li.active{
    background: #feae00;
}
.four_chose li.active h4{
    color: #fff;
}
.four_chose li em{
    width: 40px;
    height: 40px;
    margin: 0 auto 12px;
    display: block;
    background-repeat: no-repeat;
}
.four_chose li h4{
    color: #090929;
    font-size: 18px;
    font-weight: normal;
}
.four_chose li::after{
    opacity: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transform: translateY(10px);
    background: #ff5c00;
}
.four_chose li.active  em{
    background-position: 0px -37px;
    transition: all 0.6s;
}
.a1 em {
    background-image: url(../images/adv1.png);
}
.a2 em {
    background-image: url(../images/adv2.png);
}
.a3 em {
    background-image: url(../images/adv3.png);
}
.a4 em {
    background-image: url(../images/adv4.png);
}
/*news*/

.n_des{
    float: left;
    width: 450px;

    height: 135px;
    box-sizing: border-box;
}
.news_r ul li span{
    float: right;
    width: 200px;
    height: 140px;
    overflow: hidden;
}
.news_r ul li span img{
    width: 100%;
    height: auto;
    min-height: 140px;
    transition: all 0.6s;
}
.news_r ul li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}
.n_des em{
    font-size: 18px;
    margin-bottom: 8px;
    transition: all 0.6s;
}
.n_des em::before{
    content: '';
    display: inline-block;
    width: 53px;
    height: 6px;
    vertical-align: middle;
    background: url(../images/icon11.png) -179px -88px no-repeat;
    margin-right: 10px;
}
.n_des p{
    color: #666;
}
.news_r ul li.active{
    background: #146ae1;
}
.news_r ul li.active a{
    color: #fff;
}
.news_r ul li.active em::before{
    background: url(../images/icon.png) -246px -88px no-repeat;
}
.news_r ul li.active p{
    color: #fff;
}
.news_r ul li.active img{
    transform: scale(1.1);
}


/*footer*/
.footer{

}
.f_t{
    background: #2a2a2a;
}
.f_t_con{
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;
    padding: 40px 0 40px 0;
}
.f_logo,.f_contact,.f_ewm{
    float: left;
}
.f_logo img{
    margin-bottom: 10px;
}
.f_logo { width:500px;
}
.f_logo ul li{
    font-size: 15px;
    line-height: 30px;
    color: #848484;
	float:left;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
	    border-radius: 25px;
	width:155px; height:43px; line-height:43px; background:#3f3f3f;
}
.f_logo ul li a{

    color: #848484;

}
.f_contact ,.f_ewm{
    margin-left:50px;
    margin-top: 20px;
}
.f_contact span,.f_ewm span{
    display: block;
    width: 260px;
    line-height: 50px;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #3f3f3f;
    margin-bottom: 30px;
}
.f_contact ul li{
    line-height: 32px;
    color: #848484;
    padding-left: 10px;
}
.f_ewm ul li{
    float: left;
    margin: 0 10px;
}
.f_ewm ul li i{
    display: block;
    text-align: center;
    color: #848484;
    font-size: 14px;
    margin-top: 8px;
}
.f_bb{
    background: #242424;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    color: #909090;
}
.f_bb a{
    color: #909090;
}
.f_bb a img{
    vertical-align: middle;
    width: 80px;
    margin-left: 10px;
}
@media screen and (max-width:1800px) {
    .four_chose li{
        margin: 0 1%;
    }
}




.fds{
	width:900px; height:160px; 
	float:left;

	}
	
.fds ul li {
	width:140px; height:78px;
	line-height:78px;
	float:left;
	border:#FFF 1px solid;
	text-align:center;


	display:block;

	margin-top:12px; margin-right:5px; margin-left:12px;
	color:#FFF;
	font-size:16px;

}


.fds ul li a:hover{
		display:block;
		background:url(../images/bg.png) no-repeat center;
		color:#FFF;

		

}
	
	
	
	
.pinz_bj{background: url(../images/pz_bj.jpg) no-repeat center 0; height:830px;overflow: hidden;}
.pinz{ width:1200px; height:552px; position: relative; overflow: hidden;margin: 0 auto;}
.pinz h2{padding-top: 36px; color:#fff;}
.pinz h2 span{ color:#fff;}
.pinz p{ width:165px; height:165px;  border-radius: 100%;padding-top: 76px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 26px; color:#4a4a4a; line-height: 24px; font-weight: bold;text-align: center; position: absolute;border:3px solid rgba(255,255,255,0); margin-top:15px;}
.pinz p.p01{background:url(../images/pz_ico05.png) no-repeat center 20px; top: 323px;left:30px; border:#FFF 1px solid; color:#FFF; line-height:60px; }
.pinz p.p02{background:url(../images/pz_ico06.png) no-repeat center 20px; top: 323px;left:270px; border:#FFF 1px solid; color:#FFF; line-height:60px; }
.pinz p.p03{background: url(../images/pz_ico07.png) no-repeat center 20px; top: 323px;right:510px; border:#FFF 1px solid; color:#FFF; line-height:60px; }
.pinz p.p04{background:url(../images/pz_ico08.png) no-repeat center 20px; top: 323px;right:270px; border:#FFF 1px solid; color:#FFF; line-height:60px; }
.pinz p.p05{background:url(../images/pz_ico045.png) no-repeat center 20px; top: 323px;right:30px; border:#FFF 1px solid; color:#FFF; line-height:60px; }
.pinz p:hover{ color:#704130;border:1px solid rgba(255,255,255,0.5);}
.pinz p.p01:hover{background:#f1af2e url(../images/pz_ico05.png) no-repeat center 20px; color:#FFF;}
.pinz p.p02:hover{background:#f1af2e url(../images/pz_ico06.png) no-repeat center 20px; color:#FFF;}
.pinz p.p03:hover{background:#f1af2e url(../images/pz_ico07.png) no-repeat center 20px; color:#FFF;}
.pinz p.p04:hover{background:#f1af2e url(../images/pz_ico08.png) no-repeat center 20px; color:#FFF;}
.pinz p.p05:hover{background:#f1af2e url(../images/pz_ico045.png) no-repeat center 20px; color:#FFF;}


.brand_t{ width:362px; height:362px; background:#fff url(../images/pin_ico.png) no-repeat center 22px; border-radius: 100%;margin: -181px auto 0;position: relative; z-index: 2;padding-top:55px;-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;  box-sizing: border-box; overflow: hidden;line-height: 60px;}
.brand_bj{background: url(../images/pin_bj.jpg) no-repeat center 0; height:652px;overflow: hidden; margin-top: -181px; z-index: 4;position: relative;}
.brand{ width:1200px; height:652px; position: relative; overflow: hidden;margin: 0 auto;}
.brand dl{position: absolute;width:255px; overflow: hidden;}
.brand dt{height:49px; overflow: hidden; font-size: 20px; color:#000000;font-weight: bold; line-height: 49px;}
.brand dt span{display: block; float: left; width:49px; height:49px;background:#fec500; font-size: 36px; color:#282828; text-align: center; line-height: 49px; color:#282828; margin-right: 20px;font-weight: normal;}
.brand dd {padding-top: 24px; font-size: 14px; line-height: 30px; color:#737373; }
.brand .dl01{ top: 113px; left:0;}
.brand .dl02{ top: 113px; left:336px;}
.brand .dl03{ top: 362px; left:336px;}
.brand .dl04{ top: 362px; left:625px;}
.brand .dl02 dd{padding-left: 20px;}

.brand .p01{top: 362px; left:0;position: absolute; width:301px;}
.brand .p01 img{width:301px; height:260px;}
.brand .p02{top: 107px; right:0;position: absolute; width:576px;}
.brand .p02 img{width:576px; height:255px;}
.brand .p03{top: 362px; right:0;position: absolute; width:290px;}
.brand .p03 img{width:290px; height:256px;}



.bt01{text-align: center; font-size: 36px;font-weight: normal; color:#000000;line-height: 40px;}
.bt01 a{ color:#000000;}
.bt01 span{ display: block;background: url(../images/case_line.png) no-repeat center 0; font-size: 16px;font-weight: bold; color:#434343;padding-top: 14px; margin-top: 20px; line-height: 30px;}
.bt01 i{display: block; color:#fec500; font-family: Arial; font-family: Myriad Pro; text-transform: uppercase;}




/*新闻*/
.newbj{
	width: 100%;

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

	z-index:999;
}
.xw-l{
	width: 630px;
	height: 460px;
	background: #fff;
	margin-top: 40px;
}
.xw-l .xwimg{
	width: 630px;
	height: 328px;
	overflow: hidden;
}
.xw-l .xwimg:hover img{
	transition: all 1.2s;
    transform: scale(1.2, 1.2);
}
.xw-l .xwbt{
	padding: 23px;

}
.xw-l .xbt{
	width: 460px;
	overflow: hidden;
	font-size: 14px;
	color: #a9a9a9;
	float: left;
	line-height: 35px;
}
.xw-l .xbt a{
	font-size: 16px;
	color: #000;
	display: block;
}
.xw-l .xtime{
	display: block;
	width: 95px;
	height: 95px;
	background: #0083ff;
	float: right;
	text-align: center;
	color: #fff;
	font-size: 17px;
	font-family: "Arial";
}
.xw-l .xtime span{
	font-size: 23px;
	display: block;
	padding-top: 18px;
}
.xw-l:hover .xbt a{
	color: #0083ff;
	padding-left: 25px;
}
.xw_f{
	float: right;
	margin-top: 40px;
}
.xw_f ul li{
	width: 590px;
	height: 90px;
	background: #fff;
	margin-bottom: 17px;
	padding: 25px;
}
.xw_f ul li span{
    font-size: 16px;
	font-family: "Arial";
	color: #9e9e9e;
	background: url(../images/shijian.png) left center no-repeat;
	padding-left: 35px;
	display: block;
	height: 20px;
	margin-bottom: 8px;
}
.xw_f ul li h3{
	display: block;
	height: 40px;
	overflow: hidden;
	line-height: 40px;
}
.xw_f ul li .fbt{
	color: #333;
	font-size: 18px;
	float: left;
	width: 390px;
	overflow: hidden;
}
.xw_f ul li .rjt{
	float: right;
	margin-top: 10px;
}
.xw_f ul li p{
	font-size: 14px;
	color: #9e9e9e;
}
.xw_f ul li:hover .fbt{
	color: #0083ff;
	padding-left: 20px;
}

.footWrap{background:url(../images/f_bj.png) no-repeat center 0 ;height:400px;overflow:hidden; position: relative; z-index: 4;}
.footer{position: relative;  overflow: hidden;}
.fnav{padding-top: 32px;height:71px; overflow: hidden; line-height: 71px;font-weight: bold;}
.fnav a{display: inline-block;font-size: 16px; color:#fff; padding-left:55px; padding-right:55px;}
.fnav a:nth-child(3){ padding-right: 200px;}
.fnav a:last-child{padding-right: 0;}

.fwz{margin-top: 43px; height:95px; overflow: hidden; position: relative; }
.fwz::before {position: absolute; top: 14px; left:33px; width:1134px; height:1px; border-top: 1px dashed #fff;
    content: '';}
.fwz p{ width:270px; float: left; overflow: hidden; font-size: 24px; text-align: center; color:#fff; font-family: Arial; line-height: 28px;position: relative;z-index: 3;}
.fwz img{display: block;margin: 0 auto 10px;}
.fwz p:last-child{width:363px; font-size: 15px; line-height: 30px;font-family:"Microsoft Yahei"; }
.fwz1 { text-align:left; font-size: 16px; line-height: 24px; color:#fff; height:260px;}
.fwz1 a{color:#ffcfbe;}

.flogo{ width:66px; position: absolute; top: 0; left:570px;overflow: hidden; z-index: 9;}
.flogo img{ width:66px; height: 66px; margin: 0 auto;display: block;}



.ff_l{
	width:850px; height:260px; float:left;  line-height:36px;}
	
.ff_r{
	width:350px; height:260px; float:right; }
	


	
	.fgdfg{width:1350px; height:145px; float:left;}
	
	
	.tit{
    text-align: center;


}
.tit h3{
    font-size: 40px;
    border-radius: 60px;

    width: 500px;
    height: 60px;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 60px;
    cursor: pointer;
}
.tit h3:hover{

}
.tit h3 a{
    color: #000;
    display: block;
    width: 100%;
	font-weight:bold;
    height: 100%;
}
.tit p{
    font-size: 15px;
    color: #333;
    text-align: center;
    margin-top: 8px;
}


.heng_bb{
	width:1365px; height:120px; margin:0px auto;}
.heng_bb ul li{
	width:339.5px; height:120px; float:left;  border-right:#4185e4 1px solid;}
.heng_bb ul li img{
	width:65px; height:76px; float:left; margin-top:20px; margin-right:10px;}
.heng_bb ul li h4{
	font-size:30px; font-weight:bold; color:#FFF; line-height:60px; margin-top:10px;}
.heng_bb ul li p{
	font-size:16px;  color:#FFF; line-height:30px;}
	
	
.chanp{
	width:100%;  min-height:600px; background:url(../images/cp.jpg) no-repeat top;}
	
/*产品展示*/
#pro-box1 {
	width: 95%;
	overflow: hidden;
	margin: 0 auto;


}

#pro-box1 li {
	width: 24%;
	height:330px;
	background: #fff;
	margin: 15px 0.4% 0 0.4%;
	float: left;
	list-style: none;
	position: relative;
	z-index: 0;
    box-sizing: border-box;
    position: relative;
}
#pro-box1 li .Img div {
	width: 100%;
	height:330px;
	padding: 0;
	margin: 0;
	display: block;
}

#pro-box1 li .proti {
position: absolute;
left: 0;
bottom: 0;

width: 100%;
background-color: rgba(0, 0, 0, 0.5);

height: 50px;
}
#pro-box1 li .proti a{
    color: #fff;
    display: block;
	text-align:center;
    line-height: 50px;
}
#pro-box1 li .proti a p{
    display: none;
}
#pro-box1 li:hover .proti{
    width: 100%;
    height: 330px;
    background: rgba(0, 0, 0, .6);
    text-align: center;
}
#pro-box1 li:hover .proti a p{
    display: block;
    font-size: 30px;
    font-family: "Arial";

    
}
#pro-box1 li:hover .proti a{
    padding-left: 0;
    font-size: 23px;
    color: #fff;
    padding-top: 120px;
    line-height: 50px;
}

#pro-box1 li .avatar {
	position: relative;
}
#pro-box1 li .avatar {
	display: block;
	height: 330px;
	overflow: hidden;
	width:100%;
}
#pro-box1 li .avatar .myClass {
	height: 330px;
}
.avatar:after {
	bottom: 0;
	content: url("../images/bg_play.png");
	left: 5px;
	position: absolute;
	z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
	box-shadow: 0 0 10px gray;
}
.avatar:hover .myClass, .zhuti .avatar:hover .myClass, .bbsinner .avatar:hover .myClass {
	transform: scale(1.3);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}


.about_mm{
	margin-top:50px; margin-bottom:33px;}
	
	
.albj{
    width: 100%;
	height: 740px;
	background:url(../images/didi3.jpg) no-repeat top #eef2f9;
	
	z-index: 999;
	position: relative;
}
.altel{
	width: 430px;
	height: 60px;
	position:relative;
	z-index:9999;
	margin-top:150px;

	background: #e70012;
border-bottom-left-radius:30px;
border-top-right-radius:30px;

	border: 3px #e70012 solid;
	margin: 0 auto;
}
.altel b{
	color: #fff;
	font-size: 32px;
	font-family: "Arial";
	font-weight: bold;
	line-height: 60px;
	padding-left: 20px;
	float: left;
	
}
.altel a{
	width: 175px;
	height: 60px;
	background: #fff;
	float: right;
	border-radius: 50px;
	text-align: center;
	line-height: 60px;
	color: #000;
	font-size: 20px;
}
.altel a:hover{
	background: #2e81dd;
		color: #fff;

}

.case_con{
    width: 95%;

    margin: 10px auto 0 auto;
    overflow: hidden;
}
.case_go{
    width: 99999px;
    position: relative;
}
.case_go ul li {
    width:430px;
    height: 355px;
    float: left;
    margin-left: 5px;
	margin-right: 5px;
	background: #fff;
    padding: 10px;
    overflow: hidden;
	text-align: center;
}
.case_go ul li .alimg {
	display: block;
    width: 430px;
    height: 300px;
	overflow: hidden;
}
.myClassa{
	background-position:center center; 
	-webkit-background-size: cover;  
	-moz-background-size: cover;  
	-o-background-size: cover; 
	background-size:cover;
	width: 430px;
    height: 300px;
	transition: all 0.6s;
	}
.case_go ul li p{
	 text-align: center;
	 font-size: 18px;
	 color: #222;
	 line-height: 60px;
}
.case_go ul li p .altitle{
	float: left;
	font-size: 18px;
	color: #333;
}
.case_go ul li p .almore{
	float: right;
	color: #cdcdcd;
	font-size: 20px;
}
.case_go ul li:hover .altitle{
	color: #155cbc;
	padding-left: 15px;
}
.case_go ul li:hover .almore{
   color: #155cbc;
}

.case_go ul li:hover .alimg .myClassa{
    transform: scale(1.1);
}
.case_a,.case_b{
    float: left;
}

.biat{
	font-size:50px;
	margin-top:20px;
	line-height:90px; text-align:center; font-weight:bold; color:#000;
	background:url(../images/gh3.jpg) no-repeat center;
	}
	
	.biat01{
	font-size:50px;
	margin-top:20px;
	color:#FFF;
	line-height:90px; text-align:center; font-weight:bold;

	}
.biatp{ font-size:16px; line-height:30px; text-align:center;}


.pro_con{
    width: 1325px;
    margin: 20px auto;
	height:500px;
    overflow: hidden;
}
.tit{
    text-align: center;
    margin: 15px 0;
}
.tit span{
    display: block;
    width: 330px;
    height: 50px;
    margin: 0 auto;
}
.tit.pro_tit span{
    background: url(../images/pro_tit.jpg) center center no-repeat;
}
.tit h3{
    color: #333;
	font-weight:bold; line-height:80px; 
    font-size: 50px;
}
.tit h3 em,.tit h3 i{
    display: inline-block;
}
.tit h3 em{
    color: #019a6b;
    margin-right: 15px;
}
.tit p{
    color: #333;
    font-size: 15px;
}
.pro_list{
    width: 1360px;
    margin: 0 auto;
	height:500px;
    overflow: hidden;
}
.pro_list ul{
    position: relative;
}
.pro_list ul li{
    float: left;

    text-align: center;
    margin: 0 5px;
	height:225px;
	width:180px;
	border-radius: 50%;

	

	
}
.pro_list ul li em{
    width: 175px;
	position:relative; margin-top:10px;
	display:block;

    height: 36px;
	border-radius: 30px;
	text-align:center;
    line-height: 36px;
	font-size:17px;



    color: #fff;

  

}

.fg12{
	width:650px; height:35px; background:#de0812; margin-top:20px; line-height:35px; color:#FFF; text-align:center; font-size:17px;}


.youshi01{
	width:1360px; height:320px; margin:0px auto;}
.youshi01 ul li{
	width:262px; height:306px;
	background:url(../images/youshi01.png) no-repeat center; margin-top:20px; float:left;}
.youshi01 ul li span{
	width:125px; height:100px; text-align:center; font-size:50px; font-weight:bold; margin:0px auto; text-align:center; display:block; padding-top:60px; color:#FFF;
	}
.youshi01 ul li h5{
	 text-align:center; font-size:30px; font-weight:bold; margin:0px auto; text-align:center; display:block; color:#000; line-height:60px;
	}
.youshi01 ul li p{
 text-align:center; line-height:30px; padding-left:15px;  padding-right:15px;
	}
	
	
	.news {  background:url(../images/big.jpg) no-repeat top; }
.news_con { width: 1330px; margin: 0px auto; overflow: hidden; }
.news_con ul li { float: left; width: 410px; margin: 0 15px; }
.news_con ul li:hover img { transform: scale(1.1); }
.news_con>ul>li>a>span { display: block; width: 100%; height: 280px; position: relative; overflow: hidden; }
.news_con>ul>li>a>span img { width: 100%; height: auto; min-height: 240px; transition: all 0.6s; }
.date { width: 90px; height: 90px; background: #db0713; text-align: center; color: #fff; position: absolute; top: 0; left: 0; }
.date span, .date i { display: block; text-align: center; }
.date span { font-size: 36px; margin-right: 12px; margin-top: 11px; }
.date i { font-size: 18px; }
.n_des a { font-size: 17px; color: #333; margin: 10px 0; display: block; }
.n_des p { font-size: 15px; color: #333; padding-right: 30px; line-height: 20px; }
.news_con ul li:hover .n_des a { font-weight: bold; color: #db0713; }