@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; }
.w1200{width:1200px;margin:auto;}
/*.w1380{width:1380px;margin:auto;}*/

.container{width:1200px;margin:auto;}

/*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.9); 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:#076CE0;}
.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;color:#076CE0}
.mobile-inner-nav a:hover span{color:#076CE0;}



/* --header-- */
.wrapper{margin:0 auto;width:1200px;}
.top_header{position:fixed;z-index:99;width:100%;background: rgba(255,255,255,1);}
.top-wrap{height:40px;line-height:40px;overflow:hidden;/*background: url(../images/top.png) no-repeat right;*/background:#2056ad }
.top-menu{float:right;overflow:hidden;}
.top-menu li{float:left;font-size:14px;}
.top-menu li a{display:block;color:#fff;}
.top-menu li a:after{display:block;content:"";float:left;margin:0 16px;width:1px;height:40px;background:#fff;}
.top-menu li a:hover{color:#fff;}
.top-tel{float:right;padding-left:28px;font-family:"DIN Medium";font-size:18px;color:#fff;background:url(../images/top_tel.png) no-repeat 0 center;}
.header{width:100%;}
.header .wrapper{position:relative;}
.head-logo{float:left;margin-top:5px;height:68px;overflow:hidden;}
.head-logo img{display:block;width:auto;height:100%;}
.head-nav{float:right;width:75%}
.nav-list li{position:relative;float:left;margin:0 18px;width:10%;height:80px;line-height:80px;font-size:16px;font-weight:bold;border:0px solid #eee;text-align:left;}
.nav-list li:nth-child(1){text-align:center;}
.nav-list li>a{display:block;color:#333;position:relative;}
.nav-list li>a .navdown{font-size:12px;opacity:1;position:absolute;right:0;top:35px}
.nav-list li>a .navup{font-size:12px;opacity:0;position:absolute;right:0;top:35px}
.nav-list li>a:hover,.nav-list li.cur>a{color:#2056ad;}
.nav-list li:after{display:block;position:absolute;bottom:0;left:0;width:0;height:3px;content:"";background:#2056ad;transition:all 0.5s;}
.nav-list li:hover:after,.nav-list li.cur:after{width:100%;}
.nav-list li:hover .navdown{opacity:0;}
.nav-list li:hover .navup{opacity:1;}

.dropDown{display:none;position:absolute;z-index:9999;left:50%;top:100%;margin-left:-75px;width:150px;overflow:hidden;background: rgba(255, 255, 255, 0.9);border-radius:0 0 5px 5px;}
.dropDown dd{height:50px;line-height:50px;text-align:center;font-size:14px;}
.dropDown a{display:block;color: #333;}
.dropDown a:hover{background:#2056ad;color:#fff}

.nav-list li:hover .dropDown{display:block;}

.searchBtn{float:right;margin-top:36px;width:30px;height:30px;cursor:pointer;background:url(../images/search_btn.png) no-repeat center;}
.search-wrap{display:none;position:absolute;z-index:333;top:24px;right:0;width:290px;padding:10px;height:30px;background:#fff;overflow:hidden;border:#5d7d6d solid 1px;border-radius:5px;}
.search-wrap input{display:block;float:left;width:200px;height:30px;line-height:30px;border:none;outline:none;background:none;}
.search-wrap button{display:block;float:left;width:30px;height:30px;border:none;outline:none;cursor:pointer;background:url(../images/search_btn.png) no-repeat center;}
.search-wrap em{position:absolute;top:10px;right:10px;display:block;opacity:0.5;cursor:pointer;width:30px;height:30px;background:url(../images/closebtn.png) no-repeat center;}
.search-wrap em:hover{opacity:1;}
.header.fixed{position:fixed;z-index:9999;left:0;top:0;height:85px;background:#fff;box-shadow:0 0 5px #ccc;}
.header.fixed .head-logo{margin-top:1px;}
.header.fixed .nav-list li{height:70px;line-height:70px;}
.header.fixed .head-nav{/*margin-top:15px;*/}
.header.fixed .searchBtn{margin-top:20px}
.header.fixed .search-wrap{top:8px;}
/* --end header-- */

/*banner*/
#banner { background: #fff; margin-bottom: 0; position: relative;padding-top:80px; } 

#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*/


.more{ width: 170px;height: 50px; margin-top: 50px; background: #f9ab15; overflow: hidden;   }
.more a{display: block;width: 170px;height: 50px;  }
.more a .more_s{width: 100px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;}
.our_more a .more_s{background: #556a81; }
.more a .more_s span{ transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;  }
.more:hover a .more_s span{margin-left: 10px; }
.more a .arrows{position: relative;width: 70px;height: 50px;  }
.our_more a .arrows .arrows_s{background: #556a81;}
.more a .arrows .arrows_s{position: absolute;width: 10px;height: 90px; margin: -10px 0 0 -7px; transform:rotate(9deg); transform:rotate(9deg); -ms-transform:rotate(9deg); -moz-transform:rotate(9deg); -webkit-transform:rotate(9deg); -o-transform:rotate(9deg); transition: all 0.9s; -moz-transition: all 0.9s; -webkit-transition: all 0.9s; -o-transition: all 0.9s; }
.more:hover a .arrows .arrows_s{width: 100px;height: 90px;}
.more a .arrows .img{position: absolute;z-index: 50; margin: 18px 0 0 30px; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.2s; -o-transition: all 0.3s; }
.more:hover a .arrows .img{margin-left: 20px;  }
.news_more{margin: 40px auto 50px;}
.news_more a .more_s{background: #075f9d;  }
.news_more a .arrows .arrows_s{background: #075f9d;  } 


.footer { background:url(../images/footer_bg.jpg) /*rgba(32, 40, 46, 1);*/;  height:320px; } 
.footer .ewm{width: 265px;height: 280px;padding-top: 40px;/*background: #023267;*/line-height: 24px;color: #fff;text-align: center;}
.footer .ewm img{display: block;margin: 0 auto;width:150px;height:150px;border:1px solid #fff;}
.footer-main{width: 800px;padding-top: 24px;line-height: 28px;color: #cbd2de;/*text-transform: uppercase;*/}
.footer-main a{color: #cbd2de;transition: color 500ms ease-in 0ms;}
.footer-main a:hover{color: #fff;}
.footer-main .menu{height: 50px;border-bottom: 1px solid #fff;margin-bottom: 45px;}
.footer-main .menu a{display: inline-block;float: left;padding: 0 26px;font-size: 14px;line-height: 50px;color: #e7e7e7;}
.footer-main .menu a.home{padding-left: 0;}
.footer-main p.link a{display: inline-block;padding: 0 15px;}
.footer-main .share{float: left;display: inline;width:400px;line-height:40px;font-size:15px;}
.footer-link{margin-top: 30px;border-top: 1px solid #1a508b;padding-top: 12px;font-size: 14px;line-height: 30px;color: #fff;}
.footer-link a{display: inline-block;float: left;margin-right: 45px;color: #a3b0c5;transition: color 500ms ease-in 0ms;}
.footer-link a:hover{color: #000;}


/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;bottom:120px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar ul li a{color:#fff;}
.yb_bar ul li a:visited{color:#fff;}
.yb_bar .yb_top{background:#205ab7 url(../images/fixcont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#205ab7 url(../images/fixcont.png) no-repeat 0 -57px;}
.yb_bar .yb_phone8{background:#205ab7 url(../images/search8.png) no-repeat 0 0px;}
.yb_bar .yb_QQ{text-indent:0;background:#205ab7 url(../images/fixcont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#205ab7;background:#205ab7 url(../images/fixcont.png) no-repeat 0 -169px;text-align:center;}
.yb_bar .yb_ercode p{width:100%;display:block;font-size:14px;line-height:16px;border:1px solid #fff}
.yb_bar .yb_ercode img{width:125px;height:125px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

