﻿.title_index{ font-size:72px; font-weight:bold; line-height:90px; padding-bottom:20px; color:#000; text-align:left; border-bottom:0px solid #999; margin:0 auto 40px; width:900px; background:url(../images/border.jpg) left bottom no-repeat ;background-size:144px 5px;}
.about_index .title_index span{ font-size:60px; font-weight:bold; color:#0153ba;}
.title_index2{font-size:72px; font-weight:bold; line-height:90px; padding-bottom:20px; color:#fff; text-align:left; border-bottom:0px solid #999; margin:0 auto 40px; width:900px; background:url(../images/border2.jpg) left bottom no-repeat ;background-size:144px 5px;}
.title_index3{ font-size:larger;line-height:110px; width:100%;height:110px; color:#333; text-align:center; border-bottom:0px solid #999; margin:140px auto 40px; background:url(../images/titleBgPro.jpg) left top no-repeat;background-size:100% 110px;}
.title_index4{ font-size:larger;line-height:110px; width:100%;height:110px; color:#333; text-align:center; border-bottom:0px solid #999; margin:40px auto 40px; background:url(../images/titleBgPro2.png) left top no-repeat;background-size:100% 110px;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 40px #fff,0 0 70px #fff;}
a.more{ border:1px #0153ba solid; background:#0153ba; padding:10px 0px; font-size:40px; color:#fff; border-radius:30px; clear:both; margin:50px auto; display:block; width:300px;}
a:hover.more{ border:1px #0153ba solid; color:#0153ba; background:#fff;}

a.proBox10{ position:relative; width:900px; height:540px; margin:40px auto; border-radius:32px; text-align:left; overflow:hidden; display:block; background-color:#dce0e3; background-repeat:no-repeat; }
a:hover.proBox10{ background-color:#1c3449; box-shadow: 0px 0px 8px #eee;}
a.proBox10 img{width:700px; height:300px; position:absolute; top:50px; right:100px;}
a.proBox10 .titleBox10{ font-size:48px; line-height:90px;color:#6f6f6f; position:absolute; font-weight:bold; bottom:90px; left:50px;}
a:hover.proBox10 .titleBox10{color:#fff;}
a.proBox10 .moreBox10{ font-size:40px; line-height:60px; color:#0c2031;  position:absolute; bottom:50px; left:50px;}
a:hover.proBox10 .moreBox10{color:#fff; }

.ImgTextBox{width:900px; margin: 0 auto; font-size:36px; overflow:hidden;}
.ImgTextBox img{width:900px; height:auto;}

a.proBox8{ width:900px; height:583px; margin:0 auto 40px; text-align:center; overflow:hidden; display:block; position:relative;}
a:hover.proBox8{}
a.proBox8 img{ width:900px; height:583px;z-index:0;}
a.proBox8 .titleBox8{ font-size:72px; font-weight:bold; line-height:90px; margin-bottom:0px; color:#fff; z-index:1;  position:absolute; top:40%; width:900px; text-align:center;}
a:hover.proBox8 .titleBox8{ position:absolute; top:41%; }
a.proBox8 a.titleBox8 span{ display:block; font-weight:bold; line-height:10px; height:10px; overflow:hidden;}
a.proBox8 div.moreBox8{  background:none; border:1px #ffffff solid; font-size:13px; color:#fff; border-radius:7px; text-align:center; padding:2px 10px 5px; width:90px; height:24px; margin:520px auto 0;z-index:1 }
a:hover.proBox8 div.moreBox8{  background:none; border:1px #ffffff solid; color:#fff; margin:0px auto 0; }
a.proBox8 .proBox8Mask{ width:900px; height:100%; background:url(../images/bg.png) center bottom repeat-x; z-index:0; position:absolute; top:-200px;}
a:hover.proBox8 .proBox8Mask{}


a.proBox13{ width:900px; height:1413px; margin:0 auto 40px; text-align:center; overflow:hidden; display:block; position:relative;}
a:hover.proBox13{}
a.proBox13 img{ width:900px; height:1413px;z-index:0;}
a.proBox13 .titleBox13{ font-size:72px; font-weight:bold; line-height:90px; margin-bottom:0px; color:#fff; z-index:1;  position:absolute; top:50%; width:900px; text-align:center;}
a:hover.proBox13 .titleBox13{ position:absolute; top:51%; }
a.proBox13 .titleBox13 p{display:block; font-weight:bold; color:#ff0; }
a.proBox13 .titleBox13 span{ display:block; font-weight:bold; line-height:10px; height:20px; overflow:hidden; margin-top:30px;}
a.proBox13 div.moreBox8{  background:none; border:1px #ffffff solid; font-size:13px; color:#fff; border-radius:7px; text-align:center; padding:2px 10px 5px; width:90px; height:24px; margin:520px auto 0;z-index:1 }
a:hover.proBox13 div.moreBox8{  background:none; border:1px #ffffff solid; color:#fff; margin:0px auto 0; }
a.proBox13 .proBox13Mask{ width:900px; height:2000px; background:url(../images/bg.png) center bottom repeat-x; background-size:100% 100%; z-index:0; position:absolute; top:-100px;}
a:hover.proBox13 .proBox13Mask{}


a.proBox11{ position:relative; width:900px; height:900px; text-align:left; margin: 0px auto 50px; overflow:hidden; display:block; background-color:#fff; background-repeat:no-repeat;}
a:hover.proBox11{ box-shadow: 0px 0px 8px #999;}
a.proBox11 img{width:900px; height:500px; }
a .titleBox11{ font-size:48px; line-height:72px;color:#333; position:absolute; font-weight:bold; top:500px; padding:50px;}
a:hover .titleBox11{color:#0153ba;}
a .moreBox11{ font-size:36px; line-height:56px; color:#333;  position:absolute; bottom:50px; left:50px; background:url(../images/HB_25.jpg) left center no-repeat; background-size:20% 80%; text-indent:60px;}
a:hover .moreBox11{color:#0153ba; }
a .jiantou11{ position:absolute; bottom:35px; right:50px; font-size:48px;}



#products_tab2{ width:100%;padding-bottom:50px;}
#products_tab2 .title_tab2 ul{ width:100%; margin:20px auto; height:160px; padding-left:0px;}
#products_tab2 .title_tab2 li{margin:0px 0px 0 25px; overflow:hidden; float:left; text-indent:0; padding:0px 0px; font-size:48px; line-height:120px; cursor:pointer; color:#000;background:#fff; font-weight:normal;  border-right:0; text-align:center;cursor:pointer;width:45%; border-radius:12px;}
#products_tab2 .title_tab2 li.active1{background:#fff; color:#666; }
#products_tab2 .title_tab2 li.active1 a{background:#fff; color:#ff9900; }
#products_tab2 .title_tab2 li a{display:block; padding:5px 20px 5px 20px;}
#products_tab2 .title_tab2 li a:hover{background:#fff; color:#000;  }

.about_move{position:relative; width:100%; height:620px; margin:50px auto; }
#a1{position:absolute; left:0px; top:210px;background:#999; border-radius:100px;  padding:0 25px; text-align:center; vertical-align:middle;}
#a2{position:absolute; right:0px; top:210px;background:#999; border-radius:100px; padding:0 25px; text-align:center; vertical-align:middle;}
#div1 {
	overflow: hidden;
	width:800px; 
	height: 620px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	list-style:none;
	left: 0;
	top: 0;
	height: 620px;
}
#div1 ul li {height: 620px; float:left; width:400px; margin-right:40px;}
#div1 ul li img { height: 520px;}

a.img_left8{margin: 0px 0px; width:240px; text-align:center; padding:0 0px;font-size:36px; }
a.img_left8 .title{ color:#0153ba; font-size:48px; margin-bottom:20px; font-weight:bold;}

.about_move2{position:relative; width:100%; height:400px; margin:80px auto; }
#a21{position:absolute; left:0px; top:150px;background:#999; border-radius:100px;  padding:0 25px; text-align:center; vertical-align:middle;}
#a22{position:absolute; right:0px; top:150px;background:#999; border-radius:100px;  padding:0 25px; text-align:center; vertical-align:middle;}
#div2 {
	overflow: hidden;
	width:800px; 
	height: 400px;
	margin: 0px auto;
	position: relative;
}
#div2 ul {
	position: absolute;
	list-style:none;
	left: 0;
	top: 0;
	height: 400px;
}
#div2 ul li {height: 400px; float:left; width:520px; margin-right:40px;}
#div2 ul li img { height:400px; width:520px;}

#page{width:100%; text-align:center; clear:both; padding-top:50px;  padding-bottom:50px;}
#page div.pages span.pagecount a { color:#666; border: 1px #ccc solid; background:#fff; padding:7px 12px 7px 12px; border-radius:10px; text-decoration:none; }
#page div.pages span.pagecount a:hover {background-color: #0153ba; color: #fff; text-decoration:none; border:1px #0153ba solid;}
#page div.pages span.pagecount span.current u{ background-color: #0153ba; color: #fff; text-decoration:none; border:1px #0153ba solid; padding:7px 12px 7px 12px; border-radius:10px;}


a.probox12{ position:relative; width:900px; height:540px;  border-radius:24px; margin:50px auto 50px; overflow:hidden; display:block; background-color:#dce0e3; background-repeat:no-repeat; text-align:center; }
a:hover.probox12{ background-color:#1c3449; box-shadow: 0px 0px 8px #eee;}
a.probox12 img{width:700px; height:300px; margin:60px auto;}
a .titleBox12{ line-height:48px;color:#333; }
a:hover .titleBox12{color:#fff;}

.left_box a{ font-size:44px; line-height:84px; padding:0px 30px 0; margin:30px 0 20px 20px; float:left; border:1px solid #ccc;}
.left_box a:hover{color:#fff; background:#0153ba; border-color:#0153ba;}
.left_box2 a{ font-size:56px; line-height:84px; padding:0px 40px 0; background:#f5f5f5; margin:0px 20px 0px 0; float:left;}
.left_box2 a:hover{color:#0153ba;}
.left_box3 a{ font-size:48px; line-height:84px; padding:0px 40px 0; background:#f5f5f5; margin:0px 20px 0px 0; float:left;}
.left_box3 a:hover{color:#0153ba;}


/*form*/
.form{ text-align:center;}
.form_text_dis{  width:900px; margin:0 auto; text-align:center; color:#fff; font-weight:bold; margin-bottom:15px; background:#0153ba; padding:10px 0px;}
.form_text{ font-weight:normal; margin-bottom:15px;}
.form input,.form textarea{ width:820px; text-align:left; font-size:40px; line-height:120px; border-radius:0px; text-indent:10px; border:1px #ccc solid; outline:none; resize:none; margin:0 auto 20px; color:#999; }
.form textarea{ height:300px;}
.form div.submit_out{text-align:center;}
.form input.submit_bt{ font-weight:bold; text-transform:uppercase; cursor:pointer; color:#fff; font-family:"微软雅黑"; background:#ff9900; border-color:#ff9900; text-align:center;}
.form input:hover.submit_bt{ background:#fff; border-color:#ff9900;color:#ff9900;}
#footer .email{border-bottom:1px solid #ccc; width:400px;  position:absolute; left:698px; top:60px; text-align:left; color:#999; padding-bottom:10px;}
#footer .email input{ outline:none; border:none;}
