@charset "utf-8";
/* CSS Document */
html, body {font-size: 12px;margin: 0px;padding: 0px;text-decoration: none;font-family:"微软雅黑";background: #efeded;text-align: center;-webkit-text-size-adjust: none;}
a {	color: #666666;text-decoration: none;outline:none; star:expression(this.onFocus=this.blur());}
a:hover, a:active { color: #d0021c;}
* { margin: 0px;padding: 0px;list-style: none;}
table {	border-collapse: collapse;}
ul, li {list-style: none;border: 0 none;padding: 0px;}
form {margin: 0px;}
img {border: 0px none;text-align-last: center;vertical-align: middle;_azimuth:expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true);}
center {text-align: left;	color: #999;height: 50px;}
#dhtmltooltip {z-index: 100;visibility: hidden;	position: absolute;text-align: left;border: 1px solid #ccc;}
#clear, .clear {clear: both;float: none!important;background: none;width: 0 !important;	height: 0 !important;}
#noData, .noData {color: #ccc;font-size: 14px;text-align: left;padding: 50px 0px;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
::-webkit-scrollbar {width:8px;height: 1px;}
::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background:#02174c;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 10px;background: #ededed;}

/* head*/
#head{ position:relative;z-index:999; width:100%; background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1); margin:0 auto;}
#head>.wrap{ width:1460px; height:120px; margin:0 auto;}
#head .logo{ position:relative; width:240px; line-height:120px; text-align:center;}
#head .logo:after{ position:absolute;z-index:1; left:0; bottom:4px; width:100%; height:5px; background:#d0021c; content:'';}
#head .logo:before{ position:absolute;z-index:1; left:0; bottom:-11px; width:100%; height:15px; background:#02174c; content:'';}
#head .logo>a{display:block;margin:0;}
#head .logo>a>img{ width:100%; height:auto;}
#head .search{ width:80px; line-height:120px; text-align:center;}
#head .search>a{display:block; margin:0 auto;}
#head .search>a>img{width:24px;height:auto;opacity:.4; transition:all .35s;}
#head .search>a:hover img{opacity:.6;}
#head .menu{ width:56%; line-height:120px;}
#head .menu>ul{margin:0 auto;}
#head .menu>ul>li{ position:relative; display:block; float:left; width:14.2%; line-height:120px;}
#head .menu>ul>li>a{display:block; font-size:16px;}
#head .menu>ul>li>div{ display:none; position:absolute;left:0; top:100px; width:100%; line-height:65px; background:#d0021c;box-shadow:3px 2px 4px rgba(0,0,0,.08);}
#head .menu>ul>li>div>a{display:block; font-size:14px; color:#fff; text-align:center;border-top:1px solid rgba(255,255,255,0.15); border-bottom:1px solid rgba(0,0,0,.06); transition:all .35s;}
#head .menu>ul>li>div>a:hover{background:#02174c;border-top:1px solid rgba(255,255,255,0.3);}

/* end*/




/* search*/

#search{ display:none; position:relative; background:#02174c;overflow:hidden; box-sizing:border-box; margin:0 auto;}
#search>form{ width:60%; border:1px solid rgba(255,255,255,.2); margin:20px auto;}
#search>form input[type="text"]{outline: medium;float:left;height:60px;line-height:60px;width:70%; padding:0 5%;border:none; font-size:16px; background:none;color:#fff;box-sizing:border-box;overflow:hidden;}
#search>form input::-webkit-input-placeholder{ color:#ccc;}
#search>form button{float:right;width:20%;height:60px;border:none; opacity:.8;background:url(../images/icon-go-white.png) no-repeat center center;background-size:auto 25px;cursor:pointer;box-sizing:border-box;overflow:hidden;}
/* end*/


/* banner*/
#banner{position:relative; z-index:90; width:100%; height:auto; transition:all .35s;}
#banner>.swiper-container {width: 100%; height:100%;}
#banner .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#banner img{width:100%; height:auto;}
#banner>.swiper-button{ position:absolute;z-index:3; left:50%; bottom:-20px; margin-left:-630px; width:1260px; background:#ff0000;}
#banner>.swiper-button>.prev{ position:absolute;z-index:1;right:56px; bottom:0; width:56px;height:56px; background:#d0021c url("../images/arrow-left-white.png") no-repeat; background-position:50% 50%; background-size:30px auto; cursor:pointer; transition:all .35s;}
#banner>.swiper-button>.prev:after{ position:absolute;z-index:1;left:0;top:0; width:0;height:100%; background:rgba(255,255,255,.1); content:''; transition:all .35s;}
#banner>.swiper-button>.prev:hover:after{ width:100%;}
#banner>.swiper-button>.next{ position:absolute;z-index:1;right:0; bottom:0; width:56px;height:56px; background:#02174c url("../images/arrow-right-white.png") no-repeat; background-position:50% 50%; background-size:30px auto; cursor:pointer; transition:all .35s;}
#banner>.swiper-button>.next:after{ position:absolute;z-index:1;left:0;top:0; width:0;height:100%; background:rgba(255,255,255,.1); content:''; transition:all .35s;}
#banner>.swiper-button>.next:hover:after{ width:100%;}
/* end*/




/* main*/
#main{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#main .wrap{ width:1260px;margin:0 auto;padding:100px 0;}
#main>.product{width:100%;margin:0 auto;}
#main>.product>.wrap>.dtu{ position:relative; width:280px;height:280px;overflow:hidden; background:#d0021c; margin-right:30px; transition:all 1s;}
#main>.product>.wrap>.dtu:hover{ background:#fff; box-shadow:2px 3px 8px rgba(0,0,0,0.1);}
#main>.product>.wrap>.dtu:hover .img{opacity:.8; right:10px;}
#main>.product>.wrap>.dtu:hover .tit{ color:#d0021c;}
#main>.product>.wrap>.dtu:hover .subtit{ color:rgba(0,0,0,.5);}
#main>.product>.wrap>.ftu{ position:relative; width:280px;height:280px; margin-right:30px; background:#02174c; transition:all .5s;}
#main>.product>.wrap>.ftu:hover{ background:#fff; box-shadow:2px 3px 8px rgba(0,0,0,0.1);}
#main>.product>.wrap>.ftu:hover .img{opacity:.8; right:10px;}
#main>.product>.wrap>.ftu:hover .tit{ color:#02174c;}
#main>.product>.wrap>.ftu:hover .subtit{ color:rgba(0,0,0,.5);}
#main>.product>.wrap>.sr{ position:relative; width:280px;height:280px; background:#2c4b98; transition:all .5s;}
#main>.product>.wrap>.sr:hover{ background:#fff; box-shadow:2px 3px 8px rgba(0,0,0,0.1);}
#main>.product>.wrap>.sr:hover .img{opacity:.8; right:10px;}
#main>.product>.wrap>.sr:hover .tit{ color:#2c4b98;}
#main>.product>.wrap>.sr:hover .subtit{ color:rgba(0,0,0,.5);}
#main>.product>.wrap .tit{ position:absolute;z-index:2; left:30px;top:30px; font-size:60px; font-weight:700; font-family:"Arial Black"; color:rgba(255,255,255,1);}
#main>.product>.wrap .subtit{ position:absolute;z-index:2; left:33px;top:110px; font-size:16px; letter-spacing:4px; color:rgba(255,255,255,.5);}
#main>.product>.wrap .img{ position:absolute;z-index:1; right:0; bottom:0; width:86%; height:86%; text-align:left; opacity:.1; transition:all .35s;}
#main>.product>.wrap .img>img{width:100%;height:auto; transition:all .35s;}
#main>.product>.wrap>.more{position:relative;width:330px;height:280px; background:#999;overflow:hidden; transition:all .35s;}
#main>.product>.wrap>.more>a{ display:block;}
#main>.product>.wrap>.more>a>.cn{ position:absolute;z-index:9; left:90px; top:100px; font-weight:400;font-size:24px; color:rgba(255,255,255,1); transition:all .35s;}
#main>.product>.wrap>.more>a>.en{ position:absolute;z-index:9; left:90px; top:136px; text-transform:uppercase; font-family:"Arial Narrow"; font-weight:200;font-size:20px; color:rgba(255,255,255,.4); transition:all .35s;}
#main>.product>.wrap>.more>a>.arrow{ position:absolute;z-index:9; left:192px; top:98px; width:36px;height:36px; background:url("../images/arrow-right-outline-red.png") no-repeat; background-size:100% auto; transition:all .35s;}
#main>.product>.wrap>.more>a>.bg{ position:absolute;z-index:1; width:100%;height:100%; background:url("../images/pro-more-bg.png") no-repeat; background-size:100% 100%; transition:all 1s;}
#main>.product>.wrap>.more:hover{ background:#000; }
#main>.product>.wrap>.more:hover .bg{ transform:scale(1.1);opacity:.6;}
#main>.product>.wrap>.more:hover .cn{left:95px;}
#main>.product>.wrap>.more:hover .en{left:95px;}
#main>.product>.wrap>.more:hover .arrow{left:197px;}
#main>.news{ width:100%;height:auto;background:#fff;margin:0 auto;}
#main>.news>.wrap>.title{ font-size:30px; color:#333;font-weight:600; text-align:left;}
#main>.news>.wrap>.subtit{padding:20px 0;}
#main>.news>.wrap>.subtit>.txt{ width:60%; text-align:left; font-size:15px; color:#999;}
#main>.news>.wrap>.subtit>.more{width:30%; text-align:right;}
#main>.news>.wrap>.subtit>.more>a{ display:inline-block; color:#999;font-size:14px; transition:all .35s;}
#main>.news>.wrap>.subtit>.more>a:hover{ color:#d0021c; text-decoration:underline;}
#main>.news>.wrap>.container{ width:1260px;margin:0 auto;}
#main>.news>.wrap>.container>.focus{ width:40%;}
#main>.news>.wrap>.container>.focus>a{ position:relative;display:block;}
#main>.news>.wrap>.container>.focus>a>.img{ text-align:center;overflow:hidden;}
#main>.news>.wrap>.container>.focus>a>.img>img{ width:100%;height:auto; transition:all 1s;}
#main>.news>.wrap>.container>.focus>a>.tit{ position:absolute;z-index:9; left:0; bottom:0; width:90%; padding:5%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align:center; font-size:15px; color:#fff; background:rgba(0,0,0,.7);}
#main>.news>.wrap>.container>.focus>a:hover .img>img{ transform:scale(1.2);}
#main>.news>.wrap>.container>.list{ width:56%;}
#main>.news>.wrap>.container>.list>ul{display:block;margin:0 auto;}
#main>.news>.wrap>.container>.list>ul>li{display:block;width:48%;text-align:left;}
#main>.news>.wrap>.container>.list>ul>li:nth-child(odd){float:left;}
#main>.news>.wrap>.container>.list>ul>li:nth-child(even){ float:right;}
#main>.news>.wrap>.container>.list>ul>li>a{display:block; padding:20px 25px;background-color: #fff;min-height: 127px; transition:all .35s;}
#main>.news>.wrap>.container>.list>ul>li>a>.tit{ font-size:16px; color:#444; line-height:31px; font-weight:600;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#main>.news>.wrap>.container>.list>ul>li>a>.time{font-size:13px; color:#666;}
#main>.news>.wrap>.container>.list>ul>li>a>.txt{ height:42px; font-size:13px; color:#666; line-height:23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#main>.news>.wrap>.container>.list>ul>li>a:hover{background:#f9f9f9;}

/* end*/

/* path*/

#path{ position:relative;z-index:99; margin-top:-40px; height:40px; line-height:40px; font-size:14px; background:#d0021c; opacity:.9; color:rgba(255,255,255,1);}
#path>.home{ width:18%;text-align:right; padding:0 20px; background:#02174c;}
#path>.route{ width:78%;text-align:left; box-sizing:border-box; padding:0 10px;}
#path img{height:18px; width:auto; margin-right:3px; opacity:.8;}
#path a{display:inline-block; color:rgba(255,255,255,1); font-size:14px; transition:all .35s;}
#path a:hover{ text-decoration:underline;}
#path a.A{ color:rgba(255,255,255,1); text-decoration:none!important;}

/* end*/


/* navpart*/

#navpart{position:relative;z-index:99; background:#fff; border-bottom:1px solid #ddd;padding:30px; text-align:center;margin:0 auto;}
#navpart>.wrap{ width:90%;margin:0 auto;}
#navpart a{ position:relative; display:inline-block; font-size:16px; border:1px solid #ddd;padding:10px 30px; margin:0 6px; transition:all .35s;}
#navpart a:hover{border:1px solid #d0021c;}
#navpart a.A{ background:#d0021c; border:1px solid #d0021c; color:#fff;}


/* end*/


/* about*/

#about{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#about>.wrap{width:90%;max-width:1260px;margin:0 auto;padding:100px 0;}
#about .img{ width:40%; text-align:left;}
#about .img>img{ width:100%;height:auto;}
#about .container{ width:55%;text-align:left;}
#about .container>.slogan{padding:10px 0; text-align:left;}
#about .container>.slogan>h2{display:block; color:#d0021c; font-size:32px; font-family:"Arial Narrow"; font-weight:normal; text-transform:uppercase;}
#about .container>.slogan>h3{display:block;padding:5px 0; color:#02174c; font-family:"微软雅黑 Light"; font-size:20px; font-weight:normal;}
#about .container>.text{padding:40px 0; text-align:left;}
#about .container>.text>p{display:block; margin-bottom:20px; font-size:14px; color:#444; line-height:24px;}




/* end*/



/* honor*/

#honor{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#honor>.list{width:90%;max-width:1260px;margin:0 auto;padding:100px 0;}
#honor>.list>ul{display:block;margin:0 auto;padding:0;}
#honor>.list>ul>li{width: 23.5%;float: left;margin-right: 2%;}
#honor>.list>ul>li:nth-child(4n){margin-right:0 !important;}
#honor>.list>ul>li .img{width: 100%;height: 230px; background:#fff;padding:6px 0; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow: hidden; line-height: 230px; transition:all .35s;}
#honor>.list>ul>li .img>img{ width:auto;height:100%;}
#honor>.list>ul>li .tit{font-size:16px;line-height:24px;padding:20px 0;color:#666;text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#honor>.list>ul>li>a:hover .tit{ color:#d0021c;}
#honor>.list>ul>li:hover .img{box-shadow:0 2px 5px rgba(0,0,0,.1);}

/* end*/




/* news*/

#news{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#news>.list{width:90%;max-width:1260px;margin:0 auto;padding:70px 0;}
#news>.list>ul{display:block;}
#news>.list>ul>li{display:block; padding:30px 0; border-bottom:1px dotted #ddd;}
#news>.list>ul>li .img{ position:relative; width:25%; text-align:left;}
#news>.list>ul>li .img>img{width:100%;height:auto;}
#news>.list>ul>li .container{ width:70%;text-align:left;}
#news>.list>ul>li .container>.tit{font-size:18px; color:#02174c; transition:all .35s;}
#news>.list>ul>li .container>.txt{ display:block;padding:10px 0; font-size:14px; color:#999; line-height:24px;}
#news>.list>ul>li .container>.time{font-size:12px; color:#d0021c;}
#news>.list>ul>li .container>.more{ padding:20px 0; text-align:left;}
#news>.list>ul>li .container>.more>img{ display:block; height:30px; width:auto; opacity:.2; transition:all .35s;}
#news>.list>ul>li:hover .tit{ color:#d0021c;}
#news>.list>ul>li:hover .more>img{opacity:.6;}

#news>.view{width:90%;max-width:1260px;margin:0 auto;padding:70px 0;}
#news>.view>.title{ font-size:32px; text-align:center; color:#333; margin:0 auto;}
#news>.view>.time{ text-align:center;font-size:14px; color:#999;margin:0 auto;padding:20px 0; border-bottom:1px solid #ddd;}
#news>.view>.content{margin:0 auto; padding:50px;font-size:16px; line-height:28px; color:#666; text-align:left;}
#news>.view>.content>p{margin-bottom:20px;}
#news>.view>.content img{max-width:100%;height:auto;}
#news>.view>.content table{ border-top:1px solid #ddd; border-left:1px solid #ddd;margin:0px auto; width:99.6%;}
#news>.view>.content table td{ color:#666; font-size:14px; padding:8px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#news>.view>.content .tableWap{ overflow:hidden; overflow-x:auto;}
#news>.view>.pageurl{margin:0 auto;padding:50px;font-size:14px;}
#news>.view>.pageurl>.prev, #news>.view>.pageurl>.next{ width:40%; padding:0 5px; text-align:left; border-bottom:1px solid #02174c;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
#news>.view>.pageurl strong{ display:inline-block; font-weight:normal;color:#02174c;padding:8px 15px; margin-right:20px; border:1px solid #02174c; border-bottom:0 !important; transition:all .35s;}
#news>.view>.pageurl a{display:block;}
#news>.view>.pageurl a:hover{ color:#d0021c;}
#news>.view>.pageurl .prev:hover, #news>.view>.pageurl .next:hover{border-bottom:1px solid #d0021c; }
#news>.view>.pageurl a:hover strong{ background:#d0021c; border:1px solid #d0021c; color:#fff;}
/* end*/





/* catalog*/

#catalog{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#catalog>.item{width:90%;max-width:1260px;margin:0 auto;padding:70px 0;}
#catalog>.item ul>li{display:block;margin:0 auto 80px auto; padding-bottom:80px; border-bottom:2px solid rgba(0,0,0,.061);}
#catalog>.item ul>li:last-child{border-bottom:0 !important;}
#catalog>.item ul>li>.img{ position:relative; padding-bottom:50px; width:40%;text-align:left;}
#catalog>.item ul>li>.img>.pic{position:relative;z-index:9;left:0;bottom:0; transition:all .35s;}
#catalog>.item ul>li>.img>.pic>img{width:100%;height:auto;}
#catalog>.item ul>li>.img>.tit{ position:absolute;z-index:10;left:100px;bottom:60px;}
#catalog>.item ul>li>.img>.tit>.en{display:inline-block; background:rgba(208,2,28,.9);color:#fff;padding:0 30px;font-size:36px; font-weight:bold;}
#catalog>.item ul>li>.img>.tit>.cn{ margin-left:40px; background:rgba(2,23,76,.8); font-size:18px; color:#fff;padding:10px 30px;}
#catalog>.item ul>li>.con{ width:55%; text-align:left;}
#catalog>.item ul>li>.con>a{ position:relative; display:inline-block; float:left;padding:0 30px; padding-top:32px; overflow:hidden; box-sizing:border-box; width:50%; margin-left:-1px; margin-top:-1px; font-size:20px; color:#d0021c; font-weight:bold; border:1px solid #ddd; transition:all .35s;}
#catalog>.item ul>li>.con>a:after{position:absolute;z-index:3;left:0;bottom:-1px; width:0; height:3px; background:#d0021c; content:''; transition:all .35s;}
#catalog>.item ul>li>.con>a:before{ position:absolute;z-index:4; right:-26px; bottom:0; width:26px;height:25px; background:url("../images/pro-more.png") no-repeat; background-position:0 0;content:''; transition:all .35s;}
#catalog>.item ul>li>.con>a>img{ width:120px; height:auto; float:left; margin-left:-30px; margin-top:-32px; opacity:1; transition:all .6s;}
#catalog>.item ul>li>.con>a>span{display:block; padding:4px 0; font-size:14px; color:#999; font-weight:normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#catalog>.item ul>li>.con>a:hover{ background:#fff; box-shadow:0 2px 5px rgba(0,0,0,.1);}
#catalog>.item ul>li>.con>a:hover img{opacity:1; margin-left:-15px;}
#catalog>.item ul>li>.con>a:hover:after{ width:100%;}
#catalog>.item ul>li>.con>a:hover:before{right:0;}
#catalog>.item ul>li:hover .img>.pic{ transform:translateX(-20px);}



/* end*/


/* product*/

#product{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#product>.keys{width:90%;max-width:1260px;margin:0 auto; padding-top:100px; font-size:14px; color:#666; text-align:left;}
#product>.keys>strong{ color:#02174c;}
#product>.list{width:90%;max-width:1260px;margin:0 auto;padding:100px 0;}
#product>.list>ul{display:block;margin:0 auto;padding:0;}
#product>.list>ul>li{width: 23.5%;float: left;margin-right: 2%;}
#product>.list>ul>li:nth-child(4n){margin-right:0 !important;}
#product>.list>ul>li>a{ position:relative; display:block;background:#fff;overflow:hidden; transition:all .35s;}
#product>.list>ul>li>a:before{ position:absolute;z-index:4; right:-26px; bottom:0; width:26px;height:25px; background:url("../images/pro-more.png") no-repeat; background-position:0 0;content:''; transition:all .35s;}
#product>.list>ul>li .img{width: 100%;height: 230px;padding:6px 0; text-align:center; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow: hidden; line-height: 230px;}
#product>.list>ul>li .img>img{ width:auto;height:100%; transition:all 1s;}
#product>.list>ul>li .tit{font-size:16px;line-height:24px;padding:20px 0;color:#d0021c; font-weight:bold; text-align:center; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition:all .35s;}
#product>.list>ul>li .tit>span{display:block; font-size:14px; color:#888; font-weight:normal;}
#product>.list>ul>li>a:hover .tit{ color:#d0021c;}
#product>.list>ul>li>a:hover{box-shadow:0 2px 5px rgba(0,0,0,.1);}
#product>.list>ul>li>a:hover:before{right:0;}
#product>.list>ul>li>a:hover .img>img{transform:scale(1.1);}
/* end*/



/* proview*/

#proview{ display:none; position:fixed;z-index:1001; left:0; top:0; width:100%;height:100%; background:rgba(0,0,0,.7);}
#proview>.close{ position:absolute;z-index:99;left:80%; top:0; width:80px; height:80px; line-height:80px; cursor:pointer; text-align:center; background:#d0021c;overflow:hidden;}
#proview>.close>img{ width:42px; height:auto; transition:all .35s;}
#proview>.close:hover img{transform:rotate(180deg);}
#proview>.close:hover{background:#02174c;}
#proview>.container{ position:absolute; z-index:9; left:0; bottom:0; width:80%; height:100%; background:#fff;}
#proview>.container>.tit{ text-align:left; width:80%;; height:20%;overflow:hidden; margin:0 auto;}
#proview>.container>.tit>.model{font-size:42px; padding-top:50px; font-weight:bold; color:#d0021c;}
#proview>.container>.tit>.title{ padding:5px 0; font-size:18px; color:#666; letter-spacing:10px;}
#proview>.container>.con{ width:100%; height:80%; margin:0 auto;}
/* end*/


/* proiframe*/

#proiframe{ width:100%; height:100%; margin:0 auto;}
#proiframe>.img{width:80%; margin:0 auto; box-sizing:border-box; text-align:center; border:1px solid #ddd;}
#proiframe>.tag{ width:80%; text-align:left; padding:30px 0 120PX 0; margin:0 auto;}
#proiframe>.tag>.item{margin:0 auto; padding-bottom:40px;}
#proiframe>.tag .tit{ text-align:left; padding-bottom:20px;}
#proiframe>.tag .tit>h3{ background:#d0021c; display:inline-block;padding:6px 30px; font-size:16px; color:#fff;}
#proiframe>.tag .con{ text-align:left; line-height:26px; color:#666; font-size:15px;}
#proiframe>.tag .con>p{margin-bottom:10px;}
#proiframe>.tag .con img{max-width:100%;height:auto;}
#proiframe>.tag .con table{ border-top:1px solid #ddd; border-left:1px solid #ddd;margin:0px auto; width:99.6%;}
#proiframe>.tag .con table td{ color:#666; font-size:14px; padding:8px; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#proiframe>.tag .con .tableWap{ overflow:hidden; overflow-x:auto;}
#proiframe .pdf a{ position:relative; display:inline-block; width:40%; height:30px; line-height:30px; padding-left:40px; box-sizing:border-box; text-decoration:underline; font-size:16px;}
#proiframe .pdf a:after{ position:absolute;z-index:3;left:0;top:0; width:30px; height:30px; background:url("../images/icon-download.png") no-repeat; background-position:left bottom; background-size:100% auto; content:'';}
#proiframe>.pageurl{text-align:right; position:fixed;z-index:1; bottom:0; right:0; width:100%;}
#proiframe>.pageurl>a{display:inline-block; float:right; padding:20px 40px; color:#fff; font-size:14px; background:#02174c; margin-left:1px; transition:all .35s;}
#proiframe>.pageurl>a img{display:block; width:30px; height:auto; margin:0 auto 10px auto;}
#proiframe>.pageurl>a:hover{ background:#d0021c;}
#proiframe>.pageurl>a.gotop{ background:#d0021c;}
#proiframe>.pageurl>a.gotop:hover{ background:#444;}
/* end*/


/* network*/

#network{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#network>.wrap{width:90%;max-width:1260px;margin:0 auto;padding:100px 0;}


/* end*/


/* service*/
#service{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#service>.wrap{width:90%;max-width:1260px;margin:0 auto;padding:100px 0;}
#service .container{ border:0; padding:15px; background:#fff; margin:0 auto 10px auto;}
#service .container>.img{width:30%; text-align:left;}
#service .container>.img>img{width:100%;height:auto;}
#service .container>.text{width:70%;padding:50px; box-sizing:border-box; font-size:16px; text-align:left; color:#666; line-height:30px;}
#service .container>.text span{font-size:14px;}
#service .form{ width:100%; text-align:left;margin:0 auto;}
#service .form .item{ position:relative; display:block; padding:12px 0;}
#service .form .item .ast{ position:absolute; z-index:9; top:26px; left:10px; color:#c80021; font-size:14px;}
#service .form .code{ position:relative;}
#service .form input{ display:inline-block; box-sizing:border-box; width:100%;height:auto;padding:15px 20px;-webkit-appearance:none; border:0; color:#666;text-align:left; transition:all .35s;}
#service .form input::-webkit-input-placeholder{ color:#999;}
#service .form textarea{ display:block;box-sizing:border-box; width:100%;height:auto;padding:15px 20px;-webkit-appearance:none; font-family:"微软雅黑"; line-height:24px; border:0; color:#666;text-align:left;transition:all .35s;}
#service .form textarea::-webkit-input-placeholder{ color:#999;}
#service .form input:hover, #service .form textarea:hover{box-shadow:0 2px 5px rgba(0,0,0,.1);}
#service .form .w30{width:30%;}
#service .form .w50{width:48.6%;}
#service .form .w100{width:100%; clear:both}
#service .form #checkimg{display:inline-block; position:absolute;z-index:3; top:50%; right:10px; margin-top:-13px; cursor:pointer;}
#service .form .submit{ float:right; display:inline-block; box-sizing:border-box; width:46%!important; background:#02174c;padding:12px 10px; font-size:16px; color:#fff; text-align:center; border:0; cursor:pointer; width:50%;}
#service .form .reset{ float:left;display:inline-block; box-sizing:border-box;width:46%!important; background:#666;padding:12px 10px;font-size:16px; color:#fff; text-align:center; border:0; cursor:pointer; width:50%;}


/* end*/


/* download*/

#download{ position:relative;z-index:60; width:100%;background:#efeded; margin:0 auto 310px auto;}
#download>.list{width:90%;max-width:1260px;margin:0 auto;padding:70px 0;}
#download>.list>ul{display:block;}
#download>.list>ul>li{display:block; float:left; box-sizing:border-box; width:30%; margin-right:3%; margin-bottom:3%; background:#fff; padding:20px; transition:all .35s;}
#download>.list>ul>li .icon{ margin-top:10px; margin-left:10px; width:40px; position:relative;}
#download>.list>ul>li .icon>i{display:block; width:40px; height:40px;overflow:hidden; background:url("../images/icon-download.png") no-repeat; background-position:left bottom; background-size:100% auto; transition:all .35s;}
#download>.list>ul>li .con{ width:80%; text-align:left;padding:10px; box-sizing:border-box;}
#download>.list>ul>li .con>.tit{ font-size:16px; color:#c80021; transition:all .35s;}
#download>.list>ul>li .con>.time{ padding:6px 0; color:#999; font-size:13px; transition:all .35s;}
#download>.list>ul>li:hover{ background:#0b1743 url("../images/download-bg.jpg") no-repeat; background-position:right bottom; box-shadow:0 2px 5px rgba(0,0,0,.1);}
#download>.list>ul>li:hover .con>.tit{ color:#fff;}
#download>.list>ul>li:hover .con>.time{ color:rgba(255,255,255,.4);}
#download>.list>ul>li:hover .icon>i{ background-position:left top;}



/* end*/



/* contact*/

#contact{ position:relative;z-index:60; width:100%; height:720px; margin:0 auto 310px auto;}
#contact>.container{ position:absolute;z-index:99; left:20%; top:50%; margin-top:-260px; width:auto; height:520px; padding:0 60px; background:rgba(0,0,0,.8); color:#fff; text-align:left;}
#contact>.container>.tit{ font-size:30px; font-weight:bold; padding:50px 0;}
#contact>.container>.txt{ font-size:16px;}
#contact>.container>.txt>p{margin-bottom:20px;}
#contact>.container>.txt>p>a{display:inline-block; color:#fff;}
#contact>.map{ width:100%;height:720px;margin:0 auto;}

/* end*/



/* kefu*/
#kefu{position:fixed;z-index:1001;right:0;bottom:85px;width:70px;height:240px;}
#kefu .kefu-box{position:relative;float:right;}
#kefu .clearfix:after{content:"";display:block;clear:both;}
#kefu .a{display:block;width:44px;height:44px;background:rgba(0,0,0,.8);margin-bottom:4px;cursor:pointer;outline:none;}
#kefu .a.active,
#kefu .a:hover{background:rgba(208,8,28,.8);}
#kefu .a .i{float:left;width:44px;height:44px;background-image:url(../images/kefu_icon.png);background-repeat:no-repeat;}
#kefu .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:0 0;}
#kefu .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/kefu-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
#kefu .a-qrcode .i{background-position:-44px 0;}
#kefu .a-cart .i{background-position:-88px 0;}
#kefu .a-top .i{background-position:-132px 0;}
#kefu .a-top{background:rgba(208,8,28,.8);display:none;}
#kefu .a-top:hover{background:rgba(0,0,0,.8);}
#kefu .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
#kefu .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/kefu_bg_arrow.png) no-repeat;right:-8px;top:31px;}
#kefu .d-service{top:0;}
#kefu .d-service-phone{top:34px;}
#kefu .d-qrcode{top:78px;}
#kefu .d .inner-box{padding:8px 22px 12px;}
#kefu .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
#kefu .d-service .d-service-item{border-bottom:none;}
#kefu .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
#kefu .d-service-item .i-qq{width:44px;height:44px;background:url(../images/kefu_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
#kefu .d-service-item:hover .i-qq{background-position:center 3px;}
#kefu .d-service-item .i-tel{width:44px;height:44px;background:url(../images/kefu_con_icon02.png) no-repeat center center;display:block;}
#kefu .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
#kefu .d-service-item .text .number{font-family:Arial; color:#d0021c;}
#kefu .d-service-intro{padding-top:10px;}
#kefu .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
#kefu .d-service-intro i{background:url(../images/kefu_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
#kefu .d-qrcode{text-align:center;}
#kefu .d-qrcode .inner-box{padding:20px 0;}
#kefu .d-qrcode p{font-size:16px;color:#93959c;}

/* end*/


/* page*/
#page, .page{ margin:0 auto; padding-bottom:40px;text-align:center;}
#page>a, .page>a{display:inline-block; width:36px; height:36px; line-height:36px; margin:0 5px; font-size:14px; text-align:center; background:#f7f7f7; border:1px solid #eee; transition:all .35s;}
#page>a:hover, .page>a:hover{ background:#fff; color:#02174c;}
#page>a.A, .page>a.A{ background:#02174c; border:1px solid #02174c; color:#fff;}

/* end*/




/* foot*/
#foot{ position:fixed;z-index:1;left:0;bottom:0; width:100%;height:310px; margin:0 auto;}
#foot>.copyright{ width:100%; padding:20px 0; background:#060c22;margin:0 auto;}
#foot>.copyright .txt{width:70%;text-align:left; font-size:16px; color:rgba(255,255,255,.8);}
#foot>.copyright .nav{font-size:14px; color:rgba(255,255,255,.7); }
#foot>.copyright .nav>a{display:inline-block; padding:0 5px; font-size:14px; color:rgba(255,255,255,.7); transition:all .35s;}
#foot>.copyright .nav>a:hover{ text-decoration:underline;}
#foot .wrap{ width:1260px;margin:0 auto;}
#foot>.container{padding:50px 0; margin:0 auto; background: url("../images/foot-bg.jpg") no-repeat; background-size:cover; background-position:50% 50%;}
#foot>.container .nav{width:64%;text-align:left;}
#foot>.container .nav>ul{display:block;margin:0 auto;}
#foot>.container .nav>ul>li{display:block;float:left; width:20%;}
#foot>.container .nav>ul>li>a{ position:relative; display:block;font-size:16px; color:#fff;}
#foot>.container .nav>ul>li>div{ position:relative;margin-top:10px; padding-top:10px; display:block;}
#foot>.container .nav>ul>li>div:after{position:absolute;z-index:1;top:0;left:0; width:40px;height:1px; background:#d0021c; content:'';}
#foot>.container .nav>ul>li>div>a{display:block; padding:5px 0; font-size:14px; color:rgba(255,255,255,.4); transition:all .35s;}
#foot>.container .nav>ul>li>div>a:hover{color:rgba(255,255,255,.8);}
#foot>.container .nav>ul>li:last-of-type>a{ margin-bottom:20px;}
#foot>.container .other{ width:35%;border-left:1px solid rgba(255,255,255,.1);}
#foot>.container .other>.qrcode{ text-align:right;}
#foot>.container .other>.qrcode>div{display:inline-block; width:40%; text-align:center; color:rgba(255,255,255,.2);}
#foot>.container .other>.qrcode>div>img{display:block; border:3px solid #fff; width:80%; height:auto;margin:0 auto 10px auto;}

/* end*/