@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;}   
.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;}
.blank530 {clear:both; height:530px; 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: #3a3a3a;line-height:28px;font-family:Verdana; -webkit-text-size-adjust:none;min-width:1200px;}

.mainbody { width:1200px; margin:0 auto; overflow:hidden;}
.main { width:1200px; margin:0 auto;  overflow:hidden;}
.main2 { width:1200px; height:549px; position:absolute; left:50%; top:557px; margin-left:-600px; z-index:999; overflow:hidden;}

.head {clear: both;width: 1200px;height:133px; margin:0 auto;}
.head .logo { height:97px; float:left; margin-top:18px;}
.head .logo h1 { float:left;}
.head .logo .tex { float:left; padding-left:25px; font-size:12px; color:#747474; width:380px; font-family:Arial; line-height:18px;}
.head .logo .tex span { display:block; font-size:18px; color:#da231a; font-weight:bold; padding:20px 0 6px 0; text-transform:uppercase;}
.head .tel { height:55px; float:right; margin-top:39px;}

.navbg { clear:both; width:100%; height:48px; background:#15172c; border-bottom:#fff 1px solid; overflow:hidden; min-width:1200px;}
.nav{ height:48px; width:1200px; overflow:hidden; margin:0 auto;}
.nav ul li { height:48px; text-align:center; line-height:46px; float:left; text-transform:uppercase;}
.nav ul li a,.nav ul li a:visited{color:#fff; padding:0 5px; margin:0 23px;height:46px;display:block;border-bottom:#15172c 2px solid;}
.nav ul li a:hover{text-decoration:none; color:#fff; border-bottom:#f50c0c 2px solid;}
.nav ul li img { vertical-align:middle; margin:0 10px 3px 0;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a{ text-decoration:none; color:#fff; border-bottom:#f50c0c 2px solid;}

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

/*首页焦点图*/
.flash {width:100%; height:512px; overflow:hidden; clear:both; min-width:1200px; position:relative;}
.flash2 {width:100%; height:300px; overflow:hidden; clear:both; min-width:1200px; position:relative;}

.ssbg { clear:both; padding:20px 0; overflow:hidden; background:#f6f6f6; border-bottom:#ddd 1px solid;}
.ssbg .left { float:left; width:900px;}
.ssbg .left a {display:inline-block; padding:0 12px; height:33px;margin:0 5px 5px 5px; line-height:33px;text-decoration:none; border:#dedede 1px solid; color:#060606; background:#fff;}
.ssbg .left a:hover { background:#282a3f; color:#fff;}

.ssbg .ss { width:249px; height:35px; float:right; overflow:hidden; margin-top:20px;}
.ssbg .ss input.bd_k { outline:none; width:158px; padding:0 15px; border:#dcdcdc 1px solid; border-right:none; height:33px; line-height:33px; color:#818181; font-size:12px; float:left;}
.ssbg .ss input.bd_img { width:60px; height:35px; background:url(../images/in_11.jpg) no-repeat; cursor:pointer; outline:none; float:left;}

.tit { clear:both; width:100%; line-height:30px; padding-bottom:10px; text-align:center; margin-bottom:30px;overflow:hidden;}
.tit h3 { font-size:35px; color:#464646; line-height:40px; text-transform:uppercase; font-weight:bold;}
.tit span {color:#a3a3a3; display:block; font-size:20px; padding-top:2px;}

.tit5 { clear:both; width:100%; line-height:30px; padding-bottom:5px; border-bottom:#ddd 1px solid; margin-bottom:40px;overflow:hidden;}
.tit5 h3 { font-size:18px; color:#333; float:left;}
.tit5 span {color:#a3a3a3; text-transform:uppercase; font-size:14px; padding-left:10px; display:block; float:left;}

.abtit { clear:both; width:100%; text-align:center; line-height:30px; padding-bottom:40px;}
.abtit span { display:block; font-size:14px; color:#fff; font-weight:100; line-height:20px; font-family:Arial; text-transform:uppercase;}
.abtit h3 { font-size:40px; color:#fff; font-weight:bold; padding-top:10px; text-transform:uppercase; background:url(../images/tt2.png) no-repeat center;}

.nyleft { width:280px; float:left;}
.nyright { width:850px; float:right;}

.sybg2 { width:100%; clear:both; height:606px; background:url(../images/index_04.jpg) no-repeat center fixed; padding:50px 0; overflow:hidden; min-width:1200px;}
.sybg2 .abtit h3 { padding-top:0; line-height:40px; font-size:32px;}
/*chengpin*/
.chengyi {width:1200px; height:500px; position:relative; margin:0 auto;}
#wrapper {width: 1140px;height: 500px; margin:0 auto;}
#carousel {width: 1140px; height:500px;position:vrelative;}
#carousel ul {list-style: none;display: block;margin: 0;padding: 0;}
#carousel li {text-align: center;display: block;width:261px;height:449px;padding: 0;margin:0 11px;float: left;position: relative; font-family:Arial;}
#carousel li p { text-align:center; padding-top:10px; line-height:24px;}
#carousel li .icon2 { width:139px; height:139px; position:absolute; top:0; left:61px; z-index:999; text-align:center; border-radius:100%; cursor:pointer;}
#carousel li .icon2 img {transition: width 1s, height 1s;-moz-transition: width 1s, height 1s, -moz-transform 1s;-webkit-transition: width 1s, height 1s, -webkit-transform 1s;-o-transition: width 1s, height 1s, -o-transform 1s; margin-top:35px;}
#carousel li .icon2:hover img{transform:rotate(-360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
#carousel li .tex { width:211px; height:327px; padding:25px; border-radius:5px; background:#fff; position:absolute; z-index:9; bottom:0; left:0;}
#carousel li .tex h3 { font-weight:bold; padding:65px 0 10px 0; font-size:18px; line-height:24px; height:45px; overflow:hidden;}
#carousel li .tex h3 a {color:#0775c9;}
#carousel li .tex .pro { width:100%; height:165px; overflow:hidden;}
#carousel li .tex .pro a { display:block; text-align:center; line-height:32px; border-bottom:#ddd 1px solid;}
#carousel li .tex .more { margin-top:20px; text-align:center; line-height:20px;}
#carousel li .tex .more a { width:73px; height:20px; display:block; background:#000; color:#fff; text-decoration:none; font-size:12px; margin:0 auto; border-radius:25px;}
#carousel li .tex .more a:hover { background:#2a5082; transition:0.4s;}

#carousel li:nth-child(1) .icon2{ background:#00bbf0;}
#carousel li:nth-child(2) .icon2 { background:#973cb6;}
#carousel li:nth-child(3) .icon2 { background:#5ec64d;}
#carousel li:nth-child(4) .icon2 { background:#ff5555;}
#carousel li:nth-child(5) .icon2 { background:#396ffa;}
#carousel li:nth-child(6) .icon2 { background:#fa9745;}


.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:15px;height: 40px;position: absolute;top: 225px;}
#carousel .prev2 {background-position: 0 0;left: 0;}
#carousel .prev2:hover {left: 0;}
#carousel .next2 {background-position: -15px 0;right: 0;}
#carousel .next2:hover {right: 0;}
#carousel .pager {text-align: center;margin: 0 auto; clear:both; padding-top:10px;}
#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;}


.abtit2 { clear:both; width:100%; text-align:center; line-height:50px;background:url(../images/in_15a.jpg) no-repeat center top; padding-bottom:30px; overflow:hidden;}
.abtit2 h3 { font-size:42px; color:#353535; font-weight:bold; padding-top:10px; text-transform:uppercase;}
.abtit2 p { font-size:14px; color:#5b5b5b; font-weight:100;}

.sybg { width:100%; clear:both; background:url(../images/in_18.jpg) no-repeat center bottom; padding:80px 0 120px 0; overflow:hidden; min-width:1200px;}
.syabout { padding:0 15px; overflow:hidden;}
.syabout p {padding:5px 0;}
.syabout a.more { color:#ec1e00;}

.sytex { text-align:center; display:inline; width:100%; padding-top:20px;}
.sytex li { width:200px; padding-right:10px; height:200px; background:url(../images/pp.png) no-repeat 0 0; position:relative; text-align:center; display:inline-block; margin:0 70px;color:#323232; font-size:16px; font-family:Arial; line-height:20px;}
.sytex li span { display:block; position:absolute; z-index:99; width:45px; line-height:45px; background:#fff;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; border-radius:100%; top:47px; right:0; font-size:12px;}
.sytex li b { font-size:55px; line-height:50px; display:block; padding-top:60px; font-family:Arial; padding-bottom:10px;}
.sytex li.s b { font-size:40px;}

.pro11 { padding-bottom:20px; overflow:hidden;}
.pro11 li { width:268px; height:360px; background:#fff; border:#ddd 1px solid; float:left; margin-left:40px;}
.pro11 li.ss { margin-left:0;}
.pro11 li h3 { text-align:center; background:url(../images/in_05.jpg) no-repeat center top; padding-top:25px; font-size:18px; color:#0d2e62; font-weight:bold; margin-top:40px; padding-bottom:40px;}

.prolist { clear:both; padding-bottom:40px; overflow:hidden;}
.prolist a { display:inline-block; padding:0 15px; height:35px;margin-right:10px; line-height:35px;text-decoration:none; border:#dedede 1px solid; color:#060606; font-size:14px; font-family:Arial;text-align:center; }
.prolist a:hover { background:#282a3f; color:#fff;}

.more2 { width:192px;text-align:center; margin:0 auto;}
.more2 a { display:block;width:192px; height:42px; line-height:42px; color:#fff; text-decoration:none; background:#333;}
.more2 a:hover {background:#d90600;transition: 0.4s;}

.pro2 li { float:left; width:270px; margin:10px 15px; text-align:center; font-size:16px;}
.pro2 li .pimg{ width:270px; height:203px; overflow:hidden; margin-bottom:5px;}
.pro2 li .pimg img{ width:270px; height:203px;transition:all 1s;}
.pro2 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.pro3 li { float:left; width:462px; margin:10px 60px 20px 70px; overflow:hidden; text-align:center;}
.pro3 li .pimg { width:460px; height:310px; float:left; overflow:hidden;display:table;display: -webkit-box;display: -moz-box;display: box;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center; text-align:center; border:#ced6d8 1px solid; margin-bottom:5px;}
.pro3 li .pimg img { max-height:300px; width:auto !important; width:98%; vertical-align:middle;display:table-cell;transition:all 1s; margin:5px 0;}
.pro3 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.pro4 li { float:left; width:350px; margin:10px 25px 30px 25px; text-align:center; font-size:16px;}
.pro4 li .pimg{ width:350px; height:263px; overflow:hidden; margin-bottom:5px;}
.pro4 li .pimg img{ width:350px; height:263px;transition:all 1s;}
.pro4 li .pimg:hover img{ transform:scale(1.1,1.1);transform-origin:center center}

.footer2 { clear:both; width:100%;color:#7b7b82; background:#15172c;min-width:1200px; overflow:hidden;}
.footer2 a { color:#7b7b82;}
.footer2 .foot2 { padding:50px 0;overflow:hidden;}
.footer2 h3 { font-size:16px; text-transform:uppercase; background:url(../images/in_27.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:15px; color:#fff;}
.footer2 .ftbq { float:left;}
.footer2 .ftbq li { padding:0 53px; display:inline-block;float:left; background:url(../images/in_21.jpg) no-repeat center right;}
.footer2 .ftbq li a { display:block; color:#7b7b82;}
.footer2 .ftlx { float:left; width:240px; background:url(../images/in_21.jpg) no-repeat center right; padding:0 53px;}
.footer2 .ftlx .tt {background:url(../images/in_31.jpg) no-repeat 0 6px; overflow:hidden; line-height:34px;}
.footer2 .ftlx p { padding-left:30px;}
.footer2 .ftlx p.s11 { line-height:18px;}

.footer2 .ftew { float:right; width:170px; text-align:center; margin:20px 0 0 0;}
.footer2 .ftew img { display:block; margin-bottom:10px;}

.foot3 { clear:both; width:100%; height:57px; line-height:57px; text-align:center;color:#7b7b82; border-top:#444556 1px solid;min-width:1200px;}
.foot3 span.zzb07tail a,.footer3 a{ color:#7b7b82;}

.about { padding:0 15px; min-height:250px;}
.about p {padding:5px 0; }

.rde img { float:left; margin:8px 50px 0 0;}
.rde p.ss { padding-top:15px;}

.product { font-size:12px; font-family:Verdana; min-height:250px;}
.product p { padding:5px 0; line-height:25px;}
.product table { width:96%; margin:5px auto;border-bottom:#7091c7 1px solid;border-right:#7091c7 1px solid;}
.product td,.product .bak2 th {padding:5px 10px; font-size:14px; line-height:22px;border-top:#7091c7 1px solid;border-left:#7091c7 1px solid;color:#222a84;}
.product td.pro {width:18%;background:#fbfcfd; text-align:center;}

.product table.bak2 { width:100%; margin:0;}
table.bak2 td { text-align:center;}
table.bak2 th { font-weight:bold;text-align:center;}
table.bak2 tr td:nth-child(1) {background:none;}
table.bak2 tr:nth-child(odd){background:#f1fbff;}
table.bak2 tr:nth-child(even){background:#fff;}

.time0 { text-align:center; padding-top:10px; color:#999; font-size:12px;}
.news { padding:0 15px;}
.news p {padding:5px 0; }
.news img { margin:5px 0; max-width:100%; height:auto !important; height:100%;}
.news table { width:100%; margin:5px auto;border-bottom:#666 1px solid;border-right:#666 1px solid;}
.news td,.news th {padding:5px 10px; font-size:14px; line-height:22px;border-top:#666 1px solid;border-left:#666 1px solid;}
.news th { background:#f5f5f5; color:#666; font-weight:bold; line-height:35px; text-align:center;}

.news .ppimg { text-align:center; width:100%; margin:0 auto;}
.news .ppimg li { display:inline-block; margin:10px;}
.news ul.ppimg2 { width:80%; padding:0 10%;}

.contact { line-height:34px; background:url(../images/lx.jpg) no-repeat right center;}
.contact strong { font-size:16px;}
.contact p { border-bottom:#ddd 1px dashed; width:60%;}

.pnpage { clear:both; text-align:center; margin-top:10px; padding-top:10px;}
.pnpage a { padding:0 10px; font-weight:bold;}

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

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

table.bak { width:98%; margin:0 auto;border-bottom:#7091c7 1px solid;border-right:#7091c7 1px solid;}
.bak td,.bak th {padding:5px 10px; font-size:14px; line-height:24px;border-top:#7091c7 1px solid;border-left:#7091c7 1px solid; font-family:Verdana; text-align:center;}
.bak th { background:#666; color:#fff; font-weight:bold; line-height:30px; text-align:center;}
.bak td img { max-width:200px; height:auto !important; height:100%;}
.bak td.pro { background:#f0f1fc; color:#25273c; font-weight:bold; padding:10px; font-size:16px;}

.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;}