﻿html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff;color:#333;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
/********General**********/
.wrap{margin:0 auto;width:100%;min-width:1200px;}
.container{width:1200px;margin:0 auto;}

/*header*/
.head{width:100%;height:118px;overflow:hidden;}
.logo{font-size:28px;width:720px;height:118px;line-height:118px;}
.logo img{vertical-align:middle;max-width:720px;max-height:118px;margin-top:-7px;}
.nav{overflow:hidden;width:100%;height:56px;background:#1144a3;}
.nav li{float:left;width:148.5px;height:56px;text-align:center;line-height:56px;border-right:1px solid rgba(255,255,255,0.14);}
.nav a{display:block;width:148.5px;height:56px;color:#fff;font-size:15px;}
.nav a:hover{background:#ce0000;}
/******banner圖 CSS******/
#full-screen-slider { width:100%; height:620px; float:left; position:relative;margin:0 auto;text-align:center;}
#slides { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; left:22%; top:586px; z-index:9900;  padding:5px 15px 5px 0;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;}
#pagination li.current { background:#1144a3;}
.lianxi{position:absolute;width:335px;height:620px;top:0;left:0;background:rgba(15,15,15,0.8);color:#fff;z-index:9999;}
.lianxi h2{font-size:24px;font-weight:bold;padding:146px 34px 0 34px;}
.lianxi h3{font-family:'Arial';font-size:14px;text-transform:uppercase;padding:6px 34px 60px 34px;}
.lianxi p{line-height:32px;padding:0 34px;font-weight:bold;font-size:16px;}
.lianxi p span{display:inline-block;vertical-align:top;}
.lianxi img{width:18px;height:19px;margin-right:11px;vertical-align:-4px;}
/*header end*/

/*footer*/
.footer{clear:both;color:#aaa;text-align:center;}
.footer a:hover{color:#ce0000;}
.foot{width:100%;height:334px;background:#131313;}
.dnav{width:100%;height:79px;border-bottom:1px solid rgba(238,238,238,0.16);}
.dnav ul{margin:0 auto;width:958px;}
.dnav ul li{float:left;width:118px;line-height:79px;}
.dnav ul .m{width:2px;}
.bottom{width:100%;height:254px;}
.bottom p{line-height:26px;padding-top:34px;}
.wx-wb{width:210px;height:31px;background:url('../image/xian-bg.png') no-repeat center;margin:28px auto 0 auto;}
.wx-wb ul{width:78px;margin:0 auto;}
.wx-wb ul li{float:left;;width:31px;height:31px;margin:0 4px;}
.wx-wb ul li a{display:block;width:31px;height:31px;position:relative;}
.wx{background:url('../image/wx.png') no-repeat center top;}
.wb{background:url('../image/wb.png') no-repeat center top;}
.wx:hover{background:url('../image/wx.png') no-repeat center bottom;}
.wb:hover{background:url('../image/wb.png') no-repeat center bottom;}
.bottom span{display:block;padding-top:40px;}
/*footer end*/

/*index*/
.chanpin{width:100%;height:932px;background:url('../image/cp-bg.png') no-repeat center;}
.title-sy{text-align:center;padding-top:68px;}
.title-sy h1{font-size:28px;}
.title-sy h1 {
    display: block;     /*設置爲塊級元素會獨占一行形成上下居中的效果*/
    position: relative;   /*定位横線（當横線的父元素）*/
}
.title-sy h1:before, .title-sy h1:after {
    content: '';                 /*CSS僞類用法*/
    position: absolute;         /*定位背景横線的位置*/
    top: 52%;
    background: #ddd;       /*寬和高做出來的背景横線*/
    width: 39px;
    height: 2px;
}
.title-sy h1:before{
    left: 40.6%;        /*調整背景横線的左右距離*/
}
.title-sy h1:after {
    right: 40.6%;
}
.title-sy p{color:#666;padding-top:20px;}
.cp-type{margin-top:38px;text-align:center;}
.cp-type li{float:left;width:230px;height:312px;margin:0 5px 23px 5px;}
.fl-image{width:214px;height:260px;overflow:hidden;margin:6px 7px 0 7px;}
.fl-image img{width:214px;height:260px;vertical-align:bottom;}
.fl-image{position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.fl-image .he_border1_img{display:block;width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.cp-type a:hover .fl-image .he_border1_img{position:absolute;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.fl-title{width:100%;height:44px;line-height:44px;overflow:hidden;}
.cp-type a{display:block;width:228px;height:310px;border:1px solid #ddd;}

.guanyu{width:100%;height:442px;background:url('../image/gy-bg.jpg') no-repeat center;color:#fff;}
.title-sy0{text-align:center;padding-top:68px;}
.title-sy0 h1{font-size:28px;color:#fff;}
.title-sy0 h1 {
    display: block;     /*設置爲塊級元素會獨占一行形成上下居中的效果*/
    position: relative;   /*定位横線（當横線的父元素）*/
}
.title-sy0 h1:before, .title-sy0 h1:after {
    content: '';                 /*CSS僞類用法*/
    position: absolute;         /*定位背景横線的位置*/
    top: 52%;
    background: #fff;       /*寬和高做出來的背景横線*/
    width: 39px;
    height: 2px;
}
.title-sy0 h1:before{
    left: 40.6%;        /*調整背景横線的左右距離*/
}
.title-sy0 h1:after {
    right: 40.6%;
}
.title-sy0 p{color:#fff;padding-top:20px;}
.gy-cont{padding-top:24px;}
.gy-cont p{line-height:24px;text-align:center;}
.gy-cont ul{margin:36px auto 0 auto;text-align:center;width:471px;}
.gy-cont ul li{float:left;width:81px;margin:0 38px;}
.gy-cont ul li img{width:81px;height:81px;vertical-align:bottom;}
.gy-cont ul li span{display:block;width:100%;padding-top:18px;}

.anli{width:100%;height:374px;}
.al-cont{margin-top:30px;}
.al-cont li{float:left;width:285px;height:190px;overflow:hidden;text-align:center;margin:0 7.5px;position:relative;}
.al-cont li img{width:285px;height:190px;vertical-align:bottom;}
.al-nr{position:absolute;top:95px;left:142px;width:0;height:0;background:rgba(17,68,163,0.8);transition:0.4s;overflow:hidden;}
.al-nr h1{font-size:18px;font-weight:bold;color:#fff;padding-top:36px;}
.al-nr hr{width:44px;height:2px;border:none;background:#fff;margin:14px auto 0 auto;}
.al-cont li a:hover .al-nr{width:223px;height:110px;top:40px;left:31px;}

.xinwen{width:100%;height:634px;}
.xw-l{margin-top:34px;width:578px;height:362px;border:1px solid #ddd;}
.xw1{margin:22px 21px 0 21px;}
.xw1 img{width:536px;height:200px;vertical-align:bottom;}
.xw1 h3{font-size:16px;padding-top:18px;}
.xw1 span{color:#666;display:block;padding-top:8px;}
.xw1 p{color:#666;line-height:20px;padding-top:10px;}
.xw1 a:hover{color:#1144a3;}
.xw-r{margin-top:34px;width:578px;height:362px;border:1px solid #ddd;}
.xw-r ul{margin:32px 26px 0 26px;}
.xw-r ul li{width:100%;height:74px;margin-bottom:37px;}
.xw2-l{width:74px;height:74px;background:#1144a3;color:#fff;text-align:center;font-family:'Arial';}
.xw2-l span{display:block;font-size:30px;padding-top:12px;}
.xw2-r{width:430px;}
.xw2-r h3{font-size:16px;padding-top:4px;}
.xw2-r p{color:#666;line-height:20px;padding-top:8px;}
.xw-r ul li a:hover{color:#1144a3;}
/*index end*/

.main{overflow:hidden;margin:49px auto 132px auto;width:1200px;}
.widget{overflow:hidden;margin-bottom:12px;width:240px;}
.short_title{width:100%;height:67px;background:#1144a3;border-bottom:5px solid #c51720;text-align:center;overflow:hidden;zoom:1;}
.short_title span{font-weight:bold;color:#fff;font-size:22px;display:block;padding-top:22px;}
.widget ol{width:238px;border:1px solid #dedede;border-top:none;}
.widget a{display:block;width:100%;line-height:47px;border-top:1px solid #dedede;}
.widget dd{padding:0 22px;}
.widget a:hover{color:#1144a3;}

.article{overflow:hidden;margin-bottom:12px;width:912px;}
.article p{font-size:14px;line-height:28px;}

#allmap p{line-height:10px;margin:10px;} 

.title{width:100%;height:72px;border-bottom:1px solid #ddd;margin-bottom:22px;}
.title strong{float:left;display:inline-block;font-size:20px;padding-top:32px;color:#555;}
.title span{overflow:hidden;zoom:1;padding-top:41px;}
.title span img{padding-right:5px;}
.title .right a:hover{color:#1144a3;text-decoration:underline;}

.page{margin:20px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/

.con-lx{width:312px;margin-right:65px;}
.con-lx h3{font-size:16px;font-weight:bold;padding-bottom:8px;}
.con-ewm{width:126px;}
.con-ewm img{width:124px;height:124px;border:1px solid #ccc;vertical-align:bottom;margin-bottom:3px;}
.con-ewm p{width:100%;height:33px;line-height:33px;text-align:center;background:#1144a3;color:#fff;}

.news li{width:100%;height:120px;border-bottom:1px dashed #ddd;}
.news-l{width:74px;height:74px;background:#1144a3;color:#fff;text-align:center;font-family:'Arial';margin-top:24px;}
.news-l span{display:block;font-size:30px;padding-top:12px;}
.news-r{width:816px;margin-top:24px;}
.news-r h3{font-size:16px;padding-top:4px;}
.news-r p{color:#666;line-height:20px;padding-top:8px;}
.news li a:hover{color:#1144a3;}
/****************news*****************/
.news_title{color:#1144a3;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/

.pro{text-align:center;}
.pro li{float:left;width:219px;height:296px;margin:0 5px 20px 4px;}
.pro-image{width:203px;height:247px;overflow:hidden;margin:6px 7px 0 7px;}
.pro-image img{width:203px;height:247px;vertical-align:bottom;}
.pro-image{position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.pro-image .he_border1_img{display:block;width:100%;height:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.pro a:hover .pro-image .he_border1_img{position:absolute;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.pro-title{width:100%;height:41px;line-height:41px;overflow:hidden;}
.pro a{display:block;width:217px;height:294px;border:1px solid #ddd;}
/*************index&goods**************/
.pro_info{width:680px;margin:32px auto 0 auto;position:relative;}
.pro_info .rel_center{margin:0px 0 10px;margin-left:-240px;width:480px;}
.pro_name{display:block;color:#3a65c2;text-align:center;font-size:16px;}
.zuo{display:block;width:26px;height:40px;margin-top:-20px;top:50%;left:20px;background:url('../image/jt.png') no-repeat 0 top;}
.zuo:hover{display:block;background:url('../image/jt.png') no-repeat 0 bottom;}
.you{display:block;width:26px;height:40px;margin-top:-20px;top:50%;right:20px;background:url('../image/jt.png') no-repeat -26px top;}
.you:hover{display:block;background:url('../image/jt.png') no-repeat -26px bottom;}
.info_title{margin:39px 0 20px 0;width:100%;height:40px;background:#eee;}
.info_title b{display:inline-block;width:124px;height:100%;background:#1144a3;color:#fff;line-height:40px;text-align:center;}
/********goods_info&jobs_info*******/

.case li{width:220px;text-align:center;float:left;margin:0 4px 20px 4px;}
.case li img{width:220px;height:148px;vertical-align:bottom;margin-bottom:4px;}
.case li span{display:block;;width:100%;height:40px;line-height:40px;background:#ebebeb;overflow:hidden;}
.case a:hover span{background:#1144a3;color:#fff;}
.meta img{width:600px;padding:12px 0;}

.shebei{text-align:center;}
.shebei li{float:left;width:220px;height:194px;margin:0 4px 17px 4px;}
.shebei a{display:block;width:218px;height:192px;border:1px solid #ddd;}
.shebei-image{width:210px;height:142px;overflow:hidden;margin:3px 4px 0 4px;}
.shebei-image img{width:210px;height:142px;vertical-align:bottom;}
.shebei-title{width:100%;height:47px;line-height:47px;overflow:hidden;}
.shebei a:hover{color:#1144a3;}

.hon li{width:220px;text-align:center;float:left;margin:0 4px 20px 4px;}
.hon li img{width:220px;height:248px;vertical-align:bottom;margin-bottom:4px;}
.hon li span{display:block;;width:100%;height:40px;line-height:40px;background:#ebebeb;overflow:hidden;}
.hon a:hover span{background:#1144a3;color:#fff;}

.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
.order input{padding:0 3px;}
.order textarea{padding: 3px;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#1144a3;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一頁_下一頁*/
#prev_next{margin: 22px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/