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


/* css 重置 */
*{margin:0; padding:0; list-style:none; }
body{ color:#222; font:normal 12px/22px "微软雅黑", "华文细黑";  background:url("../images/Body.jpg");}/*d0d0d9*/
img{ border:0;max-width: 100%; }
a{ text-decoration:none; color:#222;}
a:hover{ color:#3b72a4; }
.main{ width:1024px; margin:0 auto;}
.clear{ display:block; clear:both;}
.left{ float:left; }
.right{ float:right;}
.btn{ display:block; width:25px; height:25px; margin:0 auto; padding:10px; transition: all 0.5s;}
.btn:hover{ transform:rotate(360deg) scale(1.06,1.06);}


.index-main-bg{ width:1024px; margin:0 auto; background:#fff; box-shadow:1px 2px 4px rgba(0,0,0,0.3);}

iframe {
    display: block;
    border: 0;
}
/*header*/
.header{ height:66px;background: #fff;}
.logo{width: 287px;float: left;padding: 0 0 0 10px;}
.b{font-size: 20px;font-size: 35px;font-weight: 800;color:#3b72a4;}
.and {font-size: 35px;font-weight: 800;color:#3b72a4}
.f {font-size: 20px;font-size: 35px;font-weight: 800;color:#3b72a4;}
.tx {font-weight: bold;color: #555;}

.header .right{display: none; width:235px; height:42px; padding-right:25px; letter-spacing:1px; text-align:right; line-height:42px; }
.header .right .on{ color:#3b72a4;}


/*navigation*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ height:46px; width:1024px; line-height:46px; background: #3b72a4;}
.nav a{ color:#fff; }
.nav .sbtn{ width:52px; height:46px;float:left; overflow:hidden;}
.nav .sbtn button{ background:#3b72a4; padding:0;  border:none; cursor:pointer;}
.nav .sbtn button:hover{ background:#3b72a4; padding:0;  border:none;}
.nav .nLi{ margin:0;  float:left; display:inline; }
.nav .nLi a{ display:block; height:46px; padding:0 18px;}

.nav .nLi:hover {background: #0000001a;}
.nav .nLi.active {background: #ff5809}
.nav .nav-cont{ margin-right:10px; background:#3b72a4; float:right;}
.nav .nav-cont a{ padding:0 25px; letter-spacing:1px;}
.nav .nav-cont a:hover{ color:#fff; background:#3b72a4;}


/*search*/
.searchlayer{ display:none; width:100%; width:100vw; height:100%; height:100vh; background:url(../images/lay.png); position:fixed; left:0; top:0; z-index:10000;}
.searchlayeractive{ display:block;}
.search-box{ width:762px; height:68px; margin:15% auto 0; padding:17px; background:#333; border-radius:5px; box-shadow:1px 1px 12px rgba(0,0,0,0.4);}
.search-box input{ float:left; width:648px; height:68px; margin:0; padding-left:12px; font-size:21px; color:#222; line-height:68px; border:none; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.search-box button{ float:right; width:102px; height:68px; padding:0; font-size:21px; color:#fff; line-height:68px; border:none; background:#3b72a4; border-top-right-radius:5px; border-bottom-right-radius:5px; cursor:pointer;}
.search-box button:hover{  background:#3b72a4;}


/*banner*/
.slideBox{ height:550px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-50px; bottom:12px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px; width:13px; height:13px; background:#fff; border-radius:21px; behavior: url(PIE.htc); cursor:pointer; }
.slideBox .hd ul li.on{ background:#3b72a4; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1024px; height:550px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:1%; top:60%; margin-top:-40px; display:block; width:55px; height:80px; font-weight:normal; text-align:center; line-height:80px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:42px; filter:alpha(opacity=35); opacity:0.35; }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ background:#454545; background:rgba(0,0,0,0.35); filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }

/* banner search */
.searchlayer2{ width:1024px; height:130px; background:url(../images/search_03.png); position:absolute; left:0; top:0; z-index:100;}
.search-box2{ width:628px; height:56px; margin-top:32px; margin-left:45px; background:#333; border-radius:5px; overflow:hidden; float:left;}
.search-box2 input{ float:left; width:340px; height:56px; padding-left:12px; font-size:18px; color:#222; line-height:56px; border:none;}
.search-box2 button{ float:right; width:276px; height:56px; padding:0; font-size:18px; color:#fff; line-height:56px; border:none; background:#3b72a4;  cursor:pointer;}
.search-box2 button:hover{  background:#3b72a4;}
.index-cer-class{ width:315px; margin-top:35px; float:right;}
.index-cer-class li{ width:155px; float:left;}
.index-cer-class li img{ display:block; width:48px; height:48px; padding-right:10px; float:left;}
.index-cer-class li span{ line-height:48px; color:#fff;}
.index-cer-class li a:hover span{color:#ddd;}

.index-cont{ padding:55px 0 30px;}
.index-three-box{ height:400px; padding-left:30px; margin-left:45px; margin-bottom:50px; width:245px; border-left:1px solid #dddddd; float:left; position:relative;}
.index-three-box .dec-pic{ margin-top:-50px;}
.index-three-box h2.tit{ padding-bottom:13px; margin-bottom:16px; font-weight:normal; line-height:32px; background:url(../images/tit_03.jpg) left bottom no-repeat;}
.index-three-box .pic{ height:150px; margin-top:12px; margin-bottom:5px;}
.index-three-box h3.tit{ padding:8px 0; font-size:15px;}
.index-three-box .info{ color:#767676;}
.index-three-btn{ display:block; width:72px; height:36px; margin-top:30px; background:#3b72a4; border-radius:5px; position:absolute; left:30px; bottom:-26px;}
.index-three-btn img{ display:block; width:13px; height:13px; margin:0 auto; padding-top:12px;}
.index-three-btn:hover{ background:#3b72a4;}
.index-three-box li{ height:30px; line-height:30px; border-bottom:1px dashed #ddd; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-three-box li a{ color:#555;}
.index-three-box li a:hover{ color:#3b72a4;}


.footer{ width:934; min-height:230px; padding:45px; padding-bottom:90px; color:#fff; background:#333333; position:relative;}
.footer a{ color:#fff; }
.footer a:hover{ color:#ccc; }
.foot-box{width:135px; padding-right:25px; float:left;}
.foot-box h3.tit{ padding-left:20px; padding-bottom:20px; font-size:15px; font-weight:normal; }
.foot-box ul{ padding-left:20px; border-left:1px solid #555; }
.foot-box ul li{min-width:135px; line-height:24px; float:left;}
.foot-prod{ width:410px;}
.foot-prod ul li{ padding-right:8px; width:182px; float:left;}
.foot-follow{ width:130px; padding-right:0;  float:right; position:relative;}
.foot-follow h3.tit{ padding-left:0;}
.foot-follow .qr-code{ width:130px; height:130px;}
.foot-follow .foot-certification{ display:block; width:380px; position:absolute; right:0; top:235px;}
.copyright{ width:934px; height:90px; line-height:70px; text-align:left; position:absolute; bottom:0; left:45px;}


/* 返回到顶部 */
.totop{ display:none; width:45px; height:30px; padding-top:15px; color:#fff; font-size:12px; text-align:center; line-height:30px; border:1px solid #ddd; border:1px solid  rgba(255,255,255,0.35); border-radius:25px; background:#181818; background:rgba(0,0,0,0.45); position:fixed; right:5px; bottom:25px;}
.totop:hover{ color:#fff; border:1px solid #fff; border:1px solid  rgba(255,255,255,0.55); background:#333; background:rgba(0,0,0,0.65); }
.totop:before{ content:""; width:0px; height:0px;border-bottom:8px solid rgba(255,255,255,0.85); border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; top:9px; left:18px; z-index:10000;}

/*返回按钮*/
.backmenu{ display:block; width:60px; height:30px; margin-top:15px; margin-right:1%; line-height:30px; text-align:center; color:#888; border:1px solid #ddd; float:right;}


.inside-left{ width:200px; margin-top:10px; margin-left:20px; float:left;display: none}
.inside-left h2.tit{ line-height:50px; font-size:18px; color:#3b72a4;}
.inside-left ul li{ width:120px; height:22px; padding:0 15px; margin-bottom:8px; line-height:22px; color:#555; border-radius:12px; background:#edf2f7; transition:padding 0.75s, color 0.1s, background 0.25s;}
.inside-left ul li:hover, .inside-left ul li.on{ padding-left:30px; color:#fff; background:#3b72a4;}

.inside-right{ width:94%; margin-top:13px;margin-left:3%;}
.inside-right .top{ height:46px; padding-bottom:8px; background:url(../images/about_03.jpg) bottom repeat-x; }
.inside-right h2.tit{ display:inline-block; line-height:46px; font-size:18px; color:#3b72a4; float:left;}
.inside-right #slideLi {text-align: right;}
.inside-right #slideLi li{ width:120px; height:22px; text-align:center;padding:0 15px; margin-bottom:8px; line-height:22px; color:#555; border-radius:12px; background:#edf2f7; transition:padding 0.75s, color 0.1s, background 0.25s; display:inline-block;}
.inside-right #slideLi li:hover, .inside-left ul li.on{ padding-left:30px; color:#fff; background:#3b72a4;}
.inside-right #slideLi.fixed { position:fixed;top:0;background-color: #ffffff;width: 962px;padding-top: 10px;}
.inside-right #slideLi li.active { padding-left:30px; color:#fff; background:#3b72a4;}

.path{ display:inline-block; padding-top:14px; line-height:30px; color:#999; float:right;}
.path a{ color:#555;}
.path a:hover{ color:#3b72a4;}

.inside-right .cont{ padding:10px 0 30px;}


.search-box3{ width:500px; height:42px; margin-top:30px; margin-left:45px; background:#3b72a4; border-radius:5px; overflow:hidden; float:left;}
.search-box3 input{ float:left; width:282px; height:38px; padding-left:12px; font-size:16px; color:#3b72a4; line-height:38px; border:2px solid #3b72a4;}
.search-box3 button{ float:right; width:200px; height:42px; padding:0; font-size:16px; color:#fff; line-height:42px; border:none; background:#3b72a4;  cursor:pointer;}
.search-box3 button:hover{  background:#3b72a4;}

/*

@keyframes certificationmovi
{
0% { transform:scale(1,1) translate(0px,0px);}
15% { border-color:#ddd;}
25% { transform:scale(1.1,1.1) translate(-16px,3px);}
50% { border-color:#2687eb;}
60% { transform:scale(1.1,1.1) translate(-16px,3px);}
100% { border-color:#ddd; transform:scale(1,1) translate(0px,0px);}
}

@-moz-keyframes certificationmovi
{
0% { transform:scale(1,1) translate(0px,0px);}
15% { border-color:#ddd;}
25% { transform:scale(1.1,1.1) translate(-16px,3px);}
50% { border-color:#2687eb;}
60% { transform:scale(1.1,1.1) translate(-16px,3px);}
100% { border-color:#ddd; transform:scale(1,1) translate(0px,0px);}
}

@-webkit-keyframes certificationmovi
{
0% { transform:scale(1,1) translate(0px,0px);}
15% { border-color:#ddd;}
25% { transform:scale(1.1,1.1) translate(-16px,3px);}
50% { border-color:#2687eb;}
60% { transform:scale(1.1,1.1) translate(-16px,3px);}
100% { border-color:#ddd; transform:scale(1,1) translate(0px,0px);}
}

@-o-keyframes certificationmovi 
{
0% { transform:scale(1,1) translate(0px,0px);}
15% { border-color:#ddd;}
25% { transform:scale(1.1,1.1) translate(-16px,3px);}
50% { border-color:#2687eb;}
60% { transform:scale(1.1,1.1) translate(-16px,3px);}
100% { border-color:#ddd; transform:scale(1,1) translate(0px,0px);}
}

*/
.certification{ display:block; width:340px; margin-top:30px; margin-right:45px; padding:2px; border:1px solid #ddd; float:right;}




.slideTxtBox{ width:934px; margin:32px auto 0; text-align:left;}
.slideTxtBox .hd{ width:100%; height:60px; line-height:30px; border-top-left-radius:5px; border-top-right-radius:5px; background:#ff5809; position:relative; overflow:hidden;}
.slideTxtBox .hd ul{ float:left;  position:absolute; height:60px;   }
.slideTxtBox .hd ul li{ width:76px; height:54px; padding:6px 18px 0; line-height:16px; color:#f2f2f2; font-size:12px; text-align:center; border-top-right-radius:5px; border-right:1px solid #eee; cursor:pointer; float:left;display: flex;align-items: center; }
.slideTxtBox .hd ul li.on{color:#ecf5ff; background:#3b72a4 url(../images/product_03.png) right bottom no-repeat;}
.slideTxtBox .hd ul li:hover{color:#ecf5ff; background:#3b72a4 url(../images/product_03.png) right bottom no-repeat;}
.slideTxtBox .bd{ width:920px; height:240px; zoom:1; background:#fff; overflow:hidden;}
.slideTxtBox .bd>li{ width:860px; height:200; padding:20px 30px; }
.slideTxtBox .bd>li ul {position: absolute;width: 100%;height: 100%;overflow: auto;}
.slideTxtBox .bd .prodclass-model li{ width:220px; padding-left:30px; margin-right:29px; border-left:1px solid #999; line-height:28px; float:left;}

.slideTxtBox .bd .prodclass-symbol li{ width:72px; height:72px; margin:6px; text-align:center; line-height:72px; font-size:18px; color:#555; border:1px dashed #ddd; border-radius:5px; float:left; transition:all 0.35s;}
.slideTxtBox .bd .prodclass-symbol li:hover{ color:#fff; border-style:solid; background:#3b72a4;}

.slideTxtBox .bd .prodclass-application li{ width:248px; height:118px; margin:0 18px; margin-top:30px; border:1px solid #e2e2e2; border-radius:5px; background:0; float:left; transition:all 0.35s;}
.slideTxtBox .bd .prodclass-application li:hover{border-color:#3b72a4; border-right-color:#555; border-bottom-color:#555; background:#3b72a4 url(../images/Arrow.png) 212px 80px no-repeat; box-shadow:1px 2px 2px #767676; transform:translate(-3px,-2px);}
.slideTxtBox .bd .prodclass-application li .pic{ display:inline-block; width:120px; height:120px; margin-left:18px; float:left;}
.slideTxtBox .bd .prodclass-application li:hover .pic{ display:none;}
.slideTxtBox .bd .prodclass-application li .tit{ display:inline-block; margin-left:20px; line-height:80px; float:left;}
.slideTxtBox .bd .prodclass-application li:hover .tit{ color:#fff;}

.prodlistdel{width:933px; height:240px; zoom:1; background:#fff; box-shadow:1px 2px 7px #666; box-shadow:1px 3px 6px rgba(0,0,0,0.6); overflow:hidden;}


.prodlist{ width:980px; margin:6px auto; margin-bottom:40px;}
.prodlist h2.tit{ padding-left:45px; padding-top:20px; font-size:18px; line-height:50px; color:#3b72a4;}
.prodlist ul li{ width:195px; height:186px; margin:8px 24px 0px; float:left;}
.prodlist ul li .pic{ width:189px; height:142px; padding:2px; border:1px solid #ddd; box-shadow:2px 2px 6px #ddd; box-shadow:2px 2px 6px rgba(0,0,0,0.15);  transition:all 0.25s;}
.prodlist ul li:hover .pic{ box-shadow:1px 1px 2px #fff; box-shadow:1px 1px 2px rgba(0,0,0,0);  transform:translate(-2px,1px);}
.prodlist ul li h3{ font-size:12px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/*产品详细页表格*/
.pro_tab{ border-bottom:1px solid #666;border-right:1px solid #666;}
.pro_tab tr.bd{ font-weight:600; color:#333;}
.pro_tab td{ text-align:center; height:20px; line-height:20px;border-left:1px solid #666;border-top:1px solid #666;}
.down_icon{ background:url(../images/down.gif) no-repeat 5px center;}
.down_icon a{ color:#3b72a4}
.down_icon a:hover{ color:#000;}


.page{ width:600px; margin:0 auto; background:red;}
.page *{ transition:all 0.35s;}
.page a{ display:block; width:20px; height:32px; margin:0 4px; color:#767676; text-align:center; line-height:32px; border:1px solid #777; border-radius:2px; float:left;}
.page a:hover{ color:#fff; border-color:#3b72a4; background:#3b72a4;}
.page a.btna{ width:28px; height:28px; margin-top:3px; border:0; background:#999;}
.page .btna:hover{ border-color:#3b72a4; background:#3b72a4;}
.page a.btnb{ width:72px; background:#666;}
.page .btnb:hover{ border-color:#3b72a4; background:#3b72a4;}



/* product view */
.prodview { width:913px; margin:20px auto 0;}
.prodview .top{ padding-top:20px; padding-bottom:40px; position:relative;}
.prodview .top .pic{ width:92px; height:69px; padding:2px; border:1px solid #ddd;}
.back{ display:block; width:120px; height:22px; text-align:center; line-height:22px; color:#555; background:#eee; border-radius:15px; position:absolute; top:-5px; right:0;}
.prodview .top .right{ width:750px; color:#767676;}
.prodview .top .right h1.tit{ padding-bottom:20px; line-height:28px; font-size:16px; color:#3b72a4;}
.prodview .cont{ padding-top:15px; padding-bottom:10px;}


/* news */
.news_box{ margin-top:10px; margin-bottom:40px;}
.news_box li{ width:700px; padding:18px 25px; margin-bottom:8px; border-bottom:1px solid #ddd; transition:all 0.25s;}
.news_box li:hover{ box-shadow:1px 1px 7px rgba(0,0,0,0.27);}
.news_box li .pic{ display:inline-block; width:100px; height:69px; padding:2px; border:1px solid #ddd; overflow:hidden; transition:all 0.5s;}
.news_box li .pic img{ width:100%;}
.news_box li .pic:hover{ transform:scale(1.05,1.05);}
.news_box li dl{ width:560px; float:right;}
.news_box li dt{ font-weight:bold; font-size:14px; padding-bottom:5px;}
.news_box li dd{ color:#888;}
.news_box li dd .date{ display:block; margin-top:20px; color:#202020; float:right;}


.article_title{ text-align:left;margin: 20px 0;}
.article_title .tit{ margin-top:20px; margin-bottom:10px; line-height:50px; font-size:21px; color:#3b72a4; }
.article_title .info{ width:100%;line-height:26px; color:#767676; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; }


/* download */	
.down-list { padding:10px 0 30px;	}
.down-list li{ width:85px; height:150px; padding:26px; margin:20px 25px; border-radius:5px; color:#fff;  background:#777 url(../images/down.png) center 143px no-repeat; float:left; transition:all 0.35s;}
.down-list li:hover{ color:#fff; background:#3b72a4 url(../images/down.png) center 153px no-repeat;}


/* E-mail */
.mail_cont table{ margin-left:60px; margin-top:15px; margin-bottom:20px; align:center; line-height:30px; cellpadding:5; cellspacing:0; width:650px;}
.mail_cont table input{ width:350px; height:28px; padding:0 8px; margin:6px 5px; font-size:12px; border:1px solid #ddd; border-radius:15px;}
.mail_cont table textarea{ display:inline-block; width:350px; height:102px;  padding:5px 8px; margin:4px 5px; font-size:12px; line-height:20px; border:1px solid #ddd; border-radius:5px;}
.mail_cont table input.code{ width:160px;}
.mail_cont table input.btn2{ width:172px; height:36px; margin-left:12px; margin-top:12px; color:#fff; border-radius:5px; background:#3b72a4; cursor:pointer; transition:all 0.19s; }
.mail_cont table input.btn2:hover{ background:#3b72a4;}
.mail_cont table .tit{ width:96px; height:26px; text-align:left; font-size:12px; color:#555; vertical-align:top;}
.mail_cont table font{ color:#f08200; vertical-align:top;}

/* job */
.sideMenu{ border:1px solid #ddd;border-radius:5px; overflow:hidden;}
.sideMenu h3{ height:36px; line-height:36px; padding-left:10px; color:#eee; font-weight:normal; font-size:14px; font-family:"微软雅黑","华文细黑"; border-top:1px solid #fff; border-top-left-radius:5px; border-top-right-radius:5px; background:#555; cursor:pointer;}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 16px no-repeat; cursor:pointer; }
.sideMenu h3.on{ color:#fff; background-color:#3b72a4; }
.sideMenu h3.on em{background-position:16px -53px; }
.sideMenu ul{ padding:8px 20px; display:none; /* 默认都隐藏 */ }

[tsbrowser_force_max_size] {
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    transform: none !important;
}
[tsbrowser_force_fixed] {
    position: fixed !important;
    z-index: 9999 !important;
    background: black !important;
}
[tsbrowser_force_hidden] {
    opacity: 0 !important;
    z-index: 0 !important;
}
[tsbrowser_hide_scrollbar] {
    overflow: hidden !important;
}
[tsbrowser_display_none] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
[tsbrowser_force_show] {
    display: black !important;
    visibility: visible !important;
    opacity: 0;
}
/**--双语翻译start--**/
/*解决问题3*/
body{
    top:0px!important;
    min-height: 0px!important;
}
/*解决问题2*/
.goog-text-highlight{
    background-color: transparent!important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0)!important;
}
/*解决问题1*/
.goog-te-banner-frame{
    display:none
}
/**--双语翻译end--**/

/** 关于公司**/
p {
    word-wrap:break-word; word-break:normal;
}