@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:14px;color: #666;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{background:#fff;min-width:1200px}
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;}
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}
.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0}
.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0}
.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0}
.height70{height:70px;clear:both;zoom:1;line-height:0;font-size:0}
.height80{height:80px;clear:both;zoom:1;line-height:0;font-size:0}
.height100{height:100px;clear:both;zoom:1;line-height:0;font-size:0}
.height120{height:120px;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:#009b4c}

.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:#009b4c}
.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 #e7e7e7}
.bor-t{border-top:1px solid #e7e7e7}
.bor-b{border-bottom:1px solid #e7e7e7}
.bor-l{border-left:1px solid #e7e7e7}
.bor-r{border-right:1px solid #e7e7e7}

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

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




/*head*/



/*foot*/
.f-nav dl{float:left;width:160px;}
.f-nav dl dt{color:#191919;height:30px;}
.f-nav dl dd{height:26px;line-height:26px}
.f-nav dl dd a{color:#999;font-size:12px}
.f-nav dl dd a:hover{color:#009b4c}
.foot .code {margin-right:20px;}

.copyright{padding:15px 0;border-top:1px solid #e7e7e7;font-size:12px;color:#999}
.copyright a{color:#999}
.copyright .p1,.copyright .p2{width:880px;line-height:30px;}
.copyright .foot-tel{right:0;bottom:20px;color:#999999;font-size:14px;}
.copyright .foot-tel span{color:#009b4c;font-size:24px; font-family:"impact","Microsoft Yahei"}


/*banner*/
.banner{width:100%;position:relative;overflow:hidden}
.logo {float:left;margin-top: 20px;}
.logo img{height:60px}
.nban {position:relative;left:50%;margin-left:-960px;width:1920px;border-bottom:1px solid #e7e7e7}
.nban img{width:1920px;}

.slideBox{ margin-bottom:10px;width:100%;  overflow:hidden; position:relative; }
.slideBox .hd{ height:17px; overflow:hidden; position:absolute;width:100%;bottom:15px;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 10px;cursor:pointer;width:17px;height:17px;background:url(../images/dot.png) no-repeat left center}
.slideBox .hd ul li.on{background:url(../images/dot.png) no-repeat right center }
.slideBox .bd{ position:relative; z-index:0}
.slideBox .bd li{ zoom:1; vertical-align:middle;height:600px}
.slideBox .bd img,.slideBox .bd  a{height:600px; width:100%; display:block}


/*floor_1*/
.index-menu{height:100px;}
.index-menu .con-1200{overflow:hidden}
 
.index-menu ul li{float:left;width:138px;height:100px;text-align:center}
.index-menu ul li.none{margin-left:0}
.index-menu ul li a{display:block;width:100%;height:80px;padding:10px 0;}
.index-menu ul li .icon{width:40px;height:40px;margin:5px auto;background:url(../images/0-menu.png) no-repeat 0 0;}
.index-menu ul li .ico0{background-position:0 0;}
.index-menu ul li .ico1{background-position:-40px 0;}
.index-menu ul li .ico2{background-position:-80px 0;}
.index-menu ul li .ico3{background-position:-120px 0;}
.index-menu ul li .ico4{background-position:-160px 0;}
.index-menu ul li .ico5{background-position:-200px 0;}
.index-menu ul li .ico6{background-position:-240px 0;}
.index-menu ul li .ico7{background-position:-280px 0;}
.index-menu ul li .title{height:30px;line-height:30px;}
.index-menu ul li:hover .title,.index-menu ul li.on .title{color:#009b4c}
.index-menu ul li:hover .icon,.index-menu ul li.on .icon{background-image:url(../images/0-menu2.png)}


.index-hot{width:100%;max-width:1700px;min-width:1200px;margin:auto;overflow:hidden}
.index-hot ul {margin-right:-10px;}
.index-hot ul li{float:left;width:25%;}
.index-hot ul li a{display:block;margin-right:10px;}
.index-hot ul li a img{width:100%}


/*floor_2*/
.index-news ul{width:1250px}
.index-news ul li{float:left;width:282px;height:360px;margin-right:24px;margin-bottom:30px;border-radius:5px;background-color:#fff;-moz-box-shadow:0 0 5px #ddd;box-shadow:0 0 5px #ddd;overflow:hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.index-news ul li img{width:282px;height:200px;}
.index-news ul li .p{padding:15px;height:160px;overflow:hidden}
.index-news ul li .p .title{height:30px; color:#009b4c;font-size:16px;}
.index-news ul li .p .desc{height:100px;line-height:25px; }
.index-news ul li .p .desc .n-li{padding-left:15px;width:210px;height:25px;background:url(../images/0-05.png) no-repeat left center}
.index-news ul li .p .desc .n-li a:hover{color:#009b4c}
.index-news ul li:hover{-moz-box-shadow:0 0 10px #bbb;box-shadow:0 0 10px #bbb}

/*about*/
.about h2{color:#191919;font-size:20px}
.about p{line-height:30px;color:#999999; text-indent:2em}
.about-ul .albox{ position:relative;float:left;padding-right:60px;margin-right:60px; text-align:center}
.about-ul .albox h3{font-size:20px;color:#009b4c}
.about-ul .albox h3 strong{margin-right:10px;font-weight:normal;font-size:50px;font-family:"impact","Microsoft Yahei"}
.about-ul .albox p{margin-top:10px;font-size:18px;}
.about-ul .albox1:after{ content:''; position:absolute;right:0;top:10px;width:1px;height:70px;background:#e6e6e6}

/*title*/
.n-title h2{color:#535454;font-size:38px;font-weight:bold}
.n-title .line{margin-top:18px;height:2px;width:58px;background:#009b4c}
.n-title p{margin-top:20px;color:#999}


/*culture*/
.culture{background:url(../images/a-bg1.jpg) no-repeat center center}
.culture-p{width:1200px;margin:auto;line-height:24px;color:#999999;}
.culture-p h2{margin-top:15px;margin-bottom:5px;color:#009b4c;font-size:20px}

/*course*/
.picScroll-left{width:1200px;position:relative; }
.picScroll-left .hd{width:100%;height:0; position:absolute;top:168px;z-index:2}
.picScroll-left .hd .prev,.picScroll-left .hd .next{display:block;width:45px; height:45px;float:left;margin-left:-45px; overflow:hidden;cursor:pointer; background:url(../images/0-01.png) no-repeat 0 0;}
.picScroll-left .hd .next{float:right;margin-right:-45px; background-position:-45px 0;  }
.picScroll-left .hd .prevStop{ background-position:0 -45px; }
.picScroll-left .hd .nextStop{ background-position:-45px -45px; }
.picScroll-left .bd{padding:0 28px}
.picScroll-left .bd ul{  zoom:1; }
.picScroll-left .bd ul li{position:relative;z-index:2;background:#fff; float:left;width:220px;height:360px;padding:20px;margin:10px 13px; overflow:hidden; -moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd;border-radius:15px }
.picScroll-left .bd ul li .year{height:80px;line-height:80px;color:#009b4c;border-bottom:1px solid #e7e7e7;font-size:35px;font-family:"impact","Microsoft Yahei"}
.picScroll-left .bd ul li .p{padding-top:10px;}
.picScroll-left .bd ul li .p p{margin-top:10px;padding-left:20px;line-height:24px;color:#999;background:url(../images/d.png) no-repeat left 6px}
.course .line{top:190px;left:0;z-index:1;width:100%;height:1px;background-color:#e7e7e7}

/*research*/
.research{background:url(../images/a-bg2.jpg) no-repeat center center}
.research-box{padding:0 110px;}
.research-box .p{width:270px;margin-left:50px;line-height:30px}

/*video*/
.video ul {width:1250px;}
.video ul li{position:relative;float:left;margin-right:20px;margin-bottom:20px;width:285px;height:285px;border-radius:20px; overflow:hidden}
.video ul li .btn{position:absolute;left:35px;bottom:50px;width:64px;height:64px;z-index:2;background:url(../images/0-02.png) no-repeat center center}

/*tech*/
.tech-box{background:url(../images/t-bg.jpg) no-repeat center center}
.slideBox2{ width:1200px; position:relative; }
.slideBox2 .hd{ height:0; overflow:hidden; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }

.tech-box-li{padding:0;line-height:26px}

.slideBox2 .prev,.slideBox2 .next{ position:absolute;display:block;width:45px; height:45px;left:-60px;top:330px; overflow:hidden;cursor:pointer;background:url(../images/0-01.png) no-repeat 0 0;}
.slideBox2 .next{left:auto;right:-60px; background-position:-45px 0;  }
.slideBox2 .prevStop{ background-position:0 -45px; }
.slideBox2 .nextStop{ background-position:-45px -45px; }

/*service*/
.service-box-li{margin-top:30px}
.service-box-li .imgs{width:1200px; overflow:hidden}
.service-box-li .imgs img{width:1200px;}
.service-box-li h3{margin:20px 0 10px;font-size:20px;color:#535454}
.service-box-li p{line-height:30px;color:#999}

/*download*/
.download ul {width:1230px}
.download ul li{float:left; position:relative;width:583px;height:68px;margin-right:30px;margin-bottom:20px;background-color:#fff;border:1px solid #e7e7e7;border-radius:5px;}
.download ul li span{display:block;width:450px;color:#999;line-height:68px;margin-left:25px;}
.download ul li i{ position:absolute;right:30px;top:18px;width:51px;height:31px;background:url(../images/0-03.png) no-repeat -51px 0}
.download ul li:hover{border-color:#009b4c;background-color:#009b4c}
.download ul li:hover span{color:#fff}
.download ul li:hover i{ background-position:0 0 ;}

/*contact*/
.contact-box-c{position:relative}
.contact-box-c:before{ position:absolute;left:50%;top:0;height:100%;width:1px;border-left:1px dashed #cbcbcb;content:'';}
.contact-xx{width:600px;}
.contact-tel{width:500px;padding-left:100px;}
.contact-xx h3{height:55px;line-height:50px;font-size:25px;color:#535454}
.contact-xx p{height:35px;line-height:35px;font-size:15px;color:#999}
.contact-tel .p1{font-size:15px;color:#999}
.contact-tel .p2{margin-top:8px;font-size:35px;color:#009b4c;font-family:"impact"}

.feedback{width:100%;}
.feedback .in_in .f-l{width:480px;height:56px;margin-right:20px;}
.feedback .in_in .f-l label,.feedback .in_area label{display:block;width:480px;height:40px;line-height:40px;color:#333;}
.feedback .in_in .f-l .input-text{width:448px;height:20px;line-height:20px;padding:10px 15px;}
.feedback .input-text,.feedback .textarea{border:solid 1px #ddd;border-radius:2px;-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:948px;height:120px;line-height:24px;padding:5px 15px;font-size:14px;resize:none;}
.feedback .input-text:hover,.feedback .textarea:hover{border: solid 1px #009b4c}
.feedback .input-text:focus,.feedback .textarea:focus{border:solid 1px #009b4c \9;border-color:rgba(210,113,36,0.8);box-shadow:0 0 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px rgba(210,113,36, 0.5)}
.feedback .in_sub{margin-top:20px;}
.feedback .in_sub .submit{width:170px;height:40px;color:#fff;background-color:#009b4c;border:none;cursor:pointer;}
.feedback .in_sub .submit:hover{background-color:#d85e13;}

.clear2{clear:both;}
.cpnra{margin-top:20px;}

/*join*/
.join-box1{}
.picScroll-left2{width:1200px;position:relative; }
.picScroll-left2 .hd{width:100%;height:0; position:absolute;top:180px;z-index:2}
.picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{display:block;width:45px; height:45px;float:left;margin-left:-60px; overflow:hidden;cursor:pointer; background:url(../images/0-01.png) no-repeat 0 0;}
.picScroll-left2 .hd .next{float:right;margin-right:-60px; background-position:-45px 0;  }
.picScroll-left2 .hd .prevStop{ background-position:0 -45px; }
.picScroll-left2 .hd .nextStop{ background-position:-45px -45px; }
.picScroll-left2 .bd{padding:0; position:relative;left:-6px }
.picScroll-left2 .bd ul{  zoom:1; }
.picScroll-left2 .bd ul li{position:relative;z-index:2;background:#fff; float:left;width:290px;height:420px;margin:10px 6px; overflow:hidden; -moz-box-shadow:0 0 10px #ddd;box-shadow:0 0 10px #ddd;border-radius:10px }
.picScroll-left2 .bd ul li .imgs{width:290px;height:197px;border-bottom:1px solid #e7e7e7}
.picScroll-left2 .bd ul li .title{font-size:20px;color:#009b4c;font-weight:bold;width:230px;margin:30px auto 0}
.picScroll-left2 .bd ul li .p {width:230px;margin:10px auto 0;height:125px;line-height:25px;color:#999; overflow:hidden}

.join-box2{height:625px;background:url(../images/j-bg.jpg) no-repeat center center}
.slideBox3{ width:1200px; position:relative;height:464px; }
.slideBox3 .hd{ height:0; overflow:hidden; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }

.join-box2-li{padding:0}
.join-box2-li .imgs{width:888px;height:464px}
.join-box2-li .imgs img{width:888px;height:464px}
.join-box2-li .p{width:227px;height:399px;padding:65px 40px 0 45px;background:#fff}
.join-box2-li .p h3{margin-bottom:10px;height:44px;font-size:20px;color:#585858}
.join-box2-li .p p{padding-left:20px;line-height:35px;color:#999;font-size:16px;background:url(../images/0-04.png) no-repeat left 14px}


.slideBox3 .prev,.slideBox3 .next{ position:absolute;display:block;width:45px; height:45px;left:-60px;top:190px; overflow:hidden;cursor:pointer;background:url(../images/0-01.png) no-repeat 0 0;}
.slideBox3 .next{left:auto;right:-60px; background-position:-45px 0;  }
.slideBox3 .prevStop{ background-position:0 -45px; }
.slideBox3 .nextStop{ background-position:-45px -45px; }

.join-box3-ul ul{width:1300px}
.join-box3-ul ul li{float:left;width:133px;margin-right:80px;}
.join-box3-ul ul li i{display:block;width:133px;height:133px;background:url(../images/j-21.png) no-repeat 0 0 }
.join-box3-ul ul li .ico1{ background-position:0 0}
.join-box3-ul ul li .ico2{ background-position:-133px 0}
.join-box3-ul ul li .ico3{ background-position:-266px 0}
.join-box3-ul ul li .ico4{ background-position:-399px 0}
.join-box3-ul ul li .ico5{ background-position:-532px 0}
.join-box3-ul ul li .ico6{ background-position:-665px 0}
.join-box3-ul ul li .title{margin-top:25px;text-align:center;font-size:16px;color:#009b4c}
.join-box3-ul ul li .desc{margin-top:10px;line-height:25px;color:#999}

.poster-main {width: 1200px;height: 500px;position: relative;margin: 0 auto;}
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list {width: 1200px;height: 500px;}
.poster-main .poster-list .poster-item {width: 200px;height: 500px;position: absolute;left: 0;top: 0;}
.poster-main .poster-btn {position: absolute;top: 0;z-index: 10;cursor: pointer;}
.poster-main .poster-prev-btn {left:-60px;background: url(../images/left.png) no-repeat left center;}
.poster-main .poster-next-btn {right:-60px;background: url(../images/right.png) no-repeat right center;}



/*news*/
.news-menu{text-align:center}
.news-menu a{display:inline-block;margin:0 8px;width:158px;height:48px;line-height:48px;font-size:16px;color:#999;border:1px solid #e7e7e7;background-color:#fff;border-radius:50px}
.news-menu a:hover,.news-menu a.on{background-color:#009b4c;border-color:#009b4c;color:#fff;}

.news-list ul{width:1220px;}
.news-list ul li{float:left;width:285px;height:400px;margin-right:20px;margin-bottom:20px;background:#fff;border-radius:5px;}
.news-list ul li a{display:block;width:235px;height:350px;padding: 25px;}
.news-list ul li .title{height:50px;line-height:25px;font-size:18px;color:#999; overflow:hidden}
.news-list ul li .date{height:35px;line-height:35px;font-size:14px;color:#999}
.news-list ul li .imgs{margin-top:10px;width:235px;height:150px;overflow:hidden}
.news-list ul li .imgs img{width:235px;height:150px;}
.news-list ul li .desc{margin-top:20px;height:40px;line-height:20px;font-size:12px;color:#999; overflow:hidden}
.news-list ul li i{display:block;width:23px;height:17px;margin:20px auto 0;background:url(../images/n-02.png) no-repeat 0 0}
.news-list ul li:hover{ box-shadow:0 0 16px #ccc}
.news-list ul li:hover .title{color:#009b4c}
.news-list ul li:hover i{ background-image:url(../images/n-01.png)}

.n_main { margin: auto ;padding:30px; box-shadow:0 5px 10px #ccc;position:relative;width:1140px}
.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:35px}
.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;}

/*pro*/
.news-pro ul {width:1220px;}
.news-pro ul li{float:left;margin-right:11px;margin-bottom:11px;}
.news-pro ul .lis{width:290px;height:341px;border:1px solid #e7e7e7}
.news-pro ul .lis a{display:block;width:286px;height:337px;border:2px solid #fff}
.news-pro ul .lis .img{margin:20px auto 0;width:280px;height:210px; overflow:hidden}
.news-pro ul .lis .img img{width:280px;height:210px;}
.news-pro ul .lis .title{margin:15px auto 0;font-size:16px;width:260px;color:#585858;text-align:center}
.news-pro ul .lis .desc{margin:15px auto 0;width:260px;color:#999;text-align:center}
.news-pro ul .lis:hover{border-color:#009b4c}
.news-pro ul .lis:hover a{border-color:#009b4c}
.news-pro ul .lis:hover .title{color:#009b4c}

.float-menu{width:50px; position:fixed;top:50%;left:20px;margin-top:-260px}
.float-menu .tran-all3{ position:relative;display:block;margin-bottom:10px;border-radius:5px;background-color:rgba(0,0,0,0.6)}
.float-menu .tran-all3 img{ width:50px;height:50px;}
.float-menu .tran-all3 .pro-name{display:none; position:absolute;top:0;left:60px; line-height:30px;width:220px;padding:10px;background:#007e3e;color:#fff; text-align:center;
-webkit-border-radius:5px;
       -moz-border-radius:5px;
        -ms-border-radius:5px;
         -o-border-radius:5px;
            border-radius:5px;


}
.float-menu .tran-all3:hover,.float-menu .tran-all3.on{background-color:#009b4c}
.float-menu .tran-all3:hover .pro-name{display:block;}
.float-menu .tran-all3 .pro-name li{list-style:none;}
.float-menu .tran-all3 .pro-name li a{color:#fff}
.float-menu .tran-all3 .pro-name::after{
		    content: '';
background:url(../images/jt.png) no-repeat  center ;width:10px;height:50px;
    position: absolute;
    top: 0px;
    left: -10px;
/*	    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #00a2e9 transparent transparent;*/
		}
 

.product-main .imgs{padding: 0;border:1px solid #ddd}
.porduct-img{width:560px;height:420px;position:relative;}
.fangda .fd_min_img{width:560px;height:420px;overflow:hidden;}
.fangda .fd_min_img img{width:560px;height:420px;}
.fangda .fd_mouse_m{ display:none;width:80px;height:80px;position:absolute;top:0;left:0;opacity:0.3;filter:alpha(opacity=30);background:#009b4c;cursor:pointer;}
.fd_max_img{ display:none;width:400px;height:400px;overflow:hidden; position:absolute;left:560px;top:-71px; z-index:99;border:1px solid #ddd; background:url(../images/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{height:80px;line-height:80px;font-size:30px;color:#009b4c;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}




.product-new{width:100%;overflow:hidden}

.product-new-box {width: 100%}



.product-new-box img{width:100%;}

/*********      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:#009b4c;border:1px solid #009b4c;}
#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:#009b4c;color:#fff;border:1px solid #009b4c;}

/** prev next button ***/
.pn{ padding-top:20px;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:#009b4c;}
.pn_r{ text-align:left;font-size:14px; overflow:hidden;}
.pn_r a:hover{color:#009b4c;}



#floatDivBoxs{width:160px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#009b4c;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;color:#009b4c;font-size:20px}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 2px 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 2px 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:160px;z-index:999;}
#rightArrow a{display:block;height:45px;}