@charset "utf-8";
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
a{color: #35383f; text-decoration: none; outline:none;}a:hover {color: #004ea2; text-decoration: underline}
body {background:#fff;font-size:14px;color: #35383f;line-height:28px;font-family:Arial; -webkit-text-size-adjust:none;}

.mainbody { width:1400px; margin:0 auto;}
.mainbody h1 { width:85%; text-align:center; font-size:26px; font-weight:bold; line-height:35px; color:#333; padding:10px 0; margin:0 auto;}

.top{width:100%; top:0;left:0; z-index:889; position:absolute;}

/*导航栏部分*/
.header { width:100%; height:170px; background:#fff; overflow:hidden;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; position:fixed; left:0; top:0; z-index:999;}
.head { height:110px;max-width:1400px; overflow:hidden; margin:0 auto;}
.head .logo { float:left;}
.head .logo img{ height:80px; margin-top:15px;}
.head .right { float:right; font-size:18px; color:#2887d7; overflow:hidden; height:110px; line-height:110px;}
.head .right .tel { float:left;}
.head .right img { vertical-align:middle; margin-right:8px;}
.head .right a {color:#2887d7;}
.head .right .bq { float:right; padding-left:15px; padding-top:40px;}
.head .right .bq img { margin:0 6px; height:20px; border:#f7f7f7 1px solid;}

.navbg { clear:both; width:100%; background:#2d3e50; height:60px; overflow:hidden;}
.navbg .nav{ height:60px; margin:0 auto;overflow:hidden; width:1400px;}
.navbg .nav ul li { height:60px; text-align:center; line-height:60px; float:left; font-size:18px;}
.navbg .nav ul li a,.navbg .nav ul li a:visited{color:#fff; padding:0 60px; height:60px;display:block; text-decoration:none; }
.navbg .nav ul li a:hover { color:#fff;}

#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; background:#000;}

.flash { clear:both; width:100%; height:467px; position:relative; overflow:hidden; margin-top:170px;}
.sybg { clear:both; width:94%; overflow:hidden; padding:0 3%;}

.hdbg { clear:both; width:100%; height:60px; line-height:60px; border-bottom:#ddd 1px solid; overflow:hidden;margin-top:170px;}
.tit p { font-size:16px; background:url(../images/h.jpg) no-repeat left center; padding-left:25px; color:#999;}
.tit a { color:#999;}

.abtit { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%; line-height:50px;}
.abtit h3 { font-size:36px; color:#000; font-weight:bold; margin-top:-30px;}
.abtit p { font-size:64px; color:#edf0f6; text-transform:uppercase; font-weight:bold;}

.abtit2 { clear:both; text-align:center; padding-bottom:40px; overflow:hidden; width:100%; line-height:45px;}
.abtit2 h3 { font-size:40px; color:#000; font-weight:bold; text-transform:uppercase;}
.abtit2 p { font-size:16px; color:#ababab;}

.more33 { padding-top:30px; line-height:24px; clear:both; text-align:center;}
.more33 a { display:inline-block;font-size:16px; padding:10px 50px; border-radius:25px; color:#fff;background-color: #004ea2;text-decoration: none;}

.syabout { padding:0 3%; font-size:16px; line-height:32px; text-align:center; color:#666;}

.about,.contact { font-size:16px; line-height:30px;}
.about p { padding:5px 0;}

.about .ttbg p { background:#00A5EF; margin:10px 0; color:#fff;}

.pro2 h3 { font-size:24px; padding-bottom:15px;}
.pro2 p { font-size:16px;}

table.bak { width:99%; margin:10px auto; border-left:#333 1px solid;border-top:#333 1px solid;}
.bak td,.bak th { font-size:16px; padding:8px 10px; line-height:24px; text-align:center;border-right:#333 1px solid;border-bottom:#333 1px solid; font-family:Arial;}
.bak th { background:#8EB4E3;}

.pro4 ul {border-top:#ddd 1px solid; overflow:hidden;}
.pro4 li { width:100%; padding:15px 0; float:left; border-bottom:#ddd 1px solid;}
.pro4 li .sz { color:#b3b3b3; font-size:60px; font-family:Arial; float:left; width:8%; line-height:50px;}
.pro4 li .img { float:left; width:15%; background:url(../images/icon_03.jpg) no-repeat right 10px; padding-right:30px;}
.pro4 li .img img { max-width:100%; height:auto !important; height:100%;}
.pro4 li .tex { float:right; width:72%;}
.pro4 li .tex h4 { font-size:18px; font-weight:bold; padding-bottom:10px;}
.pro4 li .tex p { color:#999; font-size:16px;}
.pro41 .pro4 li .img { padding-right:60px;}
.pro41 .pro4 li .tex { float:right; width:68%;}


.abbg { clear:both; background:url(../images/abg.jpg) no-repeat center bottom; padding:60px 0 100px 0; overflow:hidden;}
.culture li { width:27%; padding:3% 2%; padding-bottom:4%; margin-left:3%; float:left; text-align:center; background:#fff;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc; font-size:16px;}
.culture li.s1 { margin-left:0;}
.culture li h3 { font-size:24px; color:#013e96; padding-bottom:25px; font-weight:bold;}
.culture li img { height:100px; margin:15px 0 40px 0;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;}
.culture li:hover img{transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}

.ablist { padding-bottom:40px; overflow:hidden; text-align:center; font-size:16px;}
.ablist a { display:inline-block; padding:8px 20px; background:#f7f7f7; color:#666; margin-left:10px; margin-bottom:10px; text-decoration:none;}
.ablist a:hover,#kk1 a.kk1,#kk2 a.kk2,#kk3 a.kk3,#kk4 a.kk4,#kk5 a.kk5,#kk6 a.kk6,#kk7 a.kk7,#kk8 a.kk8,#kk22 a.kk22{background:#09509e; color:#fff;}

.pro3 li {width:23%;margin:1%; height:320px; float:left;position: relative;}
.pro3 li .pimg {width:100%; height:16.375em; line-height:16.375em;position: relative; text-align:center;display: inline-block;vertical-align: middle; border:#efefef 1px solid; background:#fff; overflow:hidden;}
.pro3 li .pimg img { max-width:94%; max-height:94%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.pro3 li:hover .pimg img{ transform-origin:center center; bottom:30px; transition:all 500ms;max-width:88%; max-height:88%;}
.pro3 li .tex { width:100%; height:90px; text-align:center; overflow:hidden; padding:0; background:#ddd; border:#efefef 1px solid; display:block;position:absolute;left:0;bottom:0;}
.pro3 li .tex h3 { font-size:1.2em; padding-top:30px; height:28px; overflow:hidden;}
.pro3 li .tex .tex2 { display:none; padding-top:25px; padding:25px 15px 0 15px; text-align:left;}
.pro3 li:hover .tex h3 { padding-top:12px; color:#fff;}
.pro3 li:hover .tex h3 a{ color:#fff;}
.pro3 li:hover .tex { background:#004ea0; color:#fff; height:110px; text-decoration:none;border:#004ea0 1px solid; bottom:0; transition:0.4s; font-family:Arial;}
.pro3 li:hover .tex .tex2 { display:block;padding-top:10px; text-align:center; color:#fff; line-height:22px; min-height:44px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pro3 li:hover .tex .tex2 a { display:block; color:#fff;}
.pro3 li .go { height:25px; line-height:25px; text-align:center; overflow:hidden; width:100px; border-radius:35px; background:#fff; display:none;position:absolute;left:50%; margin-left:-50px;bottom:-25px; z-index:99;transition:all 500ms;}
.pro3 li:hover .go { display:inline-block; color:#004ea0; font-size:14px;bottom:25px; transition:all 500ms;}

.lxbg {clear:both; width:100%; padding:60px 0; overflow:hidden; background:#f7f7f7;}
.contact { width:530px; float:left;}
.contact h3 { font-size:24px; color:#004ea2; padding-bottom:15px; padding-top:20px;}
.contact h3 span { font-size:16px; display:block; color:#999; font-weight:400;}

.cont1 { width:40%; float:left;}
.cont1 h3 { font-size:24px; color:#004ea2; padding-bottom:15px;}
.cont1 h3 span { font-size:16px; display:block;color:#999; font-weight:400;}
.cont1 .lx { width: 100%; padding:5px 0;}
.cont1 .lx strong { font-size:16px;}

.product { padding:0 1%;}
.product  img.pimg { max-width:100%; height:auto !important; height:100%;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.product table { width:98%; margin:10px auto; border:0;}
.product td,.product th {padding:10px; font-size:16px; text-align:center; line-height:22px;border:0; font-family:Arial; border:0;background:#efefef; color:#333;}
.product .pro { width:20%; text-align:center;}
.product .aa2 { background:#004ea0; color:#fff;}

.othpro { clear:both;}
.othpro li { width:24%; float:left; margin-right:1%;}
.othpro li a { background:url(../images/01.gif) no-repeat 10px center; border-bottom:#999 1px dotted; padding-left:30px; display:block;}

.dingdan { padding:0 65px; overflow:hidden; font-size:16px;}
.dingdan p { padding:5px 0;}
.dingdan input,.dingdan textarea { height:40px; line-height:40px; padding:0 15px; border:#ddd 1px solid; border-radius:5px; background:#fff; width:583px; color:#999; font-size:16px;}
.dingdan span { padding:0 5px; color:#f00; font-size:16px;}
.dingdan input.s1 { width:1220px; color:#09509e; font-weight:bold;}
.dingdan input.s2 { width:120px;}
.dingdan input.aak { width:120px; background:#000; color:#fff;}
.dingdan textarea { padding:5px 10px; line-height:20px; height:100px; width:1230px;}
.dingdan img { margin:0 10px; height:45px;}

.footer { clear:both; width:94%; padding:40px 3%; overflow:hidden; background:#ecf2f9;}
.footer .left { float:left; width:60%;}

.footer .ftew { float:left; width:35%; padding-left:5%;}
.footer .ftew li { float:left; width:22%; margin-left:3%; text-align:center; color:#333;}
.footer .ftew li img { max-width:100%; height:auto !important; height:100%; margin-bottom:3px;}

.footer .ftnav { background:url(../images/bake_14.png) repeat-x bottom; padding-bottom:15px; width:100%; overflow:hidden;}
.footer .ftnav a { padding:0 10px;}
.footer .ftnav strong { font-size:16px; padding-left:10px;}

.footer .link { padding-left:10px; padding-top:15px;}
.footer .link h3 { font-size:16px; padding-bottom:8px; font-weight:bold;}
.footer .link a { white-space:nowrap; margin-right:15px; margin-bottom:10px; display:inline-block; padding:0 20px; background:#d2ddea;}

.footer2 { clear:both; width:100%; background:#004ea2; color:#fff; text-align:center; overflow:hidden; height:60px; line-height:60px;}
.footer2 a { color:#fff;}

.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 12px; height:30px; line-height:30px; border:#ddd 1px solid; vertical-align:middle;}
span.current,a.num:hover { background:#ebf5fe; border:#adcae3 1px solid; color:#075da1;}
a.next,a.prev { text-decoration:none; text-indent:-9999px; margin:0 5px; width:32px; height:32px; display:inline-block; vertical-align:middle;}
a.prev { background:#075da1 url(../images/y2.png) no-repeat center;}
a.next{ background:#075da1 url(../images/y1.png) no-repeat center;}

.pnpage { clear:both; text-align:center;padding-top:25px; font-size:14px;}
.pnpage a { padding:2px 10px; font-weight:bold; margin:0 6px; border-radius:35px; text-decoration:none;}

.ydlm { text-align:center;}
.ydlm img { width:40%; margin:0 3%; border:#fff 10px solid;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}

.ditu {width:60%; border:#ccc solid 1px; float:right;}
.ditu img { max-width:100%; height:auto !important; height:100%;}