@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; -webkit-text-size-adjust: none; color: #000; }
body{ background: url(../images1/about_bg.jpg); }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { margin: 0; padding: 0; }
img { border: 0; vertical-align: bottom; width: 100%; }
ul, li { list-style-type: none; }
a { color: #000; text-decoration: none; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both; }
.fb { font-weight: bold; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.clear{clear: both;}
/*header*/
.head {   overflow:hidden; background: url(../images1/head_bg.jpg) no-repeat; background-size:100% 100%; padding:2% 0;}
.head .logo { width: 50%;  margin:0px auto; text-align:center; padding:2% 18% 2% 0; float: right;   }
.head .logo img{ width: 100%;   vertical-align: middle; text-align: left; display: block;  margin:0% 0; }
.head_btn{ width: 23%; float: left; padding:3%; text-align: center; }
.head_btn img{ width: 100%; }
.arrow { height: 54px; width: 7.5%;display:table; vertical-align: middle; }
.arrow img { width: 100%; height:52px;display:table; vertical-align: middle; }

.home { cursor: pointer; width: 8%; top: 1%; left: 2%; position: absolute; }
.home img{ width: 100%; vertical-align: middle; }

.nav { cursor: pointer; width: 8%; top: 3%; right: 2%; position: absolute; }
.nav img{ width: 80%; display:table; vertical-align: middle; }
.nav_hid { position: absolute; top: 0px; background: #f00; top: 0px; left: 0px; height: 500px; }
#ceng { display: none; width: 100%; height: 100%; z-index: 100; position: absolute; top: 0; right: 0; bottom: 0; }
#close { width: 10%; padding: 5%; float: left; opacity: 0.6; }
.type { width: 60%; background: #176FD1; height: 100%; float: right; }
.type ul li a { color: #fff; display: block; line-height: 300%; text-align: center; display: block; font-size: .4rem; transition: color 0.2s ease 0s; width: 100%; }
.type ul li { border-bottom: 1px solid #fff; color: #fff; }
/*.list li{ float:left; margin-top:3%; width:25%; text-align:center; font-size:16px; color:#333333;}
.list{ width:94%; margin: 3%;}*/
#pagenavi { position: absolute; bottom: 3%; left: 50%; margin-left: -50%; width: 100%; z-index: 50; text-align: center; padding: 8px 0; }
#pagenavi a { width: 6px; height: 6px; line-height: 99em; background: #000; border-radius: 90px; margin: 0px 2px 0px 2px; overflow: hidden; cursor: pointer; display: inline-block; }
#pagenavi a.active { background: #fff; }

.container{}
.container .menu_1 li,.container .menu_2 li{ width: 25%; float: left; text-align: center; margin:4% 0; }
.container .menu_1 li img,.container .menu_2 li img{
    width: 50%; padding-bottom: 1%;
}
.container .menu_1 li .tit,.container .menu_2 li .tit{ font-size: 14px; font-weight: bold; text-align: center; }
.container .menu_1{ padding:3% 0 2%; border-bottom:1px solid #ECECEC; }
.container .menu_2{ padding:2% 0 6%;}

.foot li{ float:left; width:25%; text-align:center;}
.foot{ position:fixed; bottom:0px; left:0px; width:100%; background:#1e1d1d; padding:5% 0 5% 0; background: url(../images1/bottom.png) no-repeat;}
.foot li img{ width:40%;}
.foot li span{ color:#ebebeb; font-size:13px; margin-top:1%; display:block;}
.bot{background:url(../images1/footer_bg.jpg) no-repeat; background-size:100% 100%;width:100%;position: fixed;bottom:0;z-index: 999; padding-bottom: 5%;}

.bot a{width:25%;float:left;text-align: center;color:white;display: block;}
.bot img{ width: 45%; }
.stance{background: #FCFCFC; }

.about_ch{ font-size:20px; margin-top:1%; color:#000; text-align:center; font-weight: bold; padding-top: 10px;  }
.about_title{ color:#999999; font-size:12px; width:94%; margin:1.5% auto 0 auto; text-align:center;}
.about_en{ font-size:13px; color:#666666; text-transform:uppercase; text-align:center; margin-top:1%;}
/*pro*/
.pro_list a{ margin-left:1%; color:#000; font-size:12px; width:33%; height:27px; line-height:27px; text-align:center; display:inline-block; 
    margin-top:5px;
    border-radius: 5px;
    overflow: hidden;
    background: #E7E7E7;
    border-bottom: 3px solid #D4D0D1;
}
.pro_list a.active{ background: #0172BB; border-bottom: 3px solid #01568F; color: #fff; }
.pro_list{ margin-top:3%; text-align:center;}

.pro_con { padding: 2%; }



.clear{ clear: both; }

.project{  margin:10px 0 ; }
.project .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px; color: #1e7be3; font-weight: bold;}
.project .title img{ width: 26px; padding-right: 5px; }
.project .neirong{  }
.project .neirong li{ float: left; padding: 5px; font-size: 15px; }

.about{  margin:10px 0 ; background: url(../images1/page_line.png) no-repeat; background-size: 100% 100%; }
.about .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px;  color: #1e7be3; font-weight: bold;}
.about .title img{ width: 14px; padding-right: 5px; }
.about .neirong{ margin-top: 3%; padding:0 8px; }
.about .neirong .img{ float: left; width: 38%; }
.about .neirong .img img{ width: 100%; }
.about .neirong .font{ float: right; width: 60%; overflow: hidden; font-size: 14px; line-height: 26px; }
.about .more{ display: block; width: 40%; border-radius: 8px; overflow: hidden; height: 28px; line-height: 28px; margin:10px auto; text-align: center; color: #fff; background: #1E7BE3;  }

.news{  margin:10px 0 ; }
.news .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px; color: #1e7be3; font-weight: bold; }
.news .title img{ width: 20px; padding-right: 5px; }
.news .neirong{ margin-top: 3%; padding:0 8px; }
.news .neirong li{ height:33px; line-height: 33px; overflow: hidden; font-size: 14px; width: 95%; margin:0px auto; }
.news .neirong li a{ color: #000; }
.news .more{ display: block; width: 40%; border-radius: 8px; overflow: hidden; height: 28px; line-height: 28px; margin:10px auto; text-align: center; color: #fff; background: #1E7BE3;  }

.honer{  margin:10px 0  0; background: url("../images/honer_bg.jpg") bottom no-repeat; background-size:100%; }
.honer .title{ font-size:18px; padding: 0 3px 5px; border-bottom:1px solid #ccc; margin:0 5px; color: #1e7be3; font-weight: bold; }
.honer .title img{ width: 20px; padding-right: 5px; }
.honer .neirong{ margin-top: 3%; padding:0 8px 2%; }
.honer .neirong li{ width:48%; margin:0 1%; overflow: hidden; font-size: 15px; float: left; margin-bottom: 2%; }
.honer .neirong li a{ color: #000; }
.honer .neirong li img{ width: 100%; }
.honer .neirong li .font{ text-align:center; height: 28px; line-height: 28px; display: block; }
.honer .more{ display: block; width: 40%; border-radius: 8px; overflow: hidden; height: 28px; line-height: 28px; margin:10px auto; text-align: center; color: #fff; background: #1E7BE3;  }
.contacts{ background: url("../images/contacts_img.jpg")  no-repeat center #1E7BE3; padding: 13px; background-size:100%; }
.contacts .title{font-size:18px; padding: 0 3px 2px;  margin:0 2px; color: #fff; font-weight: bold; margin-bottom:10px; }
.contacts .title img{  width: 27px; padding-right: 5px; }
.contacts .neirong{ line-height: 26px; color: #fff; font-size: 14px; }
.footer_font{ height: 45px; line-height: 45px; background: #FBFBFB; text-align: center; font-size: 15px; color: #000; border-top: 2px solid #ECECEC; margin-top:5%; }
.new{ background:url(../images1/news_bg.jpg) no-repeat center center; padding:6% 0; background-size:100% 100%;}
.new_list{ width:90%; margin:0 5%; padding-top: 3%;}
.new_list li{ margin:5% 0 ;  color:#666666; padding-left:0%; font-size: 16px; overflow: hidden; height: 4em; }
.new_list li a{ color:#666;}
.new_list .l{ float: left; }
.new_list .r{ float: right; }
.new_list .img{ width: 32%;  }
.new_list .font{ width: 65%;  }
.new_list .font .tit{ height: 1em;line-height: 1em; overflow: hidden; margin:0.2em 0; display: block; font-size: 16px; color: #000; font-weight: bold;}
.new_list .font .desc{ line-height: 1.4em; height: 3em; font-size: 15px; }


.new_more{ color:#666666; }
.new_more a{ color:#666666;}
.product{ margin-top:5%; padding:6% 0; background:url(../images1/pro_bg.jpg) no-repeat center center; background-size:100% 100%;}
.product_back{ background:url(../images1/p2.png) no-repeat center center; background-size:auto 100%; padding-bottom:5%;}
.product_top{ width:34px; height:34px; line-height:34px; text-align:center; font-size:16px; font-weight:bold; text-align:center; background:#fff; color:#880000; border-radius:50%; margin:3% auto 0 auto;}
.product_ch{ font-size:20px; margin-top:1%; color:#fff; text-align:center;}
.product_title{ color:#fff; font-size:12px; width:94%; margin:1.5% auto 0 auto; text-align:center;}
.product_en{font-size:13px; color:#fff; text-transform:uppercase; text-align:center; margin-top:1%;}
.product_list{ width:90%; margin:0 5%;}
.product_list li{ margin-top:4%; float:left; width:46%; border:2px solid #fff;}
.product_list li .img{ width: 100%; overflow: hidden;     }
.product_list li .img img{ width: 100%; }
.product_list li .font{height: 26px; line-height: 26px; text-align: center; font-size: 14px; }

.product_list li:first-child{ margin-left:0px;}
.product_list li:nth-child(2n){ float:right !important;}
.product_more{ height:27px; width:27%; line-height:27px; margin: 7% auto 0 auto; text-align:center; font-size:12px; color:#fff;}
.product_more a{ color:#fff; display:block;}
#tab{position:relative;width:404px;margin:40px auto 0 auto;}
#tab .tabList ul li{
	float:left;
	background:#fefefe;
	background:-moz-linear-gradient(top, #fefefe, #ededed);	
	background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed));
	background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
	border:1px solid #ccc;
	padding:5px 0;
	width:100px;
	text-align:center;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
}
#tab .tabCon{
	position:absolute;
	left:-1px;
	top:32px;
	border:1px solid #ccc;
	border-top:none;
	width:403px;
	height:100px;
}
#tab .tabCon div{
	padding:10px;
	position:absolute;
display:none;
}
#tab .tabList li.cur{
	border-bottom:none;
	background:#fff;
}
#tab .tabCon div.cur{
	display:block
	
}
.pro_page a{ padding:0 7px; font-size:16px; color:#333333;}
.pro_page{ text-align:center; width:100%; margin:22px auto 0 auto;}
.pro_tab .more{ width: 35%; height: 28px; line-height: 28px; overflow: hidden; margin:5% auto 3%; background: #1E7BE3; color: #fff;  display: block; text-align: center; border-radius: 5px;  }


.stance{background: #FCFCFC; }
.more_button{ display: block; width: 50%;  background: #002469; height: 32px; line-height: 32px; text-align: center; margin:0px auto;  color: #fff;}

.service_item{}
.service_item .title{ width: 100%; margin:5% auto 3%; }
.service_item .title img{ width: 100%; }
.service_item .summary{ line-height: 28px; overflow: hidden; height: 84px; color: #6a6a6a; font-size: 16px; padding:0 5%;   }
.service_item > .list{border-top:1px solid #E4E4E4; text-align: center; padding-top: 2%;}
.service_item > .list li{ width: 29%; height: 40px; line-height: 40px;  border: 2px solid #1BA3DC; border-radius: 3px; overflow: hidden; text-align: center; font-size: 14px; margin:1%; display: inline-block;  }
.service_item > .list li a{  color: #1BA3DC; }

.service_pro{overflow: hidden;}
.service_pro .title{ width: 100%; margin-top:6%; }
.service_pro .title img{ width: 100%; }
.service_pro .list{}
.thumbnail {
    float: left;
    display: block;
    padding: 2%;
    margin:1.5%;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    width: 40%;
}
.thumbnail a>img, .thumbnail>img {
    margin-right: auto;
    margin-left: auto;
}
 .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.dx {
    padding: 2% 3%;
    border-radius: 0;
    margin-top: 2%;
}
.dx .ca {
    padding: 0;
}

.thumbnail .caption {
    padding: 9px;
    color: #333;
}
.thumbnail .img{ overflow: hidden; }
.thumbnail .caption h3 {
    margin: 5px 0 6px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 320px;
    white-space: nowrap;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    height: 25px;
}
.thumbnail .caption .ms {
    color: #888;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 320px;
    white-space: nowrap;
    text-align: left;
}
.thumbnail .caption .fg {
    border-top: 1px solid #ddd;
    padding: 10px 0 5px 0;
    margin-top: 5px;
    text-align: center;
}
.thumbnail .caption .jg {
    font-size: 18px;
    color: #00b9e7;
    text-align: center;
}
.thumbnail .caption .jg em{
    font-size: 18px;
}
.thumbnail .caption .yy {
    background: #00b9e7;
    color: #fff;
    font-size: 16px;
}
.fg .btn {
    display: inline-block;
    padding: 4px 8px;
    margin-top: 4%;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.add_more{ width: 30%; padding:1%;text-align: center; font-size: 16px; color: #00B9E7; border:2px solid #00B9E7; display: block; margin:2% auto; border-radius: 5px; overflow: hidden;  }



.yuangong ul li{    }
.yuangong ul li ,#Marquee_x ul li div{ line-height:25px;overflow:hidden; overflow:hidden;} /* 横向滚动必须让所有li左浮动 */
.yuangong ul li > div{ float:left;line-height:25px;width:39%;  overflow:hidden ;text-align: center;margin: 2%; border:1px solid #c9c9c9; padding:3% ;  }
.yuangong ul li > div img{  width:100%;  display:block; margin:6px auto;}

.yuangong ul li > div a.biaoti{ text-align:center;font-size: 18px; color: #000; font-weight: bold;  line-height: 30px; height: 30px; overflow: hidden; border-bottom:1px solid #c9c9c9; width: 100%; display: block; margin:0 auto; padding-bottom:5px;  }
.yuangong ul li > div span.miaoshu{ text-align:left;font-size:13px;text-align: left;  }
.yuangong ul li > div .disc{ font-size: 15px; text-align: left; color: #858484; line-height: 20px; padding-top: 10px; height:40px; overflow: hidden;  }
.yuangong .clone{ }
.yuangong ul li a{ color: #000; font-size: 16px; }


.yuangong{}
.yuangong .title{text-align: center; margin:7% 0 4%; }

.floor_4_con{ width: 100%; margin:0px auto; text-align:center; position: relative;  }

.floor_4_con .title{ text-align: center; margin:7% 0 4%; }

.floor_4_con .content{
    }
.floor_4_con .content .active {
    padding: 0 5%; width: 40%; float: left; text-align: center;
}
.floor_4_con .content .active img{ width: 50%; }
.floor_4_con .content .active .sz {
    color: #6bd332;
    font-size: 20px;
    padding-top: 3%;
}
.floor_4_con .content .active .ms {
    color: #888;
    padding-top: 2%;
    line-height: 24px;
}


.paginate {
	text-align:center;
}

.paginate a{border: 1px solid #E8E8E8;
    border-radius: 5px;
    padding: 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 40px;
    color: #666;
}


.pageTitle{ line-height: 26px; margin: 10px 0; font-size: 14px; display: block; color: #054890;  }
#tu{ padding:5% 0; }