@charset "utf-8";
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.left{float:left;}.right{float:right;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.blank80 {clear:both; height:80px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #323232; text-decoration: none; outline:none;}a:hover {color: #f60; text-decoration: underline}
body {background:#fff;font-size:14px;color: #323232;line-height:28px;font-family:Verdana; -webkit-text-size-adjust:none;min-width:1200px;}

.mainbody { width:1200px; margin:0 auto;}
.main { width:1200px; margin:0 auto; background:url(../images/main.jpg) repeat-y left; overflow:hidden;}

.t_top { width:100%; background:#f8f8f8; height:35px; line-height:35px; color:#5e525c; overflow:hidden; min-width:1200px; font-size:12px;}
.t_left { float:left;}
.t_right { float:right; overflow:hidden; text-align:right;}
.t_right a { display:inline-block; padding:0 8px;}
.t_right a.bq-e {color:#5e525c;}
.t_right a.bq {color:#5e525c;}

.head {clear: both;width: 1200px;height:116px; margin:0 auto;}
.head .logo { height:49px; float:left; margin-top:33px;}
.ssou {cursor:pointer; margin-left:50px; width:373px; float:left; margin-top:41px;}
.ssou input.button1 { width:275px; padding:0 15px; height:33px; color:#5e525c; line-height:33px; float:left; border:#ccc 1px solid;}
.ssou input.button2 { width:65px; background:url(../images/in_09.jpg) no-repeat; height:35px; border:0; float:right; text-indent:-9999999999px;}
.head .tel { float:right; height:59px; margin-top:29px;}

.navbg { clear:both; width:100%; height:45px; background:#333367; overflow:hidden; min-width:1200px;}
.nav{ height:45px; width:1200px; margin:0 auto;}
.nav ul li { height:45px; text-align:center; line-height:45px; float:left; text-transform:uppercase;}
.nav ul li a,.nav ul li a:visited{color:#fff; padding:0 19px; height:45px;display:block;}
.nav ul li a:hover{text-decoration:none; color:#fff; background:#19a49f;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a,#nav9 .nav9 a,#nav10 .nav10 a,#nav11 .nav11 a{text-decoration:none; color:#fff; background:#19a49f;}

h1 { width:85%; text-align:center; font-size:24px; font-weight:bold; line-height:30px; color:#333; padding:10px 0; margin:0 auto;}

/*首页焦点图*/
.flash {width:100%; height:472px; overflow:hidden; clear:both; min-width:1200px; position:relative;}
.flash2 {width:100%; height:340px; overflow:hidden; clear:both; min-width:1200px; position:relative;}
.banner5 {width:100%; height:472px; background:url(../images/04_02.jpg) no-repeat center; overflow:hidden; clear:both; min-width:1200px; position:relative;}

.tit { width:100%;overflow:hidden; line-height:35px;margin-bottom:20px; border-bottom:#ddd 1px solid;}
.tit h3 {color:#444444; font-size:18px;}

.abtit { clear:both; width:100%; text-align:center; line-height:30px; padding-bottom:40px;}
.abtit span { display:block; font-size:14px; color:#1aa5a0; font-weight:100; font-family:Arial; text-transform:uppercase;}
.abtit h3 { font-size:29px; color:#333436; font-weight:100; text-transform:uppercase;}
.abtit p { font-size:14px; color:#727375; padding-top:10px; font-weight:100; line-height:24px;}

.abtit2 { clear:both; width:100%; line-height:40px; padding-bottom:15px; overflow:hidden;}
.abtit2 h3 {color:#333; font-size:28px; font-weight:bold;}

.nyleft { width:300px; float:left; padding-top:10px;}
.nyright { width:850px; float:right;}

.syabout { width:645px; float:left;}
.syabout h3 {color:#333436; line-height:30px; font-size:30px; padding-bottom:20px; font-weight:500; text-transform:uppercase;}
.syabout h3 span { display:block; color:#1aa5a0; font-size:14px; font-family:Arial;font-weight:100;}
.syabout .sytex { width:100%; height:255px; color:#646363; overflow:hidden;line-height:30px;}
.syabout .sytex p {padding:5px 0;}
.syabout .sytex a { color:#646363;}
.syabout a.more { display:block; width:154px; height:38px; line-height:38px; margin-top:35px; border:#7e7e9f 1px solid; color:#333367; text-align:center; text-decoration:none;}
.syabout a.more:hover { background:#333367; color:#fff;border:#333367 1px solid;transition: 0.4s;}

.abimg { float:right; width:468px; height:328px; margin-top:30px;}
.abimg img{width:468px; height:328px;transition:all 1s;}
.abimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.sybg {clear: both;width: 100%; padding:50px 0;background:#f8f8f8; overflow:hidden; min-width:1200px;}

/*chengpin*/
.chengyi {width:1200px; height:431px; position:relative; overflow:hidden;}
#wrapper {width: 1060px;height: 431px; margin:0 auto;}
#carousel {width: 1060px; height:431px;position:vrelative;}
#carousel ul {list-style: none;display: block;margin: 0;padding: 0;}
#carousel li {text-align: center;display: block;width: 192px;height:361px;padding: 0;margin:10px 10px;float: left;position: relative;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; background:#fff;}
#carousel li a { text-decoration:none;}
#carousel li img { margin-top:20px;}
#carousel li h2 { font-size:16px; color:#1aa5a0; padding:10px; line-height:18px;}
#carousel li a:hover h2 { text-decoration:underline;}
#carousel li p { text-align:center; color:#333436; font-size:12px; line-height:18px; padding:5px 10px;}
.clearfix {float: none;clear: both;}
#carousel .prev2, #carousel .next2 {background: transparent url(../images/carousel_control.png) no-repeat 0 0;text-indent: -999px;display: block;overflow: hidden;width: 23px;height: 40px;position: absolute;top: 185px;}
#carousel .prev2 {background-position: 0 0;left: 15px;}
#carousel .prev2:hover {left: 16px;}
#carousel .next2 {background-position: -23px 0;right: 15px;}
#carousel .next2:hover {right: 16px;}
#carousel .pager {text-align: center;margin: 0 auto; padding-top:15px;}
#carousel .pager a {background: transparent url(../images/carousel_control.png) no-repeat -20px -55px;text-decoration: none;text-indent: -999px;display: inline-block;overflow: hidden;width: 10px;height: 10px;margin: 0 5px 0 0;}
#carousel .pager a.selected {background: transparent url(../images/carousel_control.png) no-repeat 0px -55px;text-decoration: underline;}

.nypro li {text-align: center;display: block;width:250px;height:330px;padding: 0;margin:10px 8px 20px 22px;float:left;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; background:#fff;}
.nypro li a { text-decoration:none;}
.nypro li img { margin-top:10px;}
.nypro li h2 { font-size:16px; color:#1aa5a0; padding:10px;margin:0 20px; line-height:18px;border-bottom:#1aa5a0 2px solid;}
.nypro li a:hover h2 { text-decoration:underline;}
.nypro li p { text-align:center; color:#333436; font-size:12px; line-height:18px; padding:5px 0; margin:0 20px; border-bottom:#ddd 1px dashed;}

.more2 {text-align:center; clear:both;width:171px; margin:0 auto;}
.more2 a { display:inline-block;width:171px; height:43px; line-height:43px;border-radius:45px; text-decoration:none;background:#333367; border:#333367 2px solid; color:#fff;}
.more2 a:hover {border:#333367 2px solid; color:#333367; background:#fff;transition: 0.4s;}

.pro1 li { float:left; width:280px; height:210px; overflow:hidden; margin-left:26px;}
.pro1 li:first-child { margin-left:0;}
.pro1 li img {width:280px; height:210px; transition:all 1s;}
.pro1 li:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.sybg2 {clear: both;width: 100%; padding-top:40px; border-top:#ddd 1px solid; overflow:hidden; min-width:1200px;}

.liuyan2 { width:618px; float:left;}
.liuyan2 .pp { padding:40px 0 20px 0; line-height:22px; background:url(../images/in_24.jpg) no-repeat 0 0; color:#434343; overflow:hidden;}
.liuyan2 .pp a { color:#f60;}
.liuyan2 .pp span { color:#024282;}
.ly_left { width:280px;float:left;}
.ly_left p { clear:both; margin-bottom:30px;}
.liuyan2 input,.liuyan2 textarea { width:260px; padding:0 10px; height:48px; line-height:48px; border:#e5e5e5 1px solid;background:none; font-size:14px; color:#8e9195; font-family:Arial; font-style:italic;}
.liuyan2 input.ss { margin-right:0;}
.liuyan2 input.s1 { margin:0; width:90px; float:left;}
.liuyan2 img { vertical-align:middle; height:35px; float:left; margin-left:20px;}
.ly_right { float:right;}
.ly_right textarea { width:286px; height:198px; line-height:22px; margin:0;padding:5px 10px;}
.liuyan2 input.aak { width:141px; height:48px; line-height:48px; background:#024282; border:0; text-align:center;color:#fff; background:#024282;}

.pro2 li { float:left; width:180px; margin:10px 13px 5px 19px; overflow:hidden; text-align:center; font-size:12px;}
.pro2 li .pimg { width:180px; height:120px; overflow:hidden; margin-bottom:2px; background:#efefef;}
.pro2 li .pimg img {width:180px; height:120px;transition:all 1s;}
.pro2 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.pro22 li { float:left; width:260px; margin:10px 13px 5px 25px; overflow:hidden; text-align:center; font-size:12px;}
.pro22 li .pimg { width:260px; height:235px; overflow:hidden; margin-bottom:2px; background:#efefef;}
.pro22 li .pimg img {width:260px; height:235px;transition:all 1s;}
.pro22 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.pro3 li { float:left; width:460px; height:100px; padding:30px; margin:20px 30px 40px 30px; overflow:hidden; background:#f9f9f9;}
.pro3 li .pimg { width:102px; height:107px; float:left; overflow:hidden;}
.pro3 li .pimg img{ width:102px; height:107px;transition:all 1s;}
.pro3 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.pro3 li .text { float:right; width:320px;}
.pro3 li .text h3 { font-size:18px; font-weight:100px; padding-bottom:10px; color:#000;}
.pro3 li .text p { color:#666; line-height:20px;}

.prod li { float:left; width:400px; height:267px; margin:20px 56px 10px 102px; overflow:hidden;}
.prod li a { width:400px; height:267px; overflow:hidden; position:relative; display:block;}
.prod li a img { width:400px; height:267px;transition:all 0.2s; position:absolute; left:0; top:0; z-index:9;}
.prod li a:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.prod li a p {width:400px; position:absolute;left:0; top:50%; margin-top:-50px; background:url(../images/bs.png) repeat; color:#0076ef; text-align:center; font-size:30px; height:100px; line-height:100px; z-index:99; font-weight:bold;}

.pro5 li { float:left; width:352px; height:265px;border:#efefef 4px solid; margin:10px 6px 10px 12px; overflow:hidden;}
.pro5 li .pimg { width:350px; height:263px; overflow:hidden; border:#fff 1px solid;}
.pro5 li .pimg img { width:350px; height:263px;transition:all 0.2s;}
.pro5 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}
.pro5 li .pro { width:272px; text-align:center; height:30px; line-height:30px; overflow:hidden; font-size:12px; background:#f9f9f9; margin-top:1px;}

.synews li { width:365px; float:left;margin-left:36px;}
.synews li:first-child { margin-left:0;}
.synews li .pimg {width:365px;height:234px; overflow:hidden;}
.synews li .pimg img {width:365px; height:234px;transition:all 1s;}
.synews li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.synews li h3 { font-size:16px; color:#333367; padding:10px 0;}
.synews li h3 a { color:#333367;}
.synews li .tex { clear:both; height:100px; font-size:12px; line-height:20px; color:#717171; }
.synews li .more3 { font-size:12px;color:#333367; padding-top:20px;}

.footer2 { clear:both; width:100%; padding:30px 0; background:#23282c;text-align:center; color:#9fa1a2; overflow:hidden; min-width:1200px;}
.footer2 span.zzb07tail a,.footer2 a{ color:#9fa1a2;}
.footer2 .ftbq { border-bottom:#2f3336 1px solid; padding-bottom:10px; width:100%;}
.footer2 .ftbq a { padding:0 10px;}
.footer2 .ftbq a:hover { color:#1aa69f;}
.footer2 .foot2 { padding-top:15px;}
.footer2 img { margin:0 5px;}

.about { padding:0 25px; color:#666;}
.about p {padding:5px 0; }
.ab2 img { margin:20px 100px 0 100px;}

.product { padding:0 25px;}
.product p { padding:3px 0; line-height:25px;}
.product img { max-width:100%; height:auto !important; height:100%; margin:5px 0; display:block;}

.news { padding:0 25px;}
.news p {padding:5px 0;}
.news img { margin:10px;}

.tit2 { background:#333367 url(../images/pp.png) no-repeat 25px center; height:60px; line-height:60px; width:100%; overflow:hidden;}
.tit2 h3 { font-size:20px; color:#fff; font-weight:bold; font-family:Arial; padding-left:75px;}

.synav li { float:left; margin-top:5px; width:100%; line-height:35px;}
.synav li a { display:block;border:#aac1dc 1px solid; padding:3px 20px; line-height:18px; font-size:12px; color:#333; text-decoration:none;}
.synav li a:hover,.synav li a.selected { background:#e1f5f4;border:#afd9d7 1px solid; color:#0e7b77;transition: 0.4s;}

.contact .cont { color:#f00; background:#cff;font-size: medium; padding:0 20px;}
.contact li { float:left; width:30%; padding-right:3%; height:220px;}
.contact li strong { font-size:16px;}

.pnpage { clear:both; text-align:center; margin-top:10px; border-top:#ccc 1px solid; padding-top:10px; font-size:12px;}
.pnpage a { padding:0 10px; font-weight:bold;}

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

ul.newlist li { width:96%; padding:2.5% 2%; float:left; border-bottom:#ddd 1px solid;}
ul.newlist li:hover { background:#f9f9f9;}
ul.newlist li .time { width:169px; height:113px; padding-right:13px; background:url(../images/newbg3.png) no-repeat; float:left; font-size:14px; color:#999; text-align:center; font-family:STXihei;}
ul.newlist li .time span { color:#19a49f; font-size:30px; padding-top:30px; font-weight:100; display:block;}
ul.newlist li .text { float:right; width:79%;}
ul.newlist li h3 { font-size:16px; color:#444; padding-bottom:10px;background:url(../images/01.gif) no-repeat 0 10px; padding-left:20px;}
ul.newlist li h3 a,ul.newlist li h3 a:hover { color:#444;}
ul.newlist li .tex { color:#909090; line-height:22px;}
ul.newlist li .more { width:64px; margin-top:12px; float:right; height:24px; line-height:22px; text-align:center;}
ul.newlist li .more a { background:#efefef; color:#999; font-size:12px;height:22px; text-decoration:none; display:block;border-radius:3px;}
ul.newlist li:hover .more a,ul.newlist li:hover .more a:hover { background:#19a49f; color:#fff;}

.yy td {padding:3px 0; font-size:14px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222;}
.yy input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}

table.bak { width:100%; margin:0 auto;}
.bak td,.bak th {padding:5px 10px; font-size:14px; line-height:22px;border-top:#666 1px solid;border-left:#666 1px solid;}
.bak th { background:#f5f5f5; color:#666; font-weight:bold; line-height:35px; text-align:center;}
.bak .pro { width:20%; background:#f5f5f5; text-align:center;}
.bak td.bb,.bak th.bb { border-left:0;}

table.bak2 { width:98%; margin:0 auto;border-top:#666 1px solid;border-left:#666 1px solid;}
.bak2 td,.bak2 th {padding:5px 10px; font-size:12px; line-height:18px;border-bottom:#666 1px solid;border-right:#666 1px solid;}
.bak2 th { background:#f5f5f5; color:#666; font-weight:bold; line-height:35px; text-align:center;}
.bak2 .pro { width:20%; background:#f5f5f5; text-align:center;}
.bak2 .pro23 { height:10px;background:#ddf8f7;padding:2px 10px;}
.bak2 a.more { display:block; width:55px; height:16px; line-height:16px; font-size:10px; border-radius:25px; border:#1ca59e 1px solid; color:#1ca59e; text-align:center; text-decoration:none;}
.bak2 a.more:hover { background:#1ca59e; color:#fff;border:#1ca59e 1px solid;transition: 0.4s;}

table.bak3 { width:99%; margin:5px auto;border-top:#666 1px solid;border-left:#666 1px solid;}
.bak3 td,.bak3 th {padding:3px 5px; font-size:12px; line-height:18px;border-bottom:#666 1px solid;border-right:#666 1px solid;}
.bak3 th { background:#f5fafe; color:#666; font-weight:bold; line-height:20px; text-align:center;}
.bak3 .proa { width:100px; height:25px;}


table.bakd { width:100%;border-left:#666 1px solid; border-right:#666 1px solid;border-bottom:#666 1px solid;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 8px; height:23px; line-height:23px;}
span.current,a.num:hover { background:#fbeded; border:#ff5203 1px solid; color:#ff5203;}
a.num,a.end,a.next,a.prev { border:#cdcdcd 1px solid; color:#333; background:#fff; text-decoration:none;}
a.end,a.next,a.prev { display:inline-block; padding:0 8px;height:23px; line-height:23px;}
a.prev { margin:0 5px;}