@charset "utf-8";
/* CSS Document word-break:break-all; */

* { margin:0; padding:0; }
body{
margin:0px;
padding:0px;
font:14px/32px yahei,"微软雅黑","宋体",Arial,Helvetica,sans-serif;
color:#222;
}
a{text-decoration: none; color:#3d4a6d;font-family:"微软雅黑",Arial,Helvetica,sans-serif;}

h1,h2,h3,h4,h5,h6{ font-weight:normal; line-height:36px; }
h1{ font-size:26px; color:#382101;}
h2{ font-size:16px; }
h3{ font-size:14px; color:#666;}
h4{ font-size:24px; color:#382101; line-height:24px;}

div,ul,li,dd{ list-style:none; padding:0px; margin:0px; list-style-type:none;}
img{border:none; }
html{ overflow:-moz-scrollbars-vertical; } 
input{font-family:yahei,"微软雅黑","宋体",Arial,Helvetica,sans-serif;}
textarea{font-family:yahei,"微软雅黑","宋体",Arial,Helvetica,sans-serif;}

.top_bg{ background:#FFF; opacity:0.7; width:100%; height:80px; position:absolute; top:0; left:0; z-index:9998;}
.top_div{ width:1460px; margin:auto; height:80px;position:absolute; top:0; left:50%; margin-left:-730px;z-index:9999;}
/*.top_bai{ background:url(images/gbbnbg_11.png) repeat-x; width:100%; height:350px; position:absolute; left:0; top:0px; z-index:9998;}*/

.p_logo{ margin:25px 0; float:left;}
.open_div{position:fixed; width:40px; height:40px; right:40px; top:40px; z-index:999;background:url(images/ooo.png) no-repeat center center; }

.menu { color:#3d4a6d; font-size:14px;line-height:22px; float:right;}
.menu li{ float:left; width:80px; padding:0 20px; height:50px; margin:15px;  text-align:center; }
.menu li a{ width:80px; display:block; font-size:16px; line-height:26px;padding:5px 0;font-weight:400;}
.menu li:hover{background:url(images/gblogo_08.png) no-repeat left 12px;}
.menu li a:hover{border-bottom:#d4d6df solid 2px; border-radius:1px; font-weight:bold !important;}
.menu li a:hover p{font-weight:bold !important;}
.menu li p{ width:96px; font-size:10px !important; font-weight:normal; opacity:0.6; line-height:14px;-webkit-transform-origin-x: 0; -webkit-transform: scale(0.833); text-align:center;}
.xx{ background:url(images/gblogo_08.png) no-repeat left 12px;}
.xx a{border-bottom:#d4d6df solid 2px; border-radius:1px;font-weight:bold !important; }
.xx a p{font-weight:bold !important;}

.open_div:hover .menu{right:0px; top:0;opacity:1;}

.menu1{position:relative;z-index:9999;}	
.menu1 div{
    padding-top:15px;
    position:absolute;
	left:50%;
	margin-left:-60px;
	top:50px;
	width:120px;
	height:auto;
    cursor:hand;
    overflow-y:hidden;
    text-align:center;
    font-weight:normal;
	overflow:hidden;
	display:block;
}
#menu_list dl{position:relative; display:block; width:120px; height:50px;margin:2px 0;}
#menu_list dl a{ width:100px;height:40px; font-size:15px; font-weight:100 !important; line-height:30px; display:block; color:#3d4a6d; padding:0px; margin:0px 10px;border-bottom:2px;left:0; top:0; z-index:9999; position:absolute;}
#menu_list a:hover{border-radius:1px; font-weight:bold !important;}
#menu_list p{ width:120px; text-align:center;font-weight:100 !important;}
#menu_list a:hover p{font-weight:bold !important;}
#menu_list b{ display:block; width:100%; height:50px; left:0; top:0;opacity:0.5;z-index:9996; position:absolute;background:#FFF; }
#menu_list dl img{ margin:15px 3px;}
.menu2 div{display:none; }

.w1460{ height:1600px; width:1480px; margin:auto;}
h2{ font-size:36px; font-weight:bolder; line-height:50px; letter-spacing:10px; text-indent:8px; color:#3d4a6d; text-align:center; margin:0px auto 30px; padding-top:50px;}
h2 p{ font-size:16px; font-weight:normal;color:#3d4a6d; line-height:24px;letter-spacing:2px;text-indent:0px;text-transform: uppercase;}

.gb_pin li{ float:left; width:350px; height:350px; margin:10px;}
.gb_pin ul{ display:none;}
.gb_pin li img{ width:350px; height:350px;}

.gb_inwm{ width:100%; height:650px; padding:140px 0; background:url(images/gbwmbg_28.jpg) no-repeat center center; font-size:16px;color:#3d4a6d;text-align: justify;}
.gb_inwm em{ font-style:normal;word-break: keep-all;white-space: pre-wrap;text-transform: uppercase; font-size:12px; opacity:0.6;}

.gbbt_bai{ height:350px; background:#FFF;}
.gbbt_lan{ background:#3d4a6d; height:650px; position:relative;}

.landi{background:#3d4a6d; height:320px; position:relative;}
.landi .gbmenu{padding-top:90px;}

.lan{ top:-200px; width:1460px; position:absolute; left:50%; margin-left:-730px;}
.lan1{ float:left; width:600px; height:350px; background:#FFF; border-radius:5px; padding:50px;-webkit-box-shadow:0 0 20px rgba(120, 120, 120, .3);  -moz-box-shadow:0 0 20px rgba(120, 120, 120, .3); box-shadow:0 0 20px rgba(120, 120, 120, .3);}
.lan2{ float:right; width:600px; height:350px; background:#6360e1; color:#FFF; padding:50px;border-radius:5px; padding:50px;-webkit-box-shadow:0 0 20px rgba(120, 120, 120, .3);  -moz-box-shadow:0 0 20px rgba(120, 120, 120, .3); box-shadow:0 0 20px rgba(120, 120, 120, .3);}

input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #cbd4df;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #cbd4df;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #cbd4df;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #cbd4df;
}

.lan1 input{font-size:15px; width:260px; height:32px; line-height:32px; border:0; padding:0 2%; margin-bottom:10px; border-bottom:#3d4a6d solid 1px; background:#FFF;color:#3d4a6d; }
.lan1 a{ display:block; height:40px; padding:5px; border-radius:5px;width:300px; background:#6360e1; line-height:25px; text-align:center; color:#FFF; font-size:16px; font-weight:bold; margin:35px auto;}
.lan1 span{ display:block; font-size:10px;-webkit-transform: scale(0.833); line-height:15px; font-weight:normal;}
.lan1 b{ width:100px; display:block; float:left; font-weight:normal;color:#3d4a6d; font-size:16px; }
.lan1 p{ padding:10px 0;}

.lan2 p{font-size:16px; padding:8px 0;padding-left:30px;}
.lan2 p span{ font-size:10px;word-break: keep-all;white-space: pre-wrap;text-transform: uppercase; width:100%; }
.lan2 a{ display:block; height:40px; padding:5px; border-radius:5px;width:300px; background:#15daed; line-height:25px; text-align:center; color:#FFF; font-size:16px; font-weight:bold; margin:20px auto;}
.lan2 span{  font-size:10px;-webkit-transform: scale(0.833); line-height:15px; font-weight:normal; }

.gbmenu{width:1460px; padding-top:420px; margin:auto; height:80px;}
.gbmenu li{float:left; text-align:center;}
.gbmenu li a{ color:#FFF; font-size:16px; display:block; width:90px; height:60px;padding-left:10px;}
.gbmenu li a:hover{ color:#FFF; font-weight:bold;background:url(images/gbjt_03.png) no-repeat left 10px;}
.gbmenu li a:hover p{ font-weight:bold;}
.gbmenu li p{font-size:10px;-webkit-transform: scale(0.833); line-height:15px; font-weight:normal;}
.gbmenu li img{ padding:10px 0;}

.gbdiban{ color:#FFF; font-size:16px; width:1460px; margin:50px auto 0; border-top: #FFF solid 1px; height:50px; padding-top:20px;}
.gbdiban img{ margin-left:20px;}

.a_licheng img{ width:100%; height:auto;}
.a_jianjie{ background:url(images/gbwmbg_01.jpg) no-repeat center top; height:1000px; width:100%;}
.a_lianxi{ background:url(images/gblxwm_01.jpg) no-repeat center top; height:1000px; width:100%;}
.a_chanpin{background:url(images/gbcp_01.jpg) no-repeat center top; height:500px; width:100%;}

.limg img{ background:#FFF; padding:5px 10px; border-radius:5px; vertical-align:middle;}

.b_c{position: fixed;right:20px;bottom:20px;z-index: 9999;width: 180px; padding:10px; background:#6360e1; height:40px; border-radius:30px; display:block; text-align:center;}
.b_c a{ color:#FFF; background:url(images/mail.png) left center no-repeat; width:80px; padding-left:40px;text-align:center; font-size:15px; line-height:20px; height:40px; display:block; margin:0 30px;}
.b_c a p{font-size:10px;}

.jj_div{ width:1400px; height:590px; padding-top:200px; margin:auto;font-size:16px;color:#3d4a6d;text-align: justify;}
.jj_div em{ font-style:normal;word-break: keep-all;white-space: pre-wrap;text-transform: uppercase; font-size:12px; opacity:0.6;}

.in_bout{ display:block; width:30px; height:30px; border-radius:15px; background:url(/m/images/br.png) #6360e1 no-repeat center center; background-size:18px auto; font-size:24px; color:#FFF; text-align:center; font-weight:100; line-height:30px; margin:auto; margin-top:90px;text-transform: uppercase;}

@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }
	
.in_new{ height:900px; width:1200px; margin:auto;font-size:15px;color:#3d4a6d;}	
.in_new h3{ font-size:24px; text-align:left; margin:10px; margin-top:150px; color:#3d4a6d; font-weight:bolder;}
.in_new hr{ width:50px; height:3px; background:#3d4a6d; margin:0 0 50px 10px; border:0;}
.in_new li{ float:left; margin:10px; background:#eee; width:580px; height:285px; overflow:hidden;}
.in_new p{ font-size:24px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px;}
.in_new h4{font-size:15px;color:#3d4a6d; word-break: keep-all;white-space: pre-wrap;}
.in_new .n_txt{ width:50%; height:100%; overflow:hidden;position: relative; float:left;}
.in_new li .n_txt span{ width:20px; height:20px; display:block; background:url(images/rrr.png) center center no-repeat; position:absolute; right:30px; bottom:30px; border:#3d4a6d solid 1px; border-radius:20px; background-size:80%;}
.in_new .n_img{ width:50%; overflow:hidden; height:285px;float:left;}


.in_bot{ height:450px; position:relative; font-size:15px;color:#3d4a6d;}
.in_bot1{ z-index:20;background:#aaa; opacity:0.1;height:450px; width:100%; position:absolute; left:0; top:0; z-index:15;}
.in_bot2{ padding-top:220px; width:1200px;color:#3d4a6d; left:50%; margin-left:-600px; position:absolute; z-index:16;}
.in_bot2 .div1 a{margin-right:30px; display:block; float:left;color:#3d4a6d; }
.in_bot2 .div1 a:hover{text-decoration: underline;}
.in_bot2 .div1{ width:40%; float:left}
.in_bot2 .div2{ width:20%;float:left}
.in_bot2 .div3{ width:470px; float:right; text-align:right; text-indent:35px;}
.in_bot2 .div3 img{ margin-left:15px; margin-top:5px;}
.in_cop{ height:50px; background:#c2cdcd; text-align:center; line-height:50px; color:#333;}

.in_two{ background:#eee; height:980px;}
.in_two_div{ width:1200px; margin:auto; padding-top:150px;}
.in_two_div li{ width:380px; height:390px; margin:10px; position:relative; float:left;}
.in_two_div b{width:90px; height:90px; border-radius:45px;position:absolute; top:-45px; left:50%; margin-left:-45px; background-size:90%;}
.in_two_div .aa1{background: url(images/pp_04.png) no-repeat center center #FFF;}
.in_two_div .aa2{background: url(images/pp_06.jpg) no-repeat center center #FFF;}
.in_two_div .aa3{background: url(images/pp_08.jpg) no-repeat center center #FFF;}
.in_two_div li h3{ font-weight:bolder; text-align:center; line-height:50px; font-size:23px; color:#3d4a6d; margin-top:40px; text-transform:uppercase;}
.in_two_div li p{ text-align:left; line-height:24px; font-size:15px;color:#3d4a6d; padding:0px 40px; word-break: keep-all;white-space: pre-wrap;}
.in_two_div li span{width:20px; height:20px; display:block; background:url(images/rrr.png) center center no-repeat; position:absolute; left:50%; margin-left:-10px;bottom:170px; border:#3d4a6d solid 1px; border-radius:20px; background-size:80%;}

.in_two_div2{ background:url(images/pp_24.jpg) no-repeat left bottom #FFFFFF; width:1180px; height:300px; margin:10px auto; background-size:16%;}
.in_two_div2 .ddd{ padding:30px 20px 15px 260px; color:#3d4a6d;}
.in_two_div2 .ddd .dd1{color:#3d4a6d;word-break: keep-all;white-space: pre-wrap;text-transform:uppercase; font-weight:bold; font-size:23px; line-height:40px; text-indent:10px;}
.in_two_div2 .ddd .dd2{word-break: keep-all;white-space: pre-wrap;color:#3d4a6d;text-transform:uppercase; opacity:0.5;font-size:23px; line-height:40px;text-indent:10px;}
.in_two_div2 .ddd .dd3{ padding:20px 0;}
.ddd .dd3{ font-size:15px;}
.ddd .dd3 img{ margin-right:15px;}
.dd4{ float:left;display:block; padding:30px 0;}
.dd44{ float:right; margin-right:50px;}
.dd44 span{ width:280px; display:block;}
.dd6,.dd8{ background:#f5f5f5; width:250px; height:30px; line-height:30px; text-indent:15px;}
.dd7{ margin-top:10px;}

.in_pro h3{ font-size:24px; text-align:left; margin:10px 0; color:#3d4a6d; font-weight:bolder;}
.in_pro hr{ height:3px; background:#3d4a6d; margin:0 0 40px 0px; width:50px; border:0;}

/*产品切换*/
.in_pro{ width:1200px; padding:10px; margin:auto;}
/* 本例子css  */
.multipleColumn{ position:relative; width:1180px;margin:0 auto;}
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block; width:60px; height:60px; float:right;
	 cursor:pointer; position:absolute; z-index:889;}
.multipleColumn .hd .prev{ background:url("images/prev.png") no-repeat; top:50%; margin-top:23px; left:-60px;}
.multipleColumn .hd .next{ background:url("images/next.png") no-repeat;top:50%; margin-top:23px; right:-60px;}
/*.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ display:none;}*/

.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; margin-bottom:60px;}
.multipleColumn .hd ul li{ float:left; padding:2px 15px; overflow:hidden; margin-left:30px; cursor:pointer; border:#3d4a6d solid 1px; font-size:14px; color:#3d4a6d; text-align:center;text-transform: uppercase;}
.multipleColumn .hd ul li.on{ background-position:0 0; background:#3d4a6d;font-size:14px; color:#fff;}
.on a{color:#fff;}
.multipleColumn .hd ul span a{padding:2px 15px;margin-left:30px;border:#3d4a6d solid 1px; display:block; float:right;text-transform: uppercase;}
.multipleColumn .hd ul span a:hover{background:#3d4a6d;color:#fff; display:block;}

.multipleColumn .bd{ overflow:hidden; width:1180px; }
.multipleColumn .ulWrap{ width:1200px; overflow:hidden;margin-left:20px;}
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1200px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:10px 20px 10px 0; display:block; float:left; _display:inline; overflow:hidden; position:relative;}
.multipleColumn .bd ul li a{opacity:0;position:absolute;z-index:999; left:0; top:0; display:block;width:100%; height:100%; text-align:center;-webkit-transition: all .2s ease-out;-o-transition: all .2s ease-out;transition: all .2s ease-out; }
.multipleColumn .bd ul li a:hover{ opacity:1; top:-60px;line-height:60px; width:100%; height:100%; }
.multipleColumn .bd ul li h5{width:100%; height:60px; display:block; background:#fff; opacity:0.5;position:absolute; bottom:-60px;}
.multipleColumn .bd ul li h6{width:100%; height:60px; display:block;position:absolute; bottom:-60px; color:#3d4a6d; font-size:15px; }
.bd_1{width:580px; height:580px; overflow:hidden;}
.bd_1 img{ width:580px; height:auto;}
.bd_1 b{ text-align:left; line-height:60px; font-weight:100; float:left;margin:0 15px; overflow:hidden;}
.bd_1 i{ text-align:left; line-height:60px; float:right;font-style:normal; margin:0 15px;overflow:hidden;}
.bd_2{width:280px; height:280px; overflow:hidden;}
.bd_2 img{ width:280px; height:auto;}
.bd_2 b{ text-align:left; line-height:25px;height:25px; font-weight:100; display:block; margin:5px 15px 0;overflow:hidden;}
.bd_2 i{ text-align:left; line-height:25px; height:25px; display:block; font-style:normal;margin:0 15px;overflow:hidden;}

.in_type{ margin-top:15px;}
.in_type a{word-break: keep-all;white-space: pre-wrap;color:#3d4a6d;text-transform:uppercase; border:#3d4a6d solid 1px; padding:8px 15px; margin-left:30px;}
.in_type a:hover{ background:#3d4a6d; color:#FFF;}
.in_type .xuan{ background:#3d4a6d; color:#FFF;}

.center{ width:1200px; margin:140px auto 0; padding:0 50px; overflow:hidden;}

.news_list{ width:1200px; margin:auto;font-size:15px;color:#3d4a6d;}	
.news_list h3{ font-size:24px; text-align:left; margin:10px; color:#3d4a6d; font-weight:bolder;}
.news_list hr{ width:50px; height:3px; background:#3d4a6d; margin:0 0 50px 10px; border:0;}
.news_list li{ float:left; margin:10px; background:#eee; width:1180px; height:285px; overflow:hidden;}
.news_list p{ font-size:24px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px;}
.news_list h4{font-size:15px;color:#3d4a6d; word-break: keep-all;white-space: pre-wrap;}
.news_list .n_txt{ width:50%; height:100%; overflow:hidden;position: relative; float:left;}
.news_list li .n_txt span{ width:20px; height:20px; display:block; background:url(images/rrr.png) center center no-repeat; position:absolute; left:30px; bottom:30px; border:#3d4a6d solid 1px; border-radius:20px; background-size:80%;}
.news_list .n_img{ width:50%; overflow:hidden; height:285px;float:left;}
/*.news_list h3{ font-size:24px; text-align:left; margin:10px 0; color:#3d4a6d; font-weight:bolder;}
.news_list hr{ width:50px; height:3px; background:#3d4a6d; margin:0 0 50px; border:0;}
.news_list li{ margin:15px 0; background:#eee; width:100%; height:285px; overflow:hidden;}
.news_list p{ font-size:24px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:10px;}
.news_list h4{font-size:15px;color:#3d4a6d; word-break: keep-all;white-space: pre-wrap;}
.news_list .n_txt{ width:50%; overflow:hidden;position: relative;  height:100%; float:left;}
.news_list li .n_txt span{ width:20px; height:20px; display:block; background:url(images/rrr.png) center center no-repeat; position:absolute; left:30px; bottom:30px; border:#3d4a6d solid 1px; border-radius:20px; background-size:80%;}
.news_list .n_img{ width:50%; overflow:hidden; height:285px;float:left;}
*/
.n_txt div{ padding:25px;}


.a_center{width:1180px; margin:80px auto; overflow:hidden;}
.a_div3{width:100%; height:1180px; background:url(images/us_14.png) no-repeat center top; font-size:16px; color:#434343;}

.a_left{float:left; width:480px;line-height:28px;}
.a_left img{ float:right; margin-left:10px;}
.a_right{float:right; width:480px;line-height:28px;}
.a_right img{ float:left; margin-right:10px;}
.a_left p,.a_right p{ width:270px;float:left; padding-left:20px; background:url(images/us_06.png) no-repeat left 10px;}


.a_left div{ height:240px;word-break: keep-all;white-space: pre-wrap;}
.a_right div{ height:240px;word-break: keep-all;white-space: pre-wrap;}
.a_div2{ height:280px; margin:50px auto;}
.a_div1{ height:130px; margin:50px auto;}
.a_div1 p{word-break: keep-all;white-space: pre-wrap; display:block; float:left; line-height:24px; margin-left:100px;}
.a_div1 img{ float:left; margin:5px 0;}



/*----------------*/
#pages{margin:20px auto; height:30px; padding:10px 0px 30px 0px; text-align:center;}
#pages a{
margin:5px;
padding:10px 15px;
font-size:13px;
color:#3d4a6d;
border:#3d4a6d solid 1px;
}
#pages a:hover{
color:#fff;
background-color:#3d4a6d;
}