/* CSS Document */

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}	
}

@-webkit-keyframes rotation2{
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}	
}
.an2{
    -webkit-transform: rotate(360deg);
    animation: rotation2 5s linear infinite;
    -moz-animation: rotation2 5s linear infinite;
    -webkit-animation: rotation2 5s linear infinite;
    -o-animation: rotation2 5s linear infinite;
}
.an{
    -webkit-transform: rotate(360deg);
    animation: rotation 10s linear infinite;
    -moz-animation: rotation 10s linear infinite;
    -webkit-animation: rotation 10s linear infinite;
    -o-animation: rotation 10s linear infinite;
}
.img{border-radius: 100px;}

.top_meun_1{ height:47px; color:#FFFFFF;}
.top_meun_1:hover{ height:47px; background-color:#2951A4; color:#FFFFFF;}

.jdal_bg{color:#FFFFFF;
                transition: background-color 1s linear,color 1s linear;
				-webkit-transition: background-color 1s linear,color 1s linear;
				-moz-transition: background-color 1s linear,color 1s linear;
				-o-transition: background-color 1s linear,color 1s linear;

}
.jdal_bg:hover{ background-color:#2169B3; color:#FFFFFF; }


#ywfw{ position:static; margin-top:0px; margin-left:auto; margin-right:auto; width:100%; height:610px;}
.ywfw_div1{position:absolute; width:450px; background-color:#000000; overflow:hidden;}
.ywfw_img{border:0px; opacity:0.6;
                transition: opacity 0.5s linear;
				-webkit-transition: opacity 0.5s linear;
				-moz-transition: opacity 0.5s linear;
				-o-transition: opacity 0.5s linear;}
.ywfw_img:hover{border:0px; transform:scale(1.1,1.1); opacity:1;}
.ywfw_li{position:absolute; width:450px; height:60px; color:#fff; font-size:24px; padding-left:30px; pointer-events:none;}


.ys_bg{ background-color:#FFFFFF; opacity:0.4;}
.ys_bg:hover{  background-color:#FFFFFF; opacity:0;
}

.ys_div1{ position:relative; float:left; width:290px; height:390px;}
.ys_div2{ position:absolute; width:290px; height:390px; overflow:hidden;}
.ys_div3{ position:absolute; margin-top:320px; width:290px; height:70px; color:#fff; font-size:24px; padding-left:20px; pointer-events:none; background-color:#000000; opacity:0.3;}
.ys_div3_p{color:#fff; font-size:16px; line-height:2;}

.ys_img{ position:absolute; width:290xp; height:390xp; border:0px; opacity:0.6;
                transition: opacity 0.5s linear;
				-webkit-transition: opacity 0.5s linear;
				-moz-transition: opacity 0.5s linear;
				-o-transition: opacity 0.5s linear;}
.ys_img:hover{border:0px; transform:scale(1.02,1.02); opacity:1;}
.ys_li{position:absolute; margin-top:300px; width:290px; height:80px; color:#fff; font-size:24px; padding-left:20px; pointer-events:none;}

.ys_jbs{
				color: black;
				background-color:#FFFFFF; opacity:0.8;
				transition: background-color 1s linear,color 1s linear;
				-webkit-transition: background-color 1s linear,color 1s linear;
				-moz-transition: background-color 1s linear,color 1s linear;
				-o-transition: background-color 1s linear,color 1s linear;		
			}
	.ys_jbs:hover{
				background-color:;
				color: blue;
			}
			
			.ysli{
				width: 400px;
				list-style: none;
				line-height: 2rem;
				color: black;
				transition: background-color 1s linear,color 1s linear;
				-webkit-transition: background-color 1s linear,color 1s linear;
				-moz-transition: background-color 1s linear,color 1s linear;
				-o-transition: background-color 1s linear,color 1s linear;		
			}
			.ysli:hover{
				background-color: #FF3d67;
				color: blue;
			}

.li_a1{background-color:#FFFFFF; opacity:0.8; color:#333333;}

#xcp{ position:static; margin-top:-312px; margin-left:auto; margin-right:auto; width:100%; height:610px;}


#jdal{ position:static; margin-top:0px; margin-left:auto; margin-right:auto; width:100%; height:665px;}


/*关于我们开始*/
.about_ab_a {float:left; height:50px; text-align:center; color:#606060;}
.about_ab_a:hover{color:#606060; border-bottom:1px #003793 solid; font-weight:bold;}

.about_img{ position:absolute; border:0px; opacity:1;}              
.about_img:hover{border:0px; transform:scale(1.1,1.1); opacity:1; z-index:9;}

.about_bg{height:135px; width:218px; border:1px #656666 solid; border-bottom:3px solid #1162af; float:left; margin-top:0px; text-align:center; 
                transition: background-color 1s linear,color 1s linear;
				-webkit-transition: background-color 1s linear,color 1s linear;
				-moz-transition: background-color 1s linear,color 1s linear;
				-o-transition: background-color 1s linear,color 1s linear;}
.about_bg:hover{ background-color:#2169B3; cursor:pointer; }
.about_bg:hover .pcss {color:#FFFFFF; }
.about_bg:hover .pcss1 {color:#FFFFFF; }

.pcss {line-height:36px; font-size:24px; color:#111111; width:85%; margin:0px auto;}
.pcss1 {line-height:20px; font-size:14px; color:#666666; width:85%; margin:0px auto;}



.hr_bg{height:135px; width:218px; float:left; margin-top:0px; text-align:center; 
                transition: background-color 1s linear,color 1s linear;
				-webkit-transition: background-color 1s linear,color 1s linear;
				-moz-transition: background-color 1s linear,color 1s linear;
				-o-transition: background-color 1s linear,color 1s linear;}
.hr_bg:hover{ cursor:pointer; }

.about_zs{ width:165px; height:120px; float:left; margin-left:10px;}
.about_zs1{width:165px; height:120px; vertical-align:middle;}
.about_zs2{width:165px; height:120px; position:absolute;}
.zs_img{ width:400px; height:300px; z-index:10; margin:0px auto; margin-top:-175px;}


.about_zs2a{ margin-top:-120px; width:165px; height:120px; position:absolute; border:0px; background-image:url(../images/zs_bb_1.png); opacity:0;
                transition: opacity 0.5s linear;
				-webkit-transition: opacity 0.5s linear;
				-moz-transition: opacity 0.5s linear;
				-o-transition: opacity 0.5s linear;}
.about_zs2a:hover{border:0px; opacity:1; cursor:pointer;}
.zs_pic{ width:400px; border:0px; display:none; cursor:pointer;}
.zs_pic1{ width:400px; border:0px;}
.zs_pic_x{ width:165px; height:120px; border:0px; cursor:pointer;}

/*关于我们结束*/
/*服务项目开始*/
.fw_dt_div{width:100%; height:550px; margin-left:0px; margin-right:0px; margin:auto; text-align:center;}
.fw_dt_div_1{width:1350px; height:50px; margin:0px auto;}
.fw_dt_title{font-size:36px; color:#222222; text-align:left;}
.fw_dt_p{font-size:14px; color:#777777; text-align:left; line-height:20px; font-weight:bold;}
.fw_dt_r_div{float:right; width:550px; }

.fw_nt_div{width:100%; height:550px; margin-left:0px; margin-right:0px; margin:auto; text-align:center; background-color:#f4f4f4;}
.fw_nt_title{font-size:36px; color:#222222; text-align:left;}
.fw_nt_p{font-size:14px; color:#777777; text-align:left; line-height:20px; margin-top:10px; }
.fw_nt_r_div{float:left; width:550px; }
/*服务项目结束*/
/*品牌开始*/
.pp_dt_div{width:100%; height:400px; margin-left:0px; margin-right:0px; margin:auto; text-align:center;}
.pp_dt_div_1{width:76vw; height:50px; margin:0px auto;}
.pp_dt_title{font-size:36px; color:#222222; text-align:left;}
.pp_dt_p{font-size:16px; color:#777777; text-align:left; line-height:28px;}
.pp_dt_r_div{float:right; width:450px; }

.pp_nt_div{width:100%; height:400px; margin-left:0px; margin-right:0px; margin:auto; text-align:center; background-color:#f4f4f4;}
.pp_nt_title{font-size:36px; color:#222222; text-align:left;}
.pp_nt_p{font-size:14px; color:#777777; text-align:left; line-height:20px; margin-top:10px; }
.pp_nt_r_div{float:left; width:550px; }

.pptd_img_div{ position:absolute; height:160px; width:240px; margin-top:90px;}
.pptd_img_div_c{ position:absolute; height:160px; width:240px; margin-top:90px; background-color:#99CC66; cursor:pointer; z-index:17;background-image:url(../images/zs_bb_1.png);}

.pptd_img{ position:absolute; border:0px; opacity:1;width:240px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);}              
.pptd_img:hover{border:0px; transform:scale(1.05,1.05); opacity:1; cursor:pointer;}
.pptd_img_show_div{position:absolute; width:810px; left:50%; margin-top:-100px; margin-left:-400px; z-index:15; padding:5px; display:none; }
.pptd_img_show{width:800px; box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .5); }

.pp_fa_p{font-size:14px; color:#1b6bb5; text-align:center; line-height:20px;}

/*品牌结束*/


/*新闻开始*/
.n_c_s{width:85%; height:auto; border-bottom:1px #CCCCCC solid; margin:0px auto;}
.n_c_s p{ width:100%;}

/*新闻结束*/


/*案例展示开始*/
.c_c_div{width:100%; height:550px; margin-left:0px; margin-right:0px; margin:auto; text-align:center;}
.c_c_div_1{width:85vw; margin:0px auto;}

.c_c_img_div{float:left; width:350px;}
.c_c_img{ width:350px; border:1px #999999 solid;}

.c_t_p{font-size:14px; color:#777777; text-align:left; line-height:24px;}


.c_c_page1{ float:left; background-color:#1162af; width:30px; color:#FFFFFF;}
.c_c_page2{float:left; background-color:#eeeeee; width:30px; cursor:pointer; color:#666666;}
.c_c_page2:hover{background-color:#1162af; color:#FFFFFF;}
.c_c_page3{float:left; background-color:#eeeeee; width:60px; cursor:pointer; color:#666666;}
.c_c_page3:hover{background-color:#1162af; color:#FFFFFF;}


/*案例展示结束*/

/*联系我们开始*/
.lc_dt_div{width:100%; height:750px; margin-left:0px; margin-right:0px; margin:auto; text-align:center;}

.lc_fa_p{font-size:14px; color:#777777; text-align:left; line-height:24px;}

/*百度地图开始*/
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*百度地图结束*/


/*联系我们结束*/



.jdal_bgdh {
    width: 100wh;
    height: 100vh;
    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
	
@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}


.jdal_dh{ background-color:#2169B3; width:200px; height:200px; margin-top:100px; display:inline-block;}
@-webkit-keyframes mycolor1{
0%{ background-color:#2169B3;}
20%{background-color:#1363BC; height:250px;}
40%{background-color:#CF0FFF; height:300px;}
60%{background-color:#810977; height:350px;}
80%{background-color:#C91F10; height:400px;}
100%{background-color:#2169B3; height:450px;}
}
.jdal_dh:hover{
-webkit-animation-name:mycolor1;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
}