@charset "utf-8";

*{word-wrap:break-word;margin:0;padding:0;}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static;}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:18px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#fff;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a,area{outline:none;blr:expression(this.onFocus=this.blur());color:#666}
a{text-decoration:none;cursor: pointer;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
 
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name:			style_clearfix
Example:		class="clearfix|cl"
Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clearfix {display:block;}
.dis_none{ display:none;}
.dis_inline{ display:inline-block;}

.ma{margin:auto;}
.con-1200{width:1200px;margin:auto}
.con-1140{width:1140px;margin:auto}
.con-1000{width:1000px;margin:auto}
.tran-all5{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}
.tran-all3{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}

.f-l{float:left!important;_display:inline}
.f-r{float:right!important;_display:inline}
.poa-f{position: absolute;left:0;top:0;width:100%;height:100%}
.por-f{position: relative;width:100%;height:100%}
.por{position: relative;}
.poa{position: absolute;}

.clear{height:0;clear:both;zoom:1;line-height:0;font-size:0}
.height5{height:5px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height60{height:60px;clear:both;zoom:1;line-height:0;font-size:0}


.c-333{color:#333}
.c-666{color:#666}
.c-999{color:#999}
.c-aaa{color:#aaa}
.c-ccc{color:#ccc}
.c-fff{color:#fff}
.c-zzz{color:#fff;font-weight: bold;}

.f-bold{font-weight:bold}
.f-12{font-size:12px}
.f-14{font-size:14px}
.f-16{font-size:16px}
.f-18{font-size:18px}
.f-24{font-size:24px}
.f-36{font-size:36px}
.f-50{font-size:50px}
.f-arial{font-family:Arial, Helvetica, sans-serif}
.f-big{text-transform:uppercase}
.f-simsun{ font-family:"simsun"}
.lh-26{line-height:26px}

.bg-fff{background:#fff}
.bg-zzz{background:#027e76}
.bg-eaeaea{background:#eaeaea}
.bg-f5f5f5{background:#f5f5f5}

.text-l{text-align:left}
.text-r{text-align:right}
/*
.text-c{text-align: center;}
*/
.bor-a{border:1px solid #ccc}
.bor-t{border-top:1px solid #ccc}
.bor-b{border-bottom:1px solid #ccc}
.bor-l{border-left:1px solid #ccc}
.bor-r{border-right:1px solid #ccc}

.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.border-r{border-radius:1000px;}
.over-hide{overflow: hidden;}

@font-face {font-family: "Swis721-BlkCn-BT-Black";
  src: url('font/Swis721-BlkCn-BT-Black.eot'); /* IE9*/
  src: url('font/Swis721-BlkCn-BT-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('font/Swis721-BlkCn-BT-Black.woff') format('woff'), /* chrome、firefox */
  url('font/Swis721-BlkCn-BT-Black.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('font/Swis721-BlkCn-BT-Black.svg') format('svg'); /* iOS 4.1- */
}

.icon_global{background-image:url(0-icon.png)}
.icon_global{background-position:0 0}
.icon_global{background-repeat:no-repeat}



/*head*/
.head{background-color:#fff6;width:100%}
.logo{margin-top:10px;}
.nav{margin-top:15px;margin-left:120px;}
.nav>ul>li{position:relative;float:left;height:50px;line-height:50px;margin-left:30px;font-size:16px;border-bottom:3px solid #fff;}
.nav>ul>li>a{display:block}
.nav>ul>li:hover,.nav>ul>li.on{border-color:#027e76}

.nav-child{display:none;position: absolute;width:120px;top:100%;left:50%;margin-left:-60px;z-index:11;}
.nav-child .sub{padding-top:10px;}
.nav-child .sub li{border-top:1px solid #fff;background:rgba(2,126,118,0.75);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.nav-child .sub li a{display:block;width:100%;height:40px;line-height:40px;color:#fff;text-align: center;font-size:13px;}
.nav-child .sub li:hover{background:rgba(2,126,118,0.95);}

.top_menu{font-size: 12px; color: #8B8C8B;  width: 100%;  height: 30px; border-bottom: #e6e6e6 solid 1px;}
.language{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:6px;}



/*foot*/
.foot{background:url(/images/foot_bg.jpg) repeat-x top center #076bb5;}
.f-contact{width:340px;margin-left:0px}
.f-contact .p1{padding-left:50px;height:55px;line-height:55px;color:#fff;font-size:36px;background:url(f-ico1.png) no-repeat left center}
.f-contact .p2{padding-left:50px;height:55px;line-height:55px;color:#fff;font-size:14px;background:url(f-ico2.png) no-repeat left center}
.f-contact .p3{padding-left:50px;height:55px;line-height:55px;color:#fff;font-size:14px;background:url(f-ico3.png) no-repeat left center}
.f-contact .p3 a{color:#fff}
.f-contact .code{margin-top:20px;width:130px}
.f-contact .code .p4{font-size:12px;margin-top:20px}

.f-nav{width:830px; overflow:hidden}
.f-nav dl{width:130px;float:left;margin-left:30px; text-align:center}
.f-nav dl dt{font-size:16px;height:50px;margin-bottom:10px;border-bottom:1px solid #ff5010} 
.f-nav dl dd{font-size:14px;height:30px;line-height:30px;} 
.f-nav dl a{color:#fff} 



.copyright{padding:12px 0;line-height:24px;background-color:#027e76;font-size:12px;color:#fff;text-align:center}
.copyright a{color:#fff}


/*banner*/
.banner{width:100%;position:relative;overflow:hidden}
.slideBox{ width:1820px; height:745px; overflow:hidden; position:relative;left:50%;margin-left:-990px; }
.slideBox .hd{ height:11px; overflow:hidden; position:absolute;width:1200px;bottom:35px;left:0;right:0; margin:auto;  z-index:1;}
.slideBox .hd ul{overflow:hidden; zoom:1; text-align:center}
.slideBox .hd ul li{display:inline-table;*display:inline;*zoom:1;margin:0 15px;cursor:pointer;width:11px;height:11px; background:url(0-01.png) no-repeat -11px 0}
.slideBox .hd ul li.on{ background-position:0 0}
.slideBox .bd{ position:relative; height:100%; z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle}
.slideBox .bd img{ width:1820px; height:745px; display:block}

.nbanner{width:100%;position:relative;height:300px; overflow:hidden}
.nbanner img{width:1820px; position:relative;left:50%;margin-left:-960px;}

/*******/
.index-title .sj{width:18px;height:9px;margin:auto;background:url(0-01.png) no-repeat -22px 0}
.index-title .en{margin-top:20px;color:#2f2f2f}
.index-title.type2 .sj{ background-position:-40px 0}
.index-title.type2 .en{color:#fff}

/*floor_1*/
.index-about-left{width:675px;}
.index-about-t{font-size:20px;}
.index-about-l{width:40px;height:3px;margin:15px 0;background-color:#027e76}
.index-about-p{line-height:30px;}
.index-about-left .more{display:block;margin-top:20px;width:180px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#027e76;border-radius:20px;}
.index-about-left .more:hover{background-color:#027e76}

.index-about-left-ul .box{float:left;width:200px;height:135px;margin-right:20px;border:2px solid #027e76}
.index-about-left-ul .box i{display:block;margin:20px auto 10px;width:60px;height:60px; background:url(0-icon.png) no-repeat 0 0 }
.index-about-left-ul .box i.ico1{background-position:0 0}
.index-about-left-ul .box i.ico2{background-position:-60px 0}
.index-about-left-ul .box i.ico3{background-position:-120px 0}
.index-about-left-ul .box .t{text-align:center;color:#027e76;font-size:16px;}
.index-about-left-ul .box:hover,.index-about-left-ul .box.on{background-color:#027e76}
.index-about-left-ul .box:hover i,.index-about-left-ul .box.on i{background-image:url(0-icon2.png);}
.index-about-left-ul .box:hover .t,.index-about-left-ul .box.on .t{color:#fff}

.index-about-right{width:460px;height:485px;}
.index-about-right-bg{float:right;width:450px;height:485px;background:#027e76;color:#fff}
.index-about-right-bg h2{font-size:20px;margin-top:40px;margin-left:15px}
.index-about-right-bg h3{font-size:14px;margin-top:5px;;margin-bottom:30px;margin-left:15px}
.index-about-video{top:110px;left:0;width:440px;height:236px;background:#fff; box-shadow:0 0 6px rgba(205,205,205,0.75)}
/*floor_2*/
.index-pro{height:759px; background:url(0-03.jpg) no-repeat center center}
.picScroll-left{ width:331px;width:1200px;  position:relative; }
.picScroll-left .hd{height:0px;width:1200px;  position:absolute;left:0;top:0}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;width:36px;height:64px; float:left;margin-left:-56px;margin-top:130px;overflow:hidden;cursor:pointer; background:url(0-01.png) no-repeat -58px 0;}
.picScroll-left .hd .next{ background-position:-94px 0;float:right;margin-left:0;margin-right:-56px;  }
.picScroll-left .bd{width:331px;width:1200px; overflow:hidden  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;margin-right:25px; width:220px;height:331px;}
.picScroll-left .bd ul li a{display:block;width:220px;height:330px;padding-top:1px }
.picScroll-left .bd ul li .pic{width:100px;height:100px;margin:50px auto 20px; background:url(0-icon.png) no-repeat 0 0}
.picScroll-left .bd ul li .pic1{ background-position:0 -250px}
.picScroll-left .bd ul li .pic2{ background-position:-100px -250px}
.picScroll-left .bd ul li .pic3{ background-position:-200px -250px}
.picScroll-left .bd ul li .pic4{ background-position:-300px -250px}
.picScroll-left .bd ul li .pic5{ background-position:-400px -250px}
.picScroll-left .bd ul li .pic6{ background-position:-500px -250px}
.picScroll-left .bd ul li .title{ font-size:18px;color:#5cd468  }
.picScroll-left .bd ul li .more{margin:60px auto 0;width:136px;height:34px;line-height:34px;border:1px solid #5cd468;border-radius:18px;color:#5cd468}
.picScroll-left .bd ul li:hover .pic{background-image:url(0-icon2.png)}
.picScroll-left .bd ul li:hover .title{color:#f8b600}
.picScroll-left .bd ul li:hover .more{color:#f8b600;border-color:#f8b600}

.index-pro-p{line-height:30px;color:#eee;text-align:center}
.index-pro-more{display:block;margin:auto;width:136px;height:34px;line-height:34px;border:1px solid #027e76;border-radius:18px;color:#027e76; text-align:center}
.index-pro-more:hover{background:#027e76;color:#fff}

/*floor_3*/
.index-service{padding-top:1px;}
.index-service h2{margin-top:120px;margin-left:0px;font-size:24px;color:#525252}
.index-service h2 span{font-size:36px;color:#333;line-height:36px;}
.index-service-p{margin-top:10px;width:1200px;color:#7a7a7a;line-height:35px;font-size:16px; margin-bottom: 40px;}

.index-service-box{float: left;
    width: 360px;
    height: 300px;
    margin-left: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%)}
.index-service-box i{display:block;width:80px;height:80px;background:url(0-icon.png) no-repeat;margin: 10px 20px 10px 10px;}
.index-service-box .icon1{background-position:-10px -160px}
.index-service-box .icon2{background-position:-110px -160px}
.index-service-box .icon3{background-position:-210px -160px}
.index-service-box .t{margin-top:15px;     margin-left: 20px;
    color: #7b7b7b;}
.index-service-box .l{margin-top:15px;margin-bottom:15px;width:64px;height:3px}
.index-service-box p{line-height:35px;color: #7b7b7b;margin: 10px 10px 20px 10px;}
.index-service-box .more{display:block;margin-top:30px;width:136px;height:34px;line-height:34px;border:1px solid #5cd468;border-radius:18px;color:#5cd468;text-align:center}
.index-service-box .more:hover{color:#fff;background-color:#5cd468}
.index-service-box p:hover {color:#027e76}

.index-service-box t:hover {color:#027e76}

/*floor_4*/
.index-news{height:607px;background:url(0-05.jpg) no-repeat center center;border-top:9px solid #027e76;background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    position: relative;}
.index-news-l{width:490px;}
.index-news-top{width:490px;height:380px; overflow:hidden}
.index-news-top img{width:490px;height:380px;}
.index-news-top .date{width:100px;height:90px;padding-top:10px;left:0;bottom:0;z-index:2}
.index-news-top .d{font-size:50px;line-height:60px}
.index-news-top .ym{font-size:16px}
.index-news-top .title{width:365px;padding-left:125px;height:90px;padding-top:10px;left:0;bottom:0;z-index:1;background:url(0-07.png) repeat}
.index-news-top .t{width:310px;}
.index-news-top .p{margin-top:5px;width:350px;height:48px;line-height:24px;color:#e0e1e0}

.index-news-r{width:590px;}
.index-news-r ul {padding-top:50px}
.index-news-r ul .line{width:3px;height:100%;top:0;left:60px;z-index:2}
.index-news-r ul .q{width:15px;height:10px;top:0;left:54px;z-index:1;}
.index-news-r ul li {margin-top:36px;width:590px;height:123px; overflow:hidden; position:relative;z-index:3}
.index-news-r ul li .pic{width:117px;height:117px; overflow:hidden;border:3px solid #027e76;border-radius:10px}
.index-news-r ul li .pic img{width:117px;height:117px;}
.index-news-r .title{width:430px;margin-right:15px;margin-top:20px}
.index-news-r .t{width:380px;}
.index-news-r .p{margin-top:5px;height:48px;line-height:24px;color:#e0e1e0}

.index-news-r .more{float:right;margin-right:15px;display:block;margin-top:20px;width:136px;height:34px;line-height:34px;border:1px solid #027e76;border-radius:18px;color:#027e76;text-align:center}
.index-news-r .more:hover{color:#fff;background-color:#027e76}

/*floor_5*/
.index-honor{width:830px;margin:auto;padding-top:40px;}
.honor-list {margin-top:64px;width:410px;height:136px;}
.honor-list .pic{float:right;height:136px;background-color:#fff; position:relative;z-index:2;}
.honor-list .pic img{height:136px;}
.honor-list .title{float:right;margin-top:53px;padding:0 10px;height:30px;line-height:30px;font-size:16px;color:#000;background-color:#fff; position:relative;z-index:2;}
.honor-list .line{left:0;top:68px;width:100%;height:1px;background-color:#dadada;z-index:1}
.honor-list.l-l .pic{float:left}
.honor-list.l-l .title{float:left}

.index-honor .l{width:14px;height:100%;top:14px;left:50%;margin-left:-7px;z-index:2;background:url(0-10.jpg) repeat-y center top}
.index-honor .q{width:14px;height:14px;top:0;left:50%;margin-left:-7px;z-index:3;background:url(0-09.jpg) no-repeat center center}
.index-honor-more{display:block;margin:25px auto 0;width:136px;height:34px;line-height:34px;border:1px solid #027e76;border-radius:18px;color:#027e76;text-align:center}
.index-honor-more:hover{color:#fff;background-color:#027e76}



/*about*/
.n-title h2{ color:#2f2f2f;font-size:36px;font-weight:bold; text-transform:uppercase}
.n-title h3{ color:#525252;font-size:24px;}
.n-title .line{margin-top:17px;height:3px;width:40px;background-color:#027e76}
.n-title.bgc h2{ color:#fff;}
.n-title.bgc h3{ color:#fff;}
.n-title.bgc .line{background-color:#fff}


.about-1-content h4{margin-bottom:20px;font-size:16px}
.about-1-content p{line-height:30px;color:#7b7b7b}
.about-1-v {box-shadow:0 0 6px #ddd}

.about-2-content{width:1230px}
.about-2-box{float:left;margin-right:30px;width:348px;height:368px;padding:15px;border:1px solid #ececec; box-shadow:0 0 10px #f6f6f6; overflow:hidden}
.about-2-box img{display:block;width:350px;height:165px;}
.about-2-box .title{height:55px;line-height:55px;font-size:16px;color:#333;height:55px;line-height:55px}
.about-2-box .p{line-height:24px;color:#7b7b7b;font-size:12px}
.about-2-box:hover{background:#027e76;color:#fff}
.about-2-box:hover .title,.about-2-box:hover .p{color:#fff}


.about-3{height:639px;background:url(a-bg1.jpg) no-repeat center center}
.picScroll-left2{ width:1200px;position:relative;  }
.picScroll-left2 .hd{height:0px;width:1200px;  position:absolute;left:0;top:0}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ display:block;width:36px;height:64px; float:left;margin-left:-56px;margin-top:130px;overflow:hidden;cursor:pointer; background:url(0-01.png) no-repeat -58px 0;}
.picScroll-left2 .hd .next{ background-position:-94px 0;float:right;margin-left:0;margin-right:-56px;  }
.picScroll-left2 .bd{width:1200px; overflow:hidden}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{float:left;width:380px;height:350px;margin-right:30px; overflow:hidden; text-align:center; background:#fff; }
.picScroll-left2 .bd ul li .pic{width:350px;height:255px;padding:15px;}
.picScroll-left2 .bd ul li .pic span{ display:inline-block; height:100%; vertical-align:middle }
.picScroll-left2 .bd ul li .pic img{ max-width:350px; max-height:255px; vertical-align:middle }
.picScroll-left2 .bd ul li .title{height:65px; line-height:65px;font-size:16px;color:#000;background:#ededed   }
.picScroll-left2 .bd ul li:hover .title{ background-color:#027e76;color:#fff  }

/*product*/
.pro-menu {height:130px;border-bottom:1px solid #e5e5e5; text-align:center}
.pro-menu ul li{ position:relative;z-index:1;display:inline-block;margin:0 10px;width:130px;height:50px;margin-top: 10px;}
.pro-menu ul li a{display:block;width:100%;height:100%}
.pro-menu ul li .icon-p{display:block;width:70px;height:70px;margin:30px auto 0;background:url(0-pro.png) no-repeat 0 0}
.pro-menu ul li .icon-px{display:block;width:70px;height:70px;margin:30px auto 0;background:url(0-pro2.png) no-repeat 0 0}
.pro-menu ul li .t{height:50px;line-height:50px;color:#909090;}
.pro-menu ul li .i1{background-position:0 0}
.pro-menu ul li .i2{background-position:-70px 0}
.pro-menu ul li .i3{background-position:-140px 0}
.pro-menu ul li .i4{background-position:-210px 0}
.pro-menu ul li .i5{background-position:-280px 0}
.pro-menu ul li .i6{background-position:-350px 0}
.pro-menu ul li:hover,.pro-menu ul li.on{border-bottom:3px solid #027e76}
.newsmenu ul li .i1{background-position:-420px 0}
.newsmenu ul li .i2{background-position:-490px 0}


.index-product ul{width:1200px;border:1px solid #ddd; overflow:hidden;background-color:#fff}
.index-product ul li{float:left;width:300px;height:390px;margin-bottom:-1px;margin-right:-1px;border:1px solid #ddd;border-top:0;border-left:0;text-align:center}
.index-product ul li a{display:block;width:100%;height:360px;padding-top:10px}
.index-product ul li img{display:block;width:275px;height:275px;margin:auto;}
.index-product ul li .p1{width:90%;margin:10px auto 0;color:#4b4b4b;font-size:18px}
.index-product ul li .p2{width:90%;margin:10px auto 0;color:#ff0101;font-size:16px;}
.index-product ul li .p3{width:140px;height:35px;line-height:35px;margin:15px auto 0;color:#929292;border:1px solid #dcdcdc;border-radius:40px}
.index-product ul li:hover{box-shadow:0 0 10px rgba(0,0,0,0.15) inset;}
.index-product ul li:hover .p3{background-color:#027e76;border-color:#027e76;color:#fff}

.product-main .imgs{padding: 0;border:1px solid #ddd}
.porduct-img{width:400px;height:400px;position:relative;}
.fangda .fd_min_img{width:400px;height:400px;overflow:hidden;}
.fangda .fd_min_img img{width:400px;height:400px;}
.fangda .fd_mouse_m{ display:none;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#62c76c;cursor:pointer;}
.fd_max_img{ display:none;width:400px;height:400px;overflow:hidden; position:absolute;left:600px;top:0; z-index:99;border:1px solid #ddd; background:url(3-10.gif) center center no-repeat #fff;}
.fd_max_img .img{width:atuo;height:auto;position:relative; z-index:10;}


.porduct-text{width:550px;padding-top:0;}
.porduct-text h2{font-size:30px;color:#027e76;}
.porduct-text h3{height:20px;line-height:20px;color:#ff0101;border-bottom:1px solid #e5e5e5}
.porduct-text .model{margin-top:20px;line-height:30px;font-size:16px;}
.porduct-text .model img{max-width:550px;}
.pro-details img{max-width:1200px}

/*news*/
.news-li{margin-top:70px;}
.news-li img{float:left;width:400px}
.news-li .p{float:right;width:730px}
.news-li .p .t{width:730px;font-size:20px}
.news-li .p .t a{color:#027e76;}
.news-li .p p{margin-top:30px;height:120px;line-height:30px;color:#898a8a; overflow:hidden}
.news-li .p .more{margin-top:55px;height:34px;}
.news-li .p .more a{width:140px;height:32px;line-height:32px;color:#929292;border:1px solid #dcdcdc;border-radius:40px; text-align:center}
.news-li .p .more .date{padding-left:27px;height:34px;line-height:34px;color:#898a8a;font-size:12px; background:url(clock.png) no-repeat left center}
.news-li .p .more a:hover{background-color:#027e76;border-color:#027e76;color:#fff}


.n_main { margin:30px auto 0;position:relative;width:1200px}
.n_main .title{ position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;}
.n_main .title .h2{width:1000px;line-height:30px;font-size:24px;color:#333; font-weight:normal}
.n_main .title .p1{width:1000px;margin-top:10px; height:24px; line-height:24px; font-size:12px; color:#999}
.n_main .title .qrcode {position:absolute;right:0;bottom:10px;font-size:12px;line-height:20px}
.n_main .title .qrcode .wenzi{margin-top:30px}
.n_main .title .qrcode .code{width:70px;height:70px}
.n_content{ line-height:26px; color:#666; overflow:hidden;}
.n_content img{ max-width:1200px; overflow:hidden;}

/*contact*/
.contact-xx{width:590px;}
.contact-xx h3{height:40px;font-size:20px;color:#303030}
.contact-xx p{line-height:35px;font-size:14px;color:#4d4d4d}
.contact-xx p span{color:#5cd468;font-size:30px}



.feedback{width:1200px;}
.feedback .in_in {width:1200px;height:50px;}
.feedback .in_in .input-text{width:1200px;height:48px;line-height:48px;padding:0 15px;border:1px solid #ddd;border-radius:3px}
.feedback .input-text,.feedback .textarea{margin-bottom:15px;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s}
.feedback .in_area .textarea{width:1200px;height:120px;line-height:24px;padding:5px 15px;font-size:14px;resize:none;border:1px solid #ddd;border-radius:3px}
.feedback .input-text:hover,.feedback .textarea:hover{border: solid 1px #027e76}
.feedback .input-text:focus,.feedback .textarea:focus{border:solid 1px #5cd468 \9;border-color:rgba(92,212,104,0.8);box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(92,212,104, 0.15)}
.feedback .in_sub{margin-top:20px;}
.feedback .in_sub .submit{width:1200px;height:50px;color:#fff;background-color:#027e76;border:none;cursor:pointer;}
.feedback .in_sub .submit:hover{background-color:#00ab6d;}


/*join*/
.join-1-box .f-l{width:600px;}
.join-1-box .f-l img{float:left;width:177px}
.join-1-box .f-l .p{float:left;width:365px;margin-left:20px}
.join-1-box .f-l .p .t{height:50px;line-height:50px;font-size:18px;color:#555555}
.join-1-box .f-l .p p{line-height:30px;font-size:14px;color:#7b7b7b}



.join-2-box{width:1200px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.join-2-box .join-2-l {
	position:relative;
	float:left;
	width:399px;
	height:220px;
	font-size:16px;
	text-align:center;
	border-right:1px solid #e5e5e5;
	z-index:1;
	cursor:pointer;
}
.join-2-box .join-2-l .box-1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:75px;
	padding-top:160px;
	filter:alpha(opacity=100);
	opacity:1;
}
.join-2-box .join-2-l .li1 {
	background:url(j-11.jpg) no-repeat center 45px;
}
.join-2-box .join-2-l .li2 {
	background:url(j-12.jpg) no-repeat center 45px;
}
.join-2-box .join-2-l .li3 {
	background:url(j-13.jpg) no-repeat center 45px;
}
.join-2-box .join-2-l .li4 {
	background:url(j-14.jpg) no-repeat center 45px;
}

.join-2-box .join-2-l .box-2{
	position:absolute;
	top:0;
	left:0;
	width:359px;
	height:180px;
	padding:20px;
	line-height:30px;
	text-align:left;
	font-size:13px;
	background:#fff;
	box-shadow:0 0 7px rgba(0,0,0,0.12) inset;
	filter:alpha(opacity=0);
	opacity:0;
}
.join-2-box .join-2-l:hover .box-2{
	filter:alpha(opacity=100);
	opacity:1;
}
.join-2-box .l4 {
	position:relative;
	width:1199px;
	border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
}
.join-2-box .l4 .box-2{
	width:1159px;
	height:140px;
	padding-top:60px;
}
.join-2-box .l4 .box-2 p{
	float:left;
	width:429px;
	padding-left:150px;
}


.join-3{height:530px;background:url(j-bg.jpg) no-repeat center center}
.picScroll-left3{ width:1200px;position:relative;  }
.picScroll-left3 .hd{height:0px;width:1200px;  position:absolute;left:0;top:0}
.picScroll-left3 .hd .prev,.picScroll-left3 .hd .next{ display:block;width:36px;height:64px; float:left;margin-left:-56px;margin-top:90px;overflow:hidden;cursor:pointer; background:url(0-01.png) no-repeat -58px 0;}
.picScroll-left3 .hd .next{ background-position:-94px 0;float:right;margin-left:0;margin-right:-56px;  }
.picScroll-left3 .bd{width:1200px; overflow:hidden}
.picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left3 .bd ul li{float:left;width:280px;height:250px;margin-right:26px; overflow:hidden; text-align:center; background:#fff; }
.picScroll-left3 .bd ul li .pic{width:280px;height:200px;}
.picScroll-left3 .bd ul li .pic img{width:280px; height:200px; }
.picScroll-left3 .bd ul li .title{height:50px; line-height:50px;font-size:16px;color:#333;background:#fff   }

.liucheng_list {width:1300px}
.liucheng_list li{width:116px;margin-right:130px;float:left}
.liucheng_list li .ibg{width:116px;height:60px;padding-top:37px;padding-bottom:37px;background:url(yf.png) no-repeat center center}
.liucheng_list li .ibg i{display:block;width:60px;height:60px;margin:auto;background:url(ji.png) no-repeat 0 0}
.liucheng_list li .ibg i.ico1{background-position:0 0}
.liucheng_list li .ibg i.ico2{background-position:-60px 0}
.liucheng_list li .ibg i.ico3{background-position:-120px 0}
.liucheng_list li .ibg i.ico4{background-position:-180px 0}
.liucheng_list li .ibg i.ico5{background-position:-240px 0}
.liucheng_list li .ibg i.ico6{background-position:-300px 0}
.liucheng_list li .ibg i.ico7{background-position:-360px 0}
.liucheng_list li p{line-height:22px;color:#787878;margin-top:10px;}

/*********      page      ***************/
#page{ width:1200px;padding:5px 0;overflow:hidden;margin:auto}
#page .page_info{ text-align:center}
#page .page_info select{display:none;}
#page .page_info span,#page .page_info a{padding:8px 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px; line-height:30px;color:#666;}
#page .page_info span.nolink {color:#ccc ;background:#fff;border:1px solid #f1f1f1;}
#page .page_info span{background-color:#027e76;border:1px solid #027e76;}
#page .page_info span font{ color:#fff; font-weight:normal;*padding:0; *width:8px; *height:10px; font-size:14px;font-weight:bold}
#page .page_info a:hover{ background-color:#5cd468;color:#fff;border:1px solid #5cd468;}

/** prev next button ***/
.pn{ padding-top:40px;margin:auto; width:1200px;line-height:30px; overflow:hidden;border-top:1px solid #ddd;color:#666}
.pn_l{text-align:left; font-size:14px; overflow:hidden;}
.pn_l a:hover{color:#5cd468;}
.pn_r{ text-align:left;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#5cd468;}


/*shop-list*/
.shop-list ul {padding-bottom:10px;}
.shop-list ul li{float:left;width:370px;height:325px;margin:30px 15px 0; box-shadow:0 0 10px rgba(0,0,0,0.3)}
.shop-list ul li a{display:block;width:350px;height:305px;padding:10px;text-align:center;background:#fff}
.shop-list ul li .pic{width:350px;height:260px;overflow:hidden}
.shop-list ul li .pic img{width:350px;height:260px;}
.shop-list ul li .p{width:350px;margin-top:10px;height:35px;line-height:35px;}
.shop-list ul li:hover a{background:#027e76}
.shop-list ul li:hover .p{color:#fff}


video {
  display: inline-block;
  vertical-align: baseline;
}


.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#00ab6d;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.side ul li .sidebox2{position:absolute;z-index:9;width:0;height:109px;top:0;right:54px;padding:0;background:#00ab6d;transition:all 0s;overflow:hidden;}
.side ul li .sidebox2 img{margin:2px;width:105px;height:105px}