/* CSS Document */
/*banner srat*/
.banner img {max-width:100%;height:auto;}
.bx-wrapper {position:relative;padding:0;*zoom:1;}
.bx-wrapper img {max-width:100%;display:block;}
.bx-wrapper .bx-viewport {background:#fff;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position:absolute;bottom:3px;width:100%;}
.bx-wrapper .bx-loading {min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000;}
.bx-wrapper .bx-pager {text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px;}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block;*zoom:1;*display:inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#fff;text-indent:-9999px;display:block;width:20px;height:4px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background:#b30d1a;}
.bx-wrapper .bx-prev {left:10px;background:url(../images/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right:10px;background:url(../images/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position:0 0;}
.bx-wrapper .bx-next:hover {background-position:-43px 0;}
.bx-wrapper .bx-controls-direction a {position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}
.bx-wrapper .bx-controls-auto {text-align:center;}
.bx-wrapper .bx-controls-auto .bx-start {display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left;width:80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0;width:35px;}
.bx-wrapper .bx-caption {position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%;}
.bx-wrapper .bx-caption span {color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px;}

/**banner end*/
.bgbg{ background:#f2f2f2;}
.main{ max-width:1200px; margin:0px auto; overflow:hidden; padding-bottom:30px; padding-top:15px;}
.tp1{ padding-top:50px;}
.tp1 ul{ overflow:hidden;}
.tp1 ul li{ width:16.66%; float:left; text-align:center; cursor:pointer;}
.tp1 ul li{ color:#1d1c2e;}

.tp1 ul li b{ display:none;}
.tp1 ul li:hover i{ display:none;}
.tp1 ul li:hover b{ display:block;}
.tp1 ul li span{ display:block; padding-top:5px; font-size:14px;}
.tp1 ul li span em{ display:block;}
.tp1 ul li:hover{color:#fe6c00;}

.title_ting{ text-align:center; color:#1d1c2e; width:100%; height:120px; position:relative; padding-top:60px;}
.title_ting img{  margin-top:15px;    width: 35px;  height: auto;}
.title_ting span{  font-size:20px; padding:0px 5px;}
.title_ting span em{ position:absolute; bottom:8px;    margin-left: -170px; font-size:12px;}
.tp2_deta{ padding-top:30px; overflow:hidden;}

.tp2_detaleft{ width:430px; float:left; position:relative;}
.tp2_detaleft i{ position:absolute; top:48%; right:-41px; color:#94bde9; font-size:56px;}
.tp2_detaright{ float:right; width:770px; background:#e9e9e9; padding-left:20px; height:460px; overflow:hidden;}
.tp2_detaright div{ padding:10px 15px; position:relative;}
.tp2_detaright div p{ color:#1e1d2f; text-indent:3em; line-height:42px;}
.tp2_detaright div a{ color:#fe6c00;}
.top_ting{ font-size:16px; color:#cfcfcf; position:absolute; top:10px; left:10px;}
.bottom_ting{ font-size:36px; color:#cfcfcf; position:absolute; bottom:0px; right:10px;}
.xaxunya{ width:260px; margin:80px auto;}
.xaxunya li{ padding:8px 0px; text-align:center;}
.xaxunya li input{ height:35px; padding:5px; width:100%;}
.xaxunya li input.tijiao_ting{height:30px; margin:0px auto; cursor:pointer; background:#1d1c2e; border:solid 1px #1d1c2e; color:#fff;transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.xaxunya li input.tijiao_ting:hover{ background:#3a3854; border:solid 1px #3a3854; color:#fff;}
.tp3{ background:url(../images/index_banner_02.jpg) no-repeat center; }
.tp3 .title_ting{ color:#fff;}
.top_liting span{ display:block; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; background:#1d1c2e;}
.top_liting{ padding:0px 40px;}
.top_liting img{ width:100%; height:auto; display:block;}
.owl-buttons{ display:none;}
.owl-carousel{ padding-top:20px !important; padding-bottom:20px;}
.owl-carousel{ max-width:1200px; margin:0px auto;}
.tp4_deta ul{ overflow:hidden}
.tp4_deta ul li{ width:48%; float:left; margin:1%; border:solid 1px #1d1c2e; padding:10px;}
.tp4_deta ul li span { float: left; background-color: #1d1c2e; display: inline-block; text-align: center; padding: 14px 10px; margin-right: 15px;}
.tp4_deta ul li h3 { overflow: hidden; height: 69px; font-size: 14px;}
.tp4_deta ul li h3 a{ color:#6d6b6b;}
.tp4_deta ul li h3 a b{ font-size:16px; color:#2e2e2e; display:block; line-height:30px; height:30px; overflow:hidden;}
.tp4_deta ul li span em { display: block;font-size: 20px;}
.tp4_deta ul li:hover{ border:solid 1px #fe6c00;}
.tp4_deta ul li:hover h3 a{ color:#fe6c00;}
.tp4_deta ul li:hover h3 a b{ color:#fe6c00;}
.tp4_deta ul li:hover span{ background:#fe6c00;}
.tp4 .title_ting span em{    margin-left: -135px;}


.mid_left{ width:273px; float:left; background:#e9e9e9; }
.mid_lefta .tiele_mid{ height:55px; color:#fff; font-size:20px; background:#1d1c2e url(../images/hbl_cp_05.jpg) no-repeat; line-height:55px; text-align:center; display:block; overflow:hidden;}
.mid_lefta ul{padding:7px 16px;}
.mid_lefta ul li{ height:45px; line-height:45px; border-bottom:dashed 1px #a0a0a0; padding:0px 5px;}
.mid_lefta ul li:hover a{ color:#1d1c2e; font-weight:bold;}
.mid_lefta ul li a{color:#303030;display: block;}
.mid_lefta ul li a b{ font-weight:normal; width:92%; overflow:hidden; float:left;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mid_lefta ul li i{ float:right; width:8%;}
.mid_lefta ul li.cp_cli a{ color:#1d1c2e; font-weight:bold; }
.mid_right{ width:900px; float:right;}

.mid_lefta{ margin-bottom:10px;}
.mid_leftbottom div{ padding:12px 15px; overflow:hidden;}
.mid_leftbottom div p{ font-size:14px; color:#181818; line-height:30px; overflow:hidden;}
.mid_leftbottom div p i{ width:74px; display:block; float:left;}
.mid_leftbottom div p span{ }

.mid_right{ position:relative;}
.mid_deta h3{line-height:49px; font-size:18px; height:49px; color:#111111;border-bottom:solid 3px #1d1c2e;}
.breadcrumb{ display:inline-block; position:absolute; right:0px; top:0px; font-size:12px;}
.breadcrumb li{ float:left;color: #4e4e4e;}
.breadcrumb li a{color: #4e4e4e;}
.breadcrumb>li+li:before {padding: 0 5px; color: #4e4e4e; content: "/\00a0";}
.mid_deta{ overflow:hidden; padding-bottom:30px;}
.ting_detall{padding:20px 0px; overflow:hidden;}
.ting_detall ul{ overflow:hidden;}
.ting_detall ul li{ margin:0px 1%;width:23%; float:left; overflow:hidden;}
.ting_detall ul li img{border:solid 1px #b2afaf; width:100%; height:219px; padding:5px;}
.ting_detall ul li img{transition:.4s;}
.ting_detall ul li:hover img{-webkit-transform:scale(0.97,0.97);-o-transform:scale(0.97,0.97);-ms-transform:scale(0.97,0.97);-moz-transform:scale(0.97,0.97);transform:scale(0.97,0.97);}

.ting_detall ul li span{ height:35px; line-height:35px; text-align:center; color:#1a1a1a; display:block;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.ditu_ting{ margin:30px 0px;}
.ditu_ting p{ color:#272525; line-height:26px; padding:0px 0px; width:100%; }
.ditu_ting p a{ color:#272525; line-height:26px;}

.news_detailting{ margin-top:20px;}
.news_detailting .dtt{text-align:center; border-bottom:solid 1px #b5b5b5;}
.news_detailting .dtt h1{ font-size:20px; color:#111111;  line-height:30px;}
.news_detailting .dtt i{ font-size:12px; color:#646464; line-height:28px;}
.news_detailting .dhh{ padding-bottom:20px; padding-top:20px;} 
.news_detailting .dhh p{ font-size:14px; color:#111; line-height:28px; text-indent:2em;}
.news_detailting .dhh p img{ display:block; margin:20px auto; max-width:100%; height:auto;}


.news_listting ul li{ height:45px; line-height:44px; border-bottom:solid 1px #a0a0a0;}
.news_listting ul li a{ color:#111; float:left; width:730px; padding-left:5px;    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.news_listting ul li span{ float:right; width:100px; color:#111;}
.news_listting ul li i{ color:#1269cb; padding-right:5px;}
.news_listting ul li:hover{ border-bottom:solid 1px #1269cb;}
.news_listting ul li:hover a{ color:#1269cb;}
.news_listting ul li:hover span{ color:#1269cb;}

.about_detailting{ padding:20px 0px;}
.about_detailting p img{ display:block; max-width:100%; margin:20px auto; height:auto;}
.about_detailting p{ line-height:28px; text-indent:2em; color:#1f1f1f;}

#page{ color:#292929; width:100%; overflow:hidden;}
#page ul{ overflow:hidden; text-align:center; width:100%; margin:20px auto; position: static !important;}
#page ul li{ display:inline-block; width: auto;padding: 10px 0px; }
#page ul li a{ color:#292929; padding:5px 13px;border:solid 1px #CCC;}
#page ul li.active a{ color:#1d1c2e; background:#fff; border:solid 1px #1d1c2e;}
.ditu_kua{ padding:20px 0px; }
.ditu_kua p{ padding:3px 0px; line-height:30px;}

.righttext_ting{ padding:16px 0px;}
.righttext_ting ul li{ line-height:35px; height:35px; border-bottom:dotted 1px #b5b5b5;}
.righttext_ting ul li a{ width:87%; float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#1f1f1f;}
.righttext_ting ul li a i{color:#1f1f1f; padding-right:3px;}
.righttext_ting ul li em{ width:13%; float:right; display:block; font-size:12px; text-align:right; color:#7a7a7a;}
.righttext_ting ul li:hover a{ color:#ef0011;}
.righttext_ting ul li:hover em{ color:#ef0011;}
.dui_ting{ max-width:500px; margin:0px auto;}
.dui_ting ul li span{ float:left; padding:5px 10px; padding-left:0px;}
.dui_ting ul li{ padding:5px 0px; overflow:hidden;}
@media (min-width:767px) {
.nav_button{ display:none;}
.nav{ text-align:center; height:50px;}
.nav ul{ max-width:1200px; padding-top:30px;}
.head{ width:1200px; margin:0px auto; position:absolute; top:0px; left:50%; margin-left:-600px; z-index:999999;}
.nav ul li{ display:inline-block;}
.nav ul li a{ display:inline-block; float:left; padding:0px 20px; line-height:50px; color: #fff;text-shadow: 1px 2px 5px #000; font-size:15px;}
.nav ul li.cli a,.nav ul li:hover a{  color: #fff;text-shadow: 1px 2px 5px #000;}
.nav ul li:hover a{ text-decoration:underline; color: #eee;text-shadow: 1px 2px 5px #000;}
.banner{ max-height:270px; overflow:hidden;}
}
@media (max-width:1216px){
.head{ width:96%; margin:0px auto; left:2%;}
.tp2_detaleft{ display:none;}
.tp2_detaright{ width:100%; padding-top:15px; height:auto; padding-left:0px;}
.tp2_detaright img{ display:block; margin:0px auto;}
.tp1 ul li img{ width:86%; display:block; height:auto; margin:0px auto;}
.nav ul li a{ padding:0px 5px;}
.mid_left{ padding-left:1%; width:25%;}
.breadcrumb{ right:1%;}
.mid_right{ width:72%; padding-right:1%;}
.mid_leftbottom div p span{ width:auto; float:none;}
}
@media (max-width:992px) {
.foot_certer{ display:none;}
.foot_left{ width:50%;}
.foot_right{ width:50%; float:right;}

.mid_left{ padding-left:1%; width:28%;}
.breadcrumb{ right:1%;}
.mid_right{ width:71%; padding-right:1%;}
.ting_detall ul li{ width:31.33%;}

.righttext_ting ul li a{ width:80%; }
.righttext_ting ul li em{ width:20%;}
}
@media (max-width:767px) {
.banner img{ max-width:none; display:inline-block; height:140px; width:auto;}
.banner{ overflow:hidden; text-align:center; }
.langin{ top:5px;}
.head{ background:#333; overflow:hidden; width:100%; padding:0px 10px;}
.foot{ background:url(../images/index_pic_39.jpg) no-repeat center; background-size:auto 100%;}
.foot_left{ width:96%; float:none; margin:0px auto;}
.foot_right{ width:96%; float:none; margin:0px auto;}
.foot_right ul li{ width:50%;}
.main{ padding:0px 6px;}
.tp4_deta ul li{ width:100%; margin:3px 0px;}
.logo a img{ height:45px; margin-left:5px; width:auto;}
.nav .nav_button{background: transparent; border: none; display: block;  height: 24px; margin-left: 15px; position: fixed; top: 35px; right: 10px; width: 26px; z-index: 9999;}
.nav .nav_button span{height: 2px;  left: 0; position: absolute; width: 100%; background:#fff;}
.nav .nav_button span.hamb-top{ top:0px; opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav .nav_button span.hamb-middle{ top:8px;opacity:1;}
.nav .nav_button span.hamb-bottom{ top:16px;opacity:1;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.nav .clost span.hamb-top{ top:5px; opacity:0.7;transform:rotate(90deg);-ms-transform:rotate(7deg);/*IE9*/-moz-transform:rotate(7deg);/*Firefox*/-webkit-transform:rotate(45deg);/*Safari和Chrome*/-o-transform:rotate(90deg); }
.nav .clost span.hamb-middle{ display:none;}
.nav .clost span.hamb-bottom{ top:5px; opacity:0.7; transform:rotate(7deg);-ms-transform:rotate(7deg);	/* IE 9 */-moz-transform:rotate(7deg); 	/* Firefox */-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */-o-transform:rotate(7deg); }

.tp1 ul li{ width:33.33%; padding-bottom:20px;}
.nav ul{ display:none; position:fixed; top:79px; width:36%; right:0px; background:rgba(0,0,0,0.8); text-align:center; z-index:999;}
.nav ul li{ position:relative;}
.nav ul li a{ padding:10px 20px; display:block; border-bottom:solid 1px #7e7e7e; color:#fff; position:relative; z-index:2;}
.nav ul li a:hover{}
.nav ul li:before{background:rgba(70%,4%,6%,0.8);content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:3px; z-index:1;}
.nav ul li:hover:before {-webkit-transition:width 0.2s ease-in;transition:width 0.2s ease-in;width:100%;}
.header .logo span{ display:none;}
.header .logo p{ display:none; }
.mid_left{ padding: 0px 1%; width:100%;}
.breadcrumb{ display:none;}
.mid_right{ width:100%; padding:0px 1%;}
.ting_detall ul li{ width:48%;}
.ditu_ting p{ width:100%;}
#dituContent{ height:300px !important;}
.righttext_ting ul li a{ width:78%; }
.righttext_ting ul li em{ width:22%;}
}
@media (max-width:400px) {
.ting_detall ul li{ width:98%;}
.ting_detall ul li img{ height:auto;}
.righttext_ting ul li a{ width:72%; }
.righttext_ting ul li em{ width:28%;}
}

.mian6{background:#fff;padding:0px 0px; padding-top:30px; margin-top:40px; margin-bottom:30px;}
.tp6 ul{ padding:0px; overflow:hidden;}
.tp6 ul li{ width:16%; margin:15px 1.8%; float:left;border: 1px solid #E6E9ED;  border-bottom-width: 2px; box-shadow: none !important;padding: 10px 10px 10px;    text-align: center;  white-space: nowrap; vertical-align: middle; -webkit-transition: all 200ms ease-out;  -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15); cursor:pointer;background:#fff;}
.tp6 ul li img{max-width:96%;display:block;margin:0px auto; height:68px; width:auto; }
.tp6 ul li:hover {-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);box-shadow:5px 10px 10px rgba(0,0,0,.11) !important;}
.tp6 ul li:focus {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);box-shadow:2px 4px 3px rgba(0,0,0,.3) !important;}
.tp6{ max-width:1200px; margin:20px auto; }
.tp6 .title_ting{ color:#1d1c2e; padding-top:20px; height:82px}

@media (max-width: 767px){
.tp6 ul li {
    width: 29.44%;
}
}