@charset "utf-8";
/* CSS Document */
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", "微软雅黑",tohoma,Arial, sans-serif;line-height: 20px;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:#1faad3;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:#999;}
.red { color: #d71717; }
.white { color:#fff;}
.blue { color: #072059; }
.clear { clear: both; }
.black { color:#111; }
.relative { position:relative;}
.absolute { position:absolute;}
.wrap { position: relative; max-width: 1100px;width: 98%; margin: 0 auto; }
.container {max-width: 1050px; width: 98%; margin:0 auto; }
/*顶部导航开始*/
.top { width:100%;height:161px;z-index:99;background:#fff url(../images/bg.gif) repeat-x top;}
.top .logo{position:absolute;z-index:100;left:0px;top:21px;width:700px;height:88px; }
.top .adv{position:absolute;z-index:90;right:130px;top:0;width:408px;height:120px; }
.top .lan { position:absolute;z-index:95;right:0px;top:10px;width:230px;height:30px;padding:4px 10px 0 0;border-radius:4px;margin-top:-3px; }
.top .search { width:233px;position: absolute;right:5px;top:66px;height:32px;z-index:111; }
.top .search1,.search2  { float:right; }
.top .search input {color: #999;line-height:18px;outline: none;font-family: inherit;border:#acaead 1px solid;border-right:0;line-height:28px;padding-left:10px;width:180px;transition: all 0.5s ease;}
.top .search input:focus { background: #f6f6f6;border:#00a2eb 1px solid;}
.top .search .submit {border: 0;width: 41px;height: 30px;background:#87c7c0 url(../images/search.png) no-repeat center;cursor:pointer;text-indent: -999px;transition: all 0.2s ease;}
.top .search .submit:hover { background-color:#06b09d;}
.top .menu {position:absolute;right:0px;width:100%;top:121px;height:40px;z-index:10; }
.top .menu li{ position:relative;width:15%;float:left;text-align:center;z-index:35; }
.top .menu li.m0 { width:10%; }
.top .menu li a{display:block;line-height:40px;width:100%;font-size:16px;color:#fff;}
.top .menu li:hover a { background:#87c7c0; }
/*===============子菜单定位=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:170px;height:0px;left:0;top:40px;z-index:100; }
.top .menu li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0px;z-index:100;}
.top .menu li .Nodes ul li{width:100%;height:36px;float:none;text-align:left;border-top:#f2f2f2 1px solid; }
.top .menu li .Nodes ul li a{ background:#87c7c0;display:block;width:88%;padding-left:12%;height:36px;color:#fff;font-size:12px;line-height:36px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .menu li .Nodes ul li:hover a {background:#66b9b0;}
.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 { background:#f5f5f5;height:auto;height:520px;}
@media screen and (max-width:1400px) { .home-banner { height:450px;} }
@media screen and (max-width:1300px) { .home-banner { height:400px;} }
.home-banner .swiper-container { position: relative;width: 100%;height:100%;}
.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: #97f0e4;}
.home-banner .swiper-pagination-bullet-active {opacity:0.9;background: #35c4b0;}

.index1 { padding:65px 0 60px; background:#fff;}
.index1 .container { max-width:1180px; }
.index1 .title { padding:0 0 22px;color:#5fa7a7;font-size:28px;}
.index1 .text { padding:0 0 20px;line-height:30px;font-size:14px;}

.index2 { padding:65px 0;background:#87ded4; }
.index2 .title { padding:0 0 42px;color:#fff;font-size:28px; }
.index2 .content { background:#fff;}
.index2 .left { width:40%;}
.index2 .right { width:52%;margin-right:3%;text-align:left;}
.index2 .right .tit { border-bottom:#ddd 1px solid;padding:25px 0 18px; }
.index2 .right .text { padding:22px 0 0;}
.index2 .right .text a { display:inline-block;padding:6px 26px;border-radius:30px;background:#59d0c3;color:#fff;}

.index3 { padding:45px 0 60px;}
.index3 .title { padding:22 0 22px;color:#5fa7a7;font-size:28px;margin-bottom:12px;background:url(../images/index3.gif) no-repeat center;}
.index3 .content { padding:55px 0 0; }
.index3 .content .left .tit { width:100%;bottom:3px;left:0;z-index:99;lin-height:42px;width:100%;color:#fff;text-indent:22px;text-align:left;}
.index3 .content .right {}
.index3 .content .right {width: 475px;}
.index3 .content .right li {width: 100%;height: 100px;margin-bottom: 0px;overflow: hidden;transition: all 0.3s ease;background:url(../images/newsbg.jpg) no-repeat left bottom;}
.index3 .content .right .num {float: left;width: 100px;height: 60px;margin-top: 30px;border-right: 1px solid #dcdcdc;transition: all 0.3s ease;}
.index3 .content .right .inr1 .num {background: url(../images/num_01.png) no-repeat 5px;}
.index3 .content .right .inr2 .num {background: url(../images/num_02.jpg) no-repeat;}
.index3 .content .right .inr3 .num {background: url(../images/num_03.jpg) no-repeat;}
.idx-new-txt {padding-left: 10px;overflow: hidden;}
.idx-new-txt h3 {font-size: 14px;margin: 26px 0 10px 0;line-height: 22px;font-weight: normal;}
.idx-new-txt h3 .riqi {font-size: 12px;color: #999;float: right;margin-right: 20px;}
.idx-new-txt p {height: 36px;font-size: 12px;line-height: 18px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index3 .content .right li:hover {background:url(../images/newsbg.jpg) no-repeat left top;}
.index3 .content .right li:hover h3 {margin: 10px 0;}
.index3 .content .right li:hover h3, .index3 .content .right li:hover p {color: #fff;padding-right: 50px;}
.index3 .content .right li:hover .num, .index3 .content .right li:hover .riqi {display: none;}
.index3 .more { line-height:30px;border:0;background:#f8f8f8;margin:50px 0 0;}
.index3 .more span { font-size:18px;}
.index3 .more:hover { background:#87ded4;}
.index3 .more:hover a { color:#fff; }

.index4 { padding:45px 0 60px; background:#eee;}
.index4 .title { padding:22 0 22px;color:#5fa7a7;font-size:28px;margin-bottom:12px;background:url(../images/index4.gif) no-repeat center;}
.index4 .content { padding:55px 0 0; background:#fff; }
.index4 ul {position: relative;margin-top: 40px;height: 295px;}
.index4 .li1 {left: 0;background: url(../images/icon_1.png) no-repeat center 50px #fff;}
.index4 .li2 {left: 250px;background: url(../images/icon_2.png) no-repeat center 50px #fff;}
.index4 .li3 {left: 500px;background: url(../images/icon_3.png) no-repeat center 50px #fff;}
.index4 .li4 {left: 750px;background: url(../images/icon_4.png) no-repeat center 50px #fff;}
.index4 li {position: absolute;width: 249px;height: 295px;text-align: center;color: #333;cursor: pointer;}
.index4 li+li {border-left: 1px solid #eee;}
.index4 li h3 {margin-top: 120px;font-weight: normal;font-size: 24px;width: 150px;margin-left: 48px;}
.index4 li p {line-height: 22px;padding: 0 12px;color: #666;}
.index4 .en {color: #ccc;line-height: 24px;}
.index4 .en:after {content: "";display: block;width: 60px;height: 1px;background-color: #ccc;margin: 25px auto;}
.index4 .li1:hover {background: url(../images/icon_01.png) no-repeat center 60px #87ded4;}
.index4 .li2:hover {background: url(../images/icon_02.png) no-repeat center 56px #87ded4;}
.index4 .li3:hover {background: url(../images/icon_03.png) no-repeat center 58px #87ded4;}
.index4 .li4:hover {background: url(../images/icon_04.png) no-repeat center 64px #87ded4;}
.index4 li:hover {background-color: #2a95e5;color: #fff;border: 0;}
.index4 li:hover .en, .index4 li:hover p {color: #fff;}
.index4 li:hover .en:after {background-color: #fff;}

.footer { background: #3ac0b1;color:#fff;padding:12px 0; }
.footer a { color:#fff; text-decoration:underline;}
.footer a:hover { color:#fecb1a;}
.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: #999;opacity: 0.6;z-index: -1;}
.backTop:hover {background-color: #666;color: #fff;}
.backTop span {color: #fff;}

/*公共样式*/
.banner { padding:1px 0 2px;background:#f5f5f5; }
.banner .container { max-width:1140px;border-radius:6px;}
.daohang { background:#eee;line-height:40px;word-spacing:3px;}
.daohang p { padding-left:28px;background:url(../images/arr1.png) no-repeat left center;}
.daohang a { color:#3ac0b1; text-decoration:underline; }
.main { min-height:450px;padding:35px 0; }
.main .mainleft { width:25%;float:left; }
.main .mainleft .title { width:190px;background:#3ac0b1;color:#fff;line-height:36px;padding:0 8px;border-radius:15px;font-size:16px;margin-bottom:18px; }
.main .mainleft1 li { margin:0 0 10px 0;width:100%;float:left;}
.main .mainleft1 li a { width:160px;padding:0 25px;line-height:32px;display:block;color:#666;background:#eee;border-radius:12px; }
.main .mainleft1 li.cur a { color:#fff;background:#fc5451; }
.main .mainleft1 li:hover a { color:#fff;background:#fc5451; }
.mainleft2 { margin-top:20px;width:200px;}
/*左边轮播开始*/
.mainleft2 .friend { width:100%;height:220px;overflow:hidden; }
.mainleft2 .mr_frbox{height:100%;}
.mainleft2 .mr_frBtnL{cursor:pointer;float:left;margin:70px 0 0;width:8%;text-align:left;}
.mainleft2 .mr_frUl{float:left;width:84%;height:100%; overflow: hidden;}
.mainleft2 .mr_frBtnR{cursor:pointer;float:right;margin:70px 0 0;width:8%;text-align:left;}
.mainleft2 .mr_frUl li{float:left;width:100%;text-align:center;overflow:hidden;position:relative;}
.mainleft2 .mr_frUl li img { padding:0;width:100%;height:168px;margin-bottom:6px; } 
.main .mainright { width:73%;float:right; }
.main .mainright .title { font-size:18px;padding:0 0 16px;color:#555;border-bottom:#168eca 1px solid; }

.products { padding:30px 0 0;}
.products li { width:30%;float:left;margin:0 3% 16px 0;}
.products li .main_img{ width: 100%;height:230px;overflow:hidden;position: relative;z-index:1;transition: all 0.5s ease;}
.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(1.05, 1.05);}
.products li .text { position: relative;font-size:16px;margin:6px 0 0;height:40px;color:#2964c0;font-size:13px; }
.products li:hover .text{ color:#444; } 
/**************************************** img_area ****************************************/
.img_area{width:350px;float:left;}
#preview{ float:left; width:350px; }
.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 30px;padding:0 0 30px;border-bottom:#eee 1px solid;}
.news li .left { width:30%;}
.news li .right { width:65%; }
.news li a{ width:100%;display:block; }
.news li .tit { width:100%;padding:0 0 14px;font-size:16px;}
.news li .des { width:100%;font-size:12px;color:#999; transition: all 0.6s ease; }
.news li .date1 { font-size:16px;color:#666;padding:10px 0;}
.news li:hover a { color:#666;}

.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;}

.about { padding:20px 0;line-height:28px;}
.about p { text-indent:32px;margin:10px 0;}

/*contact*/
.contact { padding:30px 0 50px;}
.contact .des { padding:0 0 35px;margin-bottom:30px;border-bottom:#eee 1px solid;color:#999;}
.contact .content { line-height:30px;}
.contact .content a { color:#3ac0b1; text-decoration:underline; }
.contact .content a:hover { text-decoration:none;}

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