.title_index{ font-size:56px; font-weight:bold; line-height:90px; padding-bottom:0px; text-transform:uppercase; color:#000; text-align:left; border-bottom:0px solid #999; margin:0 auto 0px; width:900px; }
.about_index .title_index span{ font-size:60px; font-weight:bold; color:#014777;}
.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:1000px;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:1000px 110px;}
.title_index4{ font-size:larger;line-height:110px; width:1000px;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:1000px 110px;text-shadow:0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 40px #fff,0 0 70px #fff;}
.title_index5{ font-size:64px; font-weight:normal; 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;}

a.more{ border:1px #014777 solid; background:#014777; height:40px; line-height:40px; font-size:18px; color:#fff; border-radius:18px; clear:both; margin:50px auto; display:block; width:150px;transition: all 0.3s ease; text-indent:20px;}
a.more .fj{float:right; display:block;height:40px; width:40px; border:1px solid #014777; border-radius:25px; margin:-1px -5px 0 0; background:#fff url(../images/fj.jpg) center no-repeat; position:relative; z-index:999;}
a:hover.more{ border:1px #999 solid; color:#fff; text-indent:1px; line-height:42px; background:#999;text-indent:20px;}
a:hover.more .fj{float:right; display:block;height:40px; width:40px; border:1px solid #999; border-radius:25px; margin:-1px -5px 0 0; background:#fff url(../images/fj.jpg) center no-repeat; position:relative; z-index:999;}
a.more2{ border:1px red solid; width:80px; height:24px; margin:0 auto; color:red; border-radius:5px; display:block; margin-top:50px;}
a:hover.more2{ border:1px red solid;  color:#fff; background:red;}
a.more3{ border:1px #014777 solid; background:none; padding:0px 50px; color:#014777; border-radius:30px; float:left; margin:20px 20px 0 0; font-weight:bold; text-transform:uppercase;}
a:hover.more3{ border:1px #014777 solid; color:#014777; background:#fff;}
a.more4{ border:1px #333 solid; padding:5px 0; color:#333; background:#fff; width:120px; font-size:18px; border-radius:0px;margin:30px auto; clear:both; display:block;}
a:hover.more4{ border:1px #014777 solid; background:#014777;; color:#fff;}
a.more5{ border:1px #014777 solid; background:#014777; padding:5px 20px; font-size:15px; color:#fff; border-radius:8px; float:right; margin:-50px 20px 0 0}
a:hover.more5{ border:1px #014777 solid; color:#fff; background:#014777;}
a.more6{ border:1px #014777 solid; background:#014777; padding:0px 10px; font-size:15px; color:#fff; float:left; margin:60px 20px 0 0}
a:hover.more6{ border:1px #014777 solid; color:#fff; background:#014777;}

a.more7{clear:both; margin:50px auto; display:block; width:60px;transition: all 0s ease; text-align:center;}
a.more7 .jt2{display:block;height:60px; width:60px; border:1px solid #014777; border-radius:35px;  background:#f2f2f2 url(../images/jt2.jpg) 15px 15px no-repeat; position:relative; z-index:999;}
a:hover.more7{}

a.more8{ border:1px #014777 solid; background:#014777; height:60px; line-height:60px; font-size:36px; color:#fff; border-radius:50px; clear:both;display:block; width:240px;transition: all 0.3s ease; text-align:center;margin:50px auto 80px;}
a:hover.more8{ border:1px #014777 solid; color:#014777; 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:1000px; 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.proBox14{ width:900px; height:990px; margin:0 auto 40px; text-align:center; overflow:hidden; display:block; position:relative; background-color:#fff;}
a:hover.proBox14{}
a.proBox14 img{ width:900px; height:900px;z-index:0;}
a.proBox14 .titleBox14{line-height:90px; margin-bottom:0px; color:#000; z-index:1; width:900px; text-align:left; text-indent:30px;}
a:hover.proBox14 .titleBox13{ position:absolute; top:51%; }
a.proBox14 .titleBox14 p{display:block; font-weight:bold; color:#ff0; }
a.proBox14 .titleBox14 span.more3{ border:1px #014777 solid; background:none; padding:0px 50px; color:#014777; border-radius:30px; margin:0px 0px 0 0; font-weight:bold; text-transform:uppercase; height:60px; float:right; display:block; line-height:60px; margin:12px 30px 0 0;}

a.proBox14 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.proBox14 div.moreBox8{  background:none; border:1px #ffffff solid; color:#fff; margin:0px auto 0; }
a.proBox14 .proBox14Mask{ 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.proBox14 .proBox14Mask{}


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:normal; top:500px; padding:50px;}
a:hover .titleBox11{color:#014777;}
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:#014777; }
a .jiantou11{ position:absolute; bottom:35px; right:50px; font-size:48px; color:#014777}

#product{ margin:50px auto; width:900px;}
#probox{width:900px;overflow:hidden;height:850px; margin:0 auto; position:relative;}
#prolist{width:2000px;}
#prolist li{text-align:center;line-height:25px;float:left;padding:0px 50px; position:relative;}
#prolist li img{ width:800px; height:850px; border-radius:10px; }
#prolist li a div.AboutBox{text-align:center;background:#fff; margin:0px 175px 0; line-height:64px; font-size:24px; width:50%; border-radius:10px; color:#000; z-index:9; transition: all 0.3s ease;  position:absolute; bottom:80px; padding:20px 0; overflow:hidden;}
#prolist li a div .AboutTitle{font-size:24px; text-align:left; line-height:28px; background:url(../images/icon2.png) 30px 10px no-repeat; padding:15px 30px 15px; background-size:30px 2px; font-weight:bold;}
#prolist li a div .AboutTitleText{ color:#fff; font-size:20px; padding:0 30px; position:absolute; bottom:-20px;}
#prolist li a:hover div.AboutBox{ background:#fff; border-radius:10px; padding-bottom:40px;}
#prolist li a:hover div .AboutTitle{ color:#014777; background-size:30px 2px;}
#prolist li a:hover div .AboutTitleText{color:#999;  position:absolute; bottom:0px;}

#left,#right{cursor:pointer; position:absolute; top:370px; width:81px; height:81px;}
#left{ left:70px;}
#right{ right:70px;}


#product3{ margin:0 auto; width:1000px;}
#probox3{width:1000px;overflow:hidden;height:460px; margin:0 auto 80px; position:relative;}
#prolist3{width:2000px;}
#prolist3 li{text-align:center;line-height:25px;float:left;padding:9px 20px;}
#prolist3 li img{ width:460px; height:460px;}
#prolist3 li p{text-align:center;line-height:60px; height:60px; font-size:40px; color:#fff; margin-top:-80px;}
#left3,#right3{cursor:pointer; position:absolute; top:190px; width:81px; height:81px;}
#left3{ left:0px;}
#right3{ right:0px;}



.contactsen{ font-size:30px; font-weight:100; line-height:100px; text-align:left; width:100%;}
.contactsen img{vertical-align:middle;}

#products_tab2{ margin:20px 30px; padding-bottom:50px; }
#products_tab2 .title_tab2 {height:80px; padding-left:0px; border-bottom:1px solid #ccc; }
#products_tab2 .title_tab2 a.active1{ border-bottom:3px #FF6600 solid;  }
#products_tab2 .title_tab2 a{ color:#000;font-size:36px; width: auto!important;  }
#products_tab2 .title_tab2 a:hover{background:#198ede; color:#fff; }
#products_tab2 .content2{ padding:0px 20px 0px; margin:0px auto 0px; background:#fff; clear:both; display:none;}
#products_tab2 .content2 a{ display:block;margin:0 0px; padding:8px 0; text-align:left; float:left; clear:none; font-size:24px; color:#666; width:33%;}
#products_tab2 .content2 a:hover{ color:#123279; text-decoration:underline; padding-bottom:10px;}
#products_tab2 .content2 div{ padding:0px 0px 0;}
#products_tab2 .content2 div img{ max-width:100%; height:auto; padding:0}

.about_move{position:relative; width:1000px; height:424px; margin:60px auto;}
a#a1{position:absolute; left:0; top:140px;}
a#a2{position:absolute; right:0; top:140px;}
a:hover#a1,a:hover#a2{ background-color:#014777}
#div1 {
	overflow: hidden;
	width: 900px;
	height: 424px;
	margin: 0px auto;
	position: relative;
}
#div1 ul {
	position: absolute;
	left: 0;
	top: 0;
}
#div1 ul li {
	float: left;
	width: 680px;
	height: 420px;
	list-style: none;
	margin-right:80px;
}
#div1 ul li img { width:680px; height: 420px;}

.about_move2{position:relative; width:1000px; height:530px; margin:80px auto; }
#a21{position:absolute; left:0px; top:180px;}
#a22{position:absolute; right:0px; top:180px;}
#div2 {
	overflow: hidden;
	width:900px; 
	height: 530px;
	margin: 0px auto;
	position: relative;
}
#div2 ul {
	position: absolute;
	list-style:none;
	left: 0;
	top: 0;
	height: 530px;
}
#div2 ul li {height: 530px; float:left; width:600px; margin-right:40px;}
#div2 ul li img { width:680px; height: 420px;}

#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 18px 7px 18px; border-radius:10px; text-decoration:none; }
#page div.pages span.pagecount a:hover {background-color: #014777; color: #fff; text-decoration:none; border:1px #014777 solid;}
#page div.pages span.pagecount span.current u{ background-color: #014777; color: #fff; text-decoration:none; border:0px #014777 solid; padding:7px 18px 7px 18px; 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{ border:1px solid #ccc; display:block; width:90%; margin:20px auto 20px; height:120px; font-size:larger; line-height:120px;}
.left_box a:hover{ border:1px solid #014777; color:#014777;}


/*form*/
.form{ text-align:center;}
.form_text_dis{  width:100%; margin:0 auto; text-align:center; color:#fff; font-weight:bold; margin-bottom:15px; background:#014777; padding:10px 0px;}
.form_text{ font-weight:normal; margin-bottom:15px;}
.form input,.form textarea{ width:100%; 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; cursor:pointer; color:#fff; font-family:"Noto Sans SC"; background:#014777; border-color:#014777; text-align:center;}
.form input:hover.submit_bt{ background:#fff; border-color:#014777;color:#014777;}
#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;}

/*悬浮框*/
#xuanfu { position: fixed;width: 214px;top:30%; right: 0;z-index: 99999;}
#xuanfu ul li {width: 100%;height: 214px;display: block;margin-bottom: 1px;position: relative;}
#xuanfu ul li img{width: 100%;height:100%;}
#xuanfu ul li .pic3 {display: none;position: absolute;left: -428px;top: -0px; width:428px; height:428px;}
#xuanfu ul li .pic4 {display: none;position: absolute;left: -178px;top: -0px;}
#xuanfu ul li .pic5 {display: none;position: absolute;left: -178px;top: -0px;}