@charset "utf-8";
/* CSS Document */
@charset "utf-8";/* CSS Document */
div,form,img,ul,ol,li,dl,dt,dd,p{margin:0;padding:0;border:0}
body{overflow:-Scroll;overflow-x:hidden}
html{overflow:-moz-scrollbars-vertical} 
body{font-family:'微软雅黑',arial;margin:0;padding:0;background:#fefefe;font-weight:normal;font-size:16px;color:#333333;min-width:1200px}

li{list-style-type:none}

img{border:0}
a{text-decoration:none}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal}

.fl{float:left}
.fr{float:right}
.w100{width:100%}
.main{width:1200px;margin:0 auto}
.h1{height:1px;width:100%; float:left}
.h10{height:10px;width:100%;float:left}
.h20{height:20px;width:100%;float:left}
.h50{height:50px;width:100%;float:left}
.img_w img{width:100%}
.txt_c{text-align:center}
.txt_l{text-align:left}
.txt_i{text-indent:2em}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font22{font-size:22px}
.font24{font-size:24px}
.font27{font-size:27px}
.font28{font-size:28px}
.font30{font-size:30px}
.font_w{font-weight:bold}
.pr{position:relative}
.pa{position:absolute}
.col_fff{color:#fff}
.col_h{color:#595757}
.col_blue{color:#214798}
.font_big{text-transform:uppercase}
.main{width:1200px;margin:0 auto;}
.txt_r{ text-align:right}


header{ text-align:center;padding:30.5px 0;}
.nav_list{background:#111111;}
	.nav_list ul{display: flex;
    justify-content: space-between;
    align-items: center;}
.nav_list ul li{ float:left;padding:20px;}
.nav_list ul li a{ color:#fff;transition: letter-spacing 0.4s; letter-spacing:1px}
.nav_list ul li a:hover{ letter-spacing:2px}
.nav_list ul li span{width:100%; text-align:center; float:left;font-weight: lighter;}
.nav_list ul li p{width:100%; text-align:center; float:left;text-transform:uppercase; font-size:12px;font-weight: lighter;}
.banner{width:100%; height:702px; background:url(../images/banner.jpg) no-repeat top center}
.top_pp ul{display: flex;
    justify-content: space-between;
    align-items: center;}
.top_pp ul li{ float:left;width:219px;padding:30px 30px 50px 30px; background:#fff url(../images/pp_bg.png) no-repeat bottom center; border-radius:5px;-webkit-box-shadow: #b8b6b6 0px 0px 10px;
    -moz-box-shadow: #b8b6b6 0px 0px 10px;
    box-shadow: #b8b6b6 0px 0px 10px;margin:30px 0; text-align:center;transition: margin 0.4s;}
.top_pp ul li p{font-size:24px;margin:20px 0 16px; letter-spacing:2px; font-weight:lighter}
.top_pp ul li span{ font-size:16px; border-radius:17px;width:95px; height:34px; line-height:34px; border:1px #030000 solid;display:inline-block}
.top_pp ul li:hover{ margin:40px 0 20px}
.top_pp ul li a{ color:#222222;width:100%; float:left}
.xu{width:100%; background:url(../images/xu.jpg) no-repeat top center; height:777px;margin-top:50px;}
.xu_c{width:627px; height:591px;padding:100px 30px 65px 30px; float:left; background: url(../images/xu_bg.png) no-repeat top center;margin-top:150px}
.name{ font-size:40px; font-weight:lighter;line-height:50px; text-align:center}
.name span{ font-size:18px;}
.xu_tit{ font-size:46px; color:#151736;margin-top:50px; text-align:center; font-weight:lighter}
.xu_list{display: flex;
    justify-content: space-between;
    align-items: center;padding:40px}
.xu_list span{ background:#ff8901;width:130px; text-align:center; height:46px; line-height:46px; border-radius:23px; color:#fff; font-size:24px; font-weight:lighter;transition: width 0.4s;}
.xu_list span:hover{width:150px;}
.xu_c p{ text-align:justify; text-indent:2em; line-height:32px; font-size:18px; font-weight:lighter;padding:0 30px}
.jishu{width:100%; float:left}
.jishu .tit , .buzhou .tit , .baozhang .tit , .hm .tit , .wenti .tit , .buzhou2 .tit , .anli .tit , .guifan .tit , .about .tit{ text-align:center;margin-bottom:50px;}
.js_list{ background:#f6f6f6 url(../images/js_bg.png) no-repeat top right;width:100%;-webkit-box-shadow: #b8b6b6 2px 2px 10px;
    -moz-box-shadow: #b8b6b6 2px 0px 10px;
    box-shadow: #b8b6b6 2px 2px 10px;padding:80px 50px 50px 60px;margin-bottom:50px; float:left}
.js3{width:560px;}
.js3 p{padding:20px 0; text-align:justify; line-height:32px; text-indent:2em;width:100%; float:left; font-size:18px}
.js4{ text-align:center;float: left;
    width: 100%;
    padding: 20px 50px 0 50px;width:80%;}
	.js4 div{width:112px;margin-right:37px; float:left;transition: margin 0.4s;}
.js4 div:hover{margin-top:10px}	
.js4 img{}
.js4 span{width:100%; text-align:center; float:left; font-size:20px;margin-top:10px;}
.buzhou{width:100%; background:#ededef url(../images/buzhou_rbg.jpg) no-repeat top right; float:left;padding:70px 0 0}
.buzhou2{width:100%;float:left;padding:20px 0 0}
.buzhou_list ul li{ float:left;width:243px; text-align:center;margin:0 73px 50px 0;height:280px;transition: margin 0.4s;}
.buzhou_list ul li:hover{margin:10px 73px 40px 0;}
.buzhou_list ul li:nth-child(4n){ float:right;margin-right:0}
.buzhou_list ul li p{padding:20px 10%; text-align:justify; line-height:28px;width:80%; float:left}
.buzhou_list{width:100%; float:left;margin-top:20px;}
.buzhou2{margin:50px 0;width:100%; float:left;}
.buzhou_txt{width:340px; float:left;padding:20px 30px;}
.buzhou_txt span{ font-size:24px; color:#222222;width:100%; text-align:center;width:100%; float:left;}
.buzhou_txt p{width:100%; text-align:justify; line-height:28px; float:left;margin:15px 0 18px 0}
.buzhou_txt{ float:left;}
.buzhou_img{ float:left;width:400px;}
.buzhou_img img{ border-radius:5px}

.baozhang{margin:50px 0 0;width:100%; float:left; background:url(../images/baozhang_bg.png) no-repeat left bottom;padding-bottom:50px}
.baozhang_inf{display: flex;
    justify-content: space-between;
    align-items: center; background:#fff url(../images/baozhang_bg2.png) no-repeat top right;-webkit-box-shadow: #e7e5e5 2px 2px 10px;
    -moz-box-shadow: #e7e5e5 2px 0px 10px;
    box-shadow: #e7e5e5 2px 2px 10px;padding:30px 95px; text-align:center}
.baozhang_list{width:274px; float:left}
.baozhang_list b{ font-size:24px; color:#ff8901;margin:37px 0 20px 0; float:left;width:100%}
.hm{width:100%; float:left; background:#f2f2f2;padding:70px 0;}
.hm1{ background:#fff;padding:34px; text-align:center;-webkit-box-shadow: #e7e5e5 2px 2px 10px;
    -moz-box-shadow: #e7e5e5 2px 0px 10px;
    box-shadow: #e7e5e5 2px 2px 10px;margin-bottom:30px;}
.hm1 p{padding-top:34px; text-align:justify; text-indent:2em; line-height:28px;}
.hm2{width:100%; float:left;display: flex;
    justify-content: space-between;
    align-items: center; text-align:center}
.hm2 div{width:360px; background:#fff;padding:10px;margin:0 8% 10px 8%}
.hm2 div p{padding:15px 0;}
.hm2 img{transition: all 0.4s;}
.hm2 img:hover{transform: scale(1.05);}
.dw{display: flex;
    justify-content: space-between;
    align-items: center;width:90%; float:left;margin:40px 0;padding:0 5%}
.footer{ background:url(../images/footer_bg.jpg) repeat;padding:62px 0 40px;width:100%; float:left}
.bot_nav_list .bot_nav_list_li:first-child{ border:none}
.bot_nav_list_li{width:19%; float:left; border-left:1px #414141 solid;min-height:140px;    padding: 0 3%;}
.bot_nav_list_li ul li{ float:left;width:50%; line-height:25px;}
.bot_nav_list_li ul li:nth-child(2n){ float:right}
.bot_nav_list_li div , .bot_nav_list_p div , .bot_nav_list_li2 div { color:#fff;margin-bottom:10px;}
.bot_nav_list_li ul li a , .bot_nav_list_p p a ,.bot_nav_list_li2 ul li a{ color:#999999; font-size:14px;transition: color 0.4s;}
.bot_nav_list_li ul li a:hover , .bot_nav_list_p p a:hover ,.bot_nav_list_li2 ul li a:hover{ color:#fff}
.bot_nav_list_p p{width:100%; float:left; line-height:25px}
.bot_nav_list_p{width: 18%;
    float: left;
    border-left: 1px #414141 solid;
    min-height: 140px;
    padding: 0 3%;}

.bot_nav_list_li2{width: 6%;
    float: left;
    border-left: 1px #414141 solid;
    min-height: 140px;
    padding: 0 3%;}
.bot_nav_list_li2 ul li{ float:left;width:100%; line-height:25px;}
.bot_nav_list .bot_nav_list_li2:last-child{ float:right;padding-right: 0;}
.bot_inf{width:100%; float:left;}
.bot_logo{width:305px;margin:0 40px 0 50px; float:left}
.bot_list{width:390px; float:left;}

.bot_list ul li{ background:url(../images/star.png) no-repeat left center;padding-left:20px; float:left;margin:0 20px 10px 0; color:#999999; font-size:14px}
.bot_r{ font-size:14px; color:#999999}
.bot_r p{ line-height:22px;}
.bot_r a{ color:#999999}
.bot_tel{ background:url(../images/tel.png) no-repeat left center;padding-left:30px; color:#fff; font-size:20px;margin:10px 0 5px 0}

.banner2{width:100%; height:702px; background:url(../images/zt_02.jpg) no-repeat top center}
.wenti{width:100%;margin:70px 0 10px; float:left}
.wenti ul li{width:25%; text-align:center;transition:margin 0.4s;margin:0 0 10px 0}
.wenti ul li:hover{margin:10px 0 0  0}
.wenti ul{display: flex;
    justify-content: space-between;
    align-items: center; }
.wenti ul p{padding:15px 40px; text-align:center; font-size:18px}
.video{ background:#f6f6f6 url(../images/zt_18.jpg) no-repeat top right;width:100%; float:left; height:899px;}
.video .main div:first-child{margin:134px 0 30px;}
.video_btn a{width:200px; background:#ff8901; height:60px; line-height:60px; color:#fff; font-size:26px; float:left; border-radius:30px; text-align:center;margin:50px 0 0 50px;transition:background 0.4s;}
.video_btn a:hover{ background:#e67e05}
.ad_1{width:100%; background:url(../images/zt_20.jpg) no-repeat top center; height:816px; float:left}
.anli{width:100%; float:left;margin:70px 0; background:url(../images/baozhang_bg.png) no-repeat left 100px}
.anli_list{width:100%; float:left; text-align:center;}
.anli_list .ico{top:-56px; left:0;transition:left 0.4s;}
.anli_list:hover .ico{left:540px}
.guifan{width:100%; float:left;margin:50px 0}
.guifan ul li{width:388px; position:relative; float:left; height:288px;margin:0 18px 18px 0; overflow:hidden}
.guifan ul li .ceng{ z-index:2; bottom:0; left:0; height:50px; line-height:50px; color:#fff; text-align:center; background:rgba(0,0,0,.8);width:100%;}
.guifan ul li:nth-child(3n){ float:right;margin:0 0 18px 0}
.guifan ul li img{transition:all 0.4s;}
.guifan ul li img:hover{transform: scale(1.05);}
.guifan ul li img:nth-child(3n):hover{transform: scale(1.4);}
#LRdiv0{ display:none !important}
.about{width:970px;margin:70px 0 70px 115px; float:left}
.about p{ line-height:28px; font-size:18px; text-align:justify; text-indent:2em;margin-top:20px; float:left;width:100%}
.about img{margin-bottom:20px}
.about b{width:100%;margin-top:20px; float:left; font-size:20px}





