@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;overflow-x:hidden; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl {float: left;}
.fr {float: right;}
.container{display: block;max-width:1800px; width:94%;  margin: 0 auto; }

.container2{display: block;max-width:1600px; width:90%;  margin: 0 auto; }

.hidden{ overflow:hidden;}
.hide{ display:none;}
.header{ position: fixed; top:0; left:0; padding:20px 0; z-index:1000; width:100%; 
transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.header .logo{ height:75px;}
.header .logo img{ display: block; height:100%;}
.header .logo .logo01{ display:block;}
.header .logo .logo02{ display:none;}
.header .tel{line-height:75px; float:right; padding-left:30px; background: url(../images/tel.png) no-repeat left center; font-size:16px; color:#ffffff; }
.nav-toggle{ display: none; }
.nav{ color:#ffffff; padding-right:40px;}
.nav li{ float: left; position:relative; }
.nav li>a{ display: block; padding:0 40px;line-height:75px;  font-size:16px; position:relative; z-index:10;}
.nav li .sub{ width:100%; top:75px; left:0; background:rgba(39,102,188,0.9);  position:absolute; text-align:center; font-size:14px; display:none; box-shadow: 0px 0px 10px #ffffff;}
.nav li .sub a{ display:block; height:40px; line-height:40px; border-top:1px solid #eef1f6; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.nav li .sub a:hover{ background:#0a499f;}
.header3{ padding:15px 0;}
.header2{ padding:15px 0; background: #2766bc; position: fixed; top:0; left:0; z-index:1000; width:100%;  }
.header2 .nav li>a{ color:#fff; }
.header2 .tel{ color:#fff; }
.header2 .tel{ background-image:url(../images/tel.png);}
.nav li:hover>a{background:rgba(39,102,188,0.9); color:#ffffff; box-shadow: 0px 0px 10px #ffffff;}

/*底部*/
.footer{ background:url(../images/footbj.jpg) no-repeat center center; background-size:cover; overflow: hidden;width:100%;float:left; }
.dbmain{ overflow: hidden;padding:70px 0;}
.dbcontact{}
.dbcontact .dblogo{ height:75px;}
.dbcontact .dblogo img{ display: block; height:100%; }
.dbcontact .info{ line-height:36px; font-size:14px; color:#767c92; margin-top:35px; }
.dbcontact .info p{padding-left:30px; }
.dbcontact .con01{ background: url(../images/con01.png) no-repeat left center;}
.dbcontact .con02{ background: url(../images/con02.png) no-repeat left center;}
.dbcontact .con03{ background: url(../images/con03.png) no-repeat left center;}
.dbcontact .con04{ background: url(../images/con04.png) no-repeat left center;}
.dbcontact .con05{ background: url(../images/con05.png) no-repeat left center;}
.dbnav{ overflow: hidden; color:#cbcccf;}
.dbnav li{ float: left; margin-left:250px;}
.dbnav li .tit{ font-size:18px; display: block; margin:25px 0;}
.dbnav li .sub{ font-size:14px; line-height:36px; color:#767c92; }
.dbnav li .sub a{ display: block;}
.dbnav a:hover{ text-decoration: underline; color:#ffffff;}

.dbrig{ overflow: hidden; margin-top:20px;}
.wechat{  float: left;width:100%;}
.wechat img{ width:100%; display: block;}
.rico{ float: left;width:100%; text-align:center;line-height:50px;}
.rico a{ width:40px; height:40px; background:#323232; display: block; border-radius:50%; margin-top: 18px;}
.rico a img{ display: block; width:100%; height:100%;}

.footer .bottom{ overflow: hidden; color:#767c92; font-size:14px; border-top:1px solid #323549; padding:30px 0;width:100%;float:left;}
.footer .dburl a{ }
.footer .bottom a:hover{ text-decoration: underline; color:#ffffff;}
.link{width:100%;float:left;color: #767c92;padding-bottom:2%;}
/*底部*/
.foot-po {
  display: none;
}

.animated{opacity: 0;}

.banner .banner-prev,.banner .banner-next,.banner .banner-prev:after,.banner .banner-next:after,.prodnav a,.hplist .swiper-slide,.hvlist li .tit,.footer .bottom a,
.mlist li.submit input,.nynav a,.nynav a:after,.videolist li .tit,.fenye a,.weizhi a,.videoshow .video_prev,.videoshow .video_next,.return:hover .ico,.downloadlist li .tit a,
.downloadlist li .download a,.newslist li,.newslist li .txt h3,.pnav li .tit a,.pnav li .tit a:after,.pnav li .sub a,.pnav li .sub a:after,.prodbtn a.online,.prodbtn a.prodtel,
.prod_tips a,.newslist li .txt .more,.modellist li .img,.modellist li .name,.return .ico,.hmore,.dbnav a,.nav li a,.nav li .sub a{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.ssaimg{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.ssaimg:hover{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}