@import url("reset.css");
@import url("fonts.css");
.toper{height:54px;line-height:54px;color:#32ab2a;font-size:24px;font-weight:600;border-bottom: 1px solid #32ab2a;}
.toper-l{width:260px;float:left;}
.toper-r{width:200px;float:right;font-family:Arial;background:url(../img/tel.png) center left no-repeat;padding-left:40px}

.index-sale-title h2{text-align: left;
    font-size: 22px;
    font-weight: normal;
    padding-right: 15px;
    display: inline-block;
    color: #333;
    background: url(../img/no1.jpg) left center no-repeat;
    padding-left: 14px;
    width: 1140px;}
.index-sale-title h2 p{display:inline;float: right;font-size:14px;}
.index-sale-title h2 p a{color:#999}
.bg-3{background: #F8F8F8;}
.p20{padding: 20px 0;}
.line-bg{background:#f8f8f8;padding-bottom: 40px;}


.header{padding: 0px;height:100px;background:#32ab2a}
.logo{float: left;}
.logo img{padding:0px}
.site-inner{float: left; margin:19px 0 0 10px;}
.site-inner p.site-name{font-size: 22px;}
.site-inner p.site-desc{font-size: 14px; margin-top: 5px; font-family: simsun;}
.site-info,.nav{display: table-cell; vertical-align: top;}
/* .nav{padding:16px 0 0 10px}
.nav{height:43px;margin:0 auto;}
.nav li{line-height:43px;height:43px;text-align:center;width:106px;float:left;position:relative;z-index:9999;}
.nav li a{display:block;line-height:43px;color:#333;height:43px;font-size:15px;}
.nav li:hover a{color:#fff;text-decoration:none;background:#345fa4;}


.nav .sec{height:0;background:#345fa4;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:44px;left:0px;}
.nav .sec a{background:#345fa4;color:#fff;height:38px;line-height:38px;width:106px;border-bottom: 1px dashed #4775be;}
.nav .sec a:hover{text-decoration:none;color:#FFF23D;}




.site-info{padding-right: 20px;}
.nav li a{display: inline-block; font-size: 15px; padding: 10px 8px; color: #333; border-radius: 5px;}
.nav li a:hover{color:#ff6600;}



@media screen and (max-width:980px){.nav li a{padding: 10px;}}
.nav li.cur a{color: #FFF; background: #FF0000; display: inline-block;}
.nav li{ float: left; margin-left: 18px;position:relative;z-index:9999;} */

.tit-top{background:url(../img/line.png) center bottom no-repeat;line-height:40px;margin-bottom:25px;padding-bottom:12px}
.tit-top p{font-size:20px;color:#32ab2a;font-weight:bold;width:120px;background:url(../img/left-line.jpg) center left no-repeat;padding-left:12px;float:left}
.tit-top span{float:right;color:#666}
.tit-top span a{font-size:14px;color:#666}
.tit-top span a:hover{color:#32ab2a}

.


.flexslider{position:relative;overflow:hidden; width: 100%;}
.slides{position:relative;z-index:1; overflow: hidden;}
.slides li{height:480px; overflow: hidden; }
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:20px;height:20px;line-height:20px;overflow:hidden;cursor:pointer; background: #1D458C; color: #FFF;}
.flex-control-nav .flex-active{background-position:0 0; background: #333333;}
.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:200px;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:200px;background:url(../img/next.png) center center no-repeat;}

.grWidth{padding-top:30px;z-index:100}
.ban_bottom{background:#009cff;height:250px;position:relative}
.strengthMain1{height:;overflow:hidden;}
.strengthMain1 li{float:left;width:286px;height:190px;overflow:hidden;background:#fff !important;position:relative;}
.strengthMain1 li:nth-child(1){margin:0 12px;}
.strengthMain1 li:nth-child(2){margin:0 12px 0 0;}
.strengthMain1 li:nth-child(3){margin:0 12px 0 0}
.strengthMain1 li img{width:266px !important;height:170px;transition:all .5s;display: block;margin: 0 auto;}
.strengthMain1 li .case-img{width:266px;height:170px;overflow:hidden;margin:10px;}
.strengthMain1 li .font{width:286px;height:120px;top:0px;left:0px;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:70px;}
.strengthMain1 li .font h3{font-size:20px;color:#f5f5f5;font-weight:normal;margin-bottom:20px;line-height:40px;display:none;transition: all 0.5s;}
.strengthMain1 li:hover img{transform: scale(1.05, 1.05);}
.strengthMain1 li .font::before,.strengthMain1 li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain1 li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain1 li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain1 li:hover .font::before,.strengthMain1 li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}
.strengthMain1 li:hover .font h3{display:block;transition: all 0.5s;}
.strengthMain1 li:hover .font{ background-color:rgba(0,0,0,0.5);} 


.idx_about{padding:30px 0;background:#edffec;}
.idx_about .idx_about_l{width:382px;height:325px;float:left}
.idx_about .idx_about_l .about_l_img{width:382px;overflow:hidden;}
.idx_about .idx_about_l .about_l_img:hover img{transform: scale(1.05, 1.05);}
.idx_about .idx_about_l .about_l_img img{width:382px !important;height:325px;transition:all .5s;}

.idx_about_r h2 span{color:#ccc;font-size:24px;font-weight:normal;}
.idx_about_r{width:540px;float:left;margin-left:20px;height:325px;box-shadow:0 5px 15px #ccc}
.idx_about_r h2{font-size:26px;color:#333;font-weight:600;background:url(../img/about_bg.jpg) bottom center no-repeat;line-height:56px}
.about_r_con{line-height:32px;font-size:15px;margin:10px 0;text-indent:2em;color:#666;padding: 30px;}
.about_r_con a.about_more{color:#32ab2a;}

.idx_about_rr{width:216px;height:325px;background:#32ab2a;float:right}
.idx_about_rr li{line-height:54px;padding:0 10px}
.idx_about_rr li a{font-size:16px;color:#fff;padding:0 10px;display:block;border-bottom:1px dashed #fff}
.idx_about_rr li:last-child{border-bottom:none;}
.idx_about_rr li a:hover{color:#ffd202}

.about_bot{margin:20px 0}
.about_bot li{width:33.3%;float:left}
.about_bot li img{display:block;border:1px solid #009cff;padding:20px;border-radius:100%;margin:0 auto}
.about_bot li p{font-size:14px;color:#666;line-height:28px;text-align:center}


.idx_ta{background:none !important}
.idx_ta .top1 h2{background:#009cff !important;color:#fff !important}
.idx_ta .top1 h2 a{color:#fff !important;}
.idx_ta .ta_l{float: left !important;}
.idx_ta ul{float:right !important}


.idx_news{background:#edffec;padding:40px 0}
.idx_news_l{width:800px;float:left;margin-right:24px;}
.idx_news_l:nth-child(3n){margin-right:0;}

.idx_news_top{height:58px;margin:20px 0;}
.idx_news_top a{display:block;text-align:center}
.news-top-l{width:180px;float:left;padding-left:10px}
.news-top-l p{font-size:20px;color:#333;font-weight:bold;font-family:Arial;}
.news-top-l span{display:block;font-size:20px;color:#32ab2a}
.news-top-r{line-height:49px;font-size:16px;width:120px;float:right;text-align:center;margin-right:10px}
.news-top-r a{color:#333;display:block;border-bottom:2px solid #ccc;}
.news-top-r:hover a{color:#32ab2a;border-bottom:2px solid #32ab2a}

.news-l1{background:#fff;padding:20px}
.news-l1 img{display:block;width:150px;height:124px;float:left}
.news-l1 .news-l1-txt{width:586px;float:right}
.news-l1 .news-l1-txt h2{font-size:16px;color:#333;font-weight:bold;line-height:40px;border-bottom:1px solid #ccc;margin-bottom:10px}
.news-l1 .news-l1-txt p{font-size:14px;color:#666;line-height:26px;}

.idx_news_l ul{margin:10px 0px;}
.idx_news_l ul li{border-bottom:1px dashed #ccc;width:386px;float:left;margin-right:18px}
.idx_news_l ul li:nth-child(2n){margin-right:0}
.idx_news_l ul li a{width:262px;display:block;float:left}
.idx_news_l ul li h2{font-size:15px;color:#555;line-height:49px;font-weight:normal;}
.idx_news_l ul li:hover h2{color:#32ab2a}
.idx_news_l ul li span{color:#333;font-size:14px;line-height:49px;width:84px;float:right;}
.idx_news_l ul li p{font-size:14px;color:#888;line-height:24px;height:48px;overflow:hidden}

.idx_news_r{width:350px;float:right}
.idx_news_r ul{margin:7px 0;}
.idx_news_r ul li a{line-height:49px;display:block}
.idx_news_r ul li h2{font-size:16px;color:#333;font-weight:normal;line-height:49px;border-bottom:1px dashed #ccc;background:url(../img/news-ico.png) center right no-repeat;padding:0 5px}
.idx_news_r ul li a:hover h2{color:#32ab2a}

.idx_pro_one{margin:30px 0;}
.top1{padding-top:16px}
.top1 h2{height:60px;line-height:60px;background:#fff;border-radius:10px 10px 0 0;margin:12px 0;padding:0 12px;font-size:24px;color:#009cff;}
.top1 h2 a{font-size:15px;color:#0577c0;font-weight:normal;}
.top1 h2 span{float:right}


.idx_pro_one_con ul li{width:286px;float:left;margin-right:12px;margin-bottom:16px;}
.idx_pro_one_con ul li img{width:276px;height:210px;display:block;margin:0 auto;padding:5px}
.idx_pro_one_con ul li .txt{background:#fff;text-align:center}
.idx_pro_one_con ul li .txt h2{font-size:16px;line-height:30px;color:#333;font-weight:normal;overflow:hidden}
.idx_pro_one_con ul li .txt p{font-size:14px;color:#fb0505}
.idx_pro_one_con ul li:nth-child(4n){margin-right:0}
.idx_pro_one_con ul li:hover h2{color:#32ab2a}

.idx_pro_one_con .pro_r{width:380px;float:right}
.idx_pro_one_con .pro_r img{display:block;width:380px;height:400px;}
.idx_pro_one_con .pro_r .txt{background:#fff;height:78px;padding:10px}
.idx_pro_one_con .pro_r .txt h2{color:#333;font-size:16px;line-height:30px;font-weight:normal}
.idx_pro_one_con .pro_r .txt p{font-size:14px;color:#fb0505;line-height:30px;}

.idx_pro_two{background:url(../img/pro_bg.jpg) center center no-repeat;padding:50px 0;}
.pro_top{background:url(../img/pro_top_bg.png) center center no-repeat;text-align:center;height: 80px;margin:20px 0}
.pro_top h2{font-size:28px;}
.pro_top p{color:#aaa;font-size:14px;font-family:arial;    text-transform: uppercase;}

.pro_two_con .pro_fl{width:268px;float:left}
.pro_fl_top{background:url(../img/pro-tt.jpg);width:248px;height:88px;color:#222;text-align:left;padding-left:20px}
.pro_fl_top h2{font-size:28px;padding-top:18px;font-weight:bold;}
.pro_fl_top p{font-size:14px;text-transform:Uppercase}
.pro_fl ul{border:1px solid #ddd;padding:10px 0px;background:#fff;margin-top:5px;}
.pro_fl ul li{line-height:49px;height:49px;border-bottom:1px solid #ddd;padding:0 8px;}
.pro_fl ul li:last-child{border-bottom:0;}
.pro_fl ul li a{color:#333;padding-left:20px;font-size:16px;display:block;background:url(../img/ico.png) left center no-repeat;}
.pro_fl ul li:hover{background:#ffd202}

.pro_fl_con{width:894px;float:right}
.pro_fl_con ul li{width:286px;float:left;margin-right:18px;margin-bottom:26px;background:#fff}
.pro_fl_con ul li:hover a {color:#32ab2a}
.pro_fl_con ul li:nth-child(3n){margin-right:0;}
.pro_fl_con ul li img{width:276px;height:210px;padding:5px;}
.pro_fl_con ul li a{color:#333;display:block}
.pro_fl_con ul li p{line-height:45px;text-align:center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.l-tel{background:#fff;padding:10px 0;}
.l-tel p{background:url(../img/tel1.png) 18px center no-repeat;padding-left:70px;font-size:16px;color:#333;}
.l-tel p span{font-size:12px;color:#777;font-family:Arial;display:block;line-height:28px}
.l-tel h2{font-size:28px;color:#32ab2a;font-weight:bold;font-family:Arial;text-align:center;}


.idx_pro_three{padding-top:25px;}
.pro_th_fl{width:700px;margin:0 auto;}
.pro_th_fl li{width:150px;height:38px;line-height:38px;float:left;background:#fff;margin:0 12px;}
.pro_th_fl li:hover{background:#29d1a0;}
.pro_th_fl li:hover a{color:#fff}
.pro_th_fl li a{font-size:14px;text-align:center;display:block;color:#333}
.wrapper{margin-top:30px}
.wrapper li{float:left;width:286px;margin-right:20px;background:#fff;}
.wrapper li img{width:276px;height:210px;padding:5px 5px 0}
.wrapper li a{display:block;color:#333}
.wrapper li:hover{background:#32ab2a}
.wrapper li h2{font-size:15px;text-align:center;font-weight:normal;line-height:44px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.wrapper li p{color:#fb0505;text-align:center;line-height:30px;}
.wrapper li:hover a{color:#fff}

.index-sale-title{background:url(../img/line.jpg) bottom left no-repeat;padding-bottom:14px;}
.index-sale-title h2 span{font-family:Arial;}
.soultion{background: #F5F5F5; padding: 20px;}
.cell-4 li{width: 260px; position: relative; float: left; margin-left: 20px; background: #fff; height: 40px; padding: 30px 10px; color: #555;}

.cell-4 li img{display:block;float:left;width:41px;}
.cell-4 li a{display:block;float:right;width:210px}
.cell-4 li.first{margin-left: 0 !important;}
.cell-4 li span{color: #FF0000; font-size: 36px; padding-right: 10px;}

.cell-4 li  b{font-size:13px; font-weight: normal;color:#333}
.soultion-head{margin-bottom: 0PX; color: #FF0000;}
.soultion-desc{padding:4px 0; color: #333 ;line-height: 1.5;font-size:16px}

.product-l,.product-r{position: relative;}
.product{margin-top: 20px;}
.product-l{width: 280px;  background: #e2e2e2;margin-left: 10px;}
@media screen and (max-width:980px){.product-l{width: 190px;}}
.product-r{width: 909px; padding-left:1px ;}
@media screen and (max-width:980px){.product-r{width: 788px; background: #fff;}}
.product-l h3{font-size: 22px; color: #FFF; font-weight: normal; margin-bottom: 10px;}
.p-l-top p.desc{color: #FFF; font-size: 16PX;}
.p-l-top img{display: block; width: 280px; height:560px}
@media screen and (max-width:980px){.p-l-top img{width: 190px;}}
.p-l-top {position: relative;}
.p-l-info{position: absolute; top: 10px; left: 70px;}
.p-l-info a{padding: 8px 15px;;display: inline-block; margin-top: 20px; color: #FFF;background:#ff6600;}
.p-l-nav{height:280px; padding: 30px 20px 0 20px;position: absolute;bottom: 0;background: #fff;opacity: 0.8;}
.p-l-nav li{width: 45%;float: left;margin-bottom: 20px;
    padding-left: 5%;}
.p-l-nav li a{color: #000; font-size: 14px;}

.r-1{width:592px;position: relative;}
.r-1 img{width:592px; height: 560px; display: block;}
@media screen and (max-width:980px){.r-1{width: 507px;}}
@media screen and (max-width:980px){.r-1 img{width: 507px; height: 421px;}}
.r-r {width:307px;margin-right:10px }
.r-r li{position: relative;}
.r-r li.last{border-bottom: none !important;margin-top:10px}
.r-r img{width:307px; height: 275px; display: block;}
@media screen and (max-width:980px){.r-r img{width: 190px; height: 190px;}}
.r-r-info{width: 100%; position: absolute; bottom: 0px; text-align: center; color: #000;background:#fff;opacity:0.8;line-height:44px;}
.r-l-info{width:100%; position: absolute; bottom:0px; color: #000; opacity: 0.8;margin-right: 179px;background:#fff;line-height:44px;text-align:center}

.product-bot{margin-top:15px;}
.product-bot li{float: left; width: 292px; text-align: center;margin-right:10px;position:relative}
.product-bot li:nth-child(4n){margin-right:0;}
@media screen and (max-width:980px){.product-bot li{width: 244px;}}
.product-bot li img{width: 292px; height: 232px;}
@media screen and (max-width:980px){.product-bot li img{width: 244px; height: 244px;}}
.product-bot li a{color: #000;display:block}
.product-bot li p{position:absolute;bottom:0;line-height:44px;background:#fff;opacity:0.8;color:#000;display:block;width:292px}

.bg-1{background: #9a8936;}



.list-pro-l{width: 300px; margin-bottom: 20px; }
.list-pro-l h4,.pro-r-box h6{font-size: 18px; color: #333333; font-weight: normal;line-height: 40px;}
.list-pro-l h4:after,.pro-r-box h6:after{display: block;content: ''; margin-top: 5px; width: 100%; height: 1px; background: #ddd;}
.sidebar-menu{margin-top: 30px;}
.sidebar-menu li a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: normal; display: block; padding-top: 10px; padding-bottom: 10px; color: #777; border-bottom: solid 1px #eee; font-size: 14px;}
.sidebar-menu li a:hover{color: #995511; padding-left: 10px;}
.sidebar-menu li{margin-bottom: 10px;}
.hot-list-img{vertical-align: top; padding-right: 10px;}
.hot-list-info{vertical-align: top;text-align: center;}
.hot-list-info p.title{font-size: 15px; color: #333;}
.hot-list-info p.tit{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:33px;}
.hot-list-info p.meta{font-size: 13px; color: #777; margin-top: 10px;}
.hot-list li{margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.hot-list li img{width:260px; height:190px;}
.hot-list li:hover p.title{color: #995511;}

.hot-list-way{margin-top:20px}
.hot-list-way li{margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.hot-list-way li a{color:#333;background:url(../img/no2.jpg) 4px center no-repeat;padding-left:18px;}



.list-pro-l .tit{font-size: 15px; color: #333;}

.list-pro-l .desc{font-size: 13px; font-family: simsun; color: #999;}
.list-pro-r{width: 840px; margin-right: 20px; background: #FFF; padding: 20PX 20px 20px 0; margin-bottom: 20px;}
@media screen and (max-width:980px){.list-pro-r{width: 640px;}}
.filter{border-top: 1px solid #F8F8F8; margin-left: 20px; border-left: 1px solid #F8F8F8; border-right: 1px solid #F8F8F8;}
.index-sale-title-1{margin-left: 20px;}
.index-sale-title-1 h1{font-size: 26px;  font-weight: normal;}

.cell-4a{margin-top: 20px; overflow: hidden; margin-bottom: 40px;}
.cell-4a li{width: 238px; border: 1px solid #E2E2E2; float: left;  margin-right: 20px; transition: all 0.6s; text-align: center; padding: 20px; background: #FFF;}
@media screen and (max-width:980px){.cell-4a li{width: 19%;}}
.cell-4a li.last{margin-right: 0 !important;}
.cell-4a li.cur{border-top: 3px solid #ff0000; margin-top: 0;}
.cell-4a li:hover{border-top: 1px solid #ff0000;}
.cell-4a .info{margin-top: 40px;  }
.cell-4a .info h3{font-size: 18px; font-weight: normal; margin-bottom: 20px;}
.cell-4a .info p{font-size: 14px; font-family: simsun;}
.cell-4a .btn{margin-top: 40px;}
.cell-4a .btn a{color: #ff0000; border: 1px solid #ff0000;  padding: 9px 22px; font-size:14px;}

.team-box li{width: 280px; float: left; display: inline; height: 300px;margin-right:25px;}
.team-box li:last-child{margin-right:0;}

@media screen and (max-width:980px){.team-box li{width: 230px;}}

.team-box{height: 360px; position: relative; z-index: 0;}
.team-box ul{height: 360px; overflow: hidden;}
.team-inner{width: 280px;background: #FFF;}
@media screen and (max-width: 500px){.team-inner{width: 228px;}}
@media screen and (max-width:980px){.team-inner{width: 228px;}}
.head-portrait{width:280px; height: 170px;}
.team-inner div{padding: 20px; text-align: center;overflow: hidden;}
.team-inner h3{font-size: 16px; font-weight: normal; padding: 5px 0 10px 0;}
.team-inner p.team-posi{font-size: 15px; padding-bottom: 10px; color: #666;}
.team-inner p.meta{color: #777;line-height: 1.8; text-align: left; margin-bottom: 10px; font-size: 12px;}
.team-inner p a{color: #ff0000; display: inline-block;font-size: 12px;}

.arcitle_pannel{margin-top: 40px; margin-bottom: 40px;}
.arcitle_l{width: 580px; position: relative; margin-right: 20px;}
@media screen and (max-width:980px){.arcitle_l{width: 480px;}}
.arcitle_l .img{position: relative;}
.arcitle_l .info{position: absolute; bottom: 20px; background: #FFF; margin: 0 20px; padding: 20px; opacity: 0.9; width: 500px; text-align: center;} 
@media screen and (max-width:980px){.arcitle_l .info{width: 400px;}}
.arcitle_l .info p.tit{font-size: 18px; padding-bottom: 10px; border-bottom: 1px dashed #ff0000; margin-bottom: 10px;}
.arcitle_l .info p.meta{font-size: 14px; font-family: simsun; color: #999; line-height: 1.5; text-align: left;}
.arcitle_l .info p.more a{padding: 3px 8px; background: #ff0000; color: #FFF; display: inline-block; border-radius: 5px;font-size: 14px; font-family:simsun; margin-top: 5px; }
.arcitle_l .info p.more{text-align: left;}
.arcitle_l img{width: 580px; height: 423px;}
@media screen and (max-width:980px){.arcitle_l img{width: 480px;}}
.arcitle_r{font-family: simsun; width: 580px;}
@media screen and (max-width:980px){.arcitle_r{width: 480px;}}
.arcitle_r .s2 a{color: #333333; font-size: 14px;}
.arcitle_r .s1 .img,.arcitle_r .s1 .info{display: table-cell; vertical-align: top;}
.s1 .img img{width: 120px; height: 80px;}
.s1 .info{padding-left: 20px;}
.s1 .info p.tit{font-weight: bold; color: #ff0000; margin-bottom: 10px;}
.s1 .info p.desc{font-size: 14px; color: #999;}
.s1 li{margin-bottom: 20px; background: #E2E2E2; padding: 20px;}
.s2 li{margin-top: 10px; overflow: hidden;}
.s2 li span{float: right; font-size: 13px; color: #999;}


.screen{padding:  5px; border-bottom: 1px solid #F8F8F8; background: #eee;}
.screen b{font-size: 13px; color: #666; font-weight: normal; display: inline-block;padding: 5px 6px;}
.screen a{ color: #333; display: inline-block; text-align: center;padding: 4px 6px;}
.screen a:hover{color:#32ab2a}
.screen a.thisclass span{font-weight: bold; color: #FFF; display: inline-block;  text-align: center; background: #FF0000; padding: 5px 5px;}
.list-pro-box{overflow: hidden; padding-top: 20px;}
.list-pro-box li{width: 238px; margin-left: 20px; float: left; margin-bottom: 20px; border: 1px solid #F8F8F8; padding: 10px; height: 310px;}
@media screen and (max-width:980px){.list-pro-box li{width: auto; height: auto;}}
.size{font-size: 12px; color: #BBB;}
.price{color: #ff0000; font-size: 16px; font-family: sans-serif;}
.list-pro-box li img{width: 238px; height: 240px;}
@media screen and (max-width:980px){.list-pro-box li img{width: 167px; height: 167px;}}
.list-pro-box p.title{font-size: 14px; color: #333; padding: 5px 0;}
.line{background: #f8f8f8;}

.b_main{border-top: 1px solid #1996EB; margin-bottom: 40px;}
.m_nav{background: #FFF; padding: 20px 20px; color: #BBB;}
.m_nav a{color: #BBB; font-size: 14px;}

.p_l{width: 280px; background: #FFF; margin-right: 20px;}
.side_box{background: #FFF; padding: 20px;}
.side_box .remind{margin-bottom: 84px; font-weight: bold; font-size: 14px;}
.side_box .remind a{color: #FF0000;}
.side_box .side-ad{border-bottom: 1px solid #E2E2E2;}
.side_box .side-ad img{width: 260px; height: 80px; margin-bottom: 10px;}
.side_box .diy input[type=text]{padding: 3px 7px; width: 170px; font-size: 12px; height: 20px;}
.side_box .diy ::-moz-placeholder{ color: #bbb;}
.side_box .diy ::-webkit-input-placeholder{color: #BBB;}
.side_box .diy input[type=submit]{border: none; background: #FF0000; color: #fff; padding: 3px 5px; cursor: pointer; margin-top: -1px; height: 30px; border-radius: 5px;}
.side_box h3{font-size: 22px; font-weight: normal;}
.small{margin-top: 10px;}
.small a{background: #E2E2E2; color:#333; display: inline-block; width: 33PX; height: 33px; text-align: center;line-height: 30px; float: left; margin-right: 2px; margin-bottom: 2px;}
.small_nav{margin-top: 20px;}
.small_nav dt span{font-size: 16px; color: #FFF; font-family: "arial black"; padding: 5px 15px; background: #ff0000; display: inline-block;}
.small_nav dt{border-bottom: 1px dotted #999; padding-bottom: 10px;}
.small_nav dd{font-size: 14px;font-family: simsun;}
.small_nav dd a{color: #333; display: inline-block; margin-right: 10px; margin-top: 10px;}
.p_r{width: 820px;background: #fff; margin-left: 20px; padding: 20px; margin-bottom: 20px;}
.p_r h1{font-size: 26px; font-weight: normal; border-bottom: 1px solid #F9F9F9; padding: 20px 0;}
.p_nav{margin-top: 20px; overflow: hidden;}
.p_nav li span{font-size: 50px; color: #999; margin-bottom: 20px;}
.p_nav li.cur span{color: #ff0000;}
.p_item{margin-top: 20px; padding: 20px;}
.p_item li{padding: 0px 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #F8F8F8;}
.p_item .img{display: table-cell;vertical-align: top;}
.p_item .info{display: table-cell;vertical-align: top; padding-left: 20px;}
.p_item .info p.more{margin-top: 20px;}
.p_item .info p.more a{padding: 2px 5px; background: #ff0000; color: #fff;}
.p_item .info p.desc{font-family: simsun; font-size: 13px; color: #999;}
.p_item .info h3{ font-size: 16px; color: #ff0000; font-weight: normal; margin-bottom: 10px;}
.p_item img{width: 200px; height: 120px;}
.p_title{padding-left: 20px; padding-right: 20px; }
.p_r_box{border: 1px solid #F8F8F8;}
.pages{text-align: center; margin-left: 20px; background: #F9F9F9; padding: 9px;}
.pages-arc{text-align: center; background: #F9F9F9; padding: 5px;}
.pages ul,.pages-arc li{overflow: hidden;}
.pages li,.pages-arc li{float: left;margin: 0 5px;}
.pages li a,.pages-arc li a{padding: 5px 10px;  color: #333333; display: inline-block;}
.pages li.thisclass, .pages-arc li.thisclass,.a-pages li.thisclass{
    background: #FF0000;
    color: #FFF;
    padding: 5px 10px;
}


.yow{margin-top: 20px; padding-bottom: 40px;}
.like{background: #FFF; padding: 20px;}
.like-tit{font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #F8F8F8; margin-bottom: 20px;}
.like-l{width: 580px;  margin-right: 20px;}
@media screen and (max-width:980px){.like-l{width: 460px;}}
.like-l .p-photo{overflow: hidden;border: 1px solid #F8F8F8; padding: 20px 0 20px 20px;}
.like-l li{float: left; margin-right: 20px;}
.like-l li img{width: 259px; height: 172px;}
@media screen and (max-width:980px){.like-l li img{width: 199px; height: auto;}}
.like-r{width: 540px;  }
@media screen and (max-width:980px){.like-r{width: 460px;}}
.like-r .p-arctile{border: 1px solid #F8F8F8;padding: 20px 0 0 20px;}
.p-arctile li{ margin-bottom: 20px;}
@media screen and (max-width:980px){.p-arctile li{margin-bottom: 12px;}}
.p-arctile li a{color: #666;}
.like .more{margin-top: 5px; display: inline-block; color: #bbb; padding-left: 20px;}

.pro-top{background: #F8F8F8; padding: 20px 0; position: relative;}
.preview{width:400px; height:465px;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#e4e4e4; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../img/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../img/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}
#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}


/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
.pro-inner{margin-left: 20px; background: #FFF; padding: 20px; width: 720px;}
@media screen and (max-width:980px){.pro-inner{width: 520px;}}
.pro-inner h1{font-size: 22px; color: #666;}
.p-price{margin-top: 20px; background: #F8F8F8; padding: 20px; font-size: 16px;}
.p-price em{color: #FF0000; font-family: fantasy;font-size: 22px;}
.p-attr{margin-top: 20px;}
.p-attr li{margin-bottom: 10px; border-bottom: 1px dashed  #F8F8F8; padding-left: 20PX;}
.pro-buy{margin-top: 40px;}
.pro-buy a{ display: inline-block; text-align: center; padding: 10px; border-radius: 3px; font-size: 14px;}
.pro-buy a.talk{background:#32ab2a; color: #FFF; width: 98px; border: 1px solid #32ab2a; margin-right: 40px; }
.pro-buy a.buy{border: 1px solid #FF0000; color: #FF0000; width: 98px;}
.pro-services{border: 1px solid #F8F8F8; margin-top: 56px; padding: 20px; font-size: 12px; color: #999; font-family: simsun; line-height: 1.5; }
.pro-services legend{font-weight: bold; color: #666;font-size: 15px;}
.pro-bot{background: #FFF; padding: 20px 0 40PX 0;}
.pro-l{width: 260px;margin-right: 20px;}
.p-side-box{width: 218px;  border: 1px solid #F8F8F8; padding: 20px;}
.yhh-list-tit{text-align: center;}
.yhh-list-tit:before{content: ''; display: block; height: 0; border-top: 1px solid #cecbcb; margin-bottom: -15px;}
.yhh-list-box p{margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.yhh-list-box .fa-phonesquare{background:url(../img/tel.png) left center no-repeat;padding-left:24px;}
.yhh-list-box .fa-qq{background:url(../img/qq.png) left center no-repeat;padding-left:24px;}
.yhh-list-box .fa-wx{background:url(../img/wx.png) left center no-repeat;padding-left:24px;}


.side-wx{width: 140px; height: 140px; margin-left: 20px;}
.yhh-list-box span{font-size: 16px; color: #FF0000; margin-right: 10px; width: 20px;}
.yhh-list-tit span{background: #FFF; padding: 0 15PX; font-size: 20px; color: #666;}
.yhh-list-box{margin-top: 20px; color: #666;}
.yhh-list-box li{text-align: center; border-bottom: 1px solid #F8F8F8; margin-bottom: 10px;}
.yhh-list-box li a{color:#333}
.yhh-list-box li img{width: 218px;}
.detail-img{overflow: hidden;}
.detail-img li{float: left; margin-right: 20px; width: 260px; text-align: center;}
.detail-img li  img{width: 240px; height: 180px;}
.detail-img li a{color: #333; font-size: 16px; display: inline-block;}
.detail-img li p{padding: 10px 0;}
.detail-txt{overflow: hidden;}
.detail-txt li{100% padding: 0 1%;  margin-bottom: 20px;color: #666;}
.detail-txt li p.ques{ font-size: 14px; color: #FF0000; margin-bottom: 10px;}
.detail-txt li p.answer{font-size: 12px;}
.pro-ad{background: #FFF; padding-top: 20PX;}
.pro-ad img{width: 1180px; height: 80px;}
@media screen and (max-width:980px){.pro-ad img{width: 100%;}}
.pro-r{width: 860px;background: #F8F8F8; padding: 20px;}
@media screen and (max-width:980px){.pro-r{width: 660px;}}
.index-tit-nav{overflow: hidden;overflow: hidden; border-bottom: 1px solid #FF0000;}
.index-tit-nav li{font-size: 14px; padding: 9px;  float: left; cursor: pointer; width: 98px; text-align: center;}
.index-tit-nav li.current{background: #FF0000; color: #FFF;}
.pro-left-box h3{font-size: 21px; font-weight: normal; padding-left: 5px; margin-bottom: 20px;}
.tab_box{padding: 20px 0;}
.tab_box .hide{display: none;}
.tab_box img{max-width: 100%; display: block;}
.media li{width: 400px; margin-right: 20px; float: left;}
.media li p{margin-top: 10px;}


.ph-nav{background: #F8F8F8; padding: 20px;}
.ph-nav li{float: left; border: 1px solid #E4E4E4; width: 268px; overflow: hidden; margin-right: 20px;}
.ph-nav li.last{margin-right: 0 !important;}
.ph-nav .ph-type{padding: 10px; background: #FFF; font-size: 16px; width: 52px; height: 40px; line-height: 52px; text-align: center;}
.ph-type,.ph-item{display: table-cell; vertical-align: top; width: 176px;}
.ph-item{padding: 10px;}
.ph-item a{display: inline-block; color: #333; padding: 5px 3px; font-size: 13px; font-family: simsun;}
.ph-count{border: 1px solid #F8F8F8; padding: 20px;background:#fff}
.ph-count h2{color: #666; font-size: 22px; font-weight: normal;}
.ph-count h2 em{color: #FF0000; font-family: fantasy; padding: 0 5px;}
.pho-pr{padding-bottom:20px;}
.pho-pr li{width:50%;float:left;line-height:44px}

.top-page li{float: left; margin-right: 5px;}
.top-page li a{color: #333; padding: 5px 8px; display: inline-block; border: 1px solid #F8F8F8; margin-right: 5PX;}
.top-page li a:hover{color:#32ab2a}
.top-page li.thisclass{background: #FF0000; color: #FFF; padding: 5px 10px;}
.ph-box{margin-top: 20px; }
.ph-img{border-top: 1px solid #F8F8F8; padding: 20px 20px 0px 0; background: #F8F8F8; margin-bottom: 20px;}
.ph-img li{width:250px; float: left; margin-right:15px; background: #FFF; padding:15PX;margin-bottom: 20px;}
.ph-img li:nth-child(4n){margin-right:0}
.ph-img li:hover{box-shadow: 0 0 10px #ddd;}
.ph-img li img{width:250px; height:188px;}
.ph-img p{color: #666;font-size: 16px;line-height: 44px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



.ph-video{border-top: 1px solid #F8F8F8; padding: 20px 20px 0px 0; background: #F8F8F8; margin-bottom: 20px;}
.ph-video li{width:250px; float: left; margin-right: 20px; background: #FFF; padding:15px;margin-bottom: 20px;}
.ph-video li:hover{box-shadow: 0 0 10px #ddd;}
.ph-video li:nth-child(4n){margin-right:0}
.ph-video li img{width:250px; height:188px;}
.ph-video p{color: #666;font-size: 16px;line-height: 44px;}
.VideoDetail{margin:30px 0}
.VideoDetail embed{    margin: 0px auto;
    height: 420px;
    width: 592px;
    padding-left: 120px;
}

.b-pages{margin-bottom: 20px; text-align: center;}
.b-pages li{float: left; margin-right: 5px;}
.b-pages li a{color: #333; padding: 5px 10px; border: 1px solid #F8F8F8; margin-right: 10px; display: inline-block;}
.b-pages li.thisclass {background: #FF0000; color: #FFF; padding: 5px 10px;}

.ph-img-box{margin-top: 20px; padding-bottom: 40px;}
.ph-yow{background:#fff}
.ph-yow-l{width: 836px;padding: 20px; margin-right: 20px;background: #FFF;}
@media screen and (max-width:980px){.ph-yow-l{width: 679px;}}
.ph-yow-r{width:240px;}
.ph-yow-r .title h1{font-size: 20px; font-weight: normal;}
.ph-yow-r .info{color: #999; padding: 5px 0;}
.picbox{}
.picbox a{color: #333;}
.picbox a span{color: #FF0000;}
.picbox {padding:0 0 20px 0;}
.picbox center a{padding: 5px 10px; border: 1px solid #F8F8F8; display: inline-block;}
.picbox img{max-width: 870px;display: block;margin: 0 auto;margin-top: 30px;}
.imgtags{margin-top: 40px;}
.img-tit{font-size: 20px; margin-bottom: 10px;}
.imgtags a{padding: 5px 12px; display: inline-block; border: 1px solid #F8F8F8; color: #666; margin-right: 10px;}
.img-body{margin-top: 40px;}
.like-img{margin-top: 40px;  }
.like-img-bg{background: #F8F8F8; padding: 10px 10px 0 10px;}
.like-img li{width:240px; margin-right: 10px; float: left; margin-bottom: 10px;}
.like-img li p{line-height:30px;text-align:center;height:30px;overflow:hidden}
.like-img li a{color:#333}
.like-img li img{width:240px; height: 180px;}
.img-body a{padding: 9px 22px; display: inline-block; border-radius: 3px; background: #FF0000; color: #FFF;}


.time-honer{margin-top: 60px; background: url(../img/time-line.png) repeat-y 195px 14px; padding-top: 90px; margin-bottom: 100px;}
.honer-item li{margin-bottom: 23px;}
.honer-item .img{width: 180px; display: table-cell; vertical-align: middle; padding-right: 30px; position: relative;}
.honer-item .img img{width: 180px; height: 120px; padding-left: 30px;}
.honer-item .img span{color: #D87204; font-size: 24px; position: absolute; top: 50px;}
.honer-item .time{display: table-cell; vertical-align: middle; padding-right: 30px;}
.honer-item .time span{padding: 5px 57px; border-radius: 15px; border: 1px solid #053692; font-size: 22px; }
.honer-item .info{background: #F0F4F7; padding: 20px; display: table-cell; vertical-align: top; width: 702px; font-size: 14px;}
.honer-item .info h3{font-size: 20px; margin-bottom: 5px; color: #333; font-weight: normal;}
.honer-item .info p{color: #999; font-size: 13px;}
.honer-item .info .next-year{font-size: 20px; font-weight: normal; color: #FF0000;}
.company-banner img{width: 100%; display: block;}

.contact{background: #FFF; padding: 20px; font-size: 16px; margin-bottom: 40px; }
.contact-item li{width: 50%; float: left; margin-bottom: 20px;}
.contact-item {overflow: hidden; margin-top: 20px; border-bottom: 1px solid #F8F8F8;}
.contact-map{margin-top: 40px; overflow: hidden;}
.contact-map li{width: 50%; float: left;}
.contact-map li img{width: 570px;}
@media screen and (max-width:980px){.contact-map li img{width: 100%;}}
.map-attr{margin: 20px;}
.map-attr h3{font-size: 22px; font-weight: normal; color: #AB1147; border-bottom: 1px solid #F8F8F8; padding-bottom: 10px;}
.map-attr p{margin-top: 10px;}
.map-attr p.en{color: #999;}

.doc-item{margin: 20px 0 20px 0px; background: #FFF; padding: 20px;}
.doc-item li{margin-bottom: 20px; border: 1px solid #E2E2E2; padding: 20px;}
.doc-item .img{display: table-cell; vertical-align: top; padding-right: 20px;}
.doc-item .info{display: table-cell; vertical-align: top;}
.doc-item .img img{width: 200px; height: 140px;}
.doc-item .info h3{font-size: 22px; color: #333; font-weight: normal;}
.doc-item li:hover h3{color:#32ab2a}
.doc-item .info p.meta{color: #999; font-size: 14px; margin-top: 20px;}
.panel{padding: 20px 0;}
.nav_tabs{background: #FFF; padding: 20px;}
.yow-l{width: 240px; background: #FFf; float: right; padding: 20px;}
.side-tit{font-size: 20px; display: block; border-bottom: 1px solid #F5F5F5; padding-bottom: 5px;}
.side-con{margin-top: 20px;}
.side-con li{width:46%;float:left;margin-right:4%}
.side-con li:nth-child(2n){margin-right:0}
.side-con a{display: inline-block; padding: 7px 14px; border: 1px solid #E2E2E2; border-radius: 5px; color: #FF0000; margin: 0 0px 20px 0; width: 80px; text-align: center;}
.side-con a.thisclass{background: #FF0000; color: #FFF;}
.side-list img{width: 240px; height: 173px;}
.side-list li{margin-top:10px;}
.side-list p{font-size: 16px; color: #333;text-align:center;line-height:30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.yow-r{width: 900px; float: left;}
@media screen and (max-width:980px){.yow-r{width: 700px;}}
.solution-top{margin-left:0px; background: #FFF;padding:10px 20px;margin-bottom: 20px;}
.solution-top h1{font-weight: normal; font-size: 20px;}
.a-pages{background: #FFF;padding: 10px;}
.a-pages li{float: left;}
.pageinfo{margin:4px 0;display:block;padding: 1px 0;}
.a-pages li a{padding: 5px 10px; display: inline-block; color: #333;}
.a-pages li.thisclass a{background: #FF0000; color: #FFF;}


.a-left{ width: 240px; float: left; margin-bottom: 40px; margin-right:20px; padding: 0 20px 20px 20px; background: #fff;}
.a-right{float: left; width: 860px; margin-bottom: 40px;background:#fff;padding:20px}
@media screen and (max-width:980px){.a-right{width: 660px;}}
.a-box{padding-bottom: 40px;}
.a-tit h1{font-weight: normal; border-bottom: 1px solid #ddd; padding-bottom: 10px; font-size: 24px;}
.a-attr{padding: 20px 0 20px 0; color: #999;}
.a-desc{background: #F0F4F7; padding: 20px;color: #666; font-size: 14px;}
.a-desc em{color: #FFF; background: #FF0000; padding: 0 10px; margin-right: 10px;  }
.a-con{margin-top: 20px;}
.a-con h3{font-size: 18px; margin: 20px 0 ; padding-left: 10px; border-left: 5px solid #D87204;}
.a-con p{color: #444; line-height: 1.8; font-size: 14px;}
.a-con img{max-width: 98%; padding: 20px 0;}
.a-con a{color: #00B7D3;}
.a-con div{padding: 20px; background: #F8F8F8; margin-bottom: 20px;}
.a-writer{margin-bottom: 20px; }
.writer-tit,.other-tit{font-size: 16px; margin-bottom: 20px; border-bottom: 1px solid #E2E2E2; padding: 20px 0;}
.writer-photo{width: 170px; height: 170px; margin: 0 auto; border-radius: 50%; overflow: hidden;}
.writer-photo img{border-radius: 50%; width: 170px; height: 170px;}
.writer-about h6{font-size: 16px; font-weight: normal; padding: 10px 0;}
.writer-about{text-align: center;}
.ask{margin-top: 20px; text-align: center;}
.ask a{padding: 9px 22px; color: #D87204; border: 1px solid #D87204; display: inline-block;}
.other-item{color: #D87204;}
.other-item li{padding: 10px 0; list-style-type: square; margin-left: 20px;}
.other-item li a{color: #333;}

.next-pre{margin-top: 20px; overflow: hidden;}
.next-pre li {width: 50%; float: left;}
.next-pre li a{color: #999; }

.like-nav {overflow: hidden;}
.like-nav li{ width:45%; margin-left: 0px; float: left;margin-right:5%}
.like-nav li:nth-child(2n){margin-right:0}
.like-nav li a{border: 1px solid #ddd;color: #333; padding: 5px 10px; display:block; margin-bottom: 20px;text-align:center}


.like-nav2 {overflow: hidden;}
.like-nav2 li{width:100%; margin-left: 0px; float: left;margin-right:5%}
.like-nav2 li a{color: #333; padding: 5px 10px; display:block; margin-bottom: 20px;text-align:left;}

.inquiry{padding: 20px 0;}
.inquiry a{color: #D87204;}
.relevant{border: 1px solid #E2E2E2; padding: 20px;}
.relevant h3{font-size: 16px; font-weight: normal;}
.relevant ul{margin-top: 20px; overflow: hidden;}
.relevant li{width: 50%; float: left; margin-bottom: 20px;}
.relevant li a{color: #00B7D3;}


.company-desc{margin-top: 40px;}
.company-desc li{background: #E2E2E2; width: 238px; margin-left: 20px; float: left; padding: 20px; text-align: center;}
.company-desc li.first{margin-left: 0 !important;}
.company-desc li p.c1{font-size: 60px; color: #ff0000; font-family:"arial"; margin-bottom: 40px;}
.company-desc p{font-size: 16px;}
.company-all {margin-top: 40px; font-size: 14px; line-height: 1.8; color: #777;}
.innovate{margin-top: 40px; margin-bottom: 40px;}
.innovate li{width: 540px; margin-right: 20px; background: #FFF; float: left; padding: 20px; margin-bottom: 20px;}
.innovate li.last{margin-right: 0 !important;}
.innovate li img{width: 100px; height: 100px;}
.innovate li .img{padding-right: 20px; border-right: 1px solid #E2E2E2; display: table-cell; vertical-align: top;}
.innovate li .info{padding-left: 20px; display: table-cell; vertical-align: top;}
.innovate li h3{font-size: 16px; font-weight: normal; padding-bottom: 20px; color: #FF0000;}
.innovate li .info p{color: #666;}
.sevrice{margin-top: 40px; margin-bottom: 40px;}
.sevrice li{width: 238px; margin-left: 20px; float: left; padding: 20px; text-align: center; border: 1px solid #F8F8F8;}
.sevrice li.first{margin-left: 0 !important;}
.sevrice li span{font-size: 66px; color: #E2E2E2;}
.sevrice li h3{font-weight: normal; font-size: 16px; margin: 40px 0; color: #FF0000;}


.main-hd{background: #602db6; padding-bottom: 60px;}
.hd-nav{position: relative; width: 1180px; margin: 0 auto; height: 120px;}
.hd-nav-item{position: absolute; top: -70px;}
.hd-nav-item li{background: #602DB6;   padding: 10px 20px 10px 20px; float: left; margin-right: 44px; text-align: center; border-radius: 50%; width: 120px; height: 130px;}
.hd-nav-item li.last{margin: 0 !important;}
.hd-nav-item li img{width: 60px; height: 60px;}
.hd-nav-item li span{display: block;}
.hd-nav-item li a{color: #FFF; font-size: 22px;}
.hd-tit{text-align: center;}
.hd-desc{color: #FFF; font-size: 24px;}
.hd-tit h2{font-size: 48px; color: #FFF;  font-weight: normal; margin-bottom: 10px;}
.hd-tit h2 em{width: 80px; height: 80px; border: 5px solid #FF0000; color: #ff0000; font-family: fantasy; border-radius: 50%; display: inline-block; font-size: 60px; margin: 0 15px 0 30px;}
.hd-con{background: #FF0000; margin-top: 40px; padding: 20px; position: relative;}
.hd-top-con{position: absolute; right: 20px; top: 40px; font-size: 20px; border-left: 1px solid #F8F8F8; height: 400px; padding: 20px; width: 400px;}
.hd-top-con em{color: #FF0000; font-family: fantasy; padding-right: 5px;}
.hd-top-con p{margin-bottom: 10px;}
.hd-con img.hd-ad{width: 100%; height: 500px;}
.hd-top-btn{margin-top: 20px;}
.hd-top-btn a{background: #F8D12C; color: #FF0000; padding: 15px 45px; border-radius: 25px; display: inline-block;}

.hd02{position: relative;}
.hd02,.hd03,.hd04,.hd05,.hd06{margin-top: 80px;}
.hd-pro li{background: #FFF; width: 230px; text-align: center; float: left; padding: 20px; margin-left: 20px; margin-bottom: 20px;}
.hd-pro li img{width: 200px;}
.hd-pro .info{margin-top: 20px;}
.hd-pro p.tit{font-size: 22px; color: #999;}
.hd-pro p.hd-price{margin: 10px 0; background: #e23c3c; padding: 5px 0; color: #FFF;font-size: 22px;}
.hd-pro p.hd-price01{color: #e23c3c; font-size: 22px; margin: 10px 0; }
.hd-pro .btn{margin-top: 20px;}
.hd-pro .btn a{padding: 9px 35px; border-radius: 25px; background: #f8d12c; color: #333; font-size: 22px; display: inline-block;}
.hd-pro-con{background: #e23c3c; padding: 20px 20px 0px 0; margin-top: 60px;}
.hd-con-kep{background: #FFFFFF; margin-top: 60px; padding: 20px 0;}

.footer-adress{background: #D2D2D2; padding: 20px 0; }
.footer-adress li{text-align: center; float: left; width: 280px; margin-left: 20px;}
@media screen and (max-width:980px){.footer-adress li{width: 230px;}}
.footer-adress li.first{margin-left: 0 !important;}
.footer-adress li span{color: #ff0000; font-size: 34px;}
.footer-adress li p{padding-top: 20px; font-size: 16px;}
.footer-adress-line{border-bottom: 1px solid #Fff; padding-bottom: 20px;}

.footer-nav{padding: 30px 0 20px 0; background:#32ab2a;}
.footer-nav dl{width: 150px;float: left;padding-left: 20px;}
.footer-nav dl a{    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
    padding-bottom: 10px;
    font-weight: bold; text-decoration:none;}
@media screen and (max-width:980px){.footer-nav dl{width: 229px;}}
.footer-nav dl.last{border-right: none; margin-right: 0 !important;}
.footer-nav dt{font-size: 14px; margin-bottom: 10px;color:#fff;padding-bottom: 10px;font-weight:bold}
.footer-nav dd{padding:6px 0; width:100%; float: left;}
.footer dl.last dd{width: 100% !important;}
.footer-nav dd a{ font-size: 12px; color: #fff;}
.footer-nav dl.last{text-align: right;}
.footer-nav dl.last img{width: 100px; height: 100px;}
.footer-copyright{background:#1c7416; padding: 10px 0; color: #FFF;}
.footer-copyright a{color: #fff;}

.news-way{width:580px;float:left;}
.news-r{width:580px;float:right}
.news-way h2,.news-r h2{font-size:22px;color:#333;font-weight:normal;background: url(../img/no1.jpg) 8px center no-repeat;width:560px;line-height:41px;margin-bottom:16px;border-bottom:1px solid #ddd;padding:0 8px 0px 20px}
.news-way h2 span,.news-r h2 span{float:right;font-size:13px;}
.news-way h2 span a,.news-r h2 span a{color:#3b8ced;}
.news-l01{background:#f7f7f7;}
.news-l01 img{display:block;width:188px;height:145px;padding:4px;background:#fff;margin:8px;float:left}
.news-l01 .news-l-tit{width:346px;float:right;padding:20px 10px;}
.news-l01 .news-l-tit h3{font-size:16px;color:#333;font-weight:normal;height:40px;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-l01 .news-l-tit h3 a{color:#333;display:block;}
.news-l01 .news-l-tit p{font-size:12px;color:#999;line-height:22px;}
.news-l01 .news-l-tit p a{color:#ff6600}

.news-way li{
    line-height: 42px;
    border-bottom: 1px dashed #eee;
}
.news-way li a{
    background: url(../img/no2.jpg) left center no-repeat;
    padding-left: 12px;
    font-size: 15px;
    color: #707070;
    float: left;
}
.news-way li span{
    font-size: 12px;
    color: #707070;
    float: right;
}
.news-way ul{margin-top:10px}
.news-r li {
    background: #e8eef2;
    padding: 0 10px;
    margin-bottom: 8px;
    line-height: 72px;
}
.news-r li a {
    background: url(../img/no3.png) 10px center no-repeat;
    padding-left: 28px;
    font-size: 14px;
    color: #707070;display:block
}
.friend{padding:10px;line-height:36px;font-size:14px;color:#666}
.friend span{background:url(../img/link.png) left center no-repeat;padding-left:36px;height:30px;line-height:30px;display:block;width:76px;float:left}
.friend a{color:#888;padding:0 6px;}


/*banner*/
.banner{width:1920px;margin-left:-960px;left:50%;position:relative;height:545px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;right:48%;bottom:40px;z-index:100;}
.banner .num li{width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#f7de07;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}




.nav {
	width: 100%;
	padding-left:35px;
	text-align: center
}

.menu,.menu ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.menu {
	line-height: 100px;
	margin-top: 0px
}

.menu li {
	background: 0;
	border-bottom: 0;
	border-top: 0
}

.menu>li {
	display: block;
	float: left;
	position: relative;
}


.menu>li:first-child {
	border-radius: 0
}
.menu>li:last-child {border-right:0}

.menu a {
	border-left: 0;
	color: #fff;
	display: block;
	font-size: 15px;
	line-height:100px;font-weight:bold;
	text-decoration: none;
	text-transform: uppercase;padding:0 28px
}

.menu li:hover {
	background-color: #ffd202;
	/*
	background: -moz-linear-gradient(#e70012,#e70012);
	background: -ms-linear-gradient(#e70012,#e70012);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffd202),color-stop(100%,#e70012));
	background: -webkit-linear-gradient(#e70012,#e70012);
	background: -o-linear-gradient(#e70012,#e70012);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70012',endColorstr='#e70012');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e70012', endColorstr='#e70012')";
	background: linear-gradient(##e70012,#e70012);*/
	border-bottom: 0;
	border-top: 0
}

.menu li:hover>a {
	border-radius: 0;
	border-left: 0;
	color: #f64507
}

.submenu {
	left: 0;
	max-height: 0;
	position: absolute;
	top: 100%;
	z-index: 0;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px
}

.submenu li {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: opacity .4s,-webkit-transform .5s;
	-moz-transition: opacity .4s,-moz-transform .5s;
	-ms-transition: opacity .4s,-ms-transform .5s;
	-o-transition: opacity .4s,-o-transform .5s;
	transition: opacity .4s,transform .5s;
	background: #32ab2a;
	min-width: 170px
}

.submenu li a {
	font-size: 14px;
	padding: 0 5px;
	line-height: 50px;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;text-align: left;
    padding-left: 18px;
}

.menu .submenu li:hover a {
	border-radius: 0;
	color: #f64507;
	font-size: 14px
}

.menu>li:hover .submenu,.menu>li:focus .submenu {
	max-height: 2000px;
	z-index: 10
}

.menu>li:hover .submenu li,.menu>li:focus .submenu li {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.menu li:hover .submenu li:nth-child(1) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.menu li:hover .submenu li:nth-child(2) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms
}

.menu li:hover .submenu li:nth-child(3) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms
}

.menu li:hover .submenu li:nth-child(4) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms
}

.menu li:hover .submenu li:nth-child(5) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms
}

.menu li:hover .submenu li:nth-child(6) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

.menu li:hover .submenu li:nth-child(7) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.menu li:hover .submenu li:nth-child(8) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

.submenu li:nth-child(1) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

.submenu li:nth-child(2) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.submenu li:nth-child(3) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

.submenu li:nth-child(4) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms
}

.submenu li:nth-child(5) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms
}

.submenu li:nth-child(6) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms
}

.submenu li:nth-child(7) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms
}

.submenu li:nth-child(8) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}


.tab {
  width:860px;
  margin: 10px auto;
}
.tab-title {
  height:40px;
  font-size: 0;
  border-bottom:1px solid #1e88fc;
  background-color: #f8f8f8;
}
.tab-title .item {
  display: inline-block;
  width: 146px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #333;
  font-size: 14px;
}
.tab-title .item-cur {
  color: #fff;
  background-color: #1e88fc;
}
.tab-cont {
  position: relative;
  background-color: #fff;
  width: 860px;
  overflow: hidden;
   min-height: 600px;
}
.tab-cont__wrap {
  position: absolute;
}
.tab-cont .item {
  width: 820px;
  min-height: 600px;
  padding:20px;
 line-height: 26px;
}

#menu{width:860px; overflow:hidden; margin:0px auto;}
#menu #nav {display:block;width:100%;padding:0;margin:0;list-style:none;border-bottom:1px solid #32ab2a}
#menu #nav li {float:left;width:150px;}
#menu #nav li a {display:block;line-height:40px;text-decoration:none;padding:0 0 0 5px; text-align:center; color:#333;}
#menu_con{border-top:none;min-height:500px;}
.tag{ padding:10px; overflow:hidden;line-height:28px;}
.tag h2{font-weight:normal;font-size:16px;line-height:44px}
.selected{background:#32ab2a; color:#fff !important;}