@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:微软雅黑;color:#000;}
body{background:#ffffff;}
ul{list-style:none;}
img,a img{border:0px;border:none;}
a{text-decoration:none;}
a.hidefocus{outline:none}
a:hover{text-decoration:underline;text-decoration:none;}
label{ margin-bottom:0; font-weight:normal;}
input{border:0;outline:none;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
/*****以上样式不可更改*****/

.navbar-dh{font-size:24px; color:rgba(51,153,255,1); line-height:33px; background:url(../images/dh.png) no-repeat center left; padding-left:35px; float:right;}
.navbar-dh:hover{  color:rgba(51,153,255,1); }

.navbar-default{ background:#fff; border:0;}
.navbar{ margin:0;}
.navbar-collapse{ padding:0;}
.navbar-nav > li > a{ padding:0; margin:0; height:65px;text-align:center;color:rgba(48,156,193,1); padding:10px 15px 0px 15px; position:relative;}
.navbar-nav > li > a h4{ color:#333333; font-size:18px;line-height:20px; font-weight:bold;}
.navbar-nav > li > a span{ color:#808080; font-size:12px;line-height:20px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ color:#309cc1;  background:url(../images/nav.png) no-repeat center bottom;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#309cc1; background:url(../images/nav.png) no-repeat center bottom;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color:#309cc1; background:url(../images/nav.png) no-repeat center bottom;}

.slider {position: relative; text-align:center; overflow:hidden;}
.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding:0; margin:0;}
.rslides li{ -webkit-backface-visibility: hidden; position: absolute; display: none; width:100%; left:0; top:0; }
.rslides li a{ display:block;}
.rslides li:first-child { position:relative; display:block; float:left; }
.rslides img{ display:block; height:auto; float:left; width:100%; border: 0;}
.callbacks_tabs.callbacks1_tabs{display:block; position:absolute; bottom:10px; z-index:99; display:inline-block; width:100%; left:0;}
.callbacks_tabs.callbacks1_tabs li{ display:inline-block;}
.callbacks_tabs.callbacks1_tabs li a{ font-size:0; width:15px; height:15px; background:#fff;border-radius:50%; margin:0px 5px; display:block;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{ background:#1c7dc7;}
.callbacks_nav { display:none;}
.boxa-a{ background:#f7f7f7; width:100%; padding:60px 0px;}
.title{ text-align:center;}
.title img{ margin:0 auto;}
.boxa-a .txt-box{width:60%; margin-top:25px; padding:0px 50px;}
.boxa-a .txt-box .a-txt h3{font-size:40px; color:rgba(51,153,255,1); line-height:56px; padding-top:60px;}
.boxa-a .txt-box .a-txt p{font-size:26px; color:rgba(51,153,255,1); line-height:37px; text-align:right; margin-top:25px; padding-right:70px;}
.boxa-a .txt-box .a-txt a{width:114px; height:39px; background:rgba(51,153,255,1); border-radius:4px; display:block;font-size:14px; color:#fff; text-align:center; line-height:39px; float:right; margin-top:25px;}
.boxa-a .txt-box .a-txt a:hover{ background:#0080ff;}
.boxa-a .img-box{ width:40%; margin-top:25px;border-radius:8px; overflow:hidden;}
.boxa-a .img-box img{ width:100%;}
.boxa-b{ background:#fff; padding:55px 0px;}
.boxa-b .img-box{ width:40%; margin-top:25px;border-radius:8px; overflow:hidden;}
.boxa-b .img-box img{ width:100%;}
.boxa-b .txt-box{width:60%; margin-top:25px; padding-left:50px;}
.boxa-b .txt-box h3{font-size:40px; color:rgba(51,153,255,1);line-height:56px;}
.boxa-list { margin-top:20px; padding:0px 35px;}
.boxa-list li{ background:url(../images/dot.png) no-repeat left top 12px; font-size:18px; color:rgba(102,102,102,1); line-height:25px; padding:7px 0px 7px 25px;}
.boxa-b .txt-box a{width:114px; height:39px; background:rgba(51,153,255,1); border-radius:4px; display:block;font-size:14px; color:#fff; text-align:center; line-height:39px; float:right; margin-top:25px;}
.boxa-b .txt-box a:hover{ background:#0080ff;}
.boxa-c{ background:#f7f7f7; width:100%; padding:60px 0px;}
.boxa-c .txt-box{ padding-left:25px; padding-right:60px;}
.boxa-c .txt-box p{font-size:18px; color:rgba(51,153,255,1); line-height:25px; margin-top:15px; max-width:510px; width:100%; padding-left:20px;}
.guanyu-box{ background:#fff; padding:50px 0px;}
.box-title{ text-align:center;}
.box-title h4{font-size:28px; color:rgba(51,51,51,1); font-weight:bold;}
.box-title span{font-size:14px; color:rgba(102,102,102,1); display:block;}
.guanyu-box .img-box{margin-top:25px;border-radius:8px; overflow:hidden;}
.guanyu-box .img-box img{ width:100%;}
.guanyu-box .txt-box{margin-top:25px; padding-top:20px;}
.guanyu-box .txt-box h4{font-size:17px; color:rgba(51,153,255,1); line-height:30px; font-weight:bold;}
.guan-list li{ color:#333333; font-size:16px; font-weight:bold; line-height:30px;}
.guan-list li span{ color:#333333; font-size:14px; font-weight:500; margin-left:15px;}
.guanyu-box .txt-box .fz{ margin-top:30px;}
.guanyu-box .txt-box .fz p{font-size:16px; font-weight:bold; color:rgba(51,51,51,1); line-height:34px;}

.more{width:114px; height:39px; background:rgba(51,153,255,1); border-radius:4px; display:block;font-size:14px; color:#fff; text-align:center; line-height:39px; float:right; margin-top:15px;}
.more:hover{ background:#0080ff; color:#fff;}
.zuixin-box{ background:url(../images/bg.png) no-repeat; padding:50px 0px; background-size:100% 100%}


.bx-wrapper {position:relative;padding:0;*zoom:1; margin-top:25px; height:285px; overflow:hidden;}

.bx-wrapper img {max-width:100%;display:block;overflow:hidden;}
.bx-wrapper .bx-pager { display:none;}
.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:30%;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;}
.bx-wrapper .bx-controls-direction a.disabled {display:none;}

.slide{background:rgba(255,255,255,1); border-radius:4px; overflow:hidden;}
.deal-box{background:rgba(255,255,255,1); box-shadow:-4px -4px 8px 0px #000; border-radius:4px; overflow:hidden; position:relative;}
.deal-box .img-box{ width:100%; max-height:195px; overflow:hidden;}
.deal-box .img-box img{ width:100%;}
.deal-box .txt-box{ padding:15px; text-align:center;}
.deal-box .txt-box h4{font-size:18px; color:rgba(51,51,51,1); line-height:25px; font-weight:bold; margin-bottom:8px;}
.deal-box .txt-box span{font-size:14px; color:rgba(102,102,102,1); line-height:20px; display:block;}
.deal-box:hover .deal-show{ display:block;}
.deal-show{ background:#3399fe; position:absolute; left:0; top:0; width:100%; height:100%; padding:20px; padding-bottom:0; display:none;}
.deal-show h5{font-size:18px; font-weight:bold; color:rgba(255,255,255,1); line-height:25px; text-align:center;}
.deal-show p{font-size:14px; color:rgba(255,255,255,1); line-height:24px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; line-clamp:4; -webkit-box-orient: vertical; margin-top:10px;}
.deal-show a{width:140px; height:36px; background:rgba(255,255,255,1);  box-shadow:0px 2px 4px 0px rgba(0,128,255,0.58); border-radius:22px; display:block; text-align:center; line-height:36px; color:#3399FF; font-size:16px; margin:0 auto; margin-top:30px; margin-bottom:15px;}
.deal-show span{ display:block; border-top:1px dashed #fff; line-height:45px; text-align:center; color:#E6E6E6; font-size:14px;}


.banner img{ width:100%;}

.zuixin-more{width:114px; height:39px; background:rgba(51,153,255,1); border-radius:4px; display:block;font-size:14px; color:#fff; text-align:center; line-height:39px; margin:0 auto; margin-top:35px;}
.zuixin-more:hover{ background:#0080ff; color:#fff;}
.xinwen-box{ padding:50px 0px;}
.xin-left{ float:left; width:38%; padding-right:25px; margin-top:25px; border-right:1px dashed #666666}
.xin-left .img-box img{ width:100%;}
.xin-left .txt-box{ width:100%;}
.xin-left .txt-box h4{font-size:18px; color:rgba(51,51,51,1);line-height:25px; margin:10px 0px;}
    .xin-left .txt-box p {
        font-size: 14px;
        color: rgba(51,51,51,1);
        line-height: 25px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        height: 75px;
        width: 100%
    }
.xin-right{ float:left; width:62%; padding-left:25px; margin-top:25px;}
.xin-right .txt-box{ padding-top:10px;}
.xin-right .txt-box h3{font-size:22px;font-weight:bold;  color:rgba(51,51,51,1); line-height:30px; position:relative; padding-right:90px;}
.xin-right .txt-box h3 span{ position:absolute; right:0; top:0;width:50px;  height:27px; background:rgba(236,101,15,1); border-radius:2px; color:#fff; font-size:14px; text-align:center; font-weight:500;}
.xin-right .txt-box p{font-size:14px; color:rgba(102,102,102,1); line-height:25px; margin:10px 0px;
                      overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;height:75px;width:100%
}
.xin-right ul li{ background:url(../images/y1.png) no-repeat center left; padding-left:30px;}
.xin-right ul li:hover{ background:url(../images/y2.png) no-repeat center left;}
.xin-right ul li a{ display:block; width:60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:32px; line-height:32px; font-size:16px; color:#333333; float:left;}
.xin-right ul li span{ display:block; width:40%; height:32px; line-height:32px; color:#666666; font-size:14px; float:right; text-align:right;}

.footer{ background:#f7f7f7; padding:20px 0px;}
.footer .logo{ padding-top:15px;}
.footer .txt-box h3{font-size:20px; color:rgba(51,51,51,1); line-height:50px; border-bottom:1px solid #979797; margin-bottom:10px;}
.footer .txt-box p{font-size:14px; color:rgba(51,51,51,1); line-height:30px;}
.footer .txt-box p img{ margin-right:8px;}
.kefu{ text-align:center;}
.kefu h5{ color:#333333; font-size:14px; line-height:50px;}
.kefu p{ color:#333333; font-size:16px; line-height:30px; font-weight:bold;}
.kefu span{color:#333333; font-size:14px; line-height:30px; font-weight:bold;}
.kefu a{width:100px;height:30px; background:rgba(51,153,255,1);border-radius:2px; text-align:center; line-height:30px; display:block; font-size:14px; color:#fff; margin:0 auto; margin-top:10px;}
.wema{ text-align:center; padding-top:15px;}
.wema img{ max-width:104px; width:100%;}
.wema span{font-size:14px; color:rgba(51,51,51,1);line-height:20px; display:block; margin-top:5px;}
.footer-tp{ padding-top:35px; text-align:center;}
.footer-tp .footerbox{ display:inline-block;}
.footer-tp .footerbox a{ display:inline-block;font-size:14px; font-weight:bold; color:rgba(51,51,51,1); line-height:25px;}
.footer-tp .footerbox a.on{ color:#FF3333;}
.footer-tp p{font-size:14px; font-weight:bold; color:rgba(51,51,51,1); line-height:25px;} 
.wrap{ margin-top:93px;}


.header {width:100%;position:fixed;top:0;left:0;z-index:999;padding:0px 30px;background:#fff;}
/*左侧logo*/
.header .left {width:20%; padding-top:20px;}
.header .left a img { max-width:100%; display:inline-block; height:auto;}
.header .left .img2 {display:none;}
/*右侧*/.header .nav {-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;line-height:50px;display:block;}
.header .navbar_nav li {float:left;position:relative;display:block; margin:0px 10px;}
.header .navbar_nav li:after {content:"";width:0;height:3px;background:#3399ff;position:absolute;bottom:0;left:0;transition:all 0.5s ease 0s;}
.header .navbar_nav li:hover:after {width:100%;}
.header .navbar_nav li a {text-decoration:none;height:100%;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-align:center; padding:10px 15px 10px 15px;}
 
.header .navbar_nav li a h4{ color:#333333; font-size:18px;line-height:20px; font-weight:bold; display:block; height:20px;}
.header .navbar_nav li a span{ color:#808080; font-size:12px;line-height:20px; display:block; height:20px;}



.header .navbar_nav li:hover a {color:#3399ff;}
.header .navbar_nav li.dropdown {display:inherit;position:relative;}
.header .navbar_nav li.dropdown .jt {width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block;}
.header .navbar_nav li.dropdown .dropdown_menu {display:none;position:absolute;top:60px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:120%;left:-10%;}
.header .navbar_nav li.dropdown .dropdown_menu a {font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px;}
.header .navbar_nav li.dropdown:hover .dropdown_menu {display:block;background:#f3f3f3;-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a {color:#666;}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover {color:#fff;background:#3399ff;}
/*白色背景的头部*/
.header.on {background:#fff;border-bottom:1px solid #ccc;}
.header.on .left .img1 {display:none;}
.header.on .left .img2 {display:block;}
.header.on .navbar_nav li a {color:#333;}
.header.on .navbar_nav li:hover a {color:orangered;}
#navToggle {display:none;}
.m_nav {position:fixed;top:0px;box-shadow:0 15px 27px 0 rgba(167,165,165,0.38);width:100%;height:100%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%);}
.m_nav.open {transform:translateX(0);}
.m_nav .top {height:60px;padding:20px;box-sizing:border-box;}
.m_nav .top .closed {width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer;}
.m_nav .logo {width:100%;margin:0 auto;}
.m_nav .logo img {height:35px;display:block;margin:30px auto;}
.m_nav .ul {margin-top:30px;}
.m_nav .ul li {padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0;}
.m_nav.open .ul li {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.m_nav .ul li:nth-child(1) {-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(2) {-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(3) {-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(4) {-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(5) {-webkit-transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.0s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li:nth-child(6) {-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;}
.m_nav .ul li a {display:block;text-decoration:none;color:#333;font-size:16px;width:100%; padding:10px 0px;}
.m_nav .ul li a h4{ color:#333333; font-size:16px;line-height:20px; font-weight:bold; display:block; height:20px;}
.m_nav .ul li a span{ color:#808080; font-size:12px;line-height:20px; display:block; height:20px;}


.m_nav .ul li .dropdown_menu {display:none;}
.m_nav .ul li.dropdown.active .dropdown_menu {display:block;}
.m_nav .ul li .dropdown_menu a {display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5;}
.m_nav .ul li .dropdown_menu a:last-child {border:none;}
.fl{ float:left;}
.fr{ float:right;}

@media screen and (max-width:992px) {
.header {padding:0; height:50px;}
.header .left{ width:40%; padding-top:10px;}
.header #navToggle {height:100%;padding:6px 15px;margin-right:-15px;display:inline-block;float:right;}
.header #navToggle span {position:relative;width:25px;height:1px;margin-top:19px;}
.header #navToggle span:before,.header #navToggle span:after {content:'';position:relative;width:100%;height:1px;left:0;}
.header #navToggle span,.header #navToggle span:before,.header #navToggle span:after {-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;background:#4f4f4f;}
.header #navToggle span:before {top:8px;}
.header #navToggle span:after {bottom:10px;}
.header #navToggle.open span:before {top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg);}
.header #navToggle.open span:after {bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
.header #navToggle.open span {background:none;}
.header #navToggle.open span:before,.header #navToggle.open span:after {background:#4f4f4f;}
.header .nav {display:none;}
}

@media ( max-width:1190px) {	
	.nav > li{ padding:0px; margin:0;}
	.navbar-nav > li > a{ padding:10px 12px 0px 12px;}
	.boxa-b .txt-box h3{ font-size:36px;}
	.boxa-list{ padding:0;}
	
	
}

@media ( max-width:990px) {	
	.navbar-brand{ padding:10px;}
	.boxa-a{ padding:25px 0px;}
	.boxa-a .txt-box{ width:100%;}
	.boxa-a .txt-box .a-txt h3{ padding-top:30px; font-size:28px; line-height:40px;}
	.boxa-a .txt-box .a-txt p{ font-size:18px; margin-top:10px;}
	.boxa-a .img-box{ width:100%;}
	.boxa-b{ padding:25px 0px;}
	.boxa-b .img-box{ width:100%;}
	.boxa-b .txt-box{ width:100%; padding:0;}
	.boxa-b .txt-box h3{ font-size:28px;}
	.boxa-list{ margin-top:0;}
	.boxa-list li{ font-size:16px;}
	.boxa-c .txt-box p{ max-width:100%; padding:0;}
	.xin-left{ width:100%; padding:0; border:0;}
	.xin-right{ width:100%; padding:0; border:0;}
	.guanyu-box{ padding:25px 0px;}
	.zuixin-box{ padding:25px 0px;}
	.xinwen-box{ padding:25px 0px;}
}

@media ( max-width:760px) {	
	.navbar-brand{ width:145px;}
	.wrap{ margin-top:50px;}
	.title img{ max-width:45%;}
	.boxa-a .txt-box .a-txt h3{ padding-top:0;}
	.box-title h4{ font-size:20px;}

}

@media ( max-width:640px) {	
	.title img{ max-width:30%;}
	.boxa-a .txt-box .a-txt h3{ font-size:20px; line-height:30px;}
	.boxa-a .txt-box .a-txt p{ font-size:16px; line-height:25px;}
	.boxa-b .txt-box h3{ font-size:20px; line-height:30px;}
	.boxa-list li{ padding:4px 0px 4px 25px; background:url(../images/dot.png) no-repeat left top 9px; font-size:14px;}
	.boxa-c .txt-box p{ font-size:14px;}
	.guanyu-box .txt-box{ margin-top:0;}
	.guanyu-box .txt-box .fz{ margin-top:20px;}
	.bx-wrapper{ width:285px; margin:15px auto;}
	.xin-right .txt-box h3{ font-size:16px;}
	.xin-right ul li a{ width:70%;}
	.xin-right ul li span{ width:30%;}
	.footer-tp p{ font-size:12px;}
	.footer-tp{ padding-top:15px;}
	.footer .logo{ text-align:center;}
	.footer .logo img{ margin:0 auto;}
	.boxa-a .txt-box{ padding:0;}
	.navbar-nav > li > a{ padding:0;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:0;}
	.navbar-nav > li > a{ height:45px;}
	.navbar-nav > li > a h4{ font-size:14px;}
	.navbar-nav{ margin:0;}
	.navbar-dh{ text-align:center; font-size:18px; padding-right:25px; margin-top:15px;}

}