@charset "UTF-8";

@font-face { 
font-family:"Yahei","微软雅黑" ; 
src:url('/style/css/img/msyh.ttf'), 
} 
* {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;}
html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
body {color: #333;font:14px/1.5 "Microsoft Yahei","Yahei","微软雅黑",Helvetica,Arial,sans-serif;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline }
h1 ,h2, h3, h4, h5, h6 {font-weight: normal;}
a {text-decoration: none;}
a:focus{outline:none;}
i,em {font-style: normal;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
.fl {float: left;}
.fr {float: right;}
img {vertical-align: middle;border: 0;max-width: 100%;}
input, select, textarea {border:none;outline: none;font-family: "Microsoft Yahei","Yahei";-webkit-appearance: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#888;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#888;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#888;}
table{border-collapse:collapse; border-spacing:0;}
.auto {max-width: 1200px;margin:0 auto;}
.w1400 {max-width: 1400px;margin:0 auto;}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #F5F5F5
}::-webkit-scrollbar-track {
	background-color: #E2E2E2
}::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555
}
#wrapper {-webkit-box-sizing: border-box; box-sizing: border-box; height: auto; width: 100%; max-width: 2560px; position: relative; z-index: 1; margin: auto; overflow: hidden; }

/*头部*/
.header {width: 100%;height: 80px;position: fixed;left: 0px;top: 0px;z-index: 59;background-color: #181818;background-color: rgba(0,0,0,0.85);transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.header .logo {display: block;height: 80px;position: absolute;top: 0px;left: 20px;z-index: 6;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.header .logo a {display: block;padding: 15px 0px;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.header .logo a img{display:block;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.header .info {float:right; height:80px; overflow:hidden;margin-right: 30px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.header .info .key {height:30px; line-height:30px;}
.header .info .key h1 {display: inline;font-size:12px; padding-right:3px; color:#999; padding-left:10px;}
.header .info .key h1 a{color:#999;}
.header .info .key h1 a:hover{color:#006acd;}
.header .info .key h3 {display: inline;font-size:12px; padding-right:3px; color:#999; padding-left:10px;}
.header .info .key h3 a{color:#999;}
.header .info .key h3 a:hover{color:#006acd;}
.header .info .key .mapbtns {display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-left: 5px;background:url(/style/css/img/common_icons.png) no-repeat -786px -31px;cursor: pointer;}
.header .info .tel {height:30px;color:#ffd800;margin-left: 14px;padding-left:28px;background:url(/style/css/img/common_icons1.png) no-repeat 0px center;}
.header .info .tel h2{ display: inline-block;vertical-align: middle;font-size:20px; color:#ffd800;line-height: 30px;}
.header .info .tel i{display: inline-block;vertical-align: middle;font-size:30px;margin: 0 2px;height: 30px;line-height: 30px;overflow: hidden;}
.header .navbar {float: right;margin:30px 30px 0 0;text-align: center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.header .navbar ul li {display: inline-block;list-style: none;height: 30px;line-height: 30px;overflow: hidden;}
.header .navbar ul li a {display: block;padding: 0 18px;color: #fff;font-size:16px;}
.header .navbar ul li a span {display:block;}
.header .navbar ul li a:hover,.header .navbar ul li.on a {color: #006acd;}
.header .navmap {float: left;color: #e6e6e6;margin: 30px 0px 0px 240px;height: 30px;line-height: 30px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.header .navmap i {display: block;width: 20px;height: 20px;margin:5px;float: left;background: url(/style/css/img/navmap.png) no-repeat center / 20px 20px;}
.header .navmap span {font-size: 16px;}
.header .navmap em {font-size: 12px;cursor: pointer;position: relative;}
.header .navmap em:after {content: '';display: none;width: 36px;height: 1px;background-color: #e6e6e6;position: absolute;left: 6px;top: 18px;}
.header .navmap em:hover:after {display: block;}
.header.fixednav .navmap {margin: 15px 0px 0px 200px;}

/*服务*/
.fixd-box {position:fixed; left:0; top:0; right:0; z-index: 59;background:#006acd; color:#fff;overflow:hidden;display:none;}
.fixd-box .wrap { padding:40px 0 80px; max-width:1660px; margin: 0 auto;}
.fixd-box .wrap h2 { font-size:52px; font-weight:normal; padding:0 0 50px 168px;}
.fixd-box .txt .left { float:left; width:55%; }
.fixd-box .left dl { font-size:18px; }
.fixd-box .left dl:first-child { margin-bottom:3em;}
.fixd-box .left dl dt{ float:left; }
.fixd-box .left dl dt img { width:127px; height:127px;}
.fixd-box .left dl dd{ overflow:hidden; line-height:2; padding:0 0 0 40px; }
.fixd-box .left dl:first-child + dl dd { padding-top:10px;}
.fixd-box .left dl dd a { display:inline-block; margin:0 0.5em 0 0;color:#fff;}
.fixd-box .txt .right{ overflow:hidden; line-height:1.3;}
.fixd-box .txt .right p{ font-size:42px; }
.fixd-box .txt .right p:first-child { margin-bottom:1em; }
.fixd-box .txt .right span { font-size:56px; font-family:Arial;}
.fixd-box .close { background:url(/style/css/img/close.gif) no-repeat; width:50px; height:50px; position:absolute; right:20px; top:40px; }


/*底部*/
.index_footer {width: 100%;background-color: #141414;padding: 60px 0px;float: left;}
.index_footer .index_main {max-width: 1200px;margin: 0 auto;}
.index_footer .index_main .footer_fl {float: left;width: 160px;border-right: 1px solid #202020;margin-right: 50px;}
.index_footer .index_main .footer_fl:nth-last-of-type(2) {border-right: 0px;}
.index_footer .index_main .footer_fl dt a {color: #888;font-size:18px;margin-bottom:8px;font-weight: bold;}
.index_footer .index_main .footer_fl dd a {display: block;color: #585858;font-size:13px;line-height: 28px;}
.index_footer .index_main .footer_fl dd a:hover {color: #f1f1f1;}
.index_footer .index_main .footer_fr {float: right;}
.index_footer .index_main .footer_fr p {color: #787878;font-size: 18px;margin-bottom: 8px;text-align: center;}
.index_footer .index_main .footer_fr img {display: block;width: 130px;height: 130px;}

.index_footer .footer_link {max-width: 1200px;margin: 70px auto 50px;padding-top: 50px;color: #383838;border-top: 1px solid #1d1d1d;}
.index_footer .footer_link a {color: #383838;}
.index_footer .footer_link a:hover {color: #fff;}

.index_footer .footer_links {max-width: 1200px;margin: 0 auto;text-align: center;}
.index_footer .footer_links span,.index_footer .footer_links ul,.index_footer .footer_links ul li {display: inline-block;vertical-align: middle;color: #787878;font-size: 14px;}
.index_footer .footer_links ul li {height: 20px;line-height: 20px;margin-bottom: 6px;}
.index_footer .footer_links ul li span {display: block;margin-right: 5px;}
.index_footer .footer_links ul li a {color: #666;margin-right: 12px;}
.index_footer .footer_links ul li a:hover {color: #dcdcdc;}
.index_footer .footer_links ul li a:hover:after {color: #666;}
.index_footer .footer_links ul li a:after {content: '¦';display: inline;margin-left: 12px;font-size: 10px;position: relative;top: -1px;}
.index_footer .footer_links ul li:last-of-type a:after {display: none;}
.index_footer .Copyright {width: 100%;text-align: center;margin-top: 40px;}
.index_footer .Copyright span {color: #383838;}
.index_footer .Copyright span a {color: #383838;margin-left: 10px;}
.index_footer .Copyright span a:hover {color: #fff;}


.container_nav {padding-top: 80px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.container_nav .row {width: 100%;padding: 54.5px 0px;text-align: center;}
.container_nav .row ul li {display:inline-block;vertical-align: middle;text-align: center;margin: 0px 25px;}
.container_nav .row ul li a {display: block;}
.container_nav .row ul li a i {display: block;width: 100px;height: 100px;border:2px solid #fff;margin:0 auto;border-radius: 50%;background-repeat: no-repeat;background-position: 0px 0px;-webkit-transition:background-color 0.4s ease;-moz-transition:background-color 0.4s ease;-ms-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease;}
.container_nav .row ul li:hover a i,.container_nav .row ul li.on a i  {background-color: #fff;background-position: 0px -100px;}
.container_nav .row ul li a span {display: block;color: #fff;font-size: 18px;margin-top: 15px;}
.container_nav .row ul li a i.anniu{background-position: 0px -100px;background-color:#fff;}

.location {width: 100%;height: 40px;line-height: 40px;margin-bottom: 40px;}
.location .location_wrap {width: 100%;height: 40px;margin:0 auto;padding-left: 18px;background:url(/style/css/img/common_icons.png) no-repeat -792px -48px;box-sizing:border-box;}
.location .location_wrap a {display: block;margin-right: 12px;float: left;color: #555;font-size: 12px;}
.location .location_wrap a:hover {color: #006acd;}
.location .location_wrap a:after {content: '>';display: block;float: right;margin-left: 12px;font-family: "Sunsim";line-height: 42px;}
.location .location_wrap a:hover:after {color: #555;}
.location .location_wrap a:last-of-type:after {display: none;}

/*在线客服*/
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.suspension{width:46px;height:210px;position:fixed;right:30px;bottom:60px;z-index:999}
.suspension li{position:relative;width:46px;height:46px;margin-top:10px}
.suspension li:hover{cursor:pointer;}
.suspension .rexian:hover .connect-us{display:block;}
.suspension .public_left:hover .qrcode{display:block;}
.connect-us,.qrcode{position:absolute;bottom:0;z-index:30}
.suspension li:first-child{margin-top:0}
.pop-qrcode,.pop-tel,.to-top{display:block;width:100%;height:100%;border:1px solid #bcbcbc;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(/style/css/img/suspend_icon.png)}

.pop-tel{border-color:#0af;background-color:#0af;background-position:-1px 0}
.pop-qrcode{background-position:-1px -51px}
.to-top{background-position:0 -100px;cursor:pointer}

.connect-us{width:240px;right:46px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display:none;padding-right:8px;}
.connect-us ul{padding:10px 24px;background:#fff;border:1px solid #ddd;}
.connect-us li{display:list-item;width:100%;height:auto;padding:16px 0;overflow:hidden;margin-top:0;border-top:1px solid #f4f4f4}
.connect-us li:first-child{border-top:none}
.connect-us li.feedback-item{padding-bottom:0}
.connect-us li a{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0}
.service-phone{background-image:url(/style/css/img/suspend_icon_01.png)}
.service-phone:hover{background-image:url(/style/css/img/suspend_icon_01_blue.png)}
.service-online{background-image:url(/style/css/img/suspend_icon_03.png)}
.service-online:hover{background-image:url(/style/css/img/suspend_icon_03_blue.png)}
.service-feedback:hover .info-name,.service-online:hover .info-name{color:#0af}
.service-feedback{background-image:url(/style/css/img/suspend_icon_02.png)}
.service-feedback:hover{background-image:url(/style/css/img/suspend_icon_02_blue.png)}
.info-name,.info-value{display:block;padding-left:52px}
.info-name{font-size:14px;color:#333}
.info-value{font-size:18px;font-weight:700;color:#f90}
.service-feedback .info-value{font-size:12px;font-weight:inherit;color:#999}
.qrcode{width:128px;height:270px;right:55px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);background:#fff;display:none}
.corner{border:10px solid transparent;border-top:10px solid #fff;position:absolute;bottom:-20px;right:50%;margin-right:-10px;z-index:10;*height:0}

/*分页*/
.page_box{overflow:hidden;text-align:center;font-size:0;margin:80px 0px;}
.page_box a{display:inline-block;vertical-align:middle;border:1px solid #d8d8d8;padding:0px 16px;height: 34px;line-height: 34px;background:#fff;color:#8e8e8e;font-size:15px;margin-right:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.page_box a i{display:inline-block;font-size:13px;vertical-align:middle;margin-right:5px}
.page_box a em{display:inline-block;font-size:13px;vertical-align:middle;margin-left:5px}
.page_box span{display:inline-block;font-size:16px;color:#8e8e8e;vertical-align:middle}
.page_box input{width:56px;height:34px;display:inline-block;vertical-align: middle;background:#fff;border:1px solid #d8d8d8;text-align:center;line-height:34px;color: #555;font-size:16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left: 5px;}
.page_box .submit{width:56px;height:36px;display:inline-block;vertical-align: middle;cursor:pointer;border:1px solid #d8d8d8;background:#fff;color:#8e8e8e;font-size:16px;margin-right:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:10px}
.page_box a.on,.page_box a:hover{border-color:#006acd;color:#fff;background:#006acd}
.page_box a.on span{color:#fff;}

.c_headen{ height:40px; background:#222; position:fixed; top:0; left:0; width:100%; z-index:9}
.c_headen .wrap {width: 100%;}
.c_headen .c_head_l{ float:left; height:40px;}
.c_headen .c_head_l li{ float:left; width:50px; height:40px; background: url(/style/css/img/head_bg.png) no-repeat;transition:all 0.3s ease;cursor:pointer;}
.c_headen .c_head_l li a{ float:left; width:50px; height:40px;}
.c_headen .c_head_l li.c_head_l_n{ background-position: -200px 0px;}
.c_headen .c_head_l li.c_head_l_n:hover{ background-position: -200px -40px;}
.c_headen .c_head_l li dl{ height:0; overflow:hidden; margin-top:40px; transition:all 0.3s ease;}
.c_headen .c_head_l li dl a{ float:left; width:150px; height:40px; line-height:40px; font-size:14px; color:#fff; text-indent:10px; border-bottom:1px solid #4f4f4f;}
.c_headen .c_head_l li dl a:hover{ background:#006acd}
.c_headen .c_head_l li.c_head_l_n:hover dl{ height:auto; position:absolute; background:#414141; width:150px;border-radius:0 0 3px 3px;}
.c_headen .c_head_l li.c_head_l_h{ background-position:0 0px;}
.c_headen .c_head_l li.c_head_l_h:hover{ background-position:0 -40px;}
.c_headen .c_head_l li.c_head_l_nx{ background-position:-50px -0px; }
.c_headen .c_head_l li.c_head_l_nx:hover{ background-position:-50px -40px;}
.c_headen .c_head_l li.c_head_l_nt{ background-position:-100px -227px;}
.c_headen .c_head_l li.c_head_l_nt:hover{ background-position:-100px -267px;}
.c_headen .c_head_c{ float:right; height:40px;}
.c_headen .c_head_c .c_ss{ float:left; width:200px; width:200px; height:23px; line-height:23px; border-left:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; border-right:none; background:none; outline:none; text-indent:8px; margin-top:7px; color:#ccc}
.c_headen .c_head_c .c_sh{ float:left; width:30px; height:25px; background: url(/style/css/img/head_bg.png) no-repeat -258px 3px; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; border-left:none; cursor:pointer; outline:none; margin-top:7px;}
.c_headen .c_head_r{ float:right; height:35px; line-height:35px;margin:0 20px;}
.c_headen .c_head_r a {color: #ccc; font-size: 12px;margin: 0 5px;}
.c_headen .c_head_r a:hover {text-decoration: underline;}

.Tpiaochuan{width:613px; height:285px; background:url(/style/css/img/bgx-1.png) no-repeat center center;background-size: 100% 100%; position:fixed; left:0; top:0; right: 0; bottom: 0; margin:auto; z-index:9999; display:none; }
.Tpiaochuan .button {width: 100%;position: absolute;bottom: 54px;left: 0px;text-align: center;}
.Tpiaochuan .button .zixun{display: inline-block;vertical-align: middle;margin-right: 8%;cursor:pointer;color: #006acd;font-size: 16px;width: 130px;height: 34px;line-height: 34px;text-align: center;border:1px solid #fff;background-color: #fff;border-radius: 30px;}
.Tpiaochuan .button .close{display: inline-block;vertical-align: middle;margin-left: 8%;cursor:pointer;color: #fff;font-size: 16px;width: 100px;height: 34px;line-height: 34px;text-align: center;border:1px solid #fff;border-radius: 30px;}


@media (min-width: 1110px){
	/*共用元素*/
	.hidden-lg {display: none;}	

	/*导航*/
	.header.fixednav {height: 60px !important;}
	.header.fixednav .logo {height: 60px;}
	.header.fixednav .logo a {padding: 10px 0px;}
	.header.fixednav .logo a img {height: 40px;}
	.header.fixednav .navbar {margin: 15px 30px 0 0 !important;}
	.header.fixednav .info .key {display: none;height: 20px;line-height: 20px;}
	.header.fixednav .info .tel {margin-top: 15px;margin-left: 0;padding-left: 25px;}
	.header .navbarlogo,.header .navbar .menuclos {display: none;}

	.header .navbar ul li#a9 {display: none;}
}


/* ---------------- Responsive website ---------------- */

/*屏幕小于1440px应用一下样式*/
@media (max-width:1440px) {
	.header .navbar {margin-right: 0px;}
	.header .info {margin-right: 15px;}
}
@media (max-width:1360px) {
	.scrollBar{height:566px;}

}

/*屏幕小于1024px应用一下样式*/
@media (max-width:1320px) {
	.header .info {display: none;}
}
@media (max-width:1110px) {
	/*导航*/
	.header {height: 50px;}
	.header .logo {height: 50px;left: 10px;}
	.header .logo a {padding: 10px 0px;}
	.header .logo a img {height: 30px;}	
	.header .navmap,.header.fixednav .navmap {display: none;margin: 10px 0px 10px 125px;}
	.header .navbar ul li#a9 {display:block;}
	.header .navbar {display: none;float: none;margin: 0px;position: fixed;z-index: 10;top: 0;left: 0;z-index: 59;background:#59b38d url(/style/css/img/navbarbg.jpg) no-repeat scroll center center / cover;margin: 0;padding: 0;width: 100%;height: 100%;overflow: hidden;
		-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}
	.header .navbarlogo {position: fixed;z-index:11;top:20px;margin:0;width: 100%;text-align:center;opacity: 0;}
	.header .navbarlogo a{display:block;height:auto;color:#fff;}
	.header .navbarlogo img{height:60px;}
	.header .navbarlogo a h2{margin:10px 0 0;font-size:1.5em;font-weight:normal;line-height:100%;}
	.header .navbarlogo a h2 span{}
	.header .navbarlogo a p{margin:5px 0 0;font-size:1rem;line-height:100%;}
	.header .navbar ul {position:absolute;left: 0px;top: 130px;width: 100%;padding: 0 5%;box-sizing:border-box;}
	.header .navbar ul li{position: relative;z-index: 1;float: left;width: 33.333333%;height: auto;line-height: 100%;margin: 0 -1px -1px 0;text-align: center;border: solid 1px #fff;box-sizing:border-box;}
	.header .navbar ul li a {display: block;color:#fff;padding: 38px 0px;line-height:100%;margin-top: 0px;}
	.header .navbar ul li a span{display: block;margin: 5px 0 0;font-size:0.75em;font-family: sanfranciscodisplay-regular,arial;text-transform: uppercase;}
	.header .navbar ul li a:hover {margin-top: 0px !important;}
	.header .navbar ul li:hover {z-index: 2;border:1px solid #006acd;}
	.header .navbar ul li:hover a {color: #006acd;}
	.header .navbar ul li.on{background:#fff;}
	.header .navbar ul li.on a{color:#555;}
	.header .navbar .menuclos{display:none;position:fixed;z-index:11;left:50%;bottom:0;margin:0 0 0 -50px;width:100px;}
	.header .navbar .menuclos p{position:relative;z-index:2;background:#fff;margin:0 0 30px;padding:6px 10px;color:#666;text-align:center;font-size:1em; border-radius:15px;line-height:100%;cursor: pointer;}
	.header .navbar .menuclos:before{content:"";position: absolute;z-index:1;left:50%;background:rgba(255,255,255,0.3);margin:14px 0 0 -140px;width:280px;height:1px;}

	.header .nav-menu {display: block; position: relative; float: right; top: 10px; right: 10px; margin: 0; padding: 2px 5px; cursor: pointer; }
	.header .nav-menu span{display: block;background: #fff; margin: 4px 0; width: 25px; height: 4px; font-size: 1px; color: #fff; border-radius: 2px; text-indent: -99999px; }

	.fixd-box {height: 100%;}
	.fixd-box .wrap {padding: 20px 0;position: relative;height: 100%;overflow-x: scroll;box-sizing: border-box;}
	.fixd-box .wrap h2 {font-size: 20px;padding: 10px;}
	.fixd-box .txt .left { float:left; width:100%; }
	.fixd-box .left dl { font-size:15px;padding: 10px;}
	.fixd-box .left dl:first-child { margin-bottom:3em;}
	.fixd-box .left dl dt{ float:left; }
	.fixd-box .left dl dt img { width:100px; height:100px;}
	.fixd-box .left dl dd {padding: 0px 0px 0px 10px;}
	
	.fixd-box .txt .right {width: 100%;line-height: 1.5;padding:20px 10px 10px;box-sizing:border-box;text-align: right;}
	.fixd-box .txt .right p {font-size:16px;}
	.fixd-box .txt .right span {font-size:30px; font-family:Arial;}
	.fixd-box .close {width: 40px;height: 40px;background-size: 100% 100%;}

	
}
/*屏幕小于768px应用一下样式*/
@media (max-width:768px) {
	/*共用元素*/
	.hidden-xs {display: none !important;}
	.hidden-lg {display: block !important;}
	.suspension{display:none;}
	

	.index_footer {width: auto;padding:30px 20px;}
	.index_footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #202020; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); }
	.index_footer .index_main .footer_fl:hover {max-height: 205px;will-change: transform,max-height;}
	.index_footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; }
  	.index_footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #676767;font-size: 18px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; }
	.index_footer .index_main .footer_fl:hover dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
  	.index_footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;}
  	.index_footer .index_main .footer_fl dd a {text-indent: 1em;}
  	.index_footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;}
  	.index_footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;}
  	.index_footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;}

	.container_nav {padding-top: 50px;}
	.container_nav .row {padding: 20px 0px;}
	.container_nav .row ul li {margin: 0px 20px 10px;}
  	.container_nav .row ul li a i {width: 80px;height: 80px;background-size: 80px auto;}
	.container_nav .row ul li:hover a i,.container_nav .row ul li.on a i  {background-color: #fff;background-position: 0px -80px;}

	.location {margin-bottom: 20px;width: auto;padding: 0px 5px;}
	
	.container_nav .row ul li a i.anniu{background-position: 0px -80px;background-color:#fff;}

	.Tpiaochuan {display: none !important;}
	.Tpiaochuan {width: 350px;height: 163px;}
	.Tpiaochuan .button {bottom: 20px}
	.Tpiaochuan .button .zixun{font-size: 13px;width: 100px;height: 28px;line-height: 28px;}
	.Tpiaochuan .button .close{font-size: 13px;width: 80px;height: 28px;line-height: 28px;}
	
}
/*屏幕小于540px应用一下样式*/
@media (max-width:540px) {
	.container_nav .row ul li {margin: 0px 20px 10px;}
	.container_nav .row ul li a i {width: 56px;height: 56px;background-size: 56px auto;}
	.container_nav .row ul li:hover a i,.container_nav .row ul li.on a i  {background-color: #fff;background-position: 0px -56px;}
	.container_nav .row ul li a span {margin-top: 5px;font-size: 15px;}

	.c_headen .c_head_c {display: none;}
	.c_headen .c_head_l li,.c_headen .c_head_l li a {width: 40px;}
	.c_headen .c_head_l li.c_head_l_n {background-position: -205px 0px;}
	.c_headen .c_head_l li.c_head_l_n:hover{ background-position: -205px -40px;}
	.c_headen .c_head_l li.c_head_l_h {background-position: -3px 0px;}
	.c_headen .c_head_l li.c_head_l_h:hover {background-position: -3px -40px;}
	.c_headen .c_head_l li.c_head_l_nx {background-position: -55px 0px;}
	.c_headen .c_head_l li.c_head_l_nx:hover {background-position: -55px -40px;}
	.c_headen .c_head_r {margin:0px;}
	
	.container_nav .row ul li a i.anniu{background-position: 0px -55px;background-color:#fff;}
}
#tips{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); z-index: 999999; display: none;}
#tips div{position: absolute; top: 30%; left: 50%; padding: 10px; width: 90px; margin-left: -45px; background: rgba(0,0,0,0.6); background: url(/style/css/img/blank.png)\9; color: #fff; text-align: center; font-size: 14px; border-radius: 4px; word-wrap: break-word;}
#tips .loading{padding-top: 38px; background: url(/style/css/img/loading.gif) center top no-repeat;}








.rwm h2{font-size: 16px; margin-top: 10px;}
.rwm img{width: 200px; height: 200px;}



.my_pages{clear:both!important;padding:5px 0 0;text-align:center;margin:5px auto;line-height:30px;}
.my_pages ul{text-align:center;list-style:none;}
.my_pages ul li{list-style:none;text-align:center;height:24px;display:inline;margin:0 2px;padding:0;overflow:hidden;white-space:nowrap;font-size:13px;}
.my_pages ul li a{background:#fff;color:#555;display:inline;height:24px;overflow:hidden;padding:6px 10px;margin:0;border: #999 1px solid;}
.my_pages ul li a:hover{color:#fff;background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;text-decoration:none;cursor:pointer;}
.my_pages ul li.thisclass a{background:#FF6600;border:#FF6600 1px solid;height:24px;overflow:hidden;color:#fff;font-weight:700;}


.bdshare-button-style0-32 .bds_qzone{background-position:0 -52px}.bdshare-button-style0-32 .bds_tsina{background-position:0 -104px}.bdshare-button-style0-32 .bds_renren{background-position:0 -208px}.bdshare-button-style0-32 .bds_tqq{background-position:0 -260px}.bdshare-button-style0-32 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style0-32 .bds_tqf{background-position:0 -364px}.bdshare-button-style0-32 .bds_hi{background-position:0 -416px}.bdshare-button-style0-32 .bds_douban{background-position:0 -468px}.bdshare-button-style0-32 .bds_tieba{background-position:0 -728px}.bdshare-button-style0-32 .bds_hx{background-position:0 -988px}.bdshare-button-style0-32 .bds_fx{background-position:0 -1040px}.bdshare-button-style0-32 .bds_ty{background-position:0 -1196px}.bdshare-button-style0-32 .bds_fbook{background-position:0 -1352px}.bdshare-button-style0-32 .bds_twi{background-position:0 -1404px}.bdshare-button-style0-32 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style0-32 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style0-32 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style0-32 .bds_diandian{background-position:0 -1820px}.bdshare-button-style0-32 .bds_huaban{background-position:0 -1872px}.bdshare-button-style0-32 .bds_duitang{background-position:0 -2028px}.bdshare-button-style0-32 .bds_youdao{background-position:0 -2080px}.bdshare-button-style0-32 .bds_wealink{background-position:0 -2184px}.bdshare-button-style0-32 .bds_copy{background-position:0 -2288px}.bdshare-button-style0-32 .bds_mail{background-position:0 -2340px}.bdshare-button-style0-32 .bds_print{background-position:0 -2392px}.bdshare-button-style0-32 .bds_mshare{background-position:0 -2444px}.bdshare-button-style0-32 .bds_sqq{background-position:0 -2652px}.bdshare-button-style0-32 .bds_sdo{background-position:0 -2704px}.bdshare-button-style0-32 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style0-32 .bds_people{background-position:0 -2808px}.bdshare-button-style0-32 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style0-32 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style0-32 .bds_thx{background-position:0 -2496px}.bdshare-button-style0-32 .bds_bdhome{background-position:0 -156px}.bdshare-button-style0-32 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style0-32 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style0-32 .bds_isohu{background-position:0 -3016px}.bdshare-button-style0-32 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style0-32 .bds_weixin{background-position:0 -1612px}.bdshare-button-style0-32 .bds_iguba{background-position:0 -1300px}.bdshare-button-style0-32 .bds_h163{background-position:0 -3176px}.bdshare-button-style0-32{zoom:1}.bdshare-button-style0-32:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style0-32 a{float:left;width:32px;line-height:32px;height:32px;background-image:url(/style/css/img/icons.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0;text-indent:-100em;overflow:hidden;color:#3a8ceb}.bdshare-button-style0-32 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style0-32 .bds_more{color:#333}.bdshare-button-style0-32 .bds_count{color:#333;background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 -60px;width:48px;height:32px;line-height:32px;padding:0;text-align:center;text-indent:0}.bdshare-button-style0-32 .bds_count:hover{background-position:-48px -60px}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}


.taocan_info{
	width:1480px; padding-left:10px; padding-top:20px; padding-bottom:30px; font-size:14px; line-height:26px; color:#585757; display:table; background-color:#fff; margin:0 auto; margin-top:17px; padding-right:10px;
}
.taocan_tab td{
	padding-left:10px; line-height:45px; border-left:1px #ddd solid; border-bottom:1px #ddd solid;
}
.taocan_tab{
	border-top:1px #ddd solid; border-right:1px #ddd solid; float:left;
}
.taocan_title{
	color:#005a98; font-weight:bolder;
}
.taocan_info .price{
	color:#F00; font-size:20px; font-family:Arial, Helvetica, sans-serif;
}

.hqbj{
	width:110px; height:33px; background-color:#ffa701; text-align:center; margin:0 auto; margin-top:13px;
}
.hqbj a:link{
	font-size:14px; color:#fff; line-height:33px; display:block;
}
.hqbj a:visited{
	font-size:14px; color:#fff; line-height:33px; display:block;
}
.hqbj a:hover{
	font-size:15px; color:#fff; line-height:33px; display:block; background-color:#ec9b02;
}
.hqbj2{
	height:33px; background-color:#ffa701; text-align:center; padding-top:3px; padding-bottom:4px; margin-left:5px;
}
.hqbj2 a:link{
	font-size:14px; color:#fff; line-height:33px; padding-left:25px; padding-right:25px; padding-top:3px; padding-bottom:4px;
}
.hqbj2 a:visited{
	font-size:14px; color:#fff; line-height:33px; padding-left:25px; padding-right:25px; padding-top:3px; padding-bottom:4px;
}
.hqbj2 a:hover{
	font-size:14px; color:#fff; line-height:33px; background-color:#ec9b02; padding-left:25px; padding-right:25px;
}


/*公众号小程序案例*/

.dlxhotbox{ width:1800px; overflow:hidden; margin:0 auto;}
.dlxhotbox .masonry{ width:1830px;}
.dlxhotbox li{ float:left; display:inline; overflow:hidden;position:relative;}
.dlxhotbox li img{display:block; border:0;}
.dlxhotbox li .photo{overflow:hidden; width: 440px; height: 330px;}
.dlxhotbox li .photo img{overflow:hidden; width: 440px; height: 270px;}
.dlxhotbox li .photo h3{background: #006ACD; height: 60px; line-height: 60px; color: #fff; font-size:18px;}
.dlxhot .dlxtitle{ position:absolute; text-align:center; width:275px; top:133px; color:#fffffe;}
.dlxhot .dlxtitle h3{ line-height:30px; text-align:center; font-size:18px; text-transform:uppercase; text-shadow:0 3px 3px #000000;}
.dlxhot li:hover .dlxtitle{ display:none;}
.dlxhotbox .rsp{overflow:hidden;position: absolute; background:url(/images/dzjypngbj.png) repeat top left;top:0px;left:0px;}
.dlxhot .hssybj{width:275px; height:330px;}
.dlxhot .text{position:absolute; top:40px;overflow:hidden; }
.dlxhot .hstext{left:-275px; margin:10px 20px 0 33px; color:#fffffe; width:215px;}
.dlxhot .text a{ color:#fff; padding:5px 2px; width:195px; display:block;text-align:center; line-height:20px;}
.dlxhot .text h3 { line-height:30px; text-align:center; font-size:18px; display:block;text-transform:uppercase; padding-bottom:20px;}
.dlxhot .text a:hover{color:#fff; text-decoration:none; text-transform:uppercase; text-shadow:0 3px 3px #000000;}
.dlxhot .text p{ padding:0px 0 20px 0;}
.dlxhot li .readmore{ width:133px; height:32px; line-height:32px; text-align:center; margin:0 0 0 40px; overflow:hidden; border:1px #ffffff solid; -moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; font-family:Arial;}
.dlxhot li .readmore:hover{border:1px #c12530 solid; color:#c12530; text-decoration:none;}

.dlxhot .picyjl img,.dlxhot .picyjl .rsp{border-radius: 50px 0 0 0;}
.dlxhot .picyjr img,.dlxhot .picyjr .rsp{border-radius: 0 0 50px 0;}

.dlxhotbox .hssybj1{width:275px; height:212px;}


.dgztitle1{ margin:0 0 0 115px;}

.dgzhot li,.dwsscpic li{ margin-right:28px;}
.dgzhot .hssybj,.dwsscpic .hssybj{width:441px; height:330px;}
.dgzhot .text,.dwsscpic .text{position:absolute; top:40px; left:0px; overflow:hidden; }
.dgzhot .text a,.dwsscpic .text a{ color:#fff; display:block;}
.dgzhot .text h3{ line-height:30px; font-size:18px; display:block;text-transform:uppercase; padding-bottom:20px;}
.dgzhot .text a:hover,.dwsscpic .text a:hover{color:#fff; text-decoration:none; text-transform:uppercase; text-shadow:0 3px 3px #000000;}
.dgzhot .hstext{left:-420px; margin:10px 0px 0 20px; color:#ffffff; width:215px;}
.dgzhot .text a{ color:#fff; padding:5px 2px; width:195px; display:block;text-align:center; line-height:20px;}
.dgzhot .text h3 { line-height:30px; text-align:center; font-size:18px; display:block;text-transform:uppercase; padding-bottom:20px;}
.dgzhot .text a:hover{color:#c12530; text-decoration:none;}
.dgzhot .text p{ padding:0px 0 20px 0;}
.dgzhot li .readmore{ width:133px; height:32px; line-height:32px; text-align:center; margin:0 0 0 40px; overflow:hidden; border:1px #ffffff solid; -moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; font-family:Arial;}
.dgzhot li .readmore:hover{border:1px #c12530 solid; color:#c12530; text-decoration:none;}



.dlxhotbox .dscszsz{position:absolute; margin-top: 10px;}
.dlxhotbox .dscszsz .danjrsc{width:170px; height:30px; line-height:30px; padding-left:36px; margin-right:45px; margin-left: 35px; display:inline; background:#006ACD url(/images/dgwclist.gif) no-repeat top left;}
.dlxhotbox .dscszsz .dansz{width:30px; height:30px; line-height:30px; margin-left: 100px; margin-right:5px; display:inline; background:url(/images/dszlist.gif) no-repeat top left;}
.dlxhotbox .dscszsz .dansc{width:30px; height:30px; line-height:30px; margin-right:5px; display:inline; background:url(/images/dsclist.gif) no-repeat top left;}


/* 网上商城 */
.dwsscpic .dlxtitle{ position:absolute; width:430px; top:280px; color:#000; left:5px;}
.dwsscpic .dlxtitle h3{ line-height:30px; font-size:18px; text-transform:uppercase; text-shadow:0 1px 1px #000000; font-weight: normal;}
.dwsscpic li:hover .dlxtitle{ display:none;}
.dwsscpic .gztext{ left:-435px; color:#ffffff; width:430px; height:220px; margin:0px 0 0 4px;}
.dwsscpic .text h3{ line-height:20px; font-size:18px; display:block; text-align:center;text-transform:uppercase; padding-bottom:8px;}
.dwsscpic .text img{ width:130px; height: 130px; display:block; margin:0 auto;}
.dwsscpic .text p{ font-size:12px; color:#fff; padding-top:5px;text-align:center;}