@charset "utf-8";
/* CSS Document */

body,html{margin:0;padding:0;font-family: Microsoft YaHei; font-size: 1rem;  line-height: 1.5; color: #373a3c; background-color: #fff; width:100%; max-width:100%; min-width:1250px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
input, textarea{border: 0;background: none; outline: 0; resize: none;}
input:hover,input:active,input:focus{ outline: 0;}
ul,ul li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}
img,a img{border:0;margin:0;padding:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration:none; color:#444; -moz-transition: all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s; }
a:hover{text-decoration:none; }
.fl{float:left;}
.fr{float:right;}
textarea{resize:none; overflow:auto;}
.clearfix::after {content:""; display: block; clear:both; }
.clearfix{zoom:1;}
.clear { clear: both;font-size: 0;height: 0;line-height: 0;}
.baseDiv{ width:1250px; margin:0 auto; margin-left:auto !important; margin-right:auto !important; }


/*top*/
.top_bg{ /*background:url(../images/top_bg.png) repeat-x;*/ width:100%; height:37px; line-height:37px; position:relative; z-index:9999;}
.top_l{ height:37px; line-height:37px; overflow:hidden; color:#fff; font-size:0.9125rem;}
.top_r{ color:#fff; font-size:0.9125rem; line-height:37px; height:37px;}
.top_r a{ color:#fff;}
.top_r span{ padding:0 15px;}
.top_r a:hover{ text-decoration:underline;}

.logo_nav{ width:100%; background:rgba(255,255,255,0.6); position:fixed; z-index:99; /*box-shadow:0px 1px 8px rgba(0,0,0,0.3);*/}
.logo_tel{ /*height:120px;*/ width:100%;}
.logo{padding:4px 0 0  0; width:25%; text-align:center;}
/* .logo img{ margin:auto;} */

.nav i{ display:none;}
.nav_bg{/*background: #133169; /*border-bottom: 3px solid #076CE0;*/ width:70%;}
.mobile-inner-nav{height:100%;}
.mobile-inner-nav a{display:block; float:left; width:calc(100%/8);  text-align:center; background:url(../images/nav_fg.png) no-repeat left center; font-size:1rem; height:70px; line-height:70px; position:relative; color:#000;}
.mobile-inner-nav a.on{ background:none;color:#fff;}
.mobile-inner-nav a span{ display:block; position:relative; z-index:9;font-size:16px;}
.mobile-inner-nav a i{background:#076CE0; display:block; position:absolute; left:0%; bottom:0; height:100%; transition:0.5s; width:100%; transform:scaleX(0); transition:0.5s; }
.mobile-inner-nav a:hover i,.mobile-inner-nav a.cur i{transform:scaleX(1); transition:0.5s;}
.mobile-inner-nav a:hover span{color:#fff;}

/*banner*/
#banner { background: #fff; margin-bottom: 0; position: relative; } 

#banner .swiper-slide .banner-b1{position: absolute;top: 28%;left: 23%; width:50%;height:30%; border:5px solid #fff;}
#banner .swiper-slide .banner-b2{position: absolute;top: 26%;left: 21%; width:50%;height:30%; border:5px solid #076CE0;}
/* #banner .swiper-slide .banner-img img{width:100%; height:100%;} */

#banner .swiper-slide .banner-text{position: absolute;top: 30%;left: 24%; width:50%}
#banner .swiper-slide h1{  color: #ffffff; font-size:64px;} 
#banner .swiper-slide h1 span{color:#076CE0; font-size:32px; margin-left:3%;letter-spacing:3px;}
/* #banner .swiper-slide h2{  color: #ff9800;letter-spacing: 10px;}  */
#banner .swiper-slide h3{  color: #fff;letter-spacing: 2px;font-size: 68px;padding-top: 3%; font-weight:600} 

.banner { width: 100%; height: auto; position: relative; -webkit-user-select: none; -moz-user-select: none; }  
.banner .swiper-slide { width: 100%; height: auto; position: relative; }  
.banner .swiper-slide .bg { width: 100%; height: auto; }  
.banner .swiper-slide .bg img { width: 100%; height: auto; }  
.banner  .swiper-button-prev{ 
background-repeat: no-repeat;
background-position: left top;
background-image: url(../images/slideshow_arrow_left.png);
background-color: transparent;
}
.banner .swiper-button-next{ 
 background-repeat: no-repeat;
background-position: left top;
background-image: url(../images/slideshow_arrow_right.png);
background-color: transparent; 
} 
/*banner end*/


/*banner下方搜索*/
.ss{ overflow:hidden; line-height:37px; background-color:#e1eef2; padding:16px 0;}
.ss .ssBox .ggt{ color:#d81e06; font-weight: 700;  font-size:15px; padding-right:15px; padding-left:30px; background: url(../images/sst.png) left center no-repeat; }
.ss .ssBox .ss_nr{ width:640px; overflow:hidden; white-space:nowrap; }
.ss .ssBox .ss_nr div{ display:inline-block; min-width:100%; font-size:15px; color:#999;}
.ss .ssBox .ss_nr div a{ color:#888; font-size:14px; margin-right:30px; display:inline-block;}
.ss .ssBox .ss_nr div a:hover{ color:#dc0000; text-decoration:underline;}
.searchBox{ position:relative;}
.searchBox .leftImg{ display:block; width:50px; height:37px; background:url(../images/ss.png) center center no-repeat;}
.searchBox .search_input{ display:block; float:left; height:37px; line-height:36px; border:0; background:none; font-family:"Microsoft YaHei"; font-size:14px; text-indent:1rem; background:url(../images/ssdh.png) left center no-repeat;width:320px; border:1px solid #ebebeb; background:#fff;border-left:5px solid #333;}
.searchBox .search_btn{ display:block;  z-index:10;width:70px; height:37px; line-height: 35px; background:#222 ; letter-spacing:5px ; color: rgba(255,255,255,0.8); font-size:16px;font-family: Microsoft YaHei;  border:0; cursor:pointer;}
.searchBox .search_btn:hover{ background-color:#ea9503;}


.left_class{ width:260px; }
.left_class .classT{ height: 90px; background:#1c5bbe ; position: relative;z-index: 10; text-align: center; border-top:5px solid #faaa18; }
.left_class .classT .t{display: inline-block; /*background: url(../images/classt.png) left center no-repeat;padding-left:67px;*/margin-top:14px; }
.left_class .classT .div1{ font-size:29px; font-weight: 700; color: #fff; }
.left_class .classT .div2{ font-size:12px; color: rgba(255,255,255,0.6);  }
.left_class .classBox{ padding:10px 0 20px 0; border:3px solid #1c5bbe;background: #fff; border-bottom: 3px solid #faaa18;}
.left_class .classBox li{  margin-top:12px; position: relative; }
.left_class .classBox li .a1{margin:auto; width:225px; font-size: 15px; color: #222; font-weight: 500; height:65px; line-height:65px; display: block; background:#eee; text-align: left; position: relative; }
.left_class .classBox li .a1 .div_l{ display: block; height: 100%; width:66px; background:#fff; border-radius:0 65px 65px 0; }
.left_class .classBox li .a1 .div_l .div1{width:60px; height: 60px; overflow:hidden;font-size:22px; font-weight:600;color:#fff;text-align:center;border-radius: 50%;background:#1c5bbe;
	-moz-border-radius:100%;
	-webkit-border-radius:100%; 
	-o-border-radius:100%; 
	-ms-border-radius:100%;  
 	border-radius:100%; 

 position: relative;top:50%;margin-top:-30px ; left:0; background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;-moz-transition: all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;}
.left_class .classBox li:hover .a1 .div_l .div1{ left:6px; }
.left_class .classBox li .a1 .div_r {}
.left_class .classBox li .a1 .div_r span{ display:block;margin-left:15px; }
.left_class .classBox li .a1 .jt{ height: 100%; width: 11px; right:15px; top:0; position: absolute; z-index:5;background: url(../images/jt.png) right center no-repeat; }
.left_class .classBox li:hover .a1{ background: #faaa18;  color: #fff; }
.left_class .classBox li .dh2{display:none; position: absolute; left:100%; top:0; z-index: 1000; background:#1c5bbe; width:220px;padding:15px;}
.left_class .classBox li .dh2 .a2{display:block; position: relative; height: 55px; line-height: 55px; border-radius:0 40px 40px 0; color:rgba(255,255,255,0.8); font-size:15px;margin-bottom:2px; background:rgba(0,0,0,0.2); }
.left_class .classBox li .dh2 .a2 span{padding-left:30px;display: inline-block; margin-left:20px;}
.left_class .classBox li .dh2 .a2::after{ content: '';display: block; position: absolute; left:20px; top:50%;margin-top:-7px; height:9px ; width:9px; border-radius: 100%; border:3px solid rgba(255,255,255,0.2); }
.left_class .classBox li .dh2 .a2:hover{ background: #faaa18; color: #fff; }
.left_class .classBox li:hover .dh2{display: block;}

.left_class .more{ display: block; height:60px; text-align: center; line-height:60px; color: #fff;margin:5px 0; background:#fda102; font-size:25px; letter-spacing: 2px; }
.left_class .more:hover{ background: #e69201; }

.left_class .lxwm{ margin-top:0px; border:3px solid #3671cf;padding:13px 0; background: #3671cf ;border-top: 3px solid #fda102;}
.left_class .lxwm .t{ height:45px; line-height:45px; color:#aaa; background:rgba(0,0,0,0.2); margin:0 10px; text-align: center;}
.left_class .lxwm .t .span1{ font-size:13px; }
.left_class .lxwm .t .span2{ padding-left:10px; font-size:14px; color: #b4cffa;display: none;}
.left_class .lxwm .lxwm_box{ padding:25px 0;margin:0 10px;background:rgba(0,0,0,0.2);margin-top:3px; }
.left_class .lxwm .lxwm_box p{ line-height:24px; color:#333; font-size:14px; padding:10px 15px; background: #fff; border-left:10px solid #ddd; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb;margin-top:10px;}
.left_class .lxwm .lxwm_box img{ display: block; width:150px; height: 150px; margin:auto; }





/**/
.foot{ background-color:#111 ; position:relative; overflow: hidden;}
.foot_nav{padding:0px 0 5px 0; }
.foot_nav>.baseDiv{ border-bottom:1px solid #333; }
.foot_nav ul{}
.foot_nav ul li{ float: left; width:12.5%; }
.foot_nav ul li a{ display: block; width:100%; height:70px; line-height:70px; color: #fff; background:rgba(0,0,0,0.0); font-size: 14px;text-align: center;margin:auto; }
.foot_nav ul li a:hover{ background: #333; color: #fff; }
.foot .footLogo{ width:180px; height:190px;background:url(../images/logo2.png) left center no-repeat; }
.foot .bot_box{ position:relative; width:1070px; height:170px;padding:10px 0;}
.foot .bot_box .div_lin{ line-height:25px; font-size:13px; color:#fff; padding-top:10px;}
.foot .bot_box .div_lin span{ padding-right:25px;}
.foot .bot_box .div_lin a{ font-size:13px; color:#fff;}
.foot .bot_box .div_lin a:hover{ color:#fff;}
.foot .bot_box .gzwm{  position: absolute; width:130px; top:20px; height:100%;}
.foot .bot_box .gzwm_1{ right:0;}
.foot .bot_box .gzwm_2{  right:160px;}
.foot .bot_box .ewm{ }
.foot .bot_box .ewm img{ display:block; width:130px; margin: auto; }
.foot .bot_box .z{text-align: center;z-index:10; width:100%; color:#888; font-size:12px; text-align:center; padding-top:8px;}

.gongshi{ display:inline-block; vertical-align: bottom; position: relative; width:130px; height: 35px; }
.gongshi img{display: block; height:35px;top:5px; position: absolute; left:0;}

/*首页在线留言*/
.left_ly{ position: fixed; left:0; bottom:0;z-index:999; cursor:pointer;width:200px ; height:129px; background: url(../images/open_btn.png) left center no-repeat; overflow: hidden;transition: 400ms;-webkit-transition: 400ms; }
.left_ly.gb{ width: 0; }

.index_gbook{ position: fixed;z-index: 999; bottom:0; left:0; width: 100%;background:url(../images/bg3.png) ;transition: 400ms;-webkit-transition: 400ms; }
.index_gbook.gb{ overflow: hidden; width: 0;}
.index_gbook .gbook_box{ position: relative;padding:30px 0 45px 0; }
.index_gbook .gbook_box .close{display: block; cursor:pointer; position: absolute;right:0; top:-30px; width: 50px; height: 50px; border-radius: 100%; background:#3671cf url(../images/close_ico2.png) center center no-repeat;transition: 400ms;
 -webkit-transition: 400ms;}
.index_gbook .gbook_box .close:hover{background-color: #1c5bbe;transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.index_gbook .gbook_box .FaqTitle{margin-top:15px;margin-right:15px ; display: block; width:340px; padding: 0 13px; color: #aaa;line-height:40px; height:40px;border: 1px solid #666;}
.index_gbook .gbook_box .codeInput{ width:170px;margin-right:8px; }
.index_gbook .gbook_box .codeImg{margin-top:15px; height:40px;cursor: pointer;display: inline-block;}
.index_gbook .gbook_box .textarea{ height:95px;padding:5px 13px; width:250px; line-height:23px; }
.index_gbook .gbook_box .wizfrm{display: block; width:230px; border-radius: 8px; height: 95px;margin-top:15px; background:#fda102; color: #fff; font-size:25px; cursor:pointer;}
.index_gbook .gbook_box .wizfrm:hover{ background: #e08f03; }


/*客服*/
.qqkefu{
    position: fixed;
    top:25%;
    z-index: 99;
    /*right:0;*/
    right: 30px;
    width:39px;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background:url(../images/qr_bg.png) no-repeat;
    background-color: #0055B2;
    line-height:45px;
    font-size:14px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
    padding-left: 10px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background-color:#066dd8;
}
.qqkefu ul li.top{
    background-position: 0 0;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}

.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:right;
}
.qqkefu ul li span{
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li.qq_phone{
    background-position: right -46px;
}
.qqkefu ul li.qq_ku{
    background-position: right -92px;
}
.qqkefu ul li.qq_ms{
    background-position: right -138px;
}
.qqkefu ul li.qq_czb{
    background-position: right -184px;
}
.qqkefu ul li.qq_app{
    background-position: right -228px;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.qqkefu ul li.qq_alibaba{
    background-position: right -275px;
}
.qqkefu ul li.qq_taobao{
    background-position: right -319px;
}
    .erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 122px;
}
    .app{
    width: 130px;
    height: 160px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.app p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.app p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}
.app .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    /*background:url(../images/czx6.png) no-repeat;*/
    position: absolute;
    right: -5px;
    top: 132px;
}