body,html{font-size:12px;margin:0;padding:0;text-decoration:none;font-family:"微软雅黑";background:#fff;text-align:center;-webkit-text-size-adjust:none}
a{color:#666;text-decoration:none;outline:0 none;star:expression(this.onFocus=this.blur())}
a:active,a:hover{color:#305dc3}
*{margin:0;padding:0;list-style:none}
table{border-collapse:collapse}
li,ul{list-style:none;border:0 none;padding:0}
form{margin:0}
img{border:0 none;text-align-last:center;vertical-align:middle}
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;background:0 0;width:inherit!important;height:inherit!important}
#noData,.noData{color:#ccc;font-size:14px;text-align:left;padding:50px 0}
#header{position:fixed;z-index:999;left:0;top:0;width:100%;height:80px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}
#header .logo{position:absolute;z-index:9;left:50px;top:18px;text-align:left}
#header .advertising{display:none;position:absolute;z-index:9;left:260px;top:0;text-align:left}
#header .menu{height:80px;line-height:80px;font-size:16px}
#header .menu a{display:inline-block;margin:0 20px;position:relative;z-index:99}
#header .menu a span{position:absolute;left:0;bottom:10px;width:0;height:2px;background:#119f43;overflow:hidden}
#header .menu .A,#header .menu a:hover{color:#119f43}
#header .search{position:absolute;z-index:9;top:36px;right:190px;width:240px;height:35px;overflow:hidden;padding-right:15px;text-align:right;background:url(../images/search-separation.png) no-repeat;background-position:right top}
#header .search .btn-search{display:inline-block;opacity:.7}
#header .search .searchCon{display:none;position:absolute;z-index:9;top:0;right:-220px;width:180px;padding:2px 0;border:1px solid #ddd;background:#f7f7f7;border-radius:20px}
#header .search .searchCon #keys{background:0 0;float:left;width:75%;padding-left:15px;border:0;color:#ccc;outline:0;font-size:14px;font-family:"微软雅黑",Arial,"Arial Narrow"}
#header .search .searchCon #go{width:16px;height:16px;border:0;cursor:pointer;background:url(../images/go.png) no-repeat;background-position:center center;background-size:auto 100%;font-size:0;float:right;outline:0;margin-right:10px}
#header .language{position:absolute;z-index:9;top:0;height:80px;line-height:90px;right:140px;padding-left:15px}
#header .language a{display:block;height:80px;color:rgba(0,0,0,.5)}
#header .language img{margin-left:5px;opacity:.5}
#languagecon{display:none;position:fixed;z-index:1001;right:90px;top:60px;background:#f5f5f5;box-shadow:0 2px 3px rgba(0,0,0,.1);padding:10px;min-width:80px}
#languagecon a{display:block;text-align:left;height:20px;line-height:20px;padding:3px 0}
#languagecon a img{margin-right:5px}
#header .share{position:absolute;z-index:9;right:50px;top:30px;text-align:right}
#header .share a{background:url(../images/icon-share.png) no-repeat;padding:0;width:28px;height:28px;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s}
#header .share .bshare-sinaminiblog{background-position:-28px 0}
#header .share .bshare-weixin{background-position:0 0}
#header .share .bshare-more{display:none}
#header .shadow{background:url(../images/header-shadow.png) no-repeat;background-position:top center;background-size:cover cover;height:75px}
#menuson{position:fixed;width:100%;z-index:990;left:50%;top:80px;margin-left:-50%;padding:0}
#menuson .son{position:relative;z-index:9;width:100%;margin:0 auto;overflow:hidden;background:rgba(255,255,255,.95);box-shadow:0 0 5px rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff, endColorstr=#E5ffffff)}
#menuson .son .text{float:left;width:300px}
#menuson .son .text a{font-size:15px;display:inline-block;float:left;width:120px;padding:10px 0;margin-right:20px;text-align:center;transition:all .35s}
#menuson .son .text a:hover{color:#fff;background:#119f43}
#menuson .son .img{float:right;height:225px;padding-left:60px;border-left:1px solid #ddd}
#menuson .son #sm1,#menuson .son #sm2,#menuson .son #sm3,#menuson .son #sm4,#menuson .son #sm5,#menuson .son #sm6,#menuson .son #sm7 {width:620px;height:0;overflow:hidden;margin:0 auto}
#banner{width:100%;height:880px;position:relative;z-index:1;margin:0px 0 0 0;overflow:hidden}
#b-sub>.bg,#banner>.bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);z-index:2;display:none}
.inside{height:385px!important}
#b-sub{width:100%;height:350px;position:relative;z-index:1;overflow:hidden;margin:116px 0 0 0;animation:b-bg 1.6s}
#main{position:relative;width:100%;margin:0 auto}
#main .catalog{background:url(../images/main-catalog-bg.jpg) no-repeat;background-position:top center;background-size:100% 100%;position:relative;height:900px}
#main .catalog .title{margin:0 auto;padding:100px 0 80px 0;text-align:center;display:block;font-size:30px;font-weight:700;color:#fff}
#main .catalog .container{width:1120px;height:460px;height:480px\9;padding:10px;margin:0 auto;position:relative;z-index:99;overflow:hidden;background:#fff;border-radius:10px;behavior:url(../other/ie-css3.htc)}
#main .catalog .container .imglist{display:block;width:100%;margin:0 auto}
#main .catalog .container .imglist .item1{display:block;float:left}
#main .catalog .container .imglist a{position:relative;display:block;float:left;margin:0 2px 2px 0;background:#000;transition:all .35s;overflow:hidden}
#main .catalog .container .imglist a img{transition:all .35s;opacity:1}
#main .catalog .container .imglist a .name{position:absolute;z-index:9;left:10px;top:10px;font-size:14px;color:#fff;transition:all .35s}
#main .catalog .container .imglist .zoom{display:none\9;opacity:0;position:absolute;z-index:10;top:0;left:50%;width:100%;height:100%;text-align:center;font-size:16px;color:rgba(255,255,255,1);line-height:800%;margin-left:-50%;background:url(../images/catalog-arr.png) no-repeat;background-position:50% 70%;transition:all .35s}
#main .catalog .container .imglist .item2{display:block;float:left;width:454px;height:342px}
#main .catalog .container .imglist a:hover img{opacity:.2}
#main .catalog .container .imglist a:hover .name{opacity:0}
#main .catalog .container .imglist a:hover .zoom{opacity:1;line-height:900%}
#main .catalog .container .textlist{margin:0 auto;padding:5px 20px;text-align:left}
#main .catalog .container .textlist .item{width:100%}
#main .catalog .container .textlist .item a{float: left; width:25%;font-size:14px;color:#305dc3;padding:5px 0;border-radius:30px;transition:all .35s}
#main .catalog .container .textlist .item a>span{display:inline-block;float:left;width:18px;height:18px;font-family:Arial,"Arial Narrow";font-size:14px;color:#fff;text-align:center;background:#129f43;border-radius:100%;margin-right:5px;margin-top:2px;overflow:hidden;transition:all .35s}
#main .catalog .container .textlist .item a:hover{color:#fff;background:#129f43}
#main .catalog .container .textlist .item a:hover span{margin-left:5px}
#main .salse{background:url(../images/main-salse-bg.jpg) no-repeat;background-position:top center;background-size:100% 100%;position:relative;height:900px}
#main .salse .title{margin:0 auto;padding:100px 0 50px 0;text-align:center;display:block;font-size:30px;font-weight:700;color:#fff}
#main .salse .describe{text-align:center;font-size:14px;line-height:25px;color:rgba(0,0,0,.7);color:#2a4247\9}
#main .salse .container{width:1040px;height:400px;padding:10px;margin:120px auto 50px auto;position:relative;overflow:hidden;text-align:center}
#main .salse .container .item{display:block;float:left;width:280px;text-align:left;margin:0 50px;margin:0 40px\9;transition:all .35s}
#main .salse .container .item:first-child{margin-left:0!important}
#main .salse .container .item:last-child{margin-right:0!important}
#main .salse .container .item a{display:block}
#main .salse .container .item .icon{display:block;width:150px;height:150px;margin:0 auto;overflow:hidden;background:#fff;border-radius:100%;transition:all .35s}
#main .salse .container .item .name{padding:20px;margin:0 auto;font-size:16px;font-weight:600;color:rgba(0,0,0,.8);text-align:center}
#main .salse .container .item .text{font-size:14px;line-height:24px;color:rgba(0,0,0,.5)}
#main .salse .container .item:hover .icon{background:#29b217}
#main .salse .container .item:hover .icon img{margin-top:-150px}
#main .human{background:url(../images/main-human-bg.jpg) no-repeat;background-position:top center;background-size:100% 100%;position:relative;height:900px}
#main .human .title{margin:0 auto;padding:100px 0 50px 0;text-align:center;display:block;font-size:30px;font-weight:700;color:#fff}
#main .human .describe{text-align:center;font-size:14px;line-height:25px;color:rgba(255,255,255,.8);color:#dff0d6\9}
#main .human .container{width:1040px;padding:10px;margin:80px auto;position:relative;overflow:hidden;text-align:center}
#main .human .container .item{display:inline-block;width:202px;text-align:left;margin:0 20px;transition:all .35s}
#main .human .container .item a{display:block}
#main .human .container .item .img{display:block;width:202px;height:202px;border-radius:100%;margin:0 auto;overflow:hidden;transition:all 1s}
#main .human .container .item .name{padding:20px;margin:0 auto;font-size:16px;font-weight:600;color:#fff;text-align:center}
#main .human .container .item:hover .img{transform:rotatey(360deg);background:rgba(255,255,255,.5)}
#main .human .more{padding:0;margin:0 auto;text-align:center}
#main .human .more a{border:3px solid #fff;padding:8px 30px;font-size:16px;color:#fff;transition:all .35s}
#main .human .more a:hover{background:#fff;color:#29b217}
#path{position:absolute;z-index:99;left:0;bottom:0;width:100%;height:60px;line-height:60px;background:rgba(48,93,195,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5129f43, endColorstr=#E5129f43)}
#path .container{width:1140px;margin:0 auto}
#path .container .text{float:left;width:30%;text-align:left;color:#fff;font-size:14px}
#path .container .text a{color:#fff}
#path .container .column{position:relative;float:right;width:70%;text-align:right}
#path .container .column a{display:inline-block;font-size:16px;color:#fff;padding:0 30px}
#path .container .column .A{background:rgba(255,255,255,1);color:rgba(48,93,195,1);font-weight:700}
#search{display:none;position:absolute;right:0;bottom:-80px;border:1px solid #ddd;border-radius:30px;width:240px}
#search input[type=text]{float:left;font-family:"微软雅黑";height:35px;line-height:30px;padding-left:15px;width:80%;border:none;outline:0;background:0 0;color:#333;box-sizing:border-box;overflow:hidden}
#search input::-webkit-input-placeholder,#search textarea::-webkit-input-placeholder{color:#ccc}
#search button{float:right;width:20%;height:35px;border:none;outline:0;background:url(../images/go.png) no-repeat center center;background-size:auto 60%;color:#fff;cursor:pointer;box-sizing:border-box;overflow:hidden}
#title{width:1140px;text-align:left;color:rgba(0,0,0,.8);font-size:24px;font-weight:700;padding:20px 0;margin:30px auto;border-bottom:1px solid rgba(0,0,0,.1)}
#container{width:100%;height:auto;margin:0 auto;padding:0 0 100px 0;background-color:#fff}
#about{width:1140px;margin:0 auto;text-align:left}
#about .img{margin:0 auto;padding-bottom:50px}
#about .text{font-size:14px;line-height:30px;color:#333}
#about .text p{margin-bottom:25px}
#strength{width:1140px;margin:0 auto;text-align:left}
#strength .text{font-size:14px;line-height:30px;color:#666;padding:20px 0}
#strength .text h2{color:#305dc3}
#strength .img{margin:20px auto;text-align:center}
#responsibility{width:1140px;margin:0 auto;text-align:left}
#responsibility .text{font-size:14px;line-height:30px;color:#666;padding:20px 0}
#responsibility .text p{margin-bottom:20px}
#responsibility .img{margin:20px auto;text-align:center}
#honor{width:1140px;margin:0 auto;text-align:left}
#honor .type{color:rgba(48,93,195,1);font-size:16px;font-weight:700;padding:20px 0 10px 0;margin:0 auto;text-align:left}
#honor .list{margin:0 auto;padding:20px 0;border-bottom:1px dotted #ddd}
#honor .list:last-child{padding-bottom:100px;border:0!important}
#honor .list a{position:relative;display:block;float:left;width:260px;margin-bottom:20px;margin-right:32px;text-align:center}
#honor .list a:nth-child(4n){margin-right:0!important}
#honor .list a .img{display:block;margin:0 auto;width:260px;height:220px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:rgba(255,255,255,1);text-align:center}
#honor .list a .img img{display:inline-block;max-width:250px;height:200px;margin:5px auto}
#honor .list a .name{display:block;width:90%;font-size:14px;line-height:20px;padding:10px 0;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#honor .list a .look{position:absolute;z-index:9;top:0;left:0;width:100%;height:0;background:rgba(48,93,195,.7);overflow:hidden;transition:all .35s}
#honor .list a .look img{display:inline-block;width:55px;height:auto;margin:50px auto 15px auto;transition:all .35s}
#honor .list a .look h3{margin-top:80px;font-size:12px;font-weight:400;color:rgba(255,255,255,1);transition:all .35s}
#honor .list a:hover .look{height:222px}
#honor .list a:hover .look img{margin-top:80px}
#honor .list a:hover .look h3{margin-top:0}
#culture{width:1140px;margin:0 auto;padding:20px 0;text-align:left}
#culture .img{float:left;width:400px;text-align:left}
#culture .text{float:right;width:670px;text-align:left}
#culture .text p{color:#666;font-size:16px;margin-bottom:30px}
#culture .text p strong{display:inline-block;padding:5px;width:45px;height:45px;font-size:14px;margin-right:15px;font-weight:400;background:rgba(48,93,195,1);border:4px solid rgba(48,93,195,1);color:rgba(255,255,255,1)}
#culture .text .describe{color:rgba(48,93,195,1);font-size:20px;line-height:40px}
#culture .text .describe strong{display:inline-block;width:auto;height:auto;font-size:20px;background:#fff;color:rgba(48,93,195,1);font-weight:700;padding:0;margin:0;border:0;border-bottom:2px solid rgba(48,93,195,1)}
#history{width:1140px;margin:50px auto;text-align:left;background:url(../images/history-line.png) repeat-y;background-position:50% 50%}
#history .arrtop{background:#fff;text-align:center;padding-top:50px;margin:30px auto}
#history .container{position:relative;margin:20px auto;text-align:left;width:520px}
#history .floatLeft{float:left;text-align:right}
#history .floatRight{float:right;text-align:left}
#history .floatLeft .spot{position:absolute;z-index:9;right:-50px;top:10px;transform:rotatey(180deg)}
#history .floatRight .spot{position:absolute;z-index:9;left:-36px;top:10px}
#history .container .year{display:block;padding:10px 0;color:rgba(48,93,195,1);font-size:24px;font-weight:700}
#history .container .img{display:none;padding:7px;border:2px solid rgba(0,0,0,.1);transition:all .35s}
#history .container .img img{width:160px;height:auto}
#history .container .text{padding:20px 0}
#history .container .text p{margin-bottom:20px;font-size:14px;color:#888}
#history .growth{background:#fff;margin:0 auto;text-align:center}
#history .container:hover .img{border:2px solid rgba(154,218,0,1);background:rgba(154,218,0,1)}
#history .container:hover .year{color:rgba(154,218,0,1)}
#info{width:1140px;margin:0 auto;text-align:left}
#info .list{margin:0 auto;padding:20px 0}
#info .list a{display:block}
#info .list .time{display:block;float:left;background:#eee;border-radius:0 15px 0 0;width:120px;height:120px;color:rgba(48,93,195,1);text-align:center;transition:all .35s}
#info .list .time h2{display:block;padding:28px 0 0 0;font-size:42px;font-family:Arial,"Arial Narrow"}
#info .list .time h3{display:block;font-family:Arial,"Arial Narrow";font-size:14px;font-weight:400}
#info .list .text{float:left;width:80%;max-width:950px;height:100px;margin-top:10px;margin-left:3%;padding-left:3%;border-left:1px solid #eee;text-align:left;color:#999;font-size:14px;line-height:25px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#info .list .text h3{display:block;padding:10px 0 15px 0;font-size:16px;color:#333}
#info .list a:hover .time{background:rgba(48,93,195,1);color:rgba(255,255,255,1);transform:rotatey(180deg)}
#info .list a:hover .time h2,#info .list a:hover .time h3{transform:rotatey(180deg)}
#video{width:1140px;margin:0 auto;text-align:center}
#network{position:relative;width:1140px;margin:0 auto;padding:20px 0;text-align:left}
#network .text{font-size:14px;line-height:25px;color:#999;padding:20px 0;border-bottom:1px dotted #eee}
#network .maps{padding-top:50px;width:800px;height:600px;margin:0 auto}
#network .logo{position:absolute;left:814px;top:555px}
#trade{width:1140px;margin:0 auto;padding:20px 0;text-align:center}
#catalog{width:1140px;margin:0 auto;text-align:left}

#catalog a{position:relative;display:inline-block;float:left;margin-right:42px;margin-bottom:30px}
#catalog a:nth-child(3n){margin-right:0!important}
#catalog a .img{border:1px solid #eee;margin:0 auto;transition:all .35s}
#catalog a .img img{width:350px;height:350px}
#catalog a .name{text-align:center;padding:15px 0;font-size:16px;transition:all .35s}
#catalog a .view{position:absolute;left:50%;bottom:52px;margin-left:-50%;font-size:12px;text-align:center;color:rgba(255,255,255,1);background:rgba(48,93,195,.8);width:100%;height:0;overflow:hidden;transition:all .35s}
#catalog a .view img{display:inline-block;width:64px;height:auto;margin:-80px auto 0 auto;transition:all .55s}
#catalog a .view h3{margin-top:50px;font-size:12px;font-weight:400;color:rgba(255,255,255,1);transition:all .35s}
#catalog a:hover .img{border:1px solid transparent}
#catalog a:hover .name{background:#305dc3;color:#fff}
#catalog a:hover .view{height:350px}
#catalog a:hover .view img{margin-top:90px}
#catalog a:hover .view h3{margin-top:0}

#catalog2{width:1140px;margin:0 auto;text-align:left}
#catalog2 a{position:relative;display:inline-block;float:left;margin-right:42px;margin-bottom:30px}
#catalog2 a:nth-child(3n){margin-right:0!important}
#catalog2 a .img{border:1px solid #eee;margin:0 auto;transition:all .35s}
#catalog2 a .img img{width:350px;height:468px}
#catalog2 a .name{text-align:center;padding:15px 0;font-size:16px;transition:all .35s}
#catalog2 a .view{position:absolute;left:50%;bottom:52px;margin-left:-50%;font-size:12px;text-align:center;color:rgba(255,255,255,1);background:rgba(48,93,195,.8);width:100%;height:0;overflow:hidden;transition:all .35s}
#catalog2 a .view img{display:inline-block;width:64px;height:auto;margin:-80px auto 0 auto;transition:all .55s}
#catalog2 a .view h3{margin-top:50px;font-size:12px;font-weight:400;color:rgba(255,255,255,1);transition:all .35s}
#catalog2 a:hover .img{border:1px solid transparent}
#catalog2 a:hover .name{background:#305dc3;color:#fff}
#catalog2 a:hover .view{height:468px}
#catalog2 a:hover .view img{margin-top:90px}
#catalog2 a:hover .view h3{margin-top:0}

#product{width:1140px;margin:0 auto;text-align:left}
#product .prolist{display:block;float:left;width:240px;height:auto;padding:20px 0;background:#f7f7f7;border-bottom:5px solid rgba(48,93,195,1)}
.prolist_side{position:relative;z-index:99;width:90%;padding:0;list-style:none;zoom:1;margin:0 auto}
.prolist_side li{position:relative;overflow:hidden}
.prolist_side li ul.close{display:none}
.prolist_side li ul.open{display:block}
.prolist_side li span.close{position:absolute;display:block;padding:5px 0 5px 0!important;background:url(../images/plus_minus.gif) no-repeat left 12px!important;top:0;right:0;cursor:pointer;z-index:99;width:12px;height:12px}
.prolist_side li span.open{position:absolute;display:block;padding:5px 0 5px 0!important;background:url(../images/plus_minus.gif) no-repeat left -180px!important;top:0;right:0;cursor:pointer;z-index:99;width:12px;height:12px}
.prolist_side li a{display:block;zoom:1;position:relative;font-size:13px;padding:7px 0 7px 0!important}
.prolist_side li a.A{color:#305dc3}
.prolist_side li a.sA{color:#305dc3;background:0 0!important}
.prolist_side_son{position:relative;z-index:999;width:100%;padding:5px 0;list-style:none;zoom:1;margin:0 auto}
.prolist_side_son li{padding:0}
.prolist_side_son li a{font-size:12px;padding:7px 0 7px 10px!important;border:0;color:#999;border-left:1px solid #ddd}
.prolist_side_son li .A{border-left:1px solid #305dc3}
.prolist_side_son li a.A,.prolist_side_son li a:active,.prolist_side_son li a:hover{color:#305dc3!important;border-left:1px solid #305dc3}
.prolist_side_son li a .A{color:#305dc3;background:0 0!important}
#product .container{float:right;width:850px;text-align:left}
#product .container .title{padding:5px 0;color:rgba(48,93,195,1);font-size:18px;font-weight:700}
#product .container .title img{margin-left:5px}
#product .container .list{margin:0 auto;padding:20px 0}
#product .container .list a{position:relative;display:block;float:left;margin:0 42px 20px 0;text-align:center;width:252px}
#product .container .list a:nth-child(3n){margin-right:0!important}
#product .container .list a .img{width:250px;height:250px;overflow:hidden;transition:all .35s;border:1px solid #eee;border-top:5px solid #eee}
#product .container .list a .img img{width:100%;height:auto}
#product .container .list a .name{width:90%;margin:0 auto;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#product .container .list a .look{position:absolute;z-index:9;top:0;left:0;width:0;height:5px;background:rgba(48,93,195,1);overflow:hidden;transition:all .35s}
#product .container .list a .look img{display:inline-block;width:55px;height:auto;margin:50px auto 15px auto;transition:all .35s}
#product .container .list a .look h3{margin-top:80px;font-size:12px;font-weight:400;color:rgba(255,255,255,1);transition:all .35s}
#product .container .list a:hover .look{width:100%}
#product .container .list a:hover .look img{margin-top:80px}
#product .container .list a:hover .look h3{margin-top:0}
#product .container .con{margin:0 auto;padding:30px 0}
#product .container .con .showimg{width:450px;float:left}
#product .container .con .text{float:right;width:360px;text-align:left}
#product .container .con .text .path{border:1px solid #eee;background:#ffe;font-size:14px;padding:15px}
#product .container .con .text .path strong{color:#666;display:inline-block}
#product .container .con .text .path a{display:inline-block;color:#999;font-size:12px}
#product .container .con .text .path a:hover{text-decoration:underline}
#product .container .con .text .pdf{margin:0 auto;padding:20px;border:1px dotted #ddd;border-top:0}
#product .container .con .text .pdf h3{padding:10px 0;color:#d81e06}
#product .container .con .text .pdf h3 img{margin-right:5px}
#product .container .con .text .pdf a img{margin:0 5px}
#product .container .con .text .nav{padding:30px 0;text-align:left;font-size:16px}
#product .container .con .text .nav p{display:block;padding:8px 0}
#product .container .con .text .nav p.tel{color:rgba(255,255,255,1);background:#305dc3;font-size:18px;margin-bottom:20px;padding:10px 0;text-align:center}
#product .container .con .text .nav p.tel img{margin-right:8px;height:32px}
#product .container .con .text .nav img{height:25px;margin:0 10px}
#product .container .con .text .nav a{color:#999}
#product .container .con .text .nav a:hover{color:rgba(48,93,195,1)}
#product .container .tags{margin:0 auto;padding:20px 0;text-align:left}
#product .container .tags #tags_title{font-size:14px}
#product .container .tags #tags_title a{background:#f7f7f7;padding:8px 20px}
#product .container .tags #tags_title .A{background:rgba(255,255,255,1);color:rgba(48,93,195,1)}
#product .container .tags #tags_content{padding:15px 0;font-size:14px;color:#666;line-height:20px;text-align:left}
#product .container .tags #tags_content p{margin-bottom:20px}
#product .container .tags #tags_content table{border-top:1px solid #eee;border-left:1px solid #eee;width:100%}
#product .container .tags #tags_content td{border-right:1px solid #eee;border-bottom:1px solid #eee;padding:0!important;font-size:12px!important;text-align:center}
#product .container .tags #tags_content td div{font-size:12px}
#product .container .tags #tags_content img{max-width:100%}
#product .container .btn{margin:0 auto;padding:50px 0}
#product .container .btn .url{display:block;float:left;width:50%;text-align:left}
#product .container .btn .url a{display:inline-block;padding:7px 25px;background:#666;border:1px solid #666;color:#fff;font-size:14px}
#product .container .btn .url a:hover{background:rgba(48,93,195,1);border:1px solid rgba(48,93,195,1)}
#product .container .btn .url .back{border:1px solid #ddd;background:#fff;color:#666}
#product .container .btn .url .back:hover{color:rgba(48,93,195,1);background:#fff}
#product .container .btn .share{float:right;text-align:right}
#hotpro{width:1140px;margin:0 auto;text-align:left}
#hotpro a{position:relative;display:inline-block;float:left;width:250px;margin-right:42px;margin-bottom:30px}
#hotpro a:nth-child(4n){margin-right:0!important}
#hotpro a .img{width:250px;height:250px;overflow:hidden;transition:all .35s;border:1px solid #eee}
#hotpro a .img img{width:100%;height:auto}
#hotpro a .name{width:90%;margin:0 auto;padding:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hotpro a .look{position:absolute;z-index:9;top:0;left:0;width:100%;height:0;background:rgba(48,93,195,.7);overflow:hidden;text-align:center;transition:all .35s}
#hotpro a .look img{display:inline-block;width:55px;height:auto;margin:50px auto 15px auto;transition:all .35s}
#hotpro a .look h3{margin-top:80px;font-size:12px;font-weight:400;color:rgba(255,255,255,1);transition:all .35s}
#hotpro a:hover .look{height:252px}
#hotpro a:hover .look img{margin-top:80px}
#hotpro a:hover .look h3{margin-top:0}
#equipment{width:1140px;margin:0 auto;text-align:left}
#equipment .img{margin:0 auto;text-align:left}
#equipment .img img{width:90%}
#equipment .text{font-size:14px;line-height:30px;color:#888;padding:20px 0}
#case{width:1140px;margin:0 auto;text-align:left}
#case .img{margin:0 auto;padding-bottom:30px}
#case .container{border:1px solid #eee;margin:0 auto 30px auto;transition:all .35s}
#case .type{color:rgba(48,93,195,1);font-size:16px;font-weight:700;padding:30px 20px 0 20px;margin:0 auto;text-align:left}
#case .type img{margin-left:5px}
#case .list{margin:0 auto;padding:10px 20px 30px 20px}
#case .list .name{display:block;float:left;width:33%;padding:5px 0;text-align:left;font-size:14px;color:#888}
#case .container:hover{background:ivory}
#talent{width:1140px;margin:0 auto;text-align:left}
#talent .text{padding:20px 0;margin:0 auto;text-align:left;color:#666;font-size:14px;line-height:24px;border-bottom:1px dotted #ddd}
#talent .item{padding:50px 0}
#talent .item .img{position:relative;width:320px;float:left;margin-right:40px}
#talent .item .img img{width:100%;height:auto}
#talent .item .img .name{position:absolute;left:0;bottom:0;width:100%;height:42px;line-height:42px;font-size:16px;text-align:center;color:rgba(255,255,255,1);background:rgba(154,218,0,.9)}
#talent .item .text{border:0;padding:0;width:60%;float:left;color:rgba(48,93,195,1)}
#talent .item .text p{font-size:12px;color:#999;margin-top:10px}
#training{width:1140px;margin:0 auto;text-align:left}
#training .text{padding:20px 0;margin:0 auto;text-align:left;color:#666;font-size:14px;line-height:24px}
#training .text p{margin-bottom:20px}
#recruitment-process{width:1140px;margin:0 auto;text-align:left}
#recruitment-process .text{padding:20px 0;margin:0 auto;text-align:left;color:#666;font-size:14px;line-height:24px}
#recruitment-process .text p{margin-bottom:20px}
#jobs{width:1140px;margin:0 auto;text-align:left}
#jobs .list-tr{margin:0 auto;height:35px;padding:5px 0;background:url(../images/bt-bg.png) repeat-x;background-position:left bottom;border:1px solid #eee}
#jobs .list-tr div{display:block;float:left;font-size:14px;font-weight:700;color:#333;height:35px;line-height:35px;text-align:center}
#jobs .list-tr .td1{width:430px;padding:0 30px;text-align:left;border-right:1px solid #eee}
#jobs .list-tr .td2{width:120px;padding:0 20px;border-right:1px solid #eee}
#jobs .list-tr .td3{width:120px;padding:0 20px;border-right:1px solid #eee}
#jobs .list-tr .td4{width:120px;padding:0 20px;border-right:1px solid #eee}
#jobs .list-tr .td5{width:120px;padding:0 20px}
#jobs .list-td{margin:0 auto;height:35px;padding:5px 0;color:#666;border-bottom:1px solid #eee}
#jobs .list-td.A{background:rgba(48,93,195,1);color:#fff}
#jobs .list-td.A .td1,#jobs .list-td.A .td2,#jobs .list-td.A .td3,#jobs .list-td.A .td4{border-right:1px solid rgba(255,255,255,.3)}
#jobs .list-td.A .td5 .btn{border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.1)!important;color:rgba(255,255,255,1)!important}
#jobs .list-td div{display:block;float:left;font-size:12px;height:35px;line-height:35px;text-align:center}
#jobs .list-td .td1{width:430px;padding:0 30px;text-align:left;border-right:1px solid #fff}
#jobs .list-td .td2{width:120px;padding:0 20px;border-right:1px solid #fff}
#jobs .list-td .td3{width:120px;padding:0 20px;border-right:1px solid #fff}
#jobs .list-td .td4{width:120px;padding:0 20px;border-right:1px solid #fff}

#jobs .list-td .td5{width:120px;padding:0 20px}
#jobs .list-td .td5 .btn{border:1px solid #eee;display:inline-block;padding:0 10px;height:24px;line-height:24px;color:rgba(48,93,195,1);cursor:pointer}
#jobs .list-td .td5 .btn:hover{border:1px solid rgba(48,93,195,1);background:rgba(48,93,195,1);color:#fff}
#jobs .list-son{display:none;background:ivory;border-bottom:1px dotted #ddd;padding:30px;text-align:left;color:#666}
#jobs .list-son .tag{padding-bottom:20px;line-height:21px}
#jobs .list-son .tag h4{display:block;padding:5px 0;color:#333}
#recruitment-hotline{width:1140px;margin:0 auto;padding:30px 0;text-align:left}
#recruitment-hotline .img{float:left;text-align:left}
#recruitment-hotline .text{text-align:left;float:left;padding:0 50px}
#recruitment-hotline .text h2{font-size:24px;font-weight:400;color:rgba(48,93,195,1);display:block;padding:10px 0}
#recruitment-hotline .text p{color:#999;font-size:14px;display:block;padding:10px 0}
#recruitment-hotline .text p a{color:#999}
#purpose{width:1140px;margin:0 auto;text-align:left}
#purpose .img{float:left}
#purpose .text{float:right;width:580px;text-align:left;padding:10px 0;color:#666;font-size:16px;line-height:34px}
#purpose .text p{margin-bottom:20px}
#service{width:1140px;margin:0 auto;text-align:left}
#service .img{float:left;width:20%}
#service .text{float:left;width:80%;text-align:left;padding:10px 0;color:#666;font-size:14px;line-height:24px}
#service .text p{margin-bottom:20px}
#feedback{width:1140px;margin:0 auto;text-align:left}
#feedback .img{float:left;width:500px;text-align:left}
#feedback .container{width:580px;float:right;text-align:left}
#feedback .text{font-size:12px;line-height:20px;color:#999;border-bottom:1px dotted #ddd}
#feedback .text strong{display:block;padding:10px 0;font-size:14px;color:#555}
#feedback form{margin:0 auto;padding:20px 0;text-align:left}
#feedback form dl{width:100%;text-align:left;padding:0}
#feedback form dl dt{width:90px;font-size:14px;line-height:30px;color:#666;text-align:left}
#feedback form dl dd,#feedback form dl dt{padding:8px 0}
#feedback form dl dt span{color:red;padding-left:6px}
#feedback form dl dd{padding-left:90px;margin-top:-40px}
#feedback form dl dd select{width:auto;font-size:14px;font-family:"微软雅黑",Arial,"Arial Narrow";color:#666;padding:5px 20px;border:1px solid #ddd;cursor:pointer;margin-right:10px}
#feedback form dl input,#feedback form dl textarea{padding:5px 20px;border:1px solid #ddd;color:#888;font-size:14px;font-family:"微软雅黑";margin-right:20px}
#feedback form dl input{width:45%;height:30px}
#feedback form dl textarea{width:96%;height:120px;overflow:auto;padding:20px 2%}
#feedback form dl #checksn{width:10%}
#feedback form dl .button input{width:auto;height:45px;line-height:45px;border:none;color:#fff;padding:0 35px;cursor:pointer;font-weight:700;background:rgba(48,93,195,1);font-family:"微软雅黑";font-size:16px;margin:15px auto}
#feedback form dl .button input:hover{background:#305dc3}
#volunteer{width:1140px;margin:0 auto;text-align:left}
#volunteer .img{float:left;width:350px;text-align:left}
#volunteer .container{width:720px;float:right;text-align:left}
#volunteer .text{font-size:12px;line-height:20px;padding:10px 0;color:#999;border-bottom:1px dotted #ddd}
#volunteer .text span{display:inline-block;font-size:14px;color:#ed0000}
#volunteer form{margin:0 auto;padding:20px 0;text-align:left}
#volunteer form dl{width:100%;text-align:left;padding:0}
#volunteer form dl dt{width:90px;font-size:14px;line-height:30px;color:#666;text-align:left}
#feedback form dl dt,#volunteer form dl dd{padding:8px 0}
#volunteer form dl dt span{color:red;padding-left:6px}
#volunteer form dl dd{padding-left:90px;margin-top:-40px}
#volunteer form dl dd select{width:auto;font-size:14px;font-family:"微软雅黑",Arial,"Arial Narrow";color:#666;padding:5px 20px;border:1px solid #ddd;cursor:pointer;margin-right:10px}
#volunteer form dl input,#volunteer form dl textarea{padding:5px 20px;border:1px solid #ddd;color:#888;font-size:14px;font-family:"微软雅黑";margin-right:20px}
#volunteer form dl input{width:45%;height:30px}
#volunteer form dl textarea{width:96%;height:120px;overflow:auto;padding:20px 2%}
#volunteer form dl #checksn{width:10%}
#volunteer form dl .button input{width:auto;height:45px;line-height:45px;border:none;color:#fff;padding:0 35px;cursor:pointer;font-weight:700;background:rgba(48,93,195,1);font-family:"微软雅黑";font-size:16px;margin:15px auto}
#volunteer form dl .button input:hover{background:#305dc3}
#view{width:1140px;margin:0 auto;text-align:left}
#view .title{padding:20px 0;margin:20px auto;font-weight:700;font-size:32px;text-align:center;color:#333}
#view .time{padding:20px 0;text-align:center;color:#999;font-size:14px}
#view .text{font-size:15px;color:#666;line-height:30px}
#view .text p{margin-bottom:20px}
 .btn{display:block;padding:20px;margin:100px auto 30px auto;background:#f9f9f9}
 .btn .url{float:left;width:50%;text-align:left;line-height:14px}
 .btn .url a{width:500px;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-weight:700}
 .btn .url a span{font-weight:400}
 .btn .url a span.no{color:#ccc}
 .btn .url a:hover span{text-decoration:underline}
 .btn .back{float:right;width:30%;text-align:right}
 .btn .back a{background:rgba(48,93,195,1);border:1px solid rgba(48,93,195,1);color:rgba(255,255,255,1);font-size:16px;display:inline-block;padding:8px 20px;transition:all .35s}
 .btn .back a span{display:inline-block;position:relative;float:left;width:22px;height:22px;margin-right:3px;overflow:hidden}
 .btn .back a span img{position:absolute;left:0;top:0;width:100%;height:auto}
 .btn .back a:hover{background:rgba(255,255,255,1);color:rgba(48,93,195,1)}
 .btn .back a:hover span img{top:-22px}
#contact{width:1140px;margin:0 auto;text-align:left}
#contact .img{margin:0 auto}
#contact .text{font-size:16px;color:#555;line-height:34px;padding:20px 48px;text-align:left}
#contact .text h2{font-size:30px;color:#222;display:block;padding:20px 0}
#page{max-width:1140px;margin:0 auto;padding:50px 0;color:#999}
#footer{width:100%;background:#eee;margin:0 auto}
#footer .con{width:1140px;margin:0 auto;padding:50px 0}
#footer .con .nav{float:left}
#footer .con .nav li{display:block;float:left;min-width:72px;padding:0 30px;text-align:left}
#footer .con .nav li h3{display:block;padding:0 0 10px 0;font-size:16px;font-weight:400;color:#363636}
#footer .con .nav li a{display:block;padding:5px 0;font-size:14px;color:#999}
#footer .con .nav li a:hover{color:#119f43}
#footer .con .qrcode{float:right;width:330px;text-align:right}
#footer .con .qrcode .weixin{display:inline-block;color:#c2c2c2;font-family:14px;text-align:center;width:145px}
#footer .con .qrcode .mobile{display:inline-block;color:#c2c2c2;font-family:14px;text-align:center;width:145px;margin-left:35px}
#footer .con .qrcode img{display:block;margin-bottom:10px}
#footer .copy{clear:both;background:#ddd;width:100%;padding:25px 0;margin:0 auto;font-size:13px;color:#9c9c9c;text-align:center}
#footer .copy a{color:#9c9c9c}
@keyframes b-bg{from{filter:alpha(opacity=0);opacity:0;background-size:2400px 420px}
to{filter:alpha(opacity=100);opacity:1;background-size:2000px 350px}
}
#b-sub>.border{position:absolute;left:50%;top:50%;animation:b-border .8s ease-out .4s both;width:600px;height:86px;margin:-50px 0 0 -300px;z-index:3}
#b-sub>.b-sub-title{width:600px;height:86px;position:absolute;left:50%;top:50%;text-align:center;color:#fff;font-size:28px;animation:b-title .6s 1s both;z-index:3}
#b-sub>.b-sub-title-sub{width:600px;height:86px;position:absolute;left:50%;top:50%;text-align:center;color:#fff;font-size:14px;animation:b-title-sub .6s 1.2s both;z-index:3}
@keyframes b-border{from{border:5px solid rgba(255,255,255,0);width:1000px;height:143px;margin:-80px 0 0 -500px}
to{border:1px solid rgba(255,255,255,.3);width:600px;height:90px;margin:-52px 0 0 -300px}
}
@keyframes b-title{from{filter:alpha(opacity=0);opacity:0;margin:0 0 0 -300px}
to{filter:alpha(opacity=100);opacity:1;margin:-38px 0 0 -300px}
}
@keyframes b-title-sub{from{filter:alpha(opacity=0);opacity:0;margin:30px 0 0 -300px}
to{filter:alpha(opacity=100);opacity:1;margin:3px 0 0 -300px}
}
@media only screen and (max-width:1620px){#header .advertising{display:none}
}

 #pages { padding:10px 0 10px;text-align:center;font:12px; overflow:hidden;}
#pages a { display:inline-block; padding: 5px 15px; height:22px;font-size:12px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 8px; height:22px; line-height:22px; background:#df4c18; border:1px solid #df4c18; color:#fff; text-align:center; }


/*chanpin*/
.index_chanpin{width:100%;background: url(chanpin.jpg) no-repeat bottom center;}
.index_chanpin .index_cp_con{width:1200px;margin: 0 auto;padding: 80px 0 40px 0}
.index_chanpin .cp_top{width:1200px;/*height:190px;*/}
.index_chanpin .tup_title{width:368px;height:75px;line-height:75px; margin: 0 auto;text-align:center;font-weight:bold; font-size:30px;}
.index_chanpin .top_entiit{width:368px;height:40px;line-height:40px; margin: 0 auto;text-align:center;font-size:20px;}
.index_chanpin .top_yuandian{width:32px;height:32px;margin: 0 auto;margin-top:30px}
.index_chanpin .chanpin_list{width:1200px;height:450px;margin:30px 0;position: relative;}
.chanpin_list .prev,.chanpin_list .next{position:absolute;top:180px;left:-40px;display: block;width:46px; height:62px; background:url(focusAdvBg.png) no-repeat; filter:alpha(opacity=80);opacity:0.8;z-index: 9;overflow: hidden;}
.chanpin_list .next{ left:auto; right:-60px; background-position:-46px 0;}
.chanpin_list .prev:hover,.chanpin_list  .next:hover{ filter:alpha(opacity=100) !important;opacity:1 !important;  }

.chanpin_list .chanpin_ul{width:1200px;height:450px;overflow:hidden}
.chanpin_list .chanpin_ul li{width:360px;height:410px;margin-left:35px;margin-top:19px;display:inline-block;text-align:left;}
.chanpin_list .chanpin_img{width:360px;height:360px;}
.chanpin_list .chanpin_text{width:360px;height:50px;line-height:50px; background:#313131;text-align:center;overflow:hidden;font-size:18px }
.chanpin_list .chanpin_ul li a{color: #fff}
.chanpin_list .chanpin_ul li:hover{filter:alpha(opacity=80);opacity:0.8;}
.chanpin_more{width:165px;height:55px;line-height: 55px; margin:40px auto;background:#009269;text-align: center;border-radius:15px}
.chanpin_more a{color: #fff;font-size: 20px}
.chanpin_more:hover{filter:alpha(opacity=80);opacity:0.8;}

 
.About{font-size: 18px;line-height:34px;text-align:left;}
.About p{text-indent:2em}
.jjfn{background: #fff!important}
.jiejuefangan{height: 500px!important}
.jiejuefangan .prev,.jiejuefangan .next{top:190px;}
.chanpin_list .bd{ margin-left: 30px; }
.chanpin_list .bd ul{ overflow:hidden; zoom:1; width:283px; float:left; _display:inline;  }
.chanpin_list .bd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.chanpin_list .bd ul li .pic{ text-align:center; }
.chanpin_list .bd ul li .pic img{ width:283px; height:190px; display:block; }
.chanpin_list .bd ul li .title{height: 60px; line-height:60px;font-size: 20px   }
#main .news{width:100%;height:auto;background:url(news-bg.png) no-repeat;background-position:left top;background-size:100% 100%;margin:0 auto;padding:60px 0}
#main .news .con{width:90%;max-width:1080px;margin:0 auto;padding:40px 0}
#main .news .imgtext{float:left;width:48.5%;max-width:520px;height:400px;background:#fff}
#main .news .imgtext .img{width:100%;height:auto;overflow:hidden;background:#000}
#main .news .imgtext .img img{width:100%;height:auto;transition-duration:3s;-ms-transition-duration:3s;-moz-transition-duration:3s;-webkit-transition-duration:3s}
#main .news .imgtext .text{width:90%;margin:0 auto;text-align:left;font-size:14px;line-height:24px;color:#929292;overflow:hidden}
#main .news .imgtext .text h3{color:#191919;font-size:17px;display:block;padding:18px 0}
#main .news .imgtext .time{width:90%;margin:0 auto;padding:5px 0 10px 0;font-size:12px;font-family:Arial,"Arial Narrow";color:#ccc;text-align:left}
#main .news .imgtext a:hover .text h3{color:#f06405}
#main .news .imgtext a:hover .img img{transform:scale(1.1,1.1);opacity:.5}
#main .news .list{float:right;width:49%;max-width:530px;height:400px;overflow:hidden}
#main .news .list a{display:block;width:100%;height:125px;background:#fff;margin-bottom:12px;text-align:left;overflow:hidden}
#main .news .list a:last-child{margin-bottom:0}
#main .news .list a .time{display:block;float:left;width:24%;height:80%;max-width:120px;max-height:90px;background:#cacaca;text-align:center;margin:18px 20px;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s}
#main .news .list a .time h3{display:block;padding:15px 0 0 0;font-family:Arial,"Arial Narrow";font-size:40px;color:#fff}
#main .news .list a .time h4{display:block;padding:0;font-family:Arial,"Arial Narrow";font-size:14px;font-weight:normal;color:rgba(255,255,255,0.7)}
#main .news .list a .text{display:block;float:left;width:62%;height:80%;max-height:85px;margin:20px 0;color:#5e5e5e;font-size:14px;line-height:20px;overflow:hidden}
#main .news .list a .text h3{font-size:14px;color:#000;padding-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main .news .list a:hover .time{background:#f06405}
#main .news .list a:hover .text h3{color:#f06405}