* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.main { width:1375px !important; margin:0 auto !important; padding:0px 10px;}
.in_main { max-width:1220px !important; margin:0 auto !important; padding:0px 10px;}
.main_1000 { max-width:1000px !important; margin:0 auto !important; padding:0px 10px; }
body,html { width:100%; height:100%;}

.huise { background: #f5f5f5; }

/*.header { height: 70px; overflow: hidden; position: fixed; width: 100%; left: 0px; background: #fff; z-index: 99; }
.header .logo { float: left; margin-top: 15px; }
.header .nav { float: left; margin-left: 50px; }
.header .nav a { color: #333333; font-size: 16px; font-weight:bold; line-height: 70px; margin-left: 50px;  }
.header .search { float: right;  margin-top: 25px; }*/

.header { position:fixed; width:100%; left:0px; top:0px; height:70px; background:#fff;  z-index:100;}
.header .logo { float:left; margin-top: 15px;}
.header .fr { float: left; margin-left: 50px; }

.header .search { width:50px; display:inline-block; vertical-align:top; margin:0px 10px; margin-top:18px; cursor:pointer; position:absolute; top:0px; right:70px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; }
.header .search .txt { width:100%; background:#f2f2f2; border-radius:30px; height:34px; line-height:34px;  position:absolute; position:absolute; right:0px; padding-right:50px; opacity:0; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; padding-left:20px;}
.header .search .but { background:url(../images/img3.png) no-repeat center center; width:40px; height:34px;  position:absolute; right:0px; top:0px; z-index:9; }
.header .zc { display:inline-block; vertical-align:middle; margin-left:10px;}
.header .zc a { font-size:18px;}
.header .search:hover { width:180px;}
.header .search:hover .txt { opacity:1; }

.head_w { position: relative; }


.banner_box { position: relative; height: 650px; }
.end-video { position: absolute; bottom: 30px; z-index: 100; width: 100%; text-align: center; color: #fff; cursor: pointer; }

.banner-video { position: absolute; left: 0px; z-index: 99; top: 0px; width: 100%; height: 100%; background: url(../images/z_img199.png) no-repeat center center; background-size:cover; }
/*.banner-video a { display: inline-block; }*/



.banner .swiper-slide { height: 650px; }
.banner .swiper-pagination-bullet { width:11px; height:11px; background:none; border-radius:50%; border: 2px solid #fff; margin:0px 6px !important; opacity:1; outline:none; bottom: 20px !important;  }
.banner .swiper-pagination-bullet-active { background:#fff; border: 2px solid #fff; }
.banner .swiper-slide .con { height: 650px;  }
.banner .swiper-slide .con:after { content: ''; display: inline-block; vertical-align: middle; width: 0px; height: 100%; }
.banner .swiper-slide .text { display: inline-block; vertical-align: middle; color: #fff; width: 50%; }
.banner .swiper-slide .text h3 { font-size: 40px; }
.banner .swiper-slide .text p { font-size: 18px; line-height: 32px; margin-top: 30px; }
.banner .banner_pagination { bottom: 30px !important; }

.in_data { margin-top: 80px; padding-bottom: 80px; position: relative;  }
.in_data .img1 { display: inline-block; }
.in_data .img2 { display: none; }

.in_data .fl { width: 560px; padding-top: 116px; position: relative; z-index: 9;}
.in_data .fl h3 { font-size: 16px; background: url(../images/z_icon1.png) no-repeat left center; padding-left: 30px; }
.in_data .fl h4 { margin-top: 10px; }
.in_data .fl h4 strong { font-size: 42px; color: #fd8c08; margin-top: 20px; font-family: 'PF DinText Pro'; }
.in_data .fl h4 span { font-size: 14px; margin-left: 5px; }
.in_data .fl ul { margin-top: 30px; }
.in_data .fl ul li { border: 1px solid #ececec; padding: 10px; width: 24%; float: left; margin-right: 1%; background: #fff;  }
.in_data .fl ul li h5 span { font-size: 24px; color: #fd8c08; margin-right: 5px; font-family: 'PF DinText Pro'; }
.in_data .fl ul li strong { display: block; margin-top: 8px; }


.data_icon1 i { background: url(../images/z_icon8.png); position: absolute; width: 34px; height: 34px; overflow: hidden; }

.zmap { position: absolute; top: 0px; right: 0px; }



@keyframes show-animation{
    0%{
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
    }

    50%{
        transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        opacity: 0.5;
    }

    100%{
        transform: scale(1.6);
        -moz-transform: scale(1.6);
        -webkit-transform: scale(1.6);
        opacity: 0;
    }
}



.in_service_back { background: url(../images/img5.png) no-repeat center top; background-size:cover; padding-top: 200px; 
	padding-bottom: 100px;}
.in_service .list { overflow: hidden; margin-top: 60px; }
.in_service .list ul { margin-left: -20px; margin-right: -20px; }
.in_service .list ul li { float: left; width: 50%; padding: 0px 20px; }
.in_service .list ul li .con { border: 1px solid #d9d9d9; padding-left: 146px;  }
.in_service .list ul li .img { width: 146px;  float: left; position: relative;  text-align: center; margin-left: -146px; }
.in_service .list ul li .img_pc { display: block; }
.in_service .list ul li .img_phone { display: none; }

.in_service .list ul li .img strong { position: absolute; font-size: 20px; color: #fff; top: 50%; display: block; width: 100%; font-weight: bold; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin-top: -24px; }
.in_service .list ul li .img strong i { display: block; position: relative;  padding: 0px 20px; padding-bottom: 16px; line-height: 32px;}
.in_service .list ul li .img strong i:after { content: ''; background: #ea9735; width: 20px; height: 2px; position: absolute; left: 50%; margin-left: -10px; bottom: 0px;  }

.in_service .list ul li:nth-child(2) .img strong { margin-top: -40px; }

.in_service .list ul li .text { float: left; width: 100%; }
.in_service .list ul li .text dl { border-bottom: 2px solid #fff5e9; padding: 15px 0px;}
.in_service .list ul li .text dl dt { font-size: 16px; padding-left: 20px; }
.in_service .list ul li .text dl dd { margin-top: 15px; }
.in_service .list ul li .text dl dd a { float: left; width: 33.33%; display: block; text-align: center; padding: 10px 0px; border-right: 1px solid #f3f3f3; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;}
.in_service .list ul li .text dl dd a:last-child { border-right: none; }
.in_service .list ul li .text dl dd a .img2 { display: none; }
.in_service .list ul li .text dl dd a .img1 { display: inline-block; }
.in_service .list ul li .text dl dd a span { display: block; color: #f08300; font-size: 16px;}


@media screen and (min-width:768px) {

.in_service .list ul li .text dl dd a:hover { background: #f08300; }
.in_service .list ul li .text dl dd a:hover span { color: #fff; }
.in_service .list ul li .text dl dd a:hover .img2 { display: inline-block; }
.in_service .list ul li .text dl dd a:hover .img1 { display: none; }
.in_service .list ul li .text dl dd a:hover .icon { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.in_service .list ul li .text dl dd a:hover span { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; 
	animation-fill-mode: both; -webkit-animation-delay: 0.2s; 
	animation-delay: 0.2s; }
}


.in_service .list ul li .text .in_logo { position: relative;  }
.in_service .list ul li .text .in_logo h4 { font-size: 16px; padding-left: 20px; padding-top: 15px; padding-right: 20px;  }
.in_service .list ul li .text .in_logo h4 a { float: right; color: #fd8c08; background: url(../images/img13.png) no-repeat right 8px; padding-right: 14px; }
.in_service .list ul li .text .in_logo h5 { padding-top: 30px; }
.in_service .list ul li .text .in_logo h5 a { width: 25%; float: left; text-align: center; }
.in_service .list ul li .text .in_logo h5 a img { display: inline-block; }

.in_cooperation { background: url(../images/img14.png) no-repeat center top;  background-size: cover; padding: 80px 0px; }
.in_cooperation .tit { text-align: center; color: #fff; }
.in_cooperation .tit h3 { font-size: 30px; }
.in_cooperation .tit span { font-size: 20px; display: block; margin-top: 18px; }
.in_cooperation .list { margin-top: 30px; text-align: center; }
.in_cooperation .list a { display: inline-block; vertical-align: middle; margin:0px 35px; margin-top: 30px;  }


.in_contact { background: #f8f8f8 url(../images/img27.png) no-repeat center center; padding: 80px 0px; background-size:cover; }
.in_contact .fl { float: left; }
.in_contact .fl h3 { font-size: 30px; color: #333; margin-bottom: 30px; }
.in_contact .fl p { font-size: 18px; margin-top: 20px; padding-left: 36px;  }
.in_contact .fl p.icon1 { background:url(../images/img29.png) no-repeat left center; }
.in_contact .fl p.icon2 { background:url(../images/img30.png) no-repeat left center; }
.in_contact .fl p.icon3 { background:url(../images/img31.png) no-repeat left center; }

.in_contact .fr { float: right; text-align: center; }
.in_contact .fr img { display: inline-block; }
.in_contact .fr p { color: #f08200; font-size: 16px; margin-top: 2px; } 
.in_contact .fr a { display: inline-block; padding: 10px 40px; border: 1px solid #666666; font-size: 16px; margin-top: 20px; transition: all 0.4s; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  }
.in_contact .fr a:hover { background: #f08200; color: #fff; border: 1px solid #f08200; } 


.footer { background: #f08200; padding: 22px 0px; font-size: 16px; color: #fff; }
.footer .nav { float: left; }
.footer .nav a { color: #fff; margin-right: 25px; }
.footer .copy { float: right; }



.m_ban {  height: 60vh;  }
.m_ban:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.m_ban h3 { font-size: 38px; color: #fff; position: relative; padding-bottom: 30px; }
.m_ban h3:after { content: ''; position: absolute; left: 4px; bottom: 0px; background: #fff; height: 3px; width:50px; }
.m_ban p { font-size: 20px; line-height: 32px; color: #fff; margin-top: 30px; }
.m_ban .text { display: inline-block; vertical-align: middle; width: 51%; }
.m_ban span { font-size: 22px; line-height: 35px; color: #fff; margin-top: 35px; display: block; }


.plan { padding: 80px 0px; }
.plan .con { margin-top: 60px; display: table; }
.plan .con .img { width: 50%; display: table-cell; vertical-align: middle; overflow: hidden;  }
.plan .con .img img { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1);  }
.plan .con .img img:hover { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);  }
.plan .con .text { width: 50%; display: table-cell; vertical-align: middle; }
.plan .con .text p { font-size: 16px; line-height: 30px; margin: 12px 0px; padding-left: 50px; text-align: justify; }
.plan a { position: relative; z-index: 99; }



.plan2 .list { margin-top: 60px; overflow: hidden; padding-bottom: 10px; }
.plan2 ul { margin-left: -15px; margin-right: -15px; }
.plan2 ul li { width: 33.333%; float: left; padding: 0px 20px; }
.plan2 ul li .con a { display: block; }
.plan2 ul li .con { border-radius: 5px; overflow: hidden; position: relative; box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.15) }
.plan2 ul li .con .text { position: absolute; bottom:-100%;  left: 0px; background: #f08200; width: 100%; height: 100%; color: #fff; }
.plan2 ul li .con .tit { position: absolute; color: #fff; top: 50%; color: #fff; font-size: 20px; width: 100%; text-align: center;  padding-bottom: 22px; margin-top: -24px; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); }
.plan2 ul li .con .tit:after { content: ''; position: absolute; width: 30px; height: 3px; background: #fd8c08; left: 0px; left: 50%; margin-left: -15px; bottom: 0px;}


.plan2 ul li .con .img img { width: 100%; height: 100%; }


.implement .list { margin-top: 0px; }
.implement ul li { margin-top: 60px; }
.implement ul li .con .tit { line-height: 35px; margin-top: -46px; }
.implement ul li .text { padding: 50px; color: #fff; }
.implement ul li .text strong { display: inline-block; color: #fff; font-size: 22px;  }
.implement ul li .text strong:after { content: ''; width: 20px; height: 2px; background: #fff; display: inline-block; vertical-align: middle; margin-left: 10px; }
.implement ul li .text span { display: block; font-size: 22px; margin-top: 5px; color: #fff; }
.implement ul li .text p { color: #fff; margin-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; opacity: 0.9; }
.implement ul li .text h6 { display: inline-block; border-bottom: 2px solid #f8c588; font-size: 16px; margin-top: 20px; padding-bottom: 5px;  }

.plan_text ul li .text  { padding: 30px; }
.plan_text ul li .text p a { color: #fff;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height:30px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.plan_text ul li .text p a:hover { padding-left: 10px; opacity: 0.8; }
.plan_text ul li .text h6 { position: absolute; bottom: 20px; }
.plan_text ul li .text h6 a { display: inline-block; color: #fff; border-bottom: 2px solid #f8c588; font-size: 16px; padding-bottom: 5px;  transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.plan_text ul li .text h6 a:hover { padding-left: 20px; }




.plan3 { padding: 80px 0px; }
.plan3 .list { margin-top: 50px; }
.plan3 .list .alink { font-size: 18px; position: relative; display: block; border-bottom: 1px dashed #d7d7d7; padding: 16px 0px; transition: all 0.4s; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  padding-right: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.plan3 .list .alink span { position: absolute; right: 0px; background: url(../images/img38.png) no-repeat right center; padding-right: 20px;  }
.plan3 .list .alink:hover span { background: url(../images/img39.png) no-repeat right center; color: #f08200; }
.plan3 .list .alink:hover { color: #f08200; padding-left: 20px; }

.plan3 .list p { position: relative; }

.plan_con { padding: 80px 0px; }
.plan_con .tit { font-size: 26px; color: #f08200; text-align: center;  }
.plan_con .time { margin-top: 30px; font-size: 18px; }
.plan_con .con { margin-top: 60px; }
.plan_con .con p { font-size: 16px; margin-top: 30px; line-height: 28px; text-align: justify; }
.plan_con .con img { display: inline-block; height:auto !important; }

.news_con .con { margin-top: 0px; }



.plan_service { padding: 80px 0px; }
.plan_service .list { margin-top: 40px; }
.plan_service .list ul li { border-bottom: 1px dashed #dadada; padding: 25px 0px; }
.plan_service .list ul li .img { float: left; width: 80px; height: 80px; background: #edf0f5; border-radius: 50%; overflow: hidden; }
.plan_service .list ul li .text { margin-left: 110px; padding-top: 5px; }
.plan_service .list ul li .text h3 { font-size: 22px; }
.plan_service .list ul li .text p { line-height: 28px; font-size: 15px; margin-top: 10px; color: #666; text-align: justify; }
.plan_service .list ul li .img1 { display: block; } 
.plan_service .list ul li .img2 { display: none; }

.plan_service .list ul li.active .img1 { display: none; }
.plan_service .list ul li.active .img2 { display: block; }

.plan_service .list ul li:hover .img1 { display: none; }
.plan_service .list ul li:hover .img2 { display: block; }
.plan_service .list ul li:hover h3 { color: #f08300; }

.plan_service .list ul li.active h3 { color: #f08300; }



.operate .tit ul li { width: 25%; float: left; text-align: center; cursor: pointer;}
.operate .tit ul li .img img { display: inline-block; }
.operate .tit ul li .img .img2 { display: none; }
.operate .tit ul li p { font-size: 18px; margin-top: 10px; }

.operate .tit ul li.active .img .img2 { display: inline-block; }
.operate .tit ul li.active .img .img1 { display: none; }
.operate .tit ul li.active p { color: #f08200; }


.operate .tab { display: table; margin-top: 60px; }
.operate .tab .img { float: left; width: 53.7%; overflow: hidden; }
.operate .tab .img img { transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;   }
.operate .tab .img:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }
.operate .tab .text { float: left; width: 46.3%; padding-left: 50px; padding-top: 80px; }
.operate .tab .text h3 { font-size: 25px; color: #f08200; }
.operate .tab .text p { text-align: justify; color: #666666; font-size: 16px; line-height: 28px; margin-top: 20px; }


.operate1 { padding: 80px 0px; overflow: hidden; }
.operate1 .tit { text-align: center; margin-top: 40px; }
.operate1 .tit a { display: inline-block; font-size: 18px; margin:0px 30px; }

.operate1 .tab { margin-top: 20px; margin-left: -30px; margin-right: -30px; }
.operate1 .tab .con { float: left; width: 33.33%; padding: 0px 30px; margin-top: 50px; }
.operate1 .tab a { position: relative; overflow: hidden; display: block; }
.operate1 .tab a .text { position: absolute; left: 0px; width: 100%; background: #f08200; height: 100%; padding: 20px 40px; color: #fff; bottom: -100%; }
.operate1 .tab a .text p { font-size: 16px; line-height: 28px; height: 56px; overflow: hidden; }
.operate1 .tab a .text h6 { font-size: 16px; margin-top: 20px; display: block; }
.operate1 .tab a .icon { padding: 15px;  height: 142px; border-bottom: 2px solid #f08200; background: #f0f2f5; text-align: center;  }
.operate1 .tab a .icon:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.operate1 .tab a .icon img { display: inline-block; vertical-align: middle;}


.ecology .tit { text-align: center;  } 
.ecology .tit h3 { font-size: 30px; color: #f08200; }
.ecology .tit p { font-size:17px; line-height: 30px; margin-top: 20px; padding: 0px 150px;  }
.ecology .list { overflow: hidden; }
.ecology .list ul { margin-left: -39px; margin-right: -39px; }
.ecology .list ul li { float: left; padding: 0px 39px; width: 33.33%; margin-top: 60px;  }
.ecology .list ul li .con { position: relative;  }
.ecology .list ul li .con .text { position: absolute; top: 0px; width: 100%; text-align: center; padding-top: 44px; height: 100%; }
.ecology .list ul li .con .text .icon { text-align: center; position: relative; }
.ecology .list ul li .con .text .icon:before { content: ''; background: #fff; width: 50px; left: 15%;  height: 1px; position: absolute; top: 50%;  }
.ecology .list ul li .con .text .icon:after { content: ''; background: #fff; width: 50px; right: 15%;  height: 1px; position: absolute; top: 50%;  }
.ecology .list ul li .con .text .icon img { display: inline-block; }
.ecology .list ul li .con .text p { font-size: 24px; color: #fff; letter-spacing: 6px; margin-top: 30px; position: relative; padding-bottom: 20px; padding-left: 6px; }
.ecology .list ul li .con .text p:after { content: ''; background: #fff; position: absolute; width: 24px; height: 2px; bottom: 0px; left:50%; margin-left: -12px; }
.ecology .list ul li .con .text h6 { position: absolute; width: 100%; bottom: 80px;}
.ecology .list ul li .con .text h6 a { display: inline-block; vertical-align: top; padding: 0px 25px; margin: 0px 10px; }
.ecology .list ul li .con .text h6 a span { position: relative; z-index: 2; }
.ecology .list ul li .con .text h6 .a1 { height: 40px; line-height: 40px;  background: #f08a10; font-size: 16px; color: #fff; position: relative; overflow: hidden; }
.ecology .list ul li .con .text h6 .a1:after { content: ''; position: absolute; left: 0px; top: 0px; height: 100%; background: #fff; width: 0%; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
.ecology .list ul li .con .text h6 .a1:hover:after { content: ''; width: 100%; }
.ecology .list ul li .con .text h6 .a1:hover { color: #f08a10; }
.ecology .list ul li .con .text h6 .a2 { height: 40px; overflow: hidden; line-height: 40px; border: 1px solid #f08a10; color: #f08a10; font-size: 16px; position: relative; }
.ecology .list ul li .con .text h6 .a2:after { content: ''; position: absolute; left: 0px; top: 0px; height: 100%; background: #f08a10; width: 0%; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
.ecology .list ul li .con .text h6 .a2:hover:after { content: ''; width: 100%; }
.ecology .list ul li .con .text h6 .a2:hover { color: #fff; }

.channel .list { margin-top: 60px; overflow: hidden; }
.channel .list ul { padding: 0px 93px;}
.channel .list ul li { float: left; width: 33.3333%; padding: 0px 40px; }
.channel .list ul li .con { position: relative; }
.channel .list ul li .con .text { position: absolute; top: 50%; margin-top: -55px; width: 100%; color: #fff; text-align: center; }
.channel .list ul li .con .text .icon { display: inline-block; }
.channel .list ul li .con .text p { font-size: 18px; margin-top: 11px; position: relative; padding-bottom: 16px; }
.channel .list ul li .con .text p:after { content: ''; bottom: 0px; background: #fff; width: 20px; height: 2px; position: absolute; left:50%; margin-left: -10px;  }


.step { margin-top: 80px; }
.step .list { margin-top: 60px; position: relative;  } 
.step .list:after { content: ''; position: absolute; left: 0px; border-bottom: 1px dashed #d9d9d9; height: 1px; width: 100%; bottom: 50px; }
.step .list ul li { float: left; width: 25%; text-align: center; position: relative; }
.step .list ul li .icon { position: relative; z-index: 3; }
.step .list ul li .spot { background: url(../images/img109.png) no-repeat left top; width: 21px; height: 21px; position: absolute; left: 50%; margin-left: -10px; bottom: -34px; display: block; bottom: 40px; z-index: 3;  }
.step .list ul li .icon .img1 { display: inline-block; background: #ebebeb; border-radius: 50%;  }
.step .list ul li .icon .img2 { display: none; }
.step .list ul li p { margin-top: 50px; font-size: 16px; }
.step .list ul li p em { font-style: italic; display: inline-block; margin-right: 8px; }

.step .list ul li:hover .icon .img1 { display: none; } 
.step .list ul li:hover .icon .img2 { display: inline-block; background: #f08200; border-radius: 50%; } 
.step .list ul li:hover .icon { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.step .list ul li:hover .spot { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  background: url(../images/img110.png) no-repeat left top;}
.step .list ul li:hover p { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; color: #f08200;}


.fom .list { width: 68%; margin: 0px auto; margin-top: 60px; }

.fom .list .txt { border: 1px solid #dedede; width: 100%; padding: 15px 10px; font-size: 16px; background: none; }
.fom .list .txt_box { border: 1px solid #dedede; width: 100%; padding: 15px 10px; font-size: 16px; height: 150px; line-height: 28px;background: none; }
.fom .list .but { width: 100%; background: #f08200; padding: 15px 0px; font-size: 16px; color: #fff; }
.fom .list .selects .txt_sel { width: 31%; margin-right: 3.5%; float: left; border: 1px solid #dedede; padding: 15px 10px; font-size: 16px; background: none; position: relative; background: url(../images/img145.png) no-repeat 95% center; height: 55px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-right: 1px solid #eaeaea; outline: none;}
.fom .list .txt_mt { margin-top: 20px; }
.fom .list ul li .selects .txt_sel:last-child { margin-right: 0%; }


.m_txt_sel { width: 100%; border: 1px solid #dedede; padding: 15px 10px; font-size: 16px; background: none; position: relative; background: url(../images/img145.png) no-repeat 95% center; height: 55px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border-right: 1px solid #eaeaea; outline: none; }

.m_txt { border: 1px solid #dedede; width: 100%; padding: 15px 10px; font-size: 16px; background: none; }
.m_txt_box { border: 1px solid #dedede; width: 100%; padding: 15px 10px; font-size: 16px; height: 150px; line-height: 28px;background: none; }
.m_but { width: 100%; background: #f08200; padding: 15px 0px; font-size: 16px; color: #fff;  }
.for_mt { margin-top: 20px; }
.for_li { width: 31%; margin-right: 3.5%; float: left;  }
.m_r0 { margin-right: 0px; }


.finance .list { margin-top: 60px; overflow: hidden; }
.finance .list ul { margin-left: -28px; margin-right: -28px; }
.finance .list ul li { float: left; width: 25%; padding: 0px 28px; }
.finance .list ul li .con { position: relative; }
.finance .list ul li .con .text { position: absolute; top: 50%; margin-top: -50px; width: 100%; color: #fff; text-align: center; }
.finance .list ul li .con .text .icon { display: inline-block; }
.finance .list ul li .con .text p { font-size: 18px; margin-top: 11px; position: relative; padding-bottom: 16px; }
.finance .list ul li .con .text p:after { content: ''; bottom: 0px; background: #fff; width: 20px; height: 2px; position: absolute; left:50%; margin-left: -10px;  }


.case .list { margin-top: 18px; overflow: hidden; }
.case .list ul { margin-left: -21px; margin-right: -21px; }
.case .list ul li { float: left; width: 33.3333%; padding: 0px 21px; margin-top: 42px; }
.case .list ul li a { position: relative; display: block;  border-radius: 3px; overflow: hidden;  }
.case .list ul li a .img:after { content: ''; background: #f08300; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s;  -moz-transition: all 0.6s;  }

.case .list ul li a .text { position: absolute; top: 50%; margin-top: -52px; width: 100%; color: #fff; text-align: center; }
.case .list ul li a .text .icon { display: inline-block; }
.case .list ul li a .text p { font-size: 20px; margin-top: 11px; position: relative; padding-bottom: 16px; }
.case .list ul li a .text p:after { content: ''; bottom: 0px; background: #fff; width: 20px; height: 2px; position: absolute; left:50%; margin-left: -10px;  }

.case .list ul li a:hover .img:after { opacity: 1; }
.case .list ul li a:hover .text .icon { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.case .list ul li a:hover .text p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s;  }
/*.case .list ul li:nth-child(10) { width: 50%; } 
.case .list ul li:nth-child(11) { width: 50%; } */


.case1 ul li { border-bottom: 1px solid #e3e4e5; padding-bottom: 50px; padding-top: 50px; }
.case1 ul li:last-child { border-bottom: none; }
.case1 .con .img { width: 155px; height: 155px; border: 1px solid #e6e6e6; padding: 10px; float: left; background: #fff; text-align: center; }
.case1 .con .img:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; } 
.case1 .con .img span { display: inline-block; vertical-align: middle; width:96%;}
.case1 .con .img span img { display: inline-block; }
.case1 .con .text { margin-left: 200px; padding-top: 30px; }
.case1 .con .text h3 { font-size: 24px; }
.case1 .con .text h4 { margin-top: 20px; }
.case1 .con .text h4 span { background: #fd8c08; border-radius: 3px; display: inline-block; padding:3px 15px; vertical-align: top; color: #fff;  margin-right: 5px;}
.case1 .dow h5 { margin-top: 30px; font-size: 24px; }
.case1 .dow p { font-size: 16px; line-height: 28px; margin-top: 20px; text-align: justify; }


.about { background: #ebebeb; height: 60px; line-height: 60px; }
.about .nav { border-right: 1px solid #d9d9d9; } 
.about .nav a { float: left; width: 16.66%; font-size: 16px; border-left: 1px solid #d9d9d9; text-align: center; position: relative; }
.about .nav a i { display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -3px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s;  }
.about .nav a:after { content: ''; position: absolute; background: #f1941a; height: 2px; width: 0%; bottom: 0px; left: 0px;  -webkit-transition: all 0.4s; -moz-transition: all 0.4s; }
.about .nav a:hover:after,.about .nav a.active:after { content: ''; position: absolute;  background: #f1941a; height: 2px; width: 100%; bottom: 0px; left: 0px;  }
.about .nav a:hover,.about .nav a.active { color: #f1941a; }
.about .nav a:hover i,.about .nav a.active i { margin-right: 18px;  }


.about1 .con { margin-top:60px;  }
.about1 .con .img { float: left; width: 49.2%; position: relative; overflow: hidden; cursor: pointer; }
.about1 .con .text { float: right; width: 45%; height: 400px; overflow: hidden; }
.about1 .con .text h3 { font-size: 24px; margin-bottom: 30px; }
.about1 .con .text p { font-size: 16px; line-height: 28px; margin-bottom: 20px; text-align: justify; }
.about1 .con .img .icon { position: absolute; width: 112px; height: 112px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; }
.about1 .con .img .icon img {  animation: btnRotate 3.5s linear infinite; -webkit-animation: btnRotate 3.5s linear infinite; -moz-animation: btnRotate 3.5s linear infinite; -o-animation: btnRotate 3.5s linear infinite; -all-animation: btnRotate 3.5s linear infinite; width: 112px; height: 112px; }

.about1 .con .img .icon2 { position: absolute; width: 86px; height: 86px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;  }

.about2 .list { margin-top: 60px; text-align: center; letter-spacing: -5px; }
.about2 .list ul li { width: 16.66%; text-align: center; letter-spacing: 0px; display: inline-block; vertical-align: middle; text-align: center; position: relative; }
.about2 .list ul li img { display: inline-block; }
.about2 .list ul li p { font-size: 18px;  }
.about2 .list ul li p strong { color: #f08200; }

.about3 .list { margin-top: 60px; overflow: hidden; }
.about3 .list ul { margin-left: -30px; margin-right: -30px; }
.about3 .list ul li { float: left;  text-align: center; letter-spacing: 0px; width: 25%; text-align: center; padding: 0px 30px; border-right: 1px solid #d1d1d1; } 
.about3 .list ul li img { display: inline-block; }
.about3 .list ul li strong { font-size: 20px; color: #f08200; display: block; margin-top: 10px; }
.about3 .list ul li p { line-height: 24px; margin-top: 10px; font-size: 14px; min-height: 48px; }


.staff1 .img .pic img { transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transition: all 0.6s; -webkit-transition: all 0.6s;  -moz-transition: all 0.6s; }
.staff1 .img .pic:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);  }
.staff1 .text { padding-top: 40px; }

.staff2 { margin-bottom: 60px; }
.staff2 .staff2_swp { margin-top: 60px; border-top: 1px solid #d9d9d9; padding-bottom: 60px; }
.staff2 .staff2_swp .con { font-size: 16px; padding: 18px 0px; border-bottom: 1px dashed #dcdcdc; position: relative; }
.staff2 .staff2_swp .con .a_lick { float: left; width: 56%; display: block; font-size: 16px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; padding-right:60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.staff2 .staff2_swp .con a:hover { color: #f08200; padding-left: 20px; }
.staff2 .staff2_swp .con span { float: left; width: 16%; display: block; font-size: 14px;  }
.staff2 .staff2_swp .con em { float: left; width: 16%; display: block; font-size: 14px; }
.staff2 .staff2_swp .con i { float: right; width: 12%; text-align: right; display: block; font-size: 14px; }

.staff2_dian .swiper-pagination-bullet { border-radius: 50%; overflow: hidden; width:11px; height:11px; background:none;  margin:0px 6px !important; opacity:1; outline:none; border: 2px solid #ff9933; }
.staff2_dian .swiper-pagination-bullet-active { background:#ff9933; border: 2px solid #ff9933; }


.pagebox { text-align:center;  position: relative;  }
.pagebox ul { line-height: 50px; }
.pagebox ul li { display:inline-block; margin: 0px 8px; vertical-align: middle;}
.pagebox ul li a {   margin:0px; font-size:18px; color: #000; position:relative; display:block;}
.pagebox ul li a:hover { color: #f08300; }
.pagebox ul .page a { padding: 0px 20px; font-weight: bold; }
.pagebox .previous {  font-family:'宋体';  background: url(../images/img164.png) no-repeat left top; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-top: 2px; margin-right: 15px; cursor: pointer;   }
.pagebox .next { font-family:'宋体';  background: url(../images/img165.png) no-repeat left top; width: 25px; height: 25px;  display: inline-block; vertical-align: middle; margin-top: 2px; margin-left: 15px;  cursor: pointer; }
.pagebox .previous:hover { background: url(../images/img164_m.png) no-repeat left top; }
.pagebox .next:hover { background: url(../images/img165_m.png) no-repeat left top; }

.pagebox .previous a { opacity: 0; }
.pagebox .next a { opacity: 0; }
.pagebox .previous.hidden { display: none; }
.pagebox .next.hidden { display: none; }
.pagebox .previous:hover a { opacity: 0; }
.pagebox .next:hover a { opacity: 0; }
.pagebox ul li.first { display:none;}
.pagebox ul li.last { display:none;}
.pagebox ul li.page:hover a,.pagebox ul li.selected a { color:#f08300;}
.pagebox ul li.selected a:after { content:''; position:absolute; width:8px; height:1px; background:#f08300; bottom:10px; left:50%; margin-left:-4px;}


.staff3 { margin-top: 60px; position: relative; }

.join .list { margin-top: 60px; }
.join .list ul { border-bottom: 1px dashed #e5e5e5; }
.join .list ul li {  border-top: 1px dashed #e5e5e5; position: relative;  }
.join .list ul li .table_tit { font-size: 16px; color: #4c4c4c; padding: 18px 0px;  position: relative; cursor: pointer; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; padding-right: 60px; }
.join .list ul li .table_tit:after { content: ''; position: absolute; right: 0px; top: 50%; background: url(../images/img174.png) no-repeat left top; width: 18px; height: 18px; margin-top: -12px; } 
.join .list ul li .table_tit.active:after { background: url(../images/img175.png) no-repeat left top;  }
.join .list ul li .table_tit strong { float: left; width: 30%; font-size: 16px; }
.join .list ul li .table_tit span { float: left; width: 25%; }
.join .list ul li .table_con { padding-left: 30px; padding-bottom: 20px; display: none; }
.join .list ul li .table_con p { margin-top: 20px; font-size: 15px; line-height: 30px; }
.join .list ul li .table_con p strong { display: block; color: #f08200; display: block; margin-bottom: 10px; font-size: 18px; }
.join .list ul li .table_tit.active strong { color: #f08300; }
.join .list ul li .table_con p a { color: #f08300; }
.join .list ul li .table_con p a:hover { text-decoration: underline; }

.join_flow { margin-bottom: 80px; }
.join_flow .list { margin-top: 60px; position: relative; overflow: hidden; }
.join_flow .list:after { content: ''; border-bottom: 1px dashed #d5d5d5; position: absolute; width: 90%; top: 24px; left: 5%; }
.join_flow .list ul { margin-left: -100px; margin-right: -100px; }
.join_flow .list ul li { float: left; width: 25%; text-align: center; position: relative; }
.join_flow .list ul li strong { background: url(../images/img171.png) no-repeat left top; width: 39px; height: 40px; display: block; line-height: 40px; color: #fff; font-family: '宋体'; display: inline-block; position: relative; z-index: 3; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.join_flow .list ul li i { display: block; margin-top: 30px; }
.join_flow .list ul li i img { display: inline-block; }
.join_flow .list ul li p { font-size: 16px; margin-top: 10px; }
.join_flow .list ul li:hover strong { background: url(../images/img172.png) no-repeat left top; }


.news .fl { width: 60%; float: left; }
.news .fl h3 { font-size: 26px; color: #f08300; }
.news .fl .news4_swp { margin-top: 20px; border-top: 1px dashed #d5d5d5; margin-bottom: 30px; padding-bottom: 60px; }
.news .fl .news4_swp .swiper-slide .a_link { border-bottom: 1px dashed #d5d5d5; position: relative; padding: 18px 0px; display: block; font-size: 16px; padding-right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.news .fl .news4_swp .swiper-slide .a_link:hover { color: #f08300; padding-left: 20px; }
.news .fl .news4_swp .swiper-slide .a_link span { position: absolute; right: 0px; }

.news4_dian .swiper-pagination-bullet { border-radius: 50%; overflow: hidden; width:11px; height:11px; background:none;  margin:0px 6px !important; opacity:1; outline:none; border: 2px solid #ff9933; }
.news4_dian .swiper-pagination-bullet-active { background:#ff9933; border: 2px solid #ff9933; }


.news .fr { width: 33%; float: right; background: #f0f3f5; }
.news .fr h3 { font-size: 26px; color: #f08300; padding: 20px; border-bottom: 1px solid #d5d5d5; }
.news .fr .swiper-slide .text { padding: 25px; position: relative; z-index: 6; }
.news .fr .swiper-slide .text strong { background: url(../images/img176.png) no-repeat left center;  display: block; padding: 10px 0px; font-size: 16px;  padding-left: 35px; color: #b2b2b2; margin-top: 10px; }
.news .fr .swiper-slide .text p { font-size: 18px;  line-height: 30px; margin-top: 5px; }
.news .fr .swiper-slide .text p a:hover { color: #f08200; }
.news .fr .swiper-slide .text h6 a { display: inline-block; margin-top: 10px; color: #f08200; }
.news .fr .swiper-wrapper { position: relative; z-index: 4; }
.news .fr .news_dian { top: 30px; text-align: right; padding-right: 25px; z-index: 2; }


.news1 { margin-top: 60px; }
.news1 .list { padding: 0px 62px; overflow: hidden; margin-top: 50px; position: relative; }
.news1 .list .swiper-slide .link { display: block; position: relative; overflow: hidden; }
.news1 .list .swiper-slide .img { position: relative; }
.news1 .list .swiper-slide .img img { width: 100%; }
.news1 .list .swiper-slide .img:after { content: ''; background: url(../images/img181.png) repeat-x left bottom; width: 100%; height: 100%; position: absolute; bottom: 0px;  }
.news1 .list .swiper-slide .text { padding: 20px; position: absolute; bottom: 0px; color: #fff; z-index: 3; width: 100%; }
.news1 .list .swiper-slide .text strong { display: block; font-size: 15px; }
.news1 .list .swiper-slide .text p { color: #fff; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.news1 .list .swiper-slide .link .img img { transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; }
.news1 .list .swiper-slide .link:hover .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }

.news1 .list .news1_prev { position: absolute; outline: none; left: 0px; top: 50%; margin-top: -18px; background: url(../images/img182_m.png) no-repeat left top; width: 20px; height: 36px;  }
.news1 .list .news1_next { position: absolute; outline: none; right: 0px; top: 50%; margin-top: -18px; background: url(../images/img183_m.png) no-repeat left top; width: 20px; height: 36px; }

.news1 .list .news1_next.swiper-button-disabled { background: url(../images/img183.png) no-repeat left top; }
.news1 .list .news1_prev.swiper-button-disabled { background: url(../images/img182.png) no-repeat left top; }

.news_swp .swiper-pagination-bullet { width:9px; height:9px; background:none; border: 1px solid #ff9933;  margin:0px 4px; opacity:1; outline:none;}
.news_swp .swiper-pagination-bullet-active { background:#ff9933; border: 1px solid #ff9933; }



.contact .con { margin-top: 60px; }
.contact .con .map { float: left; border: 1px solid #e8e9eb; width: 58%; }
.contact .con .text { float: right; width: 36%; }
.contact .con .text h3 { font-size: 20px; margin-top: 34px; margin-bottom: 30px; }
.contact .con .text p { margin-top: 20px; padding-left: 30px; }
.contact .con .text .p1 { background: url(../images/img186.png) no-repeat left center; }
.contact .con .text .p2 { background: url(../images/img187.png) no-repeat left center; }
.contact .con .text .p3 { background: url(../images/img188.png) no-repeat left center; }
.contact .con .text .p4 { background: url(../images/img189.png) no-repeat left center; }
.contact .con .text .p5 { background: url(../images/img190.png) no-repeat left center; }


#map { height: 418px; }
#map img { max-width: none !important; max-height: none !important; }

.fom_fa .list ul li .txt { background: #fafafa; }
.fom_fa .list ul li .txt_box { background: #fafafa; }

.advantage { position: relative;  }
.advantage .list { position: relative; padding-top: 30px; margin-top: 60px; padding-bottom: 110px; }
.advantage .list .img  { text-align: center; background: url(../images/img199.png) no-repeat left center; width: 435px; height: 442px; position: relative; margin: 0px auto; margin-top: 80px; }
.advantage .list .img img { display: inline-block; margin-top: 42px; /*animation: btnRotate 3.5s linear infinite; -webkit-animation: btnRotate 3.5s linear infinite; -moz-animation: btnRotate 3.5s linear infinite; -o-animation: btnRotate 3.5s linear infinite; -all-animation: btnRotate 3.5s linear infinite; */}
.advantage .list .text i { display: inline-block; vertical-align: middle; margin-right: 10px; width: 50px; margin-top: -4px; }
.advantage .list .text p { display: inline-block; vertical-align: middle; font-size: 18px; text-align: left; line-height: 26px; }
.advantage .list .text i img { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); }

.advantage .list .text1 { position:absolute; top: 0px; left: 60px; background: url(../images/img200.png) no-repeat left bottom; height: 148px; width: 296px; }
.advantage .list .text2 { position:absolute; top: 0px; right: 60px; background: url(../images/img201.png) no-repeat left bottom; height: 148px; width: 295px; padding-left: 55px; }
.advantage .list .text3 { position:absolute; bottom: 109px; right: 0px; background: url(../images/img202.png) no-repeat left top; height: 149px; width: 278px; padding-left: 75px; }
.advantage .list .text4 { position: absolute; bottom: 0px; left: 50%; margin-left: -60px; }
.advantage .list .text5 { position:absolute; bottom: 109px; left: 1px; background: url(../images/img203.png) no-repeat left top; height: 149px; width: 277px; padding-left: 0px;  }

.advantage .list .text:hover i img { transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); }


.service .list { overflow: hidden; margin-top: 60px; }
.service .list ul { margin-left: -16px; margin-right: -16px; }
.service .list ul li { float: left; width: 25%; padding: 0px 16px;  position: relative; }
.service .list ul li .text { border-radius: 3px; overflow: hidden; position: relative; text-align: center; }
.service .list ul li .text p { position: absolute; z-index: 3; color: #fff;  font-size: 20px; line-height: 32px;  text-align: center; width: 100%;  padding-bottom: 15px; left: 0px; top: 50%; margin-top: -40px; }
.service .list ul li .text p:after { content: ''; position: absolute; bottom: 0px; background: #fff; width: 30px; height: 2px; left: 50%; margin-left: -15px;  }
.service .list ul li .text a { display: block; }
.service .list ul li .text a img { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); }
.service .list ul li .text a:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }


.transaction { margin-top: 80px; }
.operate_w { margin-top: 80px; }
.operate_w .tit ul  { padding: 0px 200px; }
.operate_w .tit ul li { width: 33.33%;  }

.operate_t { margin-top: 80px; }
.operate_t .tit { margin-top: 60px; overflow: hidden; }
.operate_t .tit ul { margin-left: -12px; margin-right: -12px; }
.operate_t .tit ul li { float: left; width: 25%; padding: 0px 12px; text-align: center; cursor: pointer;}
.operate_t .tit ul li img { display: inline-block;  padding-bottom: 10px; position: relative; }
.operate_t .tit ul li .text { background: #f0f2f5; padding: 40px 0px; border-bottom: 2px solid #f08300; cursor: pointer; position: relative; }
.operate_t .tit ul li.active .text:after { content: ''; position: absolute; bottom: 0px; border: 6px solid; 
border-color:transparent transparent #f08300
transparent ; left: 50%; margin-left: -6px; }
.operate_t .tit ul li .text .icon { background: url(../images/img222.png) repeat-x; height: 3px; display: block; width: 120px; margin: 0px auto;}
.operate_t .tit ul li .text p { font-size:22px; color: #3484c6; margin-top: 10px; }
.operate_t .tab { border-bottom: 2px solid #f08300; padding-bottom: 40px; margin-top: 50px; }
.operate_t .tab p { line-height: 28px; font-size: 16px; text-align: justify; margin-top: 20px; }


.pattern_swp {  overflow: hidden; padding-bottom: 80px; }
.pattern_swp .swiper-slide .con { position: relative; border-radius: 3px; overflow: hidden; cursor: pointer; }
.pattern_swp .swiper-slide .con .text { position: absolute; top: 50%; margin-top: -55px; width: 100%; color: #fff; text-align: center; }
.pattern_swp .swiper-slide .con .text .icon { display: inline-block; }
.pattern_swp .swiper-slide .con .text p { font-size: 18px; position: relative; line-height: 28px; max-width: 120px; margin: 0 auto; margin-top: 11px;   }
.pattern_swp .swiper-slide .con .img:after { content: ''; background: #f08300; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; transition: all 0.6s; -webkit-transition: all 0.6s;  -moz-transition: all 0.6s;  }
.pattern_swp .swiper-slide .con .img img { width: 100%; }
.pattern_swp .swiper-slide .con:hover .text .icon { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.pattern_swp .swiper-slide .con:hover .text p { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.pattern_swp .swiper-slide .con:hover .img:after { opacity: 1; }
.pattern_swp .swiper-pagination-bullet { border-radius: 50%; overflow: hidden; width:11px; height:11px; background:none;  margin:0px 6px !important; opacity:1; outline:none; border: 2px solid #ff9933; }
.pattern_swp .swiper-pagination-bullet-active { background:#ff9933; border: 2px solid #ff9933;}
.pattern_con .con p { font-size: 16px; line-height: 28px; margin-top: 30px; text-align: justify; }
.pattern_con .con p img { display: inline-block; }

.value_a .list { margin-top: 60px; overflow: hidden; }
.value_a .list ul { margin-left: -30px; margin-right: -30px; }
.value_a .list ul li { float: left; width: 33.33%; padding: 0px 30px; }
.value_a .list ul li .con { border: 1px solid #d9d9d9; padding: 50px 30px; border-bottom: 3px solid #f08300; position: relative; overflow: hidden;   }
.value_a .list ul li .con .text { text-align: center; }
.value_a .list ul li .con .text h4 { font-size: 22px; color: #f08300; margin-top: 30px; position: relative; padding-bottom: 20px; }
.value_a .list ul li .con .text h4:after { content: ''; position: absolute; width: 30px; background: #f08300; height: 2px; left: 0px; left: 50%; margin-left:-15px; bottom: 0px;  }
.value_a .list ul li .con .text p { font-size: 16px; line-height: 25px; margin-top: 20px; padding: 0px 40px; min-height: 50px; }
.value_a .list ul li .con .icon { text-align: center; }
.value_a .list ul li .con .icon img { display: inline-block; }

.value_a .list ul li .con .dow { color: #fff; position: absolute; bottom: -100%; left: 0px; width: 100%; background: #f08300; height: 100%; padding: 30px; text-align: center;}
.value_a .list ul li .con .dow h3 { font-size: 22px; position: relative; padding-bottom: 16px; margin-bottom: 20px;}
.value_a .list ul li .con .dow h3:after { content: ''; position: absolute; width: 30px; background: #fff; height: 2px; left: 0px; left: 50%; margin-left:-15px; bottom: 0px; }
.value_a .list ul li .con .dow p { font-size: 16px; line-height: 28px; margin-top: 12px; }


.value { background: #f1f3f6;  margin-top: 60px; display: table; width: 100%; }
.value .tit { width: 22%; display: table-cell; vertical-align: middle; text-align: center; }
.value .tit ul li { font-size: 20px; color: #999999; margin: 50px 0px; position: relative; padding-bottom: 10px; cursor: pointer; }
.value .tit ul li:after { content: ''; position: absolute; left: 50%; width: 80px; margin-left: -40px; bottom: 0px; background: none; height: 2px; }
.value .tit ul li.active { color: #f29526; }
.value .tit ul li.active:after { content: ''; position: absolute; left: 50%; width: 80px; margin-left: -40px; bottom: 0px; background: #f29526; height: 2px;  }
.value .tit ul li.active:before { content: ''; position: absolute; right: -20px; border:10px solid; border-color:transparent  transparent transparent #f1f3f6 ; top: 50%; margin-top: -10px; }
.value .tab { width: 78%; display: table-cell; vertical-align: middle; background: #f29526; padding: 50px; padding-bottom: 60px; }
.value .tab p { background: url(../images/img234.png) no-repeat left center; color: #fff; padding: 16px 0px; font-size: 14px; display: block; padding-left: 20px; border-bottom: 1px dashed #f8c68b; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.value .tab p:hover { padding-left: 36px; }


.value1 { margin-top: 60px; overflow: hidden; }
.value1 ul li { float: left; width: 33.33%; padding: 0px 39px; }
.value1 ul li strong { font-size: 22px; color: #f08300; display: block; margin-top: 20px; }
.value1 ul li p { text-align: justify; font-size: 16px; line-height: 28px; margin-top: 10px; }


.value .tab2 { width: 78%; display: table-cell; vertical-align: middle; background: #f29526; padding: 50px; padding-bottom: 60px; }
.value .tab2 .had { font-size: 18px; color: #fff; }
.value .tab2 .had span {  float: left; width: 25%; background: url(../images/img244.png) no-repeat left center; padding-left: 30px; }
.value .tab2 .had strong { float: left; width: 75%; background: url(../images/img245.png) no-repeat left center; padding-left: 30px; } 
.value .tab2 .list { font-size: 16px; color: #fff; }
.value .tab2 .list ul { border-top: 1px dashed #f6ba72; margin-top: 30px; }
.value .tab2 .list ul li { border-bottom: 1px dashed #f6ba72; padding: 20px 0px; }
.value .tab2 .list ul li span {  float: left; width: 25%; }
.value .tab2 .list ul li strong { float: left; width: 75%; } 



.programme { margin-top: 60px; }
.programme ul li p { margin-top: 0px; display: inline-block; position: relative; padding-bottom: 10px; }
.programme ul li.active p:after { content: ''; width: 100%; left: 0px; background: #f08300; height: 1px; bottom: 0px; position: absolute;  }
.programme ul li p:after { content: ''; width: 0%; left: 0px; background: #f08300; height: 1px; bottom: 0px; position: absolute; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }
.programme ul li:hover p:after { width: 100%; }
.programme ul li:hover p { color: #f08300; }

.programme1 { border-bottom: 1px solid #d9d9d9; margin-top: 60px; border-right: 1px solid #d9d9d9; display: table; }
.programme1 .tit { width: 25%; display: table-cell; vertical-align: middle;}
.programme1 .tit ul li { cursor: pointer; border: 1px solid #d9d9d9; border-bottom: none; height: 160px; font-size: 16px; line-height: 26px; padding-left: 50px; position: relative; padding-right: 80px; }
.programme1 .tit ul li:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.programme1 .tit ul li p { display: inline-block; vertical-align: middle; }
.programme1 .tab { width: 75%; display: table-cell; border-bottom: none; border-left: none; border-top: 1px solid #d9d9d9; vertical-align: middle; padding: 40px; position: relative; }
.programme1 .tab h3 { font-size: 20px; color: #f08300; }
.programme1 .tab p { font-size: 15px; line-height: 28px; margin-top: 20px; }
/*.programme1 .tab .prog_img { height: 480px; }
.programme1 .tab .prog_img:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.programme1 .tab .prog_img img { display: inline-block; vertical-align: middle; }*/

.z_propram p { font-size: 15px; line-height: 30px; margin: 10px 0px; text-align: left; }


.programme1 .tit ul li.active { background: #f08200; color: #fff; }
.programme1 .tit ul li.active:before { content: ''; position: absolute;  top: 50%; right: -20px; border: 10px solid; border-color: transparent  transparent  transparent  #f08300;   height: 0px; margin-top: -10px; } 
.operate_a { padding: 0px; }
.operate_b { padding-bottom: 0px; }



.staff_tit { border-bottom: 1px solid #d9d9d9; padding-bottom: 20px; }
.staff_con { margin-top: 20px; font-size: 16px; }
.staff_con p { float: right; }
.staff_con p span { margin-left: 40px; }

.exhibition .con .text { height: auto; padding-top: 60px; }

.exhibition1 { background: #fff; }
.exhibition1 .tit ul li.active:after { width: 134px; margin-left: -67px; }


.exhibition2 { position: relative; }
.exhibition2 ul li { float: left; overflow: hidden;  }
.exhibition2 ul li img { display: block; font-size: 0px; width: 100%; height: 100%; transition:all 0.6s; -webkit-transition:all 0.6s; -moz-transition:all 0.6s;  transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1);  }
.exhibition2 ul li:hover img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); }
.exhibition2 ul .li1 { width: 48.9%; }
.exhibition2 ul .li2 { margin-left: 0.51%; width: 25%; }
.exhibition2 ul .li3 { margin-left: 0.50%; width: 25%; }
.exhibition2 ul .li4 {  width: 27.65%; margin-top: 0.51%; }
.exhibition2 ul .li5 { margin-left: 0.5%; width: 32.9%; margin-top: 0.51%; }
.exhibition2 ul .li6 { margin-left: 0.5%; width: 38.4%; margin-top: 0.51%; }


.media_box { margin-top: 80px; }
.media { margin-top: 20px; padding-bottom: 60px; overflow: hidden; }
.media .swiper-slide { border-bottom: 1px solid #e2e2e2; padding-bottom: 20px; margin-top: 20px !important;  }
.media .swiper-slide .text { width: 47%;  margin: 15px 0px;  margin-right: 6%;  float: left; position: relative;}
.media .swiper-slide .text:nth-child(2n) { margin-right: 0px; }
.media .swiper-slide h3 { font-size: 16px; position: relative; color: #333; padding-right: 100px; }
.media .swiper-slide h3 a { display: block; }
.media .swiper-slide h3 span { position: absolute; right: 0px; top: 0px; background: #f08200; color: #fff; display: inline-block; padding: 2px 10px; border-radius: 3px; font-size: 12px; }
.media .swiper-slide p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; font-size: 14px; color: #666666; }
.media .swiper-slide h3 a:hover { color: #f08200; }
.media .swiper-slide h3 strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.media .swiper-pagination-bullet { border-radius: 50%; overflow: hidden; width:11px; height:11px; background:none;  margin:0px 6px !important; opacity:1; outline:none; border: 2px solid #ff9933; }
.media .swiper-pagination-bullet-active { background:#ff9933; border: 2px solid #ff9933; }


.speaker { margin-top: 60px; }
.speaker .img { width: 530px; height: 669px; float: left; border-radius: 3px; overflow: hidden; position: relative; }
.speaker .img img { display: none; }
.speaker .fr { width: 600px; float: right; padding-top: 50px; position: relative; height: 669px; overflow: hidden; }
.speaker .fr .tit { position: relative; }
.speaker .fr .tit ul li { position: absolute; display: none; background: #fafafa; display: }
.speaker .fr .tit ul li h3 { font-size: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.speaker .fr .tit ul li strong { font-size: 18px;  margin-top: 10px; display: block; line-height: 25px; }
.speaker .fr .tit ul li p { font-size: 15px; line-height: 25px; margin-top: 20px; text-align: justify; }

.speaker_phone { display: none; }


.speaker .dow { position: absolute; bottom: 0px; }
.speaker .dow ul li { width: 132px; float: left; border-radius: 3px; overflow: hidden; margin-right:24px; opacity: 0.5; cursor: pointer; }
.speaker .dow ul li.active { opacity: 1;  }

.speaker .spek_prev { position: absolute; left: 0px; bottom: 160px; cursor: pointer; width: 24px; height: 24px; border-radius: 50%; background: #b3b3b3; }
.speaker .spek_next { position: absolute; left: 35px; bottom: 160px; cursor: pointer; width: 24px; height: 24px; border-radius: 50%; background: #f08300; }


.history .list_box { position:relative;  margin-top: 80px; overflow: hidden;}
.history .list_box:after { content:'';background: url('../images/img264.png') repeat-y; width:1px; height:100%; position:absolute; left:50%; top:0px; }
.history { padding-bottom:0px; position:relative;}
.history:after { content:'';}
.history .list { position:relative;  overflow:hidden;  }
.history .list ul li { display:block; text-align:left; width:50%; margin-left:50%; padding-left:180px; position:relative; padding-top: 26px; margin-top:50px; min-height: 106px; }
.history .list ul li:after { content:''; width:22px; height:22px; left:0px; top:40px; border-radius:50%; position:absolute; margin-left:-10px;   z-index:9; background: url('../images/img263.png') no-repeat left top; }
.history .list ul li strong { position:absolute; left:80px; top:34px; font-size:18px; font-family:Arial; background: #f1941a; color: #fff; padding: 6px 20px; border-radius: 5px; }
.history .list ul li p { font-size:15px; line-height:26px; margin-top: 10px; text-align: justify;}
.history .list ul li .img { width: 106px; height: 106px; border-radius: 50%; border: 6px solid #dfdfdf; overflow: hidden; position: absolute; left: -150px; top: 0px; }
.history .list ul li .xt { position: absolute; background: #f1941a; width: 40px; left: 25px; top: 50px; height: 1px; }


@media screen and (min-width:768px) { 
.history .list ul li:nth-child(2n) { display:block; text-align:right; width:50%; margin-right:50%; margin-left:0px; padding-left:0px;  padding-right:180px; }
.history .list ul li:nth-child(2n) strong { left: inherit; position:absolute; right:80px;  display: inline-block;  }
.history .list ul li:nth-child(2n) .img { left: inherit; right: -150px; }
.history .list ul li:nth-child(2n) .xt { left: inherit; right: 25px; }
.history .list ul li:nth-child(2n) p { text-align: left;  }
.history .list ul li:nth-child(2n):after { content:''; width:22px; height:22px; left:inherit; right:0px; top:40px; border-radius:50%; position:absolute; margin-right:-11px; background: url('../images/img263.png') no-repeat left top;}
}

.history .list ul li.active {  transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.history .list ul li.active p { margin-top:10px; font-size:15px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.history .list ul li.active:after { width:22px; height:22px; margin-left:-10px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; background: url(../images/img262.png) no-repeat left top;}


.history .list ul li:nth-child(2n).active { padding-right:180px;}
.history .list ul li:nth-child(2n).active p { margin-top:10px; font-size:15px;}
.history .list ul li:nth-child(2n).active:after { background: url('../images/img262.png') no-repeat left top;}


.m_prve { position:absolute; left:50%; width:33px; height: 33px; margin-left:30px; z-index:9; bottom:40px; cursor:pointer; }
.m_next { position:absolute; left:50%; width:33px; height: 33px; margin-left:30px; z-index:9; bottom:0px; cursor:pointer; }

.m_year { font-size: 18px; color: #f1941a; position: absolute; left: 50%; top: 0px; margin-left:-23px; z-index: 3;  }
.m_year span {  display: inline-block; vertical-align: middle; margin-right: 20px;  }



.swp_a { overflow: hidden; }




/*导航*/
.had_nav { display:inline-block; vertical-align:top;}
.nav_item { float: left; position: relative; }
.nav_item>a { display: block; margin: 0 25px; line-height: 70px; -webkit-transition: all .4s;transition: all .4s; font-size:16px; color:#333; font-weight: bold; }
.menu_open { display: none; }

@media screen and (min-width:1001px) {
    .nav_item.active>a {
        color: #f08300;
    }
    .nav_item:hover>a {
        color: #f08300;
    }
}

.nav_item_open { width: 100%; height: auto; position: absolute; left: 0; top: 100%; z-index: 10;
	box-shadow: 0 4px 15px 0 rgba(0, 12, 49, 0.5); background: #fff;
    opacity: 0; visibility: hidden;
    -webkit-transform: translateY(43px);
    transform: translateY(43px);
    -webkit-transition: all .4s;
    transition: all .4s;
}
.nav_item:hover .nav_item_open { visibility: visible; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.subopen { display: none; }
.nav_item2 { width: 100%; line-height: 40px; }
.nav_item2>a { display: block; padding: 0 20px; font-size: 14px; white-space: nowrap; text-align: center; }
.nav_item2:hover>a { background: #f08300; color: #fff; }

@media screen and (min-width:1001px) {
	.nav_icon>a {  background: url(../images/img275.png) no-repeat right center; padding-right: 20px; transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; display: block; }
	.nav_icon:hover>a{ background: url(../images/img276.png) no-repeat right center; padding-right: 20px;  }

	.nav_item3 { position: absolute; background: #fff; left: 100%; z-index: 10px; width: 135px; top: 0px; text-align: center; box-shadow: 0 4px 15px 0 rgba(0, 12, 49, 0.5); visibility: hidden; opacity: 0; transition: all .4s; -webkit-transition: all .4s; transform: translateY(43px); -webkit-transform: translateY(43px); }
	.nav_open3:hover .nav_item3 { display: block; visibility: visible; opacity: 1;  transform: translateY(0px); 
		-webkit-transform: translateY(0px); }
	.nav_item3 dd a { display: block; }
	.nav_item3 dd a:hover { background: #f08300; color: #fff; }
	.nav_icon.active>a { background: url(../images/z_img1.png) no-repeat right center; padding-right: 20px; }
	.nav_icon.active:hover>a { background: url(../images/img276.png) no-repeat right center; padding-right: 20px; }


}


.nav_open3>a{ background: url(../images/img302.png) no-repeat 90% center; position: relative;}
.nav_open3>a { text-align: left; }
.nav_open3:hover>a {background:#f08300 url(../images/img303.png) no-repeat 90% center; }

.search_phone { display: none; }

/*@media screen and (max-width:1000px) {

	.nav_item3 { display: none; }
	.nav_item3 dd a { color: #fff; padding-left: 20px; opacity: 0.6; display: block; }

	.nav_open3:hover .nav_item3 { display: block; }

	.header .search { display: none; }
	.search_phone { display:block; }
	.search_phone { position: absolute; z-index: 99; bottom: 10px; width: 100%; padding: 0px 10px; }
	.search_phone .txt { width: 100%; height: 40px; border: 1px solid #e2e2e2; line-height: 40px; padding: 0px 10px; padding-right: 60px; border-radius: 0px; }
	.search_phone .but { width: 40px; height: 40px; background:#f08300 url(../images/img304.png) no-repeat center center; position: absolute; right:10px; top: 0px; border-radius: 0px; }

	.header .fr { float: none; }
	.header { height: 50px; }
	.H70 { height: 50px; }
	.header .logo { margin-top: 10px; height: 30px; }


	.menu_open { display: block; float: right; width: 24px; height: 20px; margin-top: 15px; }
	.menu_open i { height: 2px; width: 100%; background: #000; display: block; margin-bottom: 7px; }
	.had_nav { width: 60%; height: 100%; position: fixed; top: 0; left: -60%; z-index: 100; overflow: hidden; background: #333; color: rgba(255, 255, 255, .6);}
	.hcover { display: block; width: 40%; height: 100%; background: rgba(0, 0, 0, .6); position: fixed; right: -40%; top: 0;z-index: 101; }
	.nav_ul { margin: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow-x: hidden; overflow-y: auto; padding-top: 20px;text-align: left; }
	.nav_item { float: none; margin: 0; width: 100%; }
	.nav_item:after { content: ''; display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .15); margin-left: 20px;}
	.nav_item>a {display: block; margin: 0; font-size: 14px; line-height: 1.8; color: inherit; padding: 10px 10px 10px 20px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; margin-right: 40px;}
	.nav_item i { position: absolute; z-index: 2; top: 0; right: 0; width: 40px; height: 100%; }
	.nav_item i:before { content: ''; display: block; height: 100%; border-left: 1px solid rgba(0, 0, 0, .15); 
	position: absolute; top: 0; left: 0; }
	.nav_item i:after {content: ''; display: block; width: 7px;height: 7px;margin-bottom: -5px;border: 2px solid rgba(255, 255, 255, .3);border-top: 0; border-left: 0; position: absolute; bottom: 50%;right: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	}
	.nav_item_open {width: 60%; height: 100%; margin: 0; box-shadow: none; background: #333; border-radius: 0; opacity: 1; visibility: visible;-webkit-transform: translateY(0px); transform: translateY(0px); position: fixed; left: -60%; top: 0;}
	.subopen {display: block;}
	.subopen a {display: block; overflow: hidden; margin: 0; padding: 30px 10px 10px 20px; white-space: nowrap; text-overflow: ellipsis;font-size: 14px; color: rgba(255, 255, 255, .3); background: rgba(0, 0, 0, .1); text-indent: 20px; position: relative;}
	.subopen a:before { content: ''; display: block; width: 7px; height: 7px; position: absolute; bottom: 50%; left: 22px; margin-bottom: -15px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border: 2px solid rgba(255, 255, 255, .3); border-right: 0; border-bottom: 0; }
	.nav_item2 { position: relative;}
	.nav_item2>a {display: block; overflow: hidden; margin: 0; line-height: 1.8; padding: 10px 10px 10px 20px; white-space: nowrap;
		text-overflow:ellipsis;
	    color: inherit; text-align: left;}
	.nav_item2:after {content: ''; width: 100%; position: absolute; bottom: 0;left: 0; display: block; border-bottom-width: 1px;
	    border-bottom-style: solid; border-bottom: 1px solid rgba(0, 0, 0, .15); 
	}


}*/


.customer .list  { text-align: center; margin-top:100px; }
.customer .list ul li { width: 150px; height: 150px;  text-align: center; display: inline-block; vertical-align: top; border-radius: 10px; margin: 0px 30px; margin-top: -45px; transform: scale(1,1) rotate(45deg); -webkit-transform: scale(1,1) rotate(45deg); -moz-transform: scale(1,1) rotate(45deg); transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s;  }

.customer .list ul:nth-child(2n) li { background: #fff; border: 1px solid #e3e3e3;  }
.customer .list ul li .mg_b { display: none; }
.customer .list ul li:after { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.customer .list ul li .img { display: inline-block; vertical-align:middle; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); width: 96%; text-align: center; }
.customer .list ul li .img .mg_s { display: inline-block; }
.customer .list ul li:hover { transform: scale(1.2,1.2) rotate(45deg); -webkit-transform: scale(1.2,1.2) rotate(45deg); -moz-transform: scale(1.3,1.2) rotate(45deg);  position: relative; z-index: 9; background: #f08300; } 
.customer .list ul li:hover .mg_s { display: none; }
.customer .list ul li:hover .mg_b { display: inline-block; }



.sl_zk { margin-top: 10px; cursor: pointer; color: #808080; }
.sl_zk:after { content: ''; background: url(../images/img298.png) no-repeat left top; width: 8px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 8px; margin-top: -2px; }

.sl_zk.active { color: #f08200; }
.sl_zk.active:after { content: ''; background: url(../images/img299.png) no-repeat left top; width: 8px; height: 5px; display: inline-block; vertical-align: middle; margin-left: 8px; margin-top: -2px; }

.BMapLabel { background: #f5f5f5 !important; color: #333; padding: 5px 10px !important; border: 1px solid #f5f5f5 !important; border-radius: 3px !important; top: 0px !important; }

.customer .list_phone { display: none; }
.video { width: 100%; }


/*表单*/
.dialog{
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0%;
    top: 0%;
    display: none;
    z-index: 999;
}
.dialog_bj{
    height: 100%;
    width: 100%;
    background: url(../images/d_mask.png);
    background-size: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.dialog_pic{
    position: absolute;
    top: 50%;
    right: 50%;
    left: 50%;
    width: 720px;
    height: 420px;
    margin-left: -360px;
    margin-top: -220px;
    background: #fff;
    box-sizing: border-box;
    z-index: 999;
}
.dialog_pic img{
    display: inherit;
    margin: 0 auto;
    margin-top: 70px;
}
.dialog_close{
    width: 50px;
    height: 50px;
    background: url(../images/dialog_close.png) no-repeat center center;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.dialog_close:hover{
    background: url(../images/dialog_close_hover.png) no-repeat center center;
}
.errorActive{
	border: 1px solid red;
}



.waveRaidus {
    animation:waveRaidus 2s linear infinite;
    -webkit-animation:waveRaidus 2s linear infinite;
}

@-webkit-keyframes waveRaidus {
    0% { transform: scale(1); opacity: 0;  }
    20% { transform: scale(1.1); opacity: 0.2; }
    40% { transform: scale(1.15); opacity: 0.5; }
    60% { transform: scale(1.2); opacity: 0.8; }
    80% { transform: scale(1.25); opacity: 0.5; }
    90% { transform: scale(1.3); opacity: 0.2; }
    100% { transform: scale(1.4); opacity: 0; }
}


@keyframes waveRaidus {
    0% { transform: scale(1); opacity: 0;  }
    20% { transform: scale(1.1); opacity: 0.2; }
    40% { transform: scale(1.15); opacity: 0.5; }
    60% { transform: scale(1.2); opacity: 0.8; }
    80% { transform: scale(1.25); opacity: 0.5; }
    90% { transform: scale(1.3); opacity: 0.2; }
    100% { transform: scale(1.4); opacity: 0; }
}

.img_icon { position: absolute; top: 0px;  text-align: center; left: 40px; }



.college .had { text-align: center; }
.college .had img { display: inline-block; }
.college .had p { margin-top: 16px; font-size: 24px; color: #333; }
.college .had h6 { font-size: 30px; margin-top: 15px; color: #fd8c08; }

.college_list .list ul li { width: 33.333%; }
.college_list .list ul li .spot { background: url(../images/z5.png) no-repeat left top; width: 28px; height: 28px; }
.college_list .list ul li:hover .spot { background: url(../images/z5_m.png) no-repeat left top; width: 28px; height: 28px; }
.college_list .list ul li p { margin-top: 60px; }
.college_list .list ul li .spot { margin-left: -14px; }
.college_list .list ul li .spot { bottom:42px; }
.college_list .list:after { height: 2px; border-bottom: 2px solid #d9d9d9; }
.college_list .list ul li p { font-size: 20px; }
.college_list .list:after { bottom: 55px; }


.a_ban { text-align: center; }
.a_ban h3 { text-align: center; }
.a_ban:after { text-align: center; }
.a_ban h3:after { left: 50%; margin-left: -25px; }


.click_fom { text-align: center;  }
.click_fom span { background: #f08200; color: #fff; border-radius:20px; padding: 10px 20px; display: inline-block; cursor: pointer; font-size: 16px; }

.zswp_evolut { margin-top: -60px; position: relative; z-index: 9; }
.zswp_evolut .swiper-slide { width: 50%; }
.zswp_evolut .swiper-slide a { display: block; height: 60px; line-height: 60px; background: #fff; text-align: center; opacity: 0.7; color: #333; font-size:20px; }
.zswp_evolut .swiper-slide a.active { background: #fff; opacity: 0.8; color: #f08300; font-size: 20px; }

.exhibition_swp { padding: 0px 40px; position: relative; }


.exhibition_swp .zswp_prev { position: absolute; outline: none; left: 0px; top:0px;  background: url(../images/z_prev_m.png) no-repeat left top; width: 40px; height: 60px; margin-top: 0px;  }
.exhibition_swp .zswp_next { position: absolute; outline: none; right: 0px; top:0px; background: url(../images/z_next_m.png) no-repeat left top; width: 40px; height: 60px; margin-top: 0px; }

.exhibition_swp .zswp_prev.swiper-button-disabled { background: url(../images/z_prev.png) no-repeat left top; margin-top: 0px; }
.exhibition_swp .zswp_next.swiper-button-disabled { background: url(../images/z_next.png) no-repeat left top;  margin-top: 0px; }



.search_content .news{
    margin-bottom: 0;
}
.search_content {
    padding-top: 100px; padding-bottom: 100px;
}
.searchbox1{

    width: 50%;
    height: 44px;
    margin: 0 auto;
    text-align: center; position: relative;
}
.searchbox1 .searchtext{
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    border: 1px solid #999;
    padding-left: 20px;
    padding-right: 80px;
    box-sizing: border-box;
    
}
/*.searchbox1 .searchtext:hover{
    background: url(../images/fdj_hover.png) no-repeat 95% 50%;
}*/

.search-error{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; margin-top: 20px;
}
.search-result-empry{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    margin-top: 20px;
}

.searchbtn { position: absolute; right: 0px; top: 0px; background: url(../images/fdj.png) no-repeat center center; height: 44px; width: 60px; }
.searchbtn:hover { background: url(../images/fdj_hover.png) no-repeat center center; }


.znews {  overflow: hidden; }
.znews h3 { font-size: 32px; color: #000; position: relative; z-index: -1; }
.znews ul { padding-right: 100px; }
.znews ul li { padding: 30px 0px; border-bottom: 1px solid #e8e8e8; }
.znews ul li h4 a { font-size:18px; font-weight: bold; color: #333; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;   }
.znews ul li h4 a:hover { color: #f08200; } 
.znews ul li p { margin-top: 10px; line-height: 26px;  font-size: 14px; max-height: 52px; overflow: hidden; text-align: justify; }
.znews ul li span { font-weight: bold; color: #000; display: block; margin-top: 10px; }
.znews ul li h6 a { font-size: 14px; color: #666; display: inline-block; margin-top: 10px; position: relative; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; }
.znews ul li h6 a:after { content: ''; position: absolute; bottom: -2px; background: #666; left: 0px; height: 1px; width: 100%; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: 2; }
.znews ul li h6 a:hover { color: #f08200;  padding-left: 20px;  }
.znews ul li h6 a:hover:after { content: ''; position: absolute; bottom: -2px; background: #f08200; left: 0px; height: 1px; width: 100%; z-index: 2 }
.news_box { padding-bottom: 80px; }


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

    .searchbox1 { width: 100%; }
    .znews ul { padding-right: 0px; }
    .search_content { padding-top: 20px; padding-bottom: 30px; }
    .znews ul li h4 a { font-size: 15px; }
    .znews ul li { padding: 20px 0px; }

 }

.phone_map { display: none; }
.my-video-dimensions { height: 675px !important; }

.public { text-align: center; padding: 28% 0px;}
.public h3 { font-size: 26px; font-weight: bold; color: #333; text-align: center; }
.public h3 img { display: inline-block; }

.zwebsite { position: absolute; right: 0px; position: absolute; top: 0px; line-height: 70px; }
.zwebsite a { color: #666; font-size: 14px; }
.zwebsite a:hover { color: #fd8c08; }

.exh_a { margin-top: 45px;  padding-bottom: 3px;}
.exh_a a { color: #fd8c08; display: inline-block; }
.exh_a a em { font-family: '宋体';  }




.sideBar{width:54px; overflow:hidden; position:fixed; right:10px; bottom:70px; z-index:100;}
.sideBar a{width:54px; height:54px; background:url(../images/sidebar.png) no-repeat 0px 0px; float:left; font-size:0px; line-height:0px; text-indent:-999em;}
.sideBar a + a{margin-top:10px;}
.sideBar a.custom{background-position:0px 0px;}
.sideBar a.custom:hover{background-position:-54px 0px;}
.sideBar a.weixin{background-position:0px -54px;}
.sideBar a.weixin:hover{background-position:-54px -54px;}
.sideBar a.backTop{background-position:0px -108px; display:none;}
.sideBar a.backTop:hover{background-position:-54px -108px;}

.custClose{width:100%; height:820px; position:absolute; top:0px; z-index:4; background-color:transparent; display:none;}

.custCon{width:0px; overflow:hidden; padding:30px 0; background-color:#fff; position:fixed; right:74px; bottom:70px; z-index:100; box-shadow:#ccc 0px 0px 5px; background: #fff;}
.custCon h3{ width:380px; line-height:40px; border-bottom:#eee 1px solid; font-size:24px; font-weight:normal;  position:relative; color:#ee4900;}

.custCon h3 em{font-size:12px; color:#aaa; font-family:arial; font-style:normal; font-weight:normal; margin-left:10px;}
.custCon h3 a{position:absolute; right:0px; bottom:15px; width:20px; height:20px; background:url(../images/close.png) no-repeat 0px 0px; font-size:0px; line-height:0px; color:#fff; text-indent:-999em; display: block; overflow: hidden; }
.custCon h3 a:hover{background-position:-40px 0px;}

.custCon ul { width:380px; overflow:hidden;}
.custCon ul li{ width:380px; float:left;  background:url(../images/custcon.png) no-repeat 0px 0px; margin-top: 8px;}
.custCon ul li.qq{background-position:2px 0px;}
.custCon ul li.tel{background-position:2px -57px;}
.custCon ul li.fax{background-position:2px -116px;}
.custCon ul li.mail{background-position:2px -174px;}
.custCon ul li.addr{background-position:2px -232px;}
.custCon ul li h4 {  font-weight:bold; font-size:14px; line-height: 25px;}
.custCon ul li p{ overflow:hidden; line-height:24px; color:#777; font-size: 14px; }
.custCon ul li p em{ font-style:normal; font-size:18px; font-weight:bold; color:#ee4900;}
.custCon ul li p a { color:#ee4900; text-decoration:none;}
.custCon ul li p a.cust { float:left;}

.cademy { width:0px; height:270px; background-color:#fff; position:fixed; right:74px; bottom:70px; z-index:100; box-shadow:#ccc 0px 0px 5px; display:none;}
.cademy img { max-width:none !important; max-height:none !important; display:block; font-size:0px;}


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

.sideBar { display: none; }

}


.nav_icon.active>a { padding-right: 0; }

.footer_bg span a:hover { color: #5fb157; }

.nav_item:hover>a,.nav_item.active>a { color: #5fb157; }

.header_dl { height: 50px; }