*{margin: 0;padding: 0;}
body{font-family:Microsoft Yahei;min-width: 1200px;font-size: 14px;background:#fff;}
li{list-style: none;}
img{ border: 0;}
a{ text-decoration: none;}
.clear:after{content:" "; display:block; clear:both;}
/*通用↓*/

/*头部↓*/
.index_header{width: 100%;position:absolute;top:0;z-index:99;background:rgba(0,0,0,.1);height:70px;transition: all 1s;-webkit-transition:all 1s;}
/* .index_header:hover{background: rgba(0,0,0,.5);} */


.header_con{margin:0 auto;min-width: 1200px;}
.h_c_l{float:left;width:215px;margin-left:20px;}
.h_c_l img{padding-top:16px;transition: all 1s;-webkit-transition:all 1s;}
.h_c_r{ float:right;}
.h_c_r ul{float:right;}
.h_c_r li{ float:left; margin:22px 25px 0 0;/*border:1px solid rgba(255,255,255,.3);*/border-radius: 10px;transition: all 1s;-webkit-transition:all 1s;  }
.h_c_r li a{ display:block; padding:5px 10px; color: #fff;font-size: 12px;}
.h_c_r li.cur{border:1px solid #FFF;}
.header_tel{float:right;line-height: 67px;color:#fff;padding:0 20px;transition: all 1s;-webkit-transition:all 1s; }
.header_tel span{font-weight: bold;font-size: 22px;}
/*.h_c_r li:hover{border:1px solid rgba(255,255,255,.7);}*/





.index_header.action_main{

    position:fixed;
    background:rgba(66,176,211,.8);
    height:50px;

}
.index_header.action_main .h_c_l img{    padding-top: 10px;
    width: 160px;}
.index_header.action_main .h_c_r li{margin-top:12px;}
.index_header.action_main .header_tel{line-height:48px;background-color: #f19e04;}
.index_header.action_main .header_tel span{font-size: 20px;}


/*座机号动态*/
.header_tel span {-webkit-animation:tel 6s ease-out 0s infinite;animation:tel 6s ease-out 0s infinite;}
.header_tel .t0 {animation-delay:0s;-webkit-animation-delay:0s;}
.header_tel .t1 {animation-delay:0.1s;-webkit-animation-delay:0.1s;}
.header_tel .t2 {animation-delay:0.2s;-webkit-animation-delay:0.2s;}
.header_tel .t3 {animation-delay:0.3s;-webkit-animation-delay:0.3s;}
.header_tel .t4 {animation-delay:0.4s;-webkit-animation-delay:0.4s;}
.header_tel .t5 {animation-delay:0.5s;-webkit-animation-delay:0.5s;}
.header_tel .t6 {animation-delay:0.6s;-webkit-animation-delay:0.6s;}
.header_tel .t7 {animation-delay:0.7s;-webkit-animation-delay:0.7s;}
.header_tel .t8 {animation-delay:0.8s;-webkit-animation-delay:0.8s;}
.header_tel .t9 {animation-delay:0.9s;-webkit-animation-delay:0.9s;}
.header_tel .t10 {animation-delay:1s;-webkit-animation-delay:1s;}
.header_tel .t11 {animation-delay:1.1s;-webkit-animation-delay:1.1s;}
.header_tel .t12 {animation-delay:1.2s;-webkit-animation-delay:1.2s;}
@-webkit-keyframes tel{
    0%{-webkit-transform:scale(1);}
    1%{-webkit-transform:scale(2);}
    3%{-webkit-transform:scale(0.8);}
    6%{-webkit-transform:scale(1);}
    100%{-webkit-transform:scale(1);}
}


@keyframes tel{
    0%{transform:scale(1);}
    1%{transform:scale(2);}
    3%{transform:scale(0.8);}
    6%{transform:scale(1);}
    100%{transform:scale(1);}
}





/*banner↓*/
.index_banner{width:100%; overflow: hidden;height:570px;position:relative;background:#333;}
.index_banner *{ -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;  }
.banenr_bg{width:100%; height: 760px; overflow: hidden;}

/*banner通用效果*/
.banenr_bg li{width:100%; height:100%; position:absolute;left:0;top:0;display:none;z-index: 1;}
.banenr_bg li *{transition:all 1s;-webkit-transition:all 1s;}
.banenr_bg li img.ban_img{ position:absolute; display:block; width:1920px;  height:570px;left:50%; margin-left:-960px;}
.banenr_bg li .ban_block{
    width:800px;
    height:240px;
    display:block;
    position:relative;
    margin-left:-400px;
    transform:translateX(200px);
    margin-top:-120px;
    left:50%;
    top:50%;
    transition:all 1s;
    -webkit-transition:all 1s;
    color:#fff;
    opacity:0;

}







/*banner1 单独效果*/


.banenr_bg li .ban1 h2{font-size: 40px;padding:10px 0;font-weight: normal;text-align:center;}
.banenr_bg li .ban1 h3{font-size:60px;font-weight:normal;width:800px;padding:10px 0;transition-delay:.2s;text-align:center;background:#f19e04;}
.banenr_bg li .ban1 p{padding-top:40px;text-align:center;transition-delay:.4s;}
.ban_box {width:870px;height:480px;position:absolute;left:50%;top:50%;margin-left:-435px;margin-top:-240px;}
.ban_box span{display:block;transition-delay:.4s;}
/*.ban_box .box_lt{position:absolute;left:0;top:-20px;width:1px;height:90%;background:#fff;}
.ban_box .box_lt2{position:absolute;left:-20px;top:0;width:90%;height:1px;background:#fff;}
.ban_box .box_rb{position:absolute;right:0;bottom:-20px;width:1px;height:90%;background:#fff;}
.ban_box .box_rb2{position:absolute;right:-20px;bottom:0;width:90%;height:1px;background:#fff;}*/





/*banner2 单独效果*/

.banenr_bg li .ban2 h2{font-size: 40px;font-weight: normal;opacity:1;text-align:center;}
.banenr_bg li .ban2 h3{font-size:40px;font-weight:normal;width:600px;margin:40px auto 0;padding:10px 0;opacity:1;transition-delay:.2s;text-align:center;background:#f19e04;}
.banenr_bg li .ban2 p{padding-top:40px;text-align:center;}





/*banner3 单独效果*/


.banenr_bg li .ban3 h2{font-size: 60px;
    padding:10px 0;font-weight: normal;
    text-align:center;;
}

.banenr_bg li .ban3 h3{font-size:24px;font-weight:normal;width:800px;
    padding:10px 0;
    text-align:center;
    background:#f19e04;}
.banenr_bg li .ban3 p{padding-top:40px;text-align:center;}


.banenr_bg li.active .ban_block{transform:translateX(0);opacity:1}

/*banner nav按钮*/
.banner_nav{    position: absolute;
    z-index: 9;
    padding: 2px 0;
    left: 50%;
    text-align: center;
    margin-left: -30px;
    bottom: 0;}
.banner_nav li{    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 5px;
    background: rgba(255,255,255,.5);
    cursor: pointer;}
.banner_nav li.cur{background:rgba(255,255,255,.8);}

/*首页↓*/
.index_tit{text-align:center;padding:30px 0;}
.index_tit p{font-size:36px;line-height:1.2em;color:#000;}
.index_tit p span{font-size:12px;display:block;color:#999;}

.index_bg_about{background: url(../images/vbj.png) repeat ;position:relative; z-index: 3;overflow:hidden;height:670px;}
.index_con1{width:1200px; margin:0 auto; padding:100px 0 0;height: 400px;position:relative; z-index:3 ;transition:all 1s;-webkit-transition:all 1s;opacity:0;transform:translateY(100px);  }
.index_con1.action{
transform:translateY(0px);
opacity:1;
}


.index_con1 .index_tit p{color:#fff;}
.index_about{margin-top:40px;}
.index_about p{    font-size: 16px;
    line-height: 1.8em; text-indent: 2em;
    color: #fff;}
.index_about_bt{  background:#f0f0f0;padding: 43px 0; }
.index_about_bt_con{width:1200px; margin:0 auto;}
.index_about_bt_con p{color:#ac654a;width:680px;font-weight: bold; font-size:18px;line-height: 2em;}
.index_about_pic{background:url(../images/bg1.png) no-repeat center bottom; width:530px; height:640px;position:absolute; top:49px;right:0;}
.index_about_link{color:#fff;padding: 50px 0 0;}
.index_about_link a{color:#fff;padding:0 30px;}
.index_about_tel{text-align: right; color:#fff; padding-top: 40px;}
.index_about_tel span{font-size: 24px;}


.index_con2{width:1200px; margin:0 auto; padding:30px 0;}
.index_server{width:1200px; margin:40px auto 0;}


.index_baozheng{}
.index_baozheng_img{display:block;margin: 0 auto}
/*.i_server_nav{ width:270px; float:left;background:url(../images/b2.jpg) no-repeat center;opacity:0;transition:all 1s;-webkit-transition:all 1s;
    transform:translateX(-250px);}
.i_server_nav li{line-height:90px; border-bottom:1px solid rgba(255,255,255,.2);transition:all 0.5s;-webkit-transition:all 0.5s; padding-left: 90px;position:relative;color:#fff;}
.i_server_nav li span{position:absolute;width:0px;height:5px;transition:all 0.5s;-webkit-transition:all 0.5s; bottom:0;left:0;background:#333;}
.i_server_nav li.cur {width:100%;background:rgba(255,255,255,.2);padding-left:120px;}
.i_server_nav li:last-child{border-bottom:none;}



.i_server_con{ width:930px; float:left;height:454px;position:relative;opacity:0;transition:all 1s;-webkit-transition:all 1s;transform:translateX(250px);}
.i_server_con li{ padding:40px;position:absolute;border-left:1px solid #ddd;width:848px; height:374px;z-index: 1;background:#fff;}

.i_server_con li p{transition:all 1s;-webkit-transition:all 1s;transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
.i_server_con li h2{font-size: 24px;padding-bottom:10px;transition:all 1s;-webkit-transition:all 1s;transform:translateY(10px);-webkit-transform:translateY(10px);opacity:0;}

.i_server_con li .i_server_desc{font-size: 16px;line-height: 32px;transform:translateY(20px);}
.i_server_con li div{overflow:hidden;width:400px;padding-top:10px;transition:all 1s;-webkit-transition:all 1s;transform:translateY(40px);-webkit-transform:translateY(40px);opacity:0;}
.i_server_con li div a{display:block;float:left;width:200px;color:#717171;line-height: 36px;}


.i_server_con li.cur{z-index: 2;}
.i_server_con li.cur h2{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.i_server_con li.cur .i_server_desc{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.i_server_con li.cur div{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}


.index_server.action .i_server_nav,.index_server.action .i_server_con{transform:translateX(0);opacity:1;}
*/

.i_server_nav{ padding-bottom:50px;}
.i_server_nav:after{ content:" "; display:block; clear:both}
.i_server_nav li{transition:all .4s;-webkit-transition: all .4s;position:relative;width:216px;float:left;overflow:hidden;background:#fbfbfb;}
.i_server_nav li.none{}
.i_server_nav li dl{}
.i_server_nav dt{font-size:14px;height:140px;position:relative;z-index: 3; padding:0 20px; text-align:center; background:#1b77b9;overflow:hidden;border-right:1px solid #489BD6;}
.i_server_nav dt h2{color:#d9efff;}
.i_server_nav dt p{font-size: 14px; color:#d9efff;}


.i_server_nav dt .server_nav_img{width:58px; border-radius:50%;height:58px;margin: 20px auto 10px;background-color:#666;background:url(../images/server_img.png); background-size:auto 240px}

.i_server_nav dt.dt1 .server_nav_img{background-position:-59px 4px;}
.i_server_nav dt.dt2 .server_nav_img{background-position:-59px -50px;}
.i_server_nav dt.dt3 .server_nav_img{background-position:-59px -113px;}
.i_server_nav dt.dt4 .server_nav_img{background-position:-61px -167px;}




.i_server_nav dd{position:relative;z-index: 2;height:350px;}

.i_server_nav .dd_div1{ padding:20px; display:none; padding-bottom:40px;}
.i_server_nav .dd_div1 a{ display:block; width:130px; line-height:2em; margin-top:20px; background:#3db1ea; border-radius:10px; text-align:center; color:#fff;}
.i_server_nav .dd_div1 h3{ padding-bottom:10px;}
.i_server_nav .dd_div1 p{ line-height:2em; color:#333;font-size:12px;}

.i_server_nav .dd_div2{ padding:0 20px; overflow:hidden}
.i_server_nav .dd_div2 a{display:block;line-height: 48px; color:#333;font-size: 14px; padding:0 20px ; margin:10px; background:#efefef;}
.i_server_nav .dd_div2 a:hover{}

.i_server_nav li.cur{width:550px; transform:scale(1.05);z-index:4;box-shadow:0 0 23px 3px rgba(0,0,0,.1)}
.i_server_nav li.cur dt{background:#3db1ea;border-right:none}
.i_server_nav li.cur dt h2{color:#fff;}
.i_server_nav li.cur dt p{color:#fff; }
.i_server_nav li.cur dd{ border-right:0;background:#fff}

.i_server_nav li.cur .dd_div1{ display:block;}
.i_server_nav li.cur .dd_div2 a{display:block;line-height: 48px; color:#333;float:left;font-size: 14px; padding:0 20px ; margin:0 20px 10px 0; background:#efefef;}



.index_liucheng{margin-top:40px;}
.index_liucheng img{display:block;margin:0 auto}
/* 广告 开始 */
.index_ad{width:100%;background:url(../images/index_ad.jpg) no-repeat center; margin:0px 0 40px;}
.index_ad_con{width:1200px; margin:0 auto;padding:35px 0; overflow:hidden;}
.i_ad_li{width:399px;float:left;border-right:1px solid #aaa;}
.i_ad_li.no{border-right:0;}
.i_num_div{width:170px; margin:20px auto;overflow:hidden;height:60px;}
.i_num_div dl{float:left;color:#fff;transition:all 1s;-webkit-transition:all 1s;}
.i_num_div dl dd{font-size:62px;font-weight: bold;width:100%;line-height:62px;height:62px;}
.i_ad_li p{color:#fff;text-align:center;}
.index_ad.action .i_num_div dl{transform:translateY(-496px);-webkit-transform:translateY(-496px);}
.i_num_div2{width:80px;}
.i_num_div3{width:120px}

/* 广告 结束 */

.index_con3{width:1200px; margin:0 auto 20px; padding:30px 0;}

.i_al_con{ margin:40px 0 0;}
.i_al_con ul{}
.i_al_con li{width:346px; height:500px; float:left;overflow:hidden; opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;transform: translateY(100px);background:#ddd; margin-bottom:40px;margin-right:80px;position:relative}
.i_al_con li:nth-child(3n){ margin-right:0;}
.i_al_con li img{ display:block;width:100%;height:auto;}

.i_al_con.action li{transform: translateY(0px);opacity:1; }
.i_al_pic{width:100%; height:100%;;}
.i_al_pic img{display:block;width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;}

.i_al_content{position:absolute; height:200px;left:0;bottom:-180px; padding:20px; background:rgba(0,0,0,.8);transition:all 1s;-webkit-transition:all 1s;/*transform:scale(.8)*/;}
.i_al_content h3{color:#fff;padding-bottom:transition:all 1s;padding-bottom: 20px;-webkit-transition:all 1s; text-align: center;}
.i_al_content p{color:#fff;font-size: 12px;margin:0 30px;line-height: 24px;transition:all 1s;-webkit-transition:all 1s;}
.i_al_content .more{ display:block; float:right; color:#FFF; font-size:12px;}

.i_al_con li:hover{}

.i_al_con li:hover h3{}
.i_al_con li:hover p{}
.i_al_con li:hover img{}
.i_al_con li:hover .i_al_content{bottom:0;/*transform:scale(1);*/}

.i_al_more a{    display: block;
    color: #fff;
    background: #666;
    width: 200px;

    margin: 60px auto 0;
    text-align: center;
    border-radius: 8px;
    padding:20px;
	transition:all 1s;
	-webkit-transition:all 1s;
	}
.i_al_more a:hover{  background:#f19e04;}



.index_con4{width:1200px; margin:20px auto 0; padding:30px 0;}
.index_news{margin:40px 0;}

.i_new_tit{ border-bottom:1px solid #ddd;padding: 10px 0;margin-bottom: 20px;}

.index_news>div{transition:all 1s;-webkit-transition:all 1s;opacity:0; }
.i_new_left{width:560px;float:left;margin-right:10px;transform: translateX(-100px);}
.new_con li{ height:40px;margin:10px 0;background-color: #fdfdfd;font-size: 14px;}
.new_con li:last-child{margin-bottom:0;}
.new_con li a{color:#717171;display:block;line-height: 36px;padding-left: 45px; background: url(../images/ico1.jpg) 15px center no-repeat;}
.new_con li a:hover{color:#f65314;}


.i_new_right{width:590px;float:right;height:588px; position:relative;transform: translateX(100px);}
.new_big{height:276px; background:#ddd;position:relative;}

.new_big img{display:block;width:100%;height:100%;}
.new_big p{ position:absolute;right:0;top:138px;background:rgba(0,0,0,.5);color:#fff;padding:10px;font-size: 20px;}
.new_slide{width:100%;height:575px;overflow:hidden;}

.new_slide li.one{margin-bottom:21px;border-bottom:1px solid #ddd;padding-bottom:16px;height:115px}
.new_slide li.one p{line-height: 28px;font-size: 14px;;}
.new_slide li.one p a{ color:#333;}
.new_slide li.one h2{color:#333;}

.new_slide li.list a{ color:#717171;display:block;line-height: 36px;margin:10px 0;background:url(../images/new_li.png) no-repeat right center}
.new_slide li.list a:hover{ color:#f65314}

.new_slide li h2{color:#717171;font-size: 18px;}
.new_slide li p{color:#717171;font-size:12px;padding-top: 5px;}
.new_slide_nav{position:absolute;height:16px;}
.new_slide li:hover h2{color:#f65314;}
.new_slide .more_img{display:block;width:100%;margin-top:20px;}
.index_news.action .i_new_left{transform:translateX(0px); opacity:1;}
.index_news.action .i_new_right{transform:translateX(0px); opacity:1;}



.index_con5{width:1200px; margin:0 auto; padding:30px 0;}


/*地图*/
.index_map{position:relative;margin-bottom: -4px;transition:all 1s;-webkit-transition:all 1s;transform:translateY(150px);}
.index_map iframe{width:100%;height:670px;overflow:hidden;background:#000;}
.i_map_liuyan{width:600px;position:absolute;top:130px;left:50%;background-color: #fff;}
.index_map.action{transform:translateY(0px)}
/*尾部↓*/

.footer_bg{background:#363636;}

.footer_top{padding:20px 0;width:1200px;margin:0 auto;}
.footer_top img{}
.footer_con_bg{border-bottom:1px solid #525252;padding:50px 0;}
.footer_con{width:1200px;margin:0 auto;}


.footer_logo{display:block;float:left;margin:30px 200px 0 0;}
.foot_con_1{color:#fff;width:300px;margin-right:160px;float:left;}
.foot_con_1 img{display:block;margin-bottom:20px;}
.footer_con p{line-height:2em;font-size: 14px;}
p.ftit{font-size:16px;}

.foot_con_2{color:#fff;width:340px;float:left;}
.foot_con_2 a{color:#fff; display:inline-block;width:100px;}
.foot_con_2{}

{background:url(../sharp2.png) no-repeat;}
.footer_bot{padding:20px 0;width:1200px;text-align:center;margin:0 auto;font-size: 14px;}
.footer_bot_bq{ color:#fff;}
.footer_bot_bq a{color:#fff;}
.links{padding:10px 0;font-size: 14px;color:#fff;}
.links a{color:#fff;font-size: 12px;}



/*客服样式*/
.r_kf{position:fixed;z-index:10;right:0px;top:50%;height:auto;width:148px;margin-top: -300px;display:none;background-color:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1);}
.r_kf>h3{background:#f19e04;color:#fff;line-height: 45px;text-indent: 22px;font-weight: normal;}
.r_kf ul{padding: 10px;}
/*.r_kf ul.kf_ul2{margin-top:10px;}*/
.r_kf ul li{overflow:hidden;border-bottom:1px solid #ddd;line-height: 52px;}
.r_kf ul li img{display:block;float:left;margin:10px 10px 0 0;}
.r_kf ul li a{color:#333;}

.r_kf ul li dd{position:absolute;z-index:11;right:100%;top:0;width:200px;height:410px;padding:20px;box-shadow:-2px 2px 5px 1px rgba(0,0,0,.2);background-color: #fff;display:none;cursor:default;}

.r_kf dd{padding:10px;}
.r_kf dd h3{font-size: 18px;}
.r_kf dd p{font-size: 16px;font-weight: bold;color: #f19e04;}
.r_kf dd p span{ display:block;padding:5px;font-weight: normal;color:#333;}
.r_kf dd img{ display:block;width:100%;}

.r_kf .r_kf_nav{width:35px;position:absolute;left:-35px;bottom:0; z-index:9;text-align:center}
.kf_btn{background:#f19e04;border-radius:5px 0 0 5px;padding:10px 0; color:#fff;cursor:pointer}
.top_btn{ background:#333;border-radius:5px 0 0 5px;margin-top:10px;padding:10px 0;color:#fff;line-height:1em;cursor:pointer}




/*留言*/
.liuyan{position:fixed;left:50%;top:50%;width:820px;height:320px;z-index: 999;background:rgba(255,255,255,.9);box-shadow:0 0 5px 5px rgba(0,0,0,.2);margin-left:-445px;margin-top:-160px;padding:20px;overflow:hidden;display:none;}
.liuyan_l{padding:30px ;}
.liuyan_l h3{font-size: 24px;color:#f19e04;margin-bottom:10px;}
.liuyan_l p{padding:5px 0;}
.liuyan_l input[type='text']{border:1px solid #aaa;height:30px;width:300px;text-indent: 1em;background-color: #ddd;}
.liuyan_l textarea{line-height: 30px;text-indent: 1em;width:418px;background-color: #ddd;max-width: 418px;height:139px;resize:none;}
.liuyan_r{width:400px;height:320px;float:left;position:relative;}
.liuyan_submit{border:0;width:168px;height:30px;background-color: #f00;color:#fff;cursor:pointer;}
.liuyan_close{float:right;background:#666;color:#fff;font-size: 12px;padding:5px 10px;cursor:pointer;}
.liuyan_type{position:absolute;left:50%;top:50%;margin-left:-127px;margin-top:-25px;width:254px;height:50px;line-height:50px;border-radius:40px;border:1px solid #ddd;text-align: center;opacity:0;transform:translateY(50px);transition:all 1s;-webkit-transform:all 1s;}
.liuyan_type.action{opacity:1;transform:translateY(0px)}