@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; background:#f9f9f9;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:#009241;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:30px;top:31px;width:700px;height:88px; }
.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:#4ab170 url(../images/search.png) no-repeat center;cursor:pointer;text-indent: -999px;transition: all 0.2s ease;}
.top .search .submit:hover { background-color:#009241;}
.top .menu {position:absolute;right:0px;width:100%;top:117px;height:44px;z-index:10; }
.top .menu li{ position:relative;width:12.5%;float:left;text-align:center;z-index:35; background:url(../images/menubg.gif) no-repeat right center; }
.top .menu li a{display:block;line-height:44px;width:100%;font-size:15px;color:#fff;}
.top .menu li:hover a { background:url(../images/menubg1.gif); }
/*===============子菜单定位=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:200px;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:#26b842;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:#009241;}
.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 { border:#64b2f1 1px solid;color:#eee;transition: all 0.4s ease;}
.more a { display:block;width:100%;padding:6px 0;background:#338fdb;color:#fff; }
.more a:hover { background:#5babec;}

.home-banner { background:#f5f5f5;height:auto;height:412px;}
@media screen and (max-width:1300px) { .home-banner { height:340px;} }
.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: #68b8fb;}
.home-banner .swiper-pagination-bullet-active {opacity:0.9;background: #0e78d0;}

.index1 { padding:85px 0 90px;}
.index1 .left { width:40%;}
.index1 .right { width:52%;margin-right:3%;text-align:left;}
.index1 .right .tit { border-bottom:#ddd 1px solid;padding:0 0 18px;font-size:20px;color:#009241;font-weight:bold; }
.index1 .right .tit span { font-size:16px;color:#555;}
.index1 .right .text { padding:22px 0 0;line-height:25px;}
.index1 .right .text p { padding:0 0 10px;}
.index1 .right .text a { display:inline-block;padding:3px 26px;border-radius:30px;background:#009241;color:#fff;}
.index1 .right .text a:hover { background:#00CC66;}

.index2 { padding:65px 0 60px; background:#51a4e8;}
.index2 .container { max-width:1180px; }
.index2 .titcn { padding:0 0 15px;color:#fff;font-size:20px;font-weight:bold; }
.index2 .titen { color:#eee;padding:0 0 15px;}
.index2 .more { width:200px;margin:0 auto;}
/*首页轮播开始*/
.index2 .friend {  height:270px;overflow:hidden; }
.index2 .mr_frbox{height:100%;color:#fff;padding:30px 2px 16px;}
.index2 .mr_frBtnL{cursor:pointer;float:left;margin:70px 0 0;width:4%; text-align: center;}
.index2 .mr_frUl{float:left;width:92%;height:100%; overflow: hidden;}
.index2 .mr_frBtnR{cursor:pointer;float:left;margin:70px 0 0;width:4%;text-align: center;}
.index2 .mr_frUl li{float:left;width:20%;text-align:center;position:relative;}
.index2 .pic { border:#ddd 1px solid;background:#fff;border-radius:4px;width:196px;height:180px;overflow:hidden; }
.index2 .mr_frUl li img { padding:0;width:100%;height:180px;transition-delay: 0s;transition-duration: 0.5s;transition-property: all;transition-timing-function: ease;}
.index2 .mr_frUl li img:hover { transform: scale(1.05, 1.05); } 
.index2 .mr_frUl li .text { width:100%;text-align:center;line-height:34px;color:#fff; }

.index3 { padding:45px 0 60px;}
.index3 .titcn { padding:22 0 2px;color:#479ade;font-size:20px;font-weight:bold;margin-bottom:5px;background:url(../images/index3.gif) no-repeat center;}
.index3 .titen { color:#aaa;padding:0 0 15px;}
.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.png) 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.png) no-repeat;}
.index3 .content .right .inr3 .num {background: url(../images/num_03.png) 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.png) 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:26px;border:0;width:200px;margin:0 auto;margin-top:50px;}
.index3 .more a { color:#fff;}
.index3 .more:hover a { color:#fff; }

.index4 { padding:45px 0 60px; background:#eee;color:#333;}
.index4 .titcn { padding:0 0 15px;font-size:20px;font-weight:bold; }
.index4 .titen { color:#999;padding:0 0 25px;}
.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: 18px;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 #79b9ee;}
.index4 .li2:hover {background: url(../images/icon_02.png) no-repeat center 56px #79b9ee;}
.index4 .li3:hover {background: url(../images/icon_03.png) no-repeat center 58px #79b9ee;}
.index4 .li4:hover {background: url(../images/icon_04.png) no-repeat center 64px #79b9ee;}
.index4 li:hover {background-color: #79b9ee;color: #fff;border: 0;}
.index4 li:hover .en, .index4 li:hover p {color: #fff;}
.index4 li:hover .en:after {background-color: #fff;}

.footer { background: #157dd4;color:#fff;padding:22px 0; }
.footer a { color:#fff; text-decoration:underline;}
.footer a:hover { color:#fecb1a;}
.footer td { font-size:14px;}
.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: #51a4e8;opacity: 0.6;z-index: -1;}
.backTop:hover {background-color: #4ea0e3;color: #fff;}
.backTop span {color: #fff;}

/*公共样式*/
.banner { padding:1px 0 2px;height:220px;background:#f5f5f5;color:#fff; overflow:hidden; }
.banner .word1 { padding:80px 0 18px;font-size:20px;animation:fadeInUp 1.5s 0.3s both;}
.banner .word2 { font-size:18px;animation:fadeInUp 1.2s 0.5s both;}
.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:#009241; text-decoration:underline; }
.main { min-height:450px;padding:35px 0; }
.main .mainleft { width:25%;float:left; }
.main .mainleft .title { width:210px;color:#009241;line-height:26px;font-size:17px;margin-bottom:7px;font-weight:bold; }
.main .mainleft .title span { color:#666;font-size:12px;}
.main .mainleft1 { width:194px;padding:15px 20px 0;background:url(../images/left.gif) no-repeat 0 0;}
.main .mainleft1 li { margin:0 0 10px 0;width:100%;float:left;border-bottom:#ccc 1px dashed;}
.main .mainleft1 li a { width:160px;padding:0 0 0 30px;line-height:32px;display:block;color:#666;background:url(../images/arr12.gif) no-repeat left center; }
.main .mainleft1 li.cur a { color:#111;background-color:#dfdfda; }
.main .mainleft1 li:hover a { color:#111;background-color:#dfdfda; }
.main .mainleft1a { width:234px;height:10px;background:url(../images/left.gif) no-repeat left bottom;}
.mainleft2 { margin-top:20px;width:234px;}
/*左边轮播开始*/
.mainleft2 .friend { width:100%;height:220px;overflow:hidden; }
.mainleft2 .mr_frbox{height:100%;}
.mainleft2 .mr_frBtnL{cursor:pointer;float:left;margin:55px 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:55px 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:140px;margin-bottom:6px; } 

.main .mainright { width:73%;float:right; }
.main .mainright .title { font-size:18px;padding:0 0 16px;color:#555;border-bottom:#ccc 1px solid; }

.mainright table { border-top:#ddd 1px solid;}
.mainright td { padding:8px 0;border-bottom:#ddd 1px solid;font-size:13px; }

.procate li { width:100%;margin:0 0 25px;float:left;}
.procate li .left { width:25%;border:#ccc 1px solid;background:#f9f9f9;padding:5px;}
.procate li:hover .left { border:#009241 1px solid;background:#fff;}
.procate li .right { width:68%;}
.procate li .right .tit1 { color:#009241; font-weight:bold;font-size:16px;margin:0 0 8px;padding:0 0 8px;border-bottom:#ccc 1px dashed;}

.products { padding:30px 0 0;}
.products li { width:30%;float:left;margin:0 3% 16px 0;}
.products li .main_img{ width: 100%;height:200px;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;font-size:13px; }
.products li:hover .text{ color:#444; } 
.showpic .pic { padding:20px 0 10px;}
.showpic .text { padding:0 0 0 10%;}
.showpic .text img { margin:15px 0;}

.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 20px;margin-bottom:20px;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:#308ae6 1px solid;margin:0 3px;border-radius:4px;background:url(../images/fanyebg.gif);background-size:100% 100%; }
#fenye a:hover {text-decoration:none; background:#308ae6;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#308ae6 1px solid; margin:0 3px;border-radius:4px;background:#308ae6;color:#fff;}