@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }
html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body {font-size: 13px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 20px;background:#eee;color: #333;}
.phonepic { width:100%;}
h2,h3{ font-style:normal; font-weight:normal;}
* {margin:0;padding:0}
a { transition: all 0.5s ease;color:#333; text-decoration:none; }
a:hover { color:#0063a6;transition: all 0.5s ease; }
a:active, a:focus, a:hover ,input:focus { outline:0 }
.css3-animate { transition: all 0.6s ease; }
img{ border-style:none;}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
.line{border-top: #ccc 1px dotted;margin:6px 0;}
.left{ float:left;}
.right{ float:right;}
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.orange { color:#e1a616; }
.gray { color:#666;}
.red { color: #d71717; }
.white { color:#fff;}
.blue { color: #072059; }
.clear { clear: both; }
.black { color:#111; }
.wrap { position: relative; max-width: 1000px; margin: 0 auto; }
.container {max-width: 1050px; width: 100%; margin:0 auto; }
/*顶部导航开始*/
.top { width:100%;height:133px;background:#fff url(../images/topbg.jpg) no-repeat top center;z-index:99;box-shadow: 3px 2px 5px #eee;}
.top .tubiao { position:absolute;z-index:100;right:210px;top:8px;width:160px;height:30px; }
.top .tubiao a { width: 26px;height: 26px;margin:0 3px;display: inline-block;background-image: url(../images/footer_icon.png);background-size: 100px 52px;background-repeat: no-repeat;}
.top .tubiao .arr11 { background-position:  0 0; }
.top .tubiao .arr11:hover { background-position: 0 -26px; }
.top .tubiao .arr12 { background-position:  -38px 0; }
.top .tubiao .arr12:hover { background-position: -38px -26px; }
.top .tubiao .arr13 { background-position:  -73px 0; }
.top .tubiao .arr13:hover { background-position: -73px -26px; }
.top .search { width:129px;position: absolute;right:98px;top:8px;height:24px;z-index:111;background:url(../images/search1.png) no-repeat left top; }
.top .search1,.search2  { float:right; }
.top .search input {color: #999;line-height:18px;outline: none;font-size:12px;font-family: inherit;}
.top .search .input {border: 0;padding: 0px 2px 0 10px;height: 18px;width: 91px;background:none;transition: all .5s;}
.top .search .input:focus {width: 96px;}
.top .search .submit {border: 0;width: 26px;height: 18px;background: url(../images/search2.png) no-repeat right top;cursor:pointer;text-indent: -999px;}
.top .dingbu { position:absolute;z-index:100;right:0px;top:3px;width:230px;height:30px;padding:4px 10px 0 0;color:#ddd;background:url(../images/dingbubg.gif);border-radius:4px;margin-top:-3px; }
.top .dingbu a { display:inline-block;margin:0 5px;}
.top .logo{position:absolute;z-index:100;left:0px;top:12px;width:200px; }
.top .logo img { width:120px; }
.top .menu {position:absolute;right:0px;width:790px;top:63px;height:46px;z-index:10; }
.top .menu li{ position:relative;float:left;text-align:center;z-index:35; }
.top .menu li a{display:block;padding:5px 20.6px 15px;background:url(../images/menubg.gif) no-repeat right 26px;font-size:16px;color:#222;line-height:50px;}
.top .menu li:hover a {color:#0a6fb5;}
/*===============子菜单定位=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:176px;height:0px;left:-8px;top:48px;z-index:100; background:url(../images/menubg.png);}
.top .menu li .Nodes ul{position:static;float:left;width:99%;left:0px;top:0px;z-index:100;border:#f2f2f2 1px solid;border-top:#0a6fb5 1px solid;border-radius:6px;}
.top .menu li .Nodes ul li{width:100%;height:36px;float:none;padding:0;margin:0;text-align:left;border-top:#f2f2f2 1px solid; overflow:hidden; }
.top .menu li .Nodes ul li a{display:block;width:75%;padding:0 13% 0 12%;height:36px;color:#111;font-size:13px;line-height:36px;background: url(../images/space.png) no-repeat 150px 15px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .menu li .Nodes ul li:hover a { width:73%;padding:0 13% 0 14%;color:#0a6fb5;background:#fff url(../images/arr3.png) no-repeat 158px 15px;}
.search { width:180px;position: absolute;right:0;top:41px;height:34px;z-index:99; }

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 80px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(80px, 0, 0)}100%{opacity:1;transform:none}}

.more { padding:4px 10px;border:#b6bdcf 1px solid;color:#2c54ba;transition: all 0.4s ease;}
.more:hover { background:#2c54ba;color:#fff;}

.home-banner { padding:10px 0; max-width:1600px;margin:3px auto;height:400px; }
.home-banner .swiper-container { position: relative;width: 100%;height:100%;border-radius:6px;}
.home-banner .swiper-slide { width:100%;height:100%;justify-content: center;align-items: center;}
.home-banner .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;background: #23b54d;}
.home-banner .swiper-pagination-bullet-active {opacity:0.9;background: #fc8129;}

.index1 { padding:45px 0 60px;}
.index1 .title { padding:0 0 22px;}
.index1 .text { padding:0 0 30px;line-height:26px;font-size:14px;color:#333;}
.index1 .more { color:#fff;display:block;width:180px;padding-right:0;line-height:26px;border-radius:20px;background:#206dc9 url(../images/arr0.png) no-repeat 127px 19px ;margin:15px auto;}
.index1 .more:hover { width:155px;padding-right:25px;background:#0f5bb6 url(../images/arr0a.png) no-repeat 135px 13px ;}
.index2 { width:100%;height:133px;}
.index3 { padding:50px 0 20px;}
.index3 li { width:17%;margin:0 4% 30px;float:left;}
.index3 .pic { border:#eee 1px solid; position: relative;}
.index3 li a { color:#0066CC; }
.index3 li:hover a { color:#ff0000; }
#box{width:168px;height:152px;}  
#cont1{width:168px;height:152px;background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0;z-index:2;}  
#cont2{width:168px;height:152px;background-repeat:no-repeat;background-size:100% 100%;;position:absolute;top:0;left:0;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}  
.index3 li:hover #cont1{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);} 
.index3 li:hover #cont2{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}  
.index3 li:hover #cont2{z-index:2;}  
#cont1,#cont2{transition:all .5s linear 10ms;} 

.footer { background: #fff;color:#888; line-height:22px; }
.footer.container { background:#fff;padding:10px 25px;}
.footer a { color:#333;}
.footer a:hover { color:#333;}
.foot0 { padding:10px 0 15px; }
.foot0 .left,.foot0 .right { width:49.5%;}
.foot1 { border-top:#3684e0 3px solid;padding-top:10px;}
.foot1 .left { width:83%;padding:11px 0 0;}
.foot1 a { color:#0f5bb6 }
.foot1 .left1 { word-spacing:8px;height:45px; }
.foot1 .right { width:120px;}
.fudong {position: fixed;right: 0;bottom: 40%;width: 400px;height: 231px;z-index: 9999;}
.backTop {position: fixed;right: 0;bottom: 0;width: 43px;height: 43px;z-index: 9999;text-align: center;line-height: 43px;font-size: 20px;cursor: pointer;display: none;}
.backTop:before {content: " ";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #666;opacity: 0.6;z-index: -1;}
.backTop:hover {background-color: #333;color: #fff;}
.backTop span {color: #fff;}

@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 80px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(80px, 0, 0)}100%{opacity:1;transform:none}}

/*公共样式*/
.banner { margin:0 0 20px;position:relative; }
.banner .word { position:absolute;top:30%;left:50%;margin-left:-500px;width:500px;height:120px;border-radius:10px; background:url(../images/banbg.png);animation:fadeInUp 0.5s 0.3s both;}
.banner .word1 { padding:30px 0 18px 30px;font-size:22px;color:#da5252;animation:fadeInUp 1.8s 0.6s both;}
.banner .word2 { font-size:16px;padding-left:30px;animation:fadeInUp 1.5s 0.9s both;}
.main { min-height:450px;padding:25px;border-radius:4px;background:#fff; }
.main .mainleft { width:18%;padding:15px 1% 20px;min-height:400px;float:left; background:#f6f6f6;border-radius:6px; }
.main .mainleft .title { width:90%;background:#1e6ac8;color:#fff;line-height:30px;padding:0 5%;border-radius:15px;font-size:16px;margin-bottom:18px; }
.main .mainleft li { margin:0 0 5px;width:100%;float:left;}
.main .mainleft li a { line-height:26px;display:block;color:#fff;background:#1e6ac8;padding:0 0 0 15%;border-radius:12px; }
.main .mainleft li.cur a { color:#fff;background:#1e6ac8; }
.main .mainleft li:hover a { color:#fff;background:#ed8621; }
.main .mainleft .xiaofenlei { padding:8px 0 ;float:left;}
.main .mainleft .xiaofenlei li { margin-left:5px;border-bottom:0;}
.main .mainleft .xiaofenlei li a { line-height:20px;color:#666;font-size:14px;background:url(../images/arr3.png) no-repeat 12px 10px;padding-left:24px;  }
.main .mainleft .xiaofenlei li:hover a { color:#1e6ac8;}
.main .mainleft .xiaofenlei li.cur a { font-weight:bold;color:#206dc9;background-color:#fafafa; }
.main .mainright { width:76%;float:right; }
.main .mainright .title { font-size:18px;padding:0 0 16px;color:#555;border-bottom:#168eca 1px solid; }

.about { padding:20px 25px;background:#fff;line-height:28px;border-radius:4px;}
.about .left { width:66%;line-height:32px;}
.about .left p { padding:0 0 30px;}
.about .title { color:#0886c2;font-size:20px;}
.about .tit { color:#0886c2;font-size:18px;padding:0 0 5px;}
.about .content { padding:25px 0 0;}
.about .right { width:30%;padding-top:65px;}
.about .right li{float:left;width:100%;padding:0 0 15px;overflow:hidden; position:relative;}
/* main_img */
.about .right .main_img{ width: 100%;height:180px;margin:0 0 6px;overflow:hidden;font-size: 14px;position: relative;z-index:1;float: left;}
.about .right li img{ width: 100%;height:100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.about .right li .show { width: 100%;height: 100%;z-index: 200;left: 0;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;transition-delay: 0s;transition-duration: 0.3s;transition-property: opacity; transition-timing-function: ease-in; }
.about .right li .show .imgArea { left:0; top:50%;width:100%;text-align:center;opacity: 0;position: absolute;transition-delay: 0s;transition-duration: 0.8s;transition-property: all; transition-timing-function: ease; }
.about .right li:hover .show { opacity: 1;filter:alpha(opacity=100); }
.about .right li:hover .show .imgArea{ opacity:1;filter:alpha(opacity=100); }
.about .right li:hover img { transform: scale(1.1, 1.1);}

.products { padding:30px 0 0;}
.products li { width:22%;float:left;margin:0 4% 25px 0;}
.products li .main_img{ width: 99%;height:180px;margin-bottom:12px;overflow:hidden;position: relative;z-index:1;transition: all 0.5s ease;border:#eee 1px solid;}
.products li img{ width: 100%;height:100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition-delay: 0s;transition-duration: 1s;transition-property: all;transition-timing-function: ease;}
.products li .show { background: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;z-index: 200;left: 0;color:#fff;opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;transition-delay: 0s;transition-duration: 0.3s;transition-property: opacity; transition-timing-function: ease-in; }
.products li .show .imgArea { left:0; top:0;width:100%;height:100%;background:url(../images/arr11.png) no-repeat center;opacity: 0;position: absolute;transition-delay: 0s;transition-duration: 0.8s;transition-property: all; transition-timing-function: ease; }
.products li:hover .show { opacity: 0;filter:alpha(opacity=0); }
.products li:hover .show .imgArea{ opacity:0;filter:alpha(opacity=0); }
.products li:hover img { transform: scale(0.9, 0.9);}
.products li .text { position: relative;font-size:16px;height:20px;margin:1px 0 0;color:#2964c0;font-size:13px; }
.products li:hover .text{ color:#444; } 

/**************************************** img_area ****************************************/
.img_area{width:350px;float:left;}
#preview{ float:left; width:350px; margin-top:30px;}
.jqzoom{ width:350px; height:350px; position:relative; border:1px solid #cccccc;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{ width:10px; height:45px; float:right;cursor:pointer; margin-top:5px;}
#spec-list{ /*width:325px; */float:left; overflow:hidden; margin-left:5px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
#spec-list{ position:relative; width:322px;/*margin-right:6px;*/}
#spec-list ul{ margin-top:0;margin-left:0px;*margin-left:0px!important;*margin-left:0px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.showpic {width:96%; overflow:hidden; }
.showpic .back a { width:100px;height:24px;padding:8px 0 0;color:#fff; background:#ccc;display:inline-block; text-align:center;}
.showpic .back a:hover { background:#8bbdef; color:#000;}
.showpic .left { width:55%;}
.showpic .right { width:40%;}
.xiangguan ul { margin:0;padding:0; }
.xiangguan li { width:15%;float:left;margin-left:5%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.news { padding:30px 0 0;}
.news li{float:left;width:100%;margin:0px 0 60px;position:relative;transition: all 0.6s ease;}
.news li:hover { width:98%;margin-left:2%;transition: all 0.6s ease;}
.news li a{ width:100%;display:block; }
.news li .date1 { font-size:28px;color:#666;font-family: HELVETICANEUELTPRO-THEX;}
.news li .date2 { color:#999;font-size:12px;padding:3px 0 5px;}
.news li .tit { width:100%;padding:0 0 14px;font-size:16px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;transition: all 0.6s ease;}
.news li .des { width:80%;font-size:12px;color:#aaa; transition: all 0.6s ease; }
.news li:hover a { color:#666;}

.download { padding:10px 0 0;}
.download li{float:left;width:100%;padding:30px 0 30px;position:relative;transition: all 0.6s ease;border-bottom:#ddd 1px solid;}
.download li .tit { width:100%;padding:0 0 14px;font-size:16px;}
.download li .des { width:100%;font-size:12px;color:#aaa; transition: all 0.6s ease; }
.download li .des .left { width:85%;}
.download li .des .right { width:15%;}
.newsview .tit { font-size:18px;text-align:center;padding:0 0 15px;border-bottom:0;}
.newsview .date { text-align:center;color:#888;padding:0 0 18px;font-size:11px;border-bottom:#ddd 1px solid;margin:0 0 10px;}
.newsview .text { line-height:28px;padding:30px 0;color:#666;font-size:14px;}
.newsview .text img { width:100%;margin:5px 0;}

.service { padding:60px 0;}
.service li { width:38.5%;float:left;padding:10px 5% 25px;min-height:82px;margin:0 3% 30px 0;background:#fff;position: relative;border-top:#fff 1px solid;}
.service li .left { width:18%;}
.service li .left img { width:100%; }
.service li .right { width:78%;color:#888; }
.service li .tit1 { padding:0 0 10px;font-size:18px;color:#666; }

/*contact*/
.contact { padding:20px 25px;}
.contact .title { padding:0 0 20px;margin: 0 0 50px;line-height:28px;border-bottom:#ccc 1px solid;color:#999; }
.contact .left { float:left;width:35%;}
.contact .right { float:right;width:58%;color:#666; }
.contact .right .title { font-size:28px;margin-bottom:12px; }
.contact .right .a1 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 6px; }
.contact .right .a2 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -40px; }
.contact .right .a3 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -68px; }
.contact .right .a4 { padding:0 0 0 26px;margin:8px 0 0;background:url(../images/contact_ico.png) no-repeat 0 -96px; }

#fenye {float:right;color:#888;margin:20px 10% 0 0; height:25px;font-weight:bold; }
#fenye a {padding:7px 12px;color:#888; border:#2c5ba4 1px solid;margin:0 3px;border-radius:4px;background:url(../images/fanyebg.gif);background-size:100% 100%; }
#fenye a:hover {text-decoration:none; background:#2c5ba4;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#2c5ba4 1px solid; margin:0 3px;border-radius:4px;background:#2c5ba4;color:#fff;}