/* CSS Document */
/*top*/
#top{height:120px; line-height:120px; position:fixed; width:100%; z-index:9; top:0;background-color: transparent;background-image: url(../images/top_bg.png);}
#top .logo{padding: 20px 0;height:80px;}
#top ul{margin-left:223px;}
#top li{float:left;}
#top li.li2{text-align: center;}
#top li a{display:inline-block; font-size:13px; padding:0 17px; color:#ccc;}
#top li a.ahover{color: #fff;}
#top li:hover a{color:#fff;}
#top li div{display:none; line-height:45px;margin-top:-40px;text-align:center;}
#top li div a{color:#B7B7B9;}
#top li:hover div{display:block; background:#111;opacity:0.8;} 
#top li.li2:hover div a{background:none;display: block;}
#top li.li2:hover div a:hover{background:#fff;color:#484d55;opacity:unset;}
#top span{displa:block; width:1px; height:80px; background:#E7E7E7;}
#top p{font-size:13px; color:#8C8C8C; margin-left:14px;}
#top i{margin-top:35px; margin-left:10px;}
.navBtn,.userBtn{display:none;}

/*banner*/
#banner{width:100%; top:0; left:0; z-index:1;position:relative;}
#banner .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px;}
#banner .hd ul{text-align:center;padding-top:5px;  }
#banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden;line-height:9999px;}	
#banner .hd ul .on{background-position:0 0;}

#banner .prev, #banner .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:65%; margin-top:-100px; left:20px;background:url(../images/icons.png) 0 0 no-repeat;cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;}	
#banner .next{ left:auto; right:30px; background-position:-51px 0;}
#banner .prev:hover, #banner .next:hover{ filter:alpha(opacity=100);opacity:1;}	
#banner .bd img{width:100%; display:block;}

/*product*/
#product{padding-bottom:75px;}
#product .title{padding: 60px 0 30px;}
#product .title h3{font-size:32px; color:#333333; font-weight:normal; text-align:center;}
#product .title p{color:#9A9A9A; text-align:center; margin-top:14px;}
#product .title .p_list{margin-top:35px;}
#product .title .p_list a{display:inline-block; color:#242a35;text-align: center;width: 120px;background: #e6e7ea;height: 50px;line-height: 50px;font-size: 14px;}
#product .title .p_list a.ahover{background: #242a35;color: #fff;}
#product .title .p_list a:hover{background: #242a35;color: #fff;}

#product ul{}
#product li{margin-top:35px;box-sizing:border-box; width:20%; float:left; position:relative; padding:0 10px;}
#product li a{display:block; overflow:hidden;}
#product li img{width:100%; display:block; height:220px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition-property: all;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay: 0s;}
#product li h3{font-size:14px; font-weight:normal; color:#666666; margin-top:28px; margin-bottom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#product li p{color:#888888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#product li span{width:286px; height:2px; display:block; background:#E9E9E9; margin-top:30px;}
#product li a:hover img{transform: scale(1.1, 1.1);}
#product li a b{width:0px; height:2px; display:block; background:#242a35; position:relative; top:-1px;}
#product li a:hover b{width:286px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-property: all; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 0s;}
#product a.more {background: transparent; border: 1px solid #dfdfdf;color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin: 55px auto 20px;text-align: center;}
#product a.more::after { content: ""; display: block; width: 0; height: 52px; background-color: #242A35; margin-top: -51px; transition: all 0.6s ease 0s; }
#product a.more:hover::after {width: 300px; height: 52px; }
#product a.more:hover { color: #fff; border: 1px solid #242A35; }
/*product*/

/*gongyi*/
#gongyi{height: 775px;background-image: url(../images/about_bg.jpg);background-position: center top;background-repeat: no-repeat;}
#gongyi .about{height:775px;display: block;}
/*gongyi*/

/*about*/
#about{padding-top:60px;background:#242A35;}
#about .title h3{font-size:32px; color:#FFF; font-weight:normal; text-align:center;}
#about .title p{color:#FFF; text-align:center; margin-top:14px;}
#about ul{margin:70px 0 90px;}
#about li{width:25%; box-sizing:border-box; float:left; text-align: center;}
#about li .ico_box{width: 115px;height: 115px;margin: auto;border-radius: 50%;background: #f2f2f2;}
#about li .ico_box .iconfont{font-size:60px;color: #a6a6a6;line-height: 115px;}
#about li h3{color:#FFF; font-weight:normal; margin-top:29px; margin-botttom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#about li .sp_bg{width:35px; height:35px; border:1px solid #E8E8E8; border-radius:35px; line-height:35px; margin:auto; diplay:none;}
#about li span{font-size:13px; color:#FFF;}
#about li p{font-size:14px; color:#FFF; margin:28px auto 0; display:block; width: 70%; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}
#about li i{display:block; width:100px; height:1px; background:#DFDFDF; margin:13px auto 22px;}
#about li a:hover .sp_bg{display:block; box-shadow:0 0 10px rgba(0,0,0,.2);}
#about li a:hover i{width:26px; transition: all ease-out .2s}
#about li a:hover h3{color:#E60012;}
#about a.more{background: transparent; border: 3px solid #fff; color: #fff; display: block; font-size: 14px; height: 50px; line-height: 50px;  width: 140px;text-align: center;margin: 0 auto 60px;}
#about a.more:hover{color: #242A35; background: #fff; }
/*about*/

/*news*/
#news{background: #e6e7ea;padding-bottom:90px;}
#news ul{margin-top:70px; text-align:center;}
#news li{width:40%;float:left;}
#news li.last{width:20%}
#news li h3{font-size:26px; font-weight:normal; color:#333333; margin-top:16px; margin-bottom:30px; overflow:hidden;text-align: left;}
#news li.last h3{text-align: center;}
#news li .news{width: 85%;overflow: hidden;margin: 10px 0;padding-bottom: 15px;border-bottom: 1px dotted #dbd4cd;}
#news li .news .time{background:#242a35;width:56px;height:59px;margin-left: 25px;float:left}
#news li .news .time .day{line-height：41px;color:#fff;font-size:24px;}
#news li .news .time .date{color:#fff;font-size:13px;display:block;}
#news li .news .conts{margin-left: 98px;}
#news li .news .conts p{color: #999;font-size: 14px;line-height: 18px;text-align: left;}
#news li .news .conts p.title a{display: inline-block;font-size: 16px;color: #5A5A5A;font-weight: normal;text-decoration: none;line-height: 140%;}
#news li .news .conts p.abstract{width: 99%;overflow: hidden;word-wrap: break-word;}
#news li .contact{width: 84%;overflow: hidden;margin: 10px 0;}
#news li .contact p{font-size: 14px; line-height: 230%;text-align: left;color: #242a35}
#news li .code{width: 142px;margin: 0 auto;}
#news li .code img{width: 142px;height: auto;display: inline;}
/*news*/

/*footer*/
#footer{background: #e6e7ea;border-top: 1px solid #222;}
#footer .copyright{font-size: 11px;margin: 20px auto;color: #999;overflow: hidden;}
.copyright span{height:30px;color:#999;background:url(../images/copyright.png)no-repeat;line-height:30px;float:left;overflow:hidden;padding-left:30px;}
.copyright em{float:left;overflow:hidden;height:30px;line-height:30px;padding-left:30px;color:#999}
/*footer*/



/*pageposition*/
#pageposition{height:45px;line-height:45px;background:#242A35;}
#pageposition a{color:#fff;display: inline-block;}
#pageposition li a{padding: 0 20px;}
#pageposition .place{color:#fff;width: 100%;position: relative;}
#pageposition .place .navigation{position: absolute;top: -5px;right: 5px;z-index: 2;}
#pageposition .place .navigation li{color: #fff;display: inline-block;height:55px;line-height:55px;}
#pageposition .place .navigation li.lihover{height:55px;line-height:55px;background-color: #e6e7ea;}
#pageposition .place .navigation li.lihover a.ahover{color: #242a35;}
/*pageposition*/

/*articlelist*/
#newslist{padding-bottom:30px;}
#newslist h3{margin:45px auto 30px;display:block;font-size:32px; font-weight:normal; color:#333333;overflow:hidden;text-align: center;}
#newslist ul{text-align:center;}
#newslist li{height: 60px;}
#newslist li.news{overflow: hidden;margin: 10px auto;padding: 15px 0;border-bottom: 1px dotted #dbd4cd;position: relative;}
#newslist li.news .time{background:#242a35;width:56px;height:59px;margin-left: 25px;position: absolute;top: 15px;left: 0;}
#newslist li.news .time .day{line-height：41px;color:#fff;font-size:24px;}
#newslist li.news .time .date{color:#fff;font-size:13px;display:block;}
#newslist li.news .conts{margin-left: 98px;}
#newslist li.news .conts p{color: #999;font-size: 14px;line-height: 18px;text-align: left;}
#newslist li.news .conts p.title a{display: inline-block;font-size: 16px;color: #5A5A5A;font-weight: normal;text-decoration: none;line-height: 140%;}
#newslist li.news .conts p.abstract{width: 99%;overflow: hidden;word-wrap: break-word;}
/*articlelist*/

/*article*/
.article_content{padding-top: 30px;}
.article_content .detail_title{display: block;text-align: center;font-size: 24px;color: #434343;line-height: 45px;}
.article_content .view_info{display: block;font-size: 12px;color: #cccccc;text-align: center;line-height: 45px;}
.article_content .view_info span{padding: 0 15px;}
.article_content .intro{display:block;color:#434343;height:12px;background:#F5F5F5;border:1px solid #E5E5E5;}
.article_content .detail{display: block;font-size: 12px;color: #5A5A5A;line-height: 25px;padding: 20px 0;}
.prev_next{padding: 10px 0;} 
.prev_next p a{line-height: 25px;color: #444;} 
/*article*/

/*productlist*/
#productlist{padding-bottom:90px;}
#productlist .title{padding: 60px 0 30px;}
#productlist .title h3{font-size:32px; color:#333333; font-weight:normal; text-align:center;}

#productlist ul{}
#productlist li{margin-top:50px;box-sizing:border-box; width:25%; float:left; position:relative; padding:0 10px;}
#productlist li a{display:block; overflow:hidden;}
#productlist li img{width:100%; display:block; height:280px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition-property: all;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);transition-delay: 0s;}
#productlist li h3{font-size:14px; font-weight:normal; color:#666666; margin-top:28px; margin-bottom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#productlist li p{color:#888888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#productlist li span{width:286px; height:2px; display:block; background:#E9E9E9; margin-top:30px;}
#productlist li a:hover img{transform: scale(1.1, 1.1);}
#productlist li a b{width:0px; height:2px; display:block; background:#242a35; position:relative; top:-1px;}
#productlist li a:hover b{width:286px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-property: all; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 0s;}
#productlist li em.no{position: absolute;top:10px;left:20px;font-size:18px;color:#fff;}
/*productlist*/

/*product*/
#product_content{padding-top:80px;}
/*#product_content .wrap{width:750px;margin:auto;}*/
.product_pic{float:left;}
.product_attr{margin-left: 450px;padding-left:100px;}
.product_attr h2{font-size: 24px;font-weight: normal;line-height: 35px;margin-bottom: 10px;} 
.product_attr p{line-height:40px;font-size:16px;}
.product_attr .intro {font-size: 14px;margin: 0;padding: 0;font-weight: 400;text-align: left;}
.product_attr hr {display: block;margin: 20px 0;padding: 0;border: 0;height: 0;border-top: 1px solid #eee;-webkit-box-sizing: content-box;box-sizing: content-box;}


/*图片放大镜*/
#showbox{background:#eee;}
#showbox span{background:url(../images/whitebg.png) repeat;}
#showsum{left:30px; margin-top:10px;}
#showsum span{border:1px solid #ddd;}
#showsum span.sel{border:1px solid #f60;}
.showpage{width:450px; position:relative;}
.showpage a{display:block; width:15px; border:1px solid #ddd; height:55px; line-height:55px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-57px; text-decoration:none; color:#999;}
.showpage a#shownext{left:auto; right:0;}
.showpage a:hover{background:#ccc; color:#777;}






.pro_intro{margin: 20px 0;}
.pro_intro .left{padding-right:850px;}
.pro_intro .left .left_pro{margin-right:20px;border: 1px solid #f3f3f3;box-shadow: 1px 2px 10px rgba(0,0,0,0.1);}
.pro_intro .tabs{width: 100%;background: #f7f7f7;}

.pro_intro .tabs span{display: inline-block;padding: 10px 30px;text-align: center;font-size: 14px;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #fff;background: #fff;font-weight: bold;color: #333;border-top: 2px solid #2384D5;}
.pro_intro .product_detail{width:850px;float:right;border: 1px solid #f3f3f3;box-shadow: 1px 2px 10px rgba(0,0,0,0.1);}

.product_detail .intro{display:block;color:#434343;line-height:35px;background:#F5F5F5;border:1px solid #E5E5E5;text-indent:1em;}
.product_detail .detail{display: block;font-size: 12px;color: #5A5A5A;line-height: 25px;padding: 20px 0;text-align: center;}

.pro_intro .plist{margin:15px 0;}
.pro_intro .plist ul{}
.pro_intro .plist ul li{float:left;width:130px;margin: 15px;}
.pro_intro .plist ul li a{border:1px solid #ededed;padding:4px;display:block;background:#fff;border-radius:4px;}
.pro_intro .plist ul li a div{overflow:hidden;width:100%;height:100%;}
.pro_intro .plist ul li a div img{width:100%;height:100%;max-height:127px;min-height:127px;display:block;border:0;}
.pro_intro .plist ul li a p{text-align:center;font-size:14px;color:#333;margin:0;padding:5px 0;}
.pro_intro .plist ul li a:hover p{color:#f30;}
/*product*/

/*video_content*/
.video_content .detail_title{display: block;text-align: center;font-size: 24px;color: #434343;line-height: 45px;margin-bottom: 50px;}
.video_content .video{width:800px;margin: auto;}
.video_content .tabs{width: 100%;background: #f7f7f7;}
.video_content .tabs span{display: inline-block;padding: 10px 30px;text-align: center;font-size: 14px;border-right: 1px solid #f3f3f3;border-bottom: 1px solid #fff;background: #fff;font-weight: bold;color: #333;border-top: 2px solid #2384D5;}
.video_content .video_detail{border: 1px solid #f3f3f3;box-shadow: 1px 2px 10px rgba(0,0,0,0.1);margin:20px 0;}
.video_content .detail{display: block;font-size: 12px;color: #5A5A5A;line-height: 25px;padding: 20px 0;text-align: center;}
/*video_content*/

/*map*/
#map{padding-bottom:90px;}
#map h3{margin:45px auto 30px;display:block;font-size:32px; font-weight:normal; color:#333333;overflow:hidden;text-align: center;}
#map .map{height: 350px;}
#map .addr{margin-top: 20px;}
#map li{width:55%;float:left;height: 165px;}
#map li.last{width:45%;background: #e6e7ea;}
#map li .contact{background:#242a35;overflow: hidden;padding: 20px 100px;}
#map li .contact p{font-size: 14px; line-height: 25px;text-align: left;color: #fff}
#map li .tel{margin: 40px auto 30px;height: 95px;background:#FFF;}
#map li .tel img{width: 201px;display: block;margin:auto;padding: 10px;}
#map li .tel p{line-height: 45px;text-align: center;font-size: 14px;}

#make{margin-top:120px;background-image: url(../images/make_bg.jpg);background-position: center top;background-repeat: no-repeat;overflow: hidden;background-color: #1e1e1e;}
#make .make_content{width:1200px;margin: auto;}
#make .serve{background-image: url(../images/make_05.png);background-position: center top;background-repeat: no-repeat;overflow: hidden;background-color: #1e1e1e;}
#make .serve .tit{width:1200px;margin: auto;padding:170px 0;}
#make .serve .massage{color:#999;text-align: center;padding:20px 0 80px;}
#make .serve .massage h3{font-size:22px;line-height:45px;}
#make .serve .massage span{width: 40px;height: 2px;text-align: center;display: inline-block;border-top: 2px solid #279af6;margin-bottom: 15px;}
#make .serve .massage p{font-size:13px;line-height:30px;}
.massage table{width:850px;margin:25px auto;}
.massage .msg-input, .massage .msg-textarea {height: 38px;line-height: 1.3;background-color: #1e1e1e;border-radius: 5px;border: 2px solid #aaa;margin:20px;width:310px;padding:0 10px;color:#fff;font-size:14px;font-family: "Microsoft Yahei";font-weight: 600;}
.massage .msg-textarea{height:150px;width:740px;padding-top:10px;}
.massage .msg-input::placeholder, .massage .msg-textarea::placeholder{color:#999;font-size:14px;font-family: "Microsoft Yahei";font-weight: 600;}
.msg-btn{width:760px;line-height:55px;background: #279af6;border:0px;border-radius: 5px;color: #fff;font-size: 16px;font-weight: 700;font-family: "Microsoft Yahei";display: inline-block;margin-top: 30px;}


/*jituan*/
#jituan{padding-top:88px; padding-bottom:125px; background:#F2F2F2;}
#jituan .title h3{font-size:26px; color:#333333; font-weight:normal; text-align:center;}
#jituan .title p{color:#9A9A9A; text-align:center; margin-top:14px;}
#jituan ul{margin-top:70px;}
#jituan li{width:33.333%; box-sizing:border-box; float:left; text-align: center; padding-right:20px;}
#jituan li h3{color:#595959; font-weight:normal; margin-top:29px; margin-botttom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#jituan li .sp_bg{width:35px; height:35px; border:1px solid #E8E8E8; border-radius:35px; line-height:35px; margin-left:180px; diplay:none;}
#jituan li span{font-size:13px; color:#B6B6B6;}
#jituan li p{font-size:14px; color:#737373; margin-top:28px; display:block; /*white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/}
#jituan li i{display:block; width:100px; height:1px; background:#DFDFDF; margin-left:150px; margin-top:13px; margin-bottom:22px;}
#jituan li a:hover .sp_bg{display:block; box-shadow:0 0 10px rgba(0,0,0,.2);}
#jituan li a:hover i{width:26px; transition: all ease-out .2s}
#jituan li a:hover h3{color:#E60012;}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
/*jituan*/
#chanye{margin-top:86px;}
#chanye .title h3{font-size:26px; font-weight:normal; color:#333333; text-align:center;}
#chanye .title p{font-size:12px; color:#8F8F8F; text-align:center; margin-top:15px;}
#chanye .title .p_list{margin-top:55px;}
#chanye .title .p_list a{display:inline-block; margin-right:63px; color:#9B9B9B;}
#chanye ul{margin-top:75px;}
#chanye li a{display:block; overflow:hidden;}
#chanye li{box-sizing:border-box; width:25%; float:left; position:relative; padding-right:20px;}
#chanye li img{width:100%; display:block; height:auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0s;}
/*#chanye li em{position:absolute; bottom:113px; right:88px; color:#FF0000;}
#chanye li i{position:absolute; bottom:99px; right:26px; color:#fff;}*/
#chanye li h3{font-size:14px; font-weight:normal; color:#666666; margin-top:28px; margin-bottom:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#chanye li p{color:#888888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#chanye li span{width:286px; height:2px; display:block; background:#E9E9E9; margin-top:30px;}
#chanye li a:hover img{transform: scale(1.1, 1.1);}
#chanye li a b{width:0px; height:2px; display:block; background:#FF0000; position:relative; top:-1px;}
#chanye li a:hover b{width:286px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-property: all; transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-delay: 0s;}
#chanye a.more {background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin-left:40%; margin-top:82px; margin-bottom:118px; text-align: center; }

#chanye a.more::after { content: ""; display: block; width: 0; height: 52px; background-color: #FF3232; margin-top: -51px; transition: all 0.6s ease 0s; }

#chanye a.more:hover::after {width: 300px; height: 52px; }

#chanye a.more:hover { color: #fff; border: 1px solid #FF3232; }

/*jianjie*/
#jianjie{border-top:1px solid #E8E8E8;}
#jianjie>div{padding-top:82px;}
#jianjie>div h2{font-size:26px; color:#4A4A4A; text-align:center; margin-left:auto; font-weight:normal;}
#jianjie>div span{color:#8F8F8F; text-align:center; margin-top:12px; margin-bottom:60px; margin-left:auto; display:block;}
#jianjie p{color:#8F8F8F; text-align:center; }

#jianjie .more,#news .more {border: 1px solid #ccc; position: relative; transition: all 0.5s ease 0s; height:32px; line-height:32px; text-align:center; margin-left:43%; margin-top:61px; margin-bottom:98px; display:block; width:160px; color: transparent; background:url(../img/jiantou.png) no-repeat 32px -97px; }

#jianjie a.more:hover,#news a.more:hover {border: 1px solid transparent; }

#jianjie a.more::after,#news a.more::after {content: ""; width: 160px; height: 32px; border: 3px solid transparent; opacity: 0; transition: all 0.5s ease 0s; margin: 0 auto; text-align: center; position: absolute; top: -1px; left: -1px; transform: scale(1, 1);}

#jianjie a.more:hover::after,#news a.more:hover::after { width: 158px; height: 36px; border: 3px solid #038A03; opacity: 1; margin: 0 auto; transform: scale(1.1, 1.1); text-align: center; top: -5px; left: -2px; }

#jianjie a.more:hover,#news a.more:hover { background:url(../img/jiantou.png) no-repeat 32px -126px; background-color: transparent; background-image: url("../img/jiantou.png");
background-repeat: no-repeat; background-attachment: scroll; background-position: 32px -126px; background-clip: border-box; background-origin: padding-box; background-size: auto auto;}

/*city*/
#city{background:#E85045; position:relative; padding-bottom:125px;}
#city img{width:565px; heihgt:163px; display:block; position:absolute; left:28%; top:-40px;}
#city .text h3{font-size:24px; font-weight:normal; color:#fff; padding-top:180px; margin-bottom:54px; text-align:center;}
#city .text h3 font{font-size:60px;}
#city .text p{text-align:center; color:#fff;}



/*link*/
#link{position:relative;}
#link ul{margin-top:70px;}
#link li{float:left; width:16%; padding-left:50px; box-sizing:border-box;}
#link li.five{margin-top:-3%;}
#link li img{display:block; width:100%; height:auto; vertical-align:middle;}

#link i{ width: 40px; height: 20px; display: block; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:absolute; top:85px; cursor:pointer;}

#link i.left{background: url(../img/jiantou.png) no-repeat 0px -50px;  left:0;}

#link i.right{background: url(../img/jiantou.png) no-repeat -37px -50px; right:0;}

#link i.left:hover{background: url(../img/jiantou.png) no-repeat 0px -70px; }

#link i.right:hover{background: url(../img/jiantou.png) no-repeat -37px -70px; }



/*side*/
#leftsead{width:131px; position:fixed; bottom:60px; right:0; z-index:9999;}
#leftsead li{width:131px; height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px; float:right; display:block; min-width:47px; max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px; cursor:pointer; cursor:hand;}
#leftsead li a.youhui .hides{display:none; position:absolute; right:190px; top:2px;}


@media (max-width:1199px) {#top li a{padding:0 10px;} #top ul{margin-left:7%;} .logo img{width:90%;} #jituan li .sp_bg{margin-left:45%;} #jituan li i{margin-left:35%;} #link i{top:65%;}}
@media (max-width:990px) {#top ul{margin-left:-9%;} .logo img{width:60%; padding-top:20px;} #top span{display:none;} #top i{margin-left:0;} #top p{display:none;} #top i{display:none;}  #jituan li i{margin-left:30%;} #chanye a.more{margin-left:30%;} #city img{left:20%;} #link i{top:70%;} #link i.right{right:-10px;}}
@media (max-width:744px) {#top{line-height:50px} #top ul{float:none; position:absolute; top:120px; width:100%; left:0; background:rgba(0,0,0,.5); z-index:1; display:none; margin-left:0;} #top ul li{float:none; width:100%;height:50px;} #top ul li a{text-align:left; width:100%; box-sizing:border-box; padding:0 30px;} #top .navBtn,#top .userBtn{position:absolute; display:inline-block; right:20px; top:10px; font-size:36px; color:#fff; cursor:pointer;}
	#top .userBtn{right:55px;} #top li:hover a{background:rgba(255,0,0,.3);} #top li.li2{width:100%;} #top li div a{display:inline-block; width:28%;}#top .searck{display:block;} #city img{left:12%;} #news .more {margin-left:36%;}}
@media (max-width:686px) {#jituan li i{margin-left:23%;} #jianjie .more{margin-left:38%;} #city img{left:9%;}}
@media (max-width:681px) {#link li.five{margin-top:-2%;}}
@media (max-width:639px) {#chanye a.more{margin-left:25%;} #city img{width:450px; left:12%;}}
@media (max-width:546px) {#link{display:none;}}
@media (max-width:532px) {#jituan li i{margin-left:18%;} #jituan li p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}}
@media (max-width:513px) {#city img{width:390px;}}
@media (max-width:491px) {#chanye a.more{margin-left:20%;}}
@media (max-width:442px) {#city img{width:300px;} #city .text h3{padding-top:100px;}}
@media (max-width:414px) {#jituan li i{margin-left:12%;} #chanye a.more{margin-left:10%;} #jianjie .more{margin-left:30%;} #news .more {margin-left:30%;}}
@media (max-width:320px) {#jituan li i{margin-left:8%;} #chanye a.more {width:200px; margin-left:15%;} #chanye a.more:hover::after {width: 200px;} #chanye .title .p_list a{margin-right:50px;} #city img{width:260px;} #city .text h3{font-size:20px;} #city .text h3 font{font-size:40px;}#news .more {margin-left:25%;}}