@charset "utf-8";
/*powered by: 邱爽*/
/* Blood_Wolf专用样式表，支持开源，如有使用或二次开发，请标明出处，谢谢合作！ */
/* 起始样式 */
*{ margin:0; padding:0;}
body {font-family:微软雅黑 !important;  margin:0 auto; padding:0px; font-size:14px; height:100%; line-height:22px; width:100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
/*a:hover{ text-decoration:underline;}*/
img{ vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
img{border:none;}
html{ overflow-x:hidden;}
.text,textarea,select{ outline:none; font-family:微软雅黑; color:#666; font-size:12px; width:100%; border:0px; background:none}
::-webkit-input-placeholder{ color:#b2b2b2}
.ul_lf li,.ul_js li{ position:relative;}
::-webkit-scrollbar{ width:8px;}
::-webkit-scrollbar-thumb{ background:#ccc;}
::-webkit-scrollbar-track{ background:#fff;}
/*@font-face
{
font-family:微软雅黑;
src: url('../fonts/PingFang-Regular.ttf'),
     url('../fonts/PingFang-Regular.eot'),
	 url('../fonts/PingFang-Regular.svg'),
	 url('../fonts/PingFang-Regular.woff');
}
@font-face
{
font-family:微软雅黑;
src: url('../fonts/PingFang-Bold.ttf'),
     url('../fonts/PingFang-Bold.eot'),
	 url('../fonts/PingFang-Bold.svg'),
	 url('../fonts/PingFang-Bold.woff');
}*/
@font-face
{
font-family:Fontsstyle2;
src: url('../fonts/FETTE-ENGSCHRIFT.ttf'),
     url('../fonts/FETTE-ENGSCHRIFT.eot'),
	 url('../fonts/FETTE-ENGSCHRIFT.svg'),
	 url('../fonts/FETTE-ENGSCHRIFT.woff');
}
.moblie_exhi,.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL,#ascrail2000-hr{ display:none !important;}
.a_txt,.nav_ipad,.moblie_head,.none{ display:none;}
.div_scroll{ overflow:auto;}
.css3_show .span1{ display:block; position:absolute; top:0px; left:0px; background:#c86f15; z-index:50px; width:0px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.css3_show .span2{ display:block; position:absolute; top:0px; left:0px; background:#a85d11; z-index:51px; width:0px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.css3_show:hover .span1{ width:100%; -webkit-transition: all .3s; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.css3_show:hover .span2{ width:100%; -webkit-transition: all .6s; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}

.f_36{ font-size:36px; line-height:38px;}
.f_30{ font-size:30px; line-height:32px;}
.f_24{ font-size:24px; line-height:26px;}
.f_20{ font-size:20px; line-height:22px;}
.f_18{ font-size:18px; line-height:30px;}
.f_16{ font-size:16px; line-height:28px;}
.f_14{ font-size:14px; line-height:26px;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 中屏幕的尺寸 */
	.f_36{ font-size:30px; line-height:32px;}
	.f_30{ font-size:26px; line-height:28px;}
	.f_24{ font-size:20px; line-height:22px;}
	.f_20{ font-size:18px; line-height:22px;}
	.f_18{ font-size:16px; line-height:28px;}
	.f_16{ font-size:14px; line-height:24px;}
	.f_14{ font-size:12px; line-height:24px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.f_36{ font-size:0.6rem; line-height:0.62rem;}
	.f_30{ font-size:0.55rem; line-height:0.57rem;}
	.f_24{ font-size:0.52rem; line-height:0.54rem;}
	.f_20{ font-size:0.46rem; line-height:0.48rem;}
	.f_18{ font-size:0.42rem; line-height:0.44rem;}
	.f_16{ font-size:0.38rem; line-height:0.68rem;}
	.f_14{ font-size:0.34rem; line-height:0.62rem;}
}
/*-webkit-filter: blur(0px); filter: blur(0px);*/
/*active*/
/* 公用样式 */
.box{ width:1232px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.head{ min-width:1200px; position:fixed; top:0px; left:0px; width:100%; z-index:9999; height:100px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.heg{ height:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.logo{ padding-left:5%; width:455px; height:100px; position:relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.logo img{ width:100%; height:100%; position:relative; top:0px;}
.headrg{ width:60%; background:url(../images/1_06.png) left bottom repeat-x;}
.nav{ width:65%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav ul li{ float:left; position:relative; width:20%; height:100px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav ul li .a1,.nav:hover ul .li .a1{ line-height:100px; display:block; text-align:center; font-size:16px; color:#fff; text-transform:uppercase; font-weight:bold; background:url(../images/1_07.png) center bottom no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.nav ul li:hover .a1,.nav:hover ul .li:hover .a1,.nav ul .li .a1{ color:#fff; background:url(../images/1_07.jpg) center bottom no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.nav ul li .div1{ display:none; background:#fff; width:210px; position:absolute; top:100px; z-index:100; background:#fff;}
.nav ul li .div1 a{ display:block; height:44px; line-height:44px; padding-left:30px; color:#333; font-size:14px;}
.nav ul li .div1 a:hover{ background:#173b6b; color:#fff;}

.language{ padding-right:5%;}
.language a{ color:#fff; line-height:100px;}
.language span{ color:#e3e3e3; margin-left:10px; margin-right:10px; line-height:100px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.language a:hover{ color:#0f85c1;}
.language .a1{ margin-left:30px;}
.head_on{ height:70px; background:rgba(0,0,0,0.3);}
.head_on .logo{ width:319px; height:70px;}
.head_on .headrg{ background:none;}
.head_on .nav ul li{ height:70px;}
.head_on .nav ul li .a1,.head_on .nav:hover ul .li .a1{ line-height:70px;}
.head_on .nav ul li .div1{ top:70px;}
.head_on .logo{ height:70px;}
.head_on .language a,.head_on .language span{ height:70px; line-height:70px;}
.heg_on{ height:0px;}
.foot{ background:#252525; position:relative; z-index:150; line-height:22px; min-width:1200px;}
.foot_top{ border-bottom:1px solid #363636; height:58px; padding-left:3%; padding-right:3%; color:#666;}
.foot_top .lf{ line-height:58px;}
.foot_top .lf a{ color:#666; text-transform:uppercase;}
.foot_top .lf a:hover{ color:#ccc}
.foot_top .lf span{ margin-left:40px; margin-right:40px;}
.foot_top .rg{ padding-top:15px;}
.foot_top .rg a{ display:inline-block; width:22px; height:22px; position:relative; top:5px;}
.foot_top .rg .a1{ background:url(../images/1_56.png) center no-repeat;} 
.foot_top .rg .a2{ background:url(../images/1_57.png) center no-repeat;}
.foot_top .rg .a1:hover{ background:url(../images/1_56a.png) center no-repeat;} 
.foot_top .rg .a2:hover{ background:url(../images/1_57a.png) center no-repeat;}
.foot_top .rg span{ margin-left:10px; margin-right:10px;}
.foot_centen{ padding-left:3%; padding-right:3%; font-family:微软雅黑;}
.foot_centen .div1{ padding-top:70px; border-right:1px solid #363636; height:150px; width:30%;}
.foot_centen .div1 .p1{ width:32%;}
.foot_centen .div1 .p1 img{ width:100%;}
.foot_centen .div1 .p2{ width:38px; margin-left:3%; padding-top:4px;}
.foot_centen .div1 .p2 img{ width:100%;}
.foot_centen .div1 .p3{ margin-left:3%; width:50%; color:#585858; text-transform:uppercase;}
.foot_centen .div1 .p3 .pp2{ font-size:24px; line-height:30px; color:#b2b2b2;}
.foot_centen .div2{ margin-left:3%; padding-right:3%; color:#666; padding-top:70px; border-right:1px solid #363636; height:150px; width:30%;}
.foot_centen .div2 .p1{ background:url(../images/1_60.png) left center no-repeat; padding-left:34px;}
.foot_centen .div2 .p2{ background:url(../images/1_61.png) 1px 4px no-repeat; padding-left:34px; margin-top:10px;}
.foot_centen .div3{ width:31%; padding-top:70px; height:150px; color:#666}
.foot_centen .div3 .p2{ margin-top:10px; background:#404040; height:48px;}
.foot_centen .div3 .p2 .lf{ padding-left:3%; padding-right:3%; width:74%;}
.foot_centen .div3 .p2 .lf .text{ height:48px; line-height:48px; font-size:14px; color:#999;}
.foot_centen .div3 .p2 .rg{ width:20%;}
.foot_centen .div3 .p2 .rg a{ color:#fff; background:url(../images/1_62.jpg) center no-repeat; background-size:100%; display:block; line-height:48px; text-align:center; text-transform:uppercase;} 
.foot_centen .div3 .p2 .rg a:hover{ background:url(../images/1_62a.jpg) center no-repeat; background-size:100%;}
.foot_bottom{ padding-left:3%; padding-right:3%; background:#1d1d1d; height:63px; line-height:63px; color:#666}
.foot_bottom a{ color:#666;}
.foot_bottom a:hover{ color:#ccc}
.foot1{ display:none;}
.a_txt1{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:10001; left:0px; top:0px;}
.a_txt1 .div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.a_txt1 .div2{ position:absolute; width:1200px; height:639px; top:50%; left:50%; margin-top:-320px; margin-left:-600px; filter:alpha(opacity=0); opacity:0;}
.a_txt1 .div2 .p1{ float:left; width:1100px; height:619px; padding:10px; background:#fff;}
.a_txt1 .div2 .p2{ float:right;}
.a_txt1 .div2 .p2 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.a_txt1 .div2 .p2 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.aaaa1{ position:relative; top:-70px; display:block;}
@media screen and (max-width: 1800px) and (min-width:1700px) {/* 小屏幕的尺寸 */
	.logo{ width:410px; height:90px; top:10px;}
	.head_on .logo{ top:0px;}
}
@media screen and (max-width: 1700px) and (min-width:1600px) {/* 小屏幕的尺寸 */
	.logo{ width:364px; height:80px; top:10px;}
	.head_on .logo{ top:0px;}
}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 小屏幕的尺寸 */
	.logo{ width:319px; height:70px; top:10px;}
	.head_on .logo{ top:0px;}
	.foot_centen .div1 .p3 .pp2{ font-size:18px; line-height:30px; color:#b2b2b2;}
	.nav ul li .a1,.nav:hover ul .li .a1{ font-size:14px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.box{ width:auto; padding-left:5%; padding-right:5%;}
	.head{ display:none;}
	.moblie_head{ background:#000; display:block; height:44px; position:fixed; top:0px; left:0px; width:100%; z-index:9999;}
	.moblie_head .lf{ height:44px; padding-left:5%;}
	.moblie_head .lf img{ height:100%;}
	.moblie_head .rg{ padding-right:5%;}
	.moblie_head .rg a img{ height:20px; padding-top:12px;}
	.heg{ height:44px;}
	.heg1{ height:44px;}
	.a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:10000;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:60px; color:#fff; line-height:60px; padding-left:5%; font-size:16px; text-transform:uppercase;}
	.a_txt .div3 ul li .a_js2{ background:url(../images/plus.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .a_js2_on{ background:url(../images/reduce.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .a_txt2 a{ height:40px; line-height:40px; font-size:14px;}
	.a_txt1 .div2{ width:90%; top:35%; left:5%; height:auto; margin-top:0; margin-left:0;}
	.a_txt1 .div2 .p1{ float:none; width:90%; padding:5%; height:auto;}
	.a_txt1 .div2 .p2{ float:none; position:absolute; top:-30px; right:0px;}
	.a_txt1 .div2 .p2 img{ width:25px;}
	.foot{ display:none;}
	.foot1{ display:block; background:#1d1d1d; color:#666; text-align:center; padding:5%;}
	.foot1 a{ color:#666;}
	.foot1 a:hover{ color:#ccc}
	.aaaa1{ position:relative; top:-44px;}
	.box img{max-width: 100%;}
}
/* 公用样式 End */

/* Index */
.banner{ min-width:1200px; position:relative; overflow:hidden; width:100%; overflow:hidden;}
.banner .slides { width:100%; position:relative;z-index:1;}
.banner .slides li { width:100%; height:auto; position:relative;}
.banner .slides li img{ width:100%; height:auto}
.banner .flex-control-nav { position:absolute; bottom:5%; z-index:99;width:100%; text-align:center; left:0px;} 
.banner .flex-control-nav li { display:inline-block; width:12px; height:12px; margin:0 10px;}
.banner .flex-control-nav li span { display:none;}
.banner .flex-control-nav li a { width:12px; height:12px; cursor:pointer; background:#fff; display:block; border-radius:100%;}
.banner .flex-control-nav li a.flex-active { background:#103364}
.banner .flex-prev{ }
.banner .flex-prev:hover{}
.banner .flex-next{}
.banner .flex-next:hover{}
.banner .div1{ position:absolute; top:37%; left:5%; z-index:100; width:42%;}
.banner .div1 .p1{ position:relative; top:-50px; opacity:0; -webkit-transition: all 1.2s 0.5s; -moz-transition: all 1.2s 0.5s; transition: all 1.2s 0.5s;}
.banner .div1 .p1 img{ width:100%;}
.banner .div1 .p2{ margin-top:4%;}
.banner .div1 .p2 a{ display:block; float:left; width:25%; position:relative; opacity:0px; right:-50px; opacity:0;}
.banner .div1 .p2 .a1{ -webkit-transition: all 1.2s 0.7s; -moz-transition: all 1.2s 0.7s; transition: all 1.2s 0.7s;}
.banner .div1 .p2 .a2{ -webkit-transition: all 1.2s 0.9s; -moz-transition: all 1.2s 0.9s; transition: all 1.2s 0.9s;}
.banner .div1 .p2 .a3{ -webkit-transition: all 1.2s 1.1s; -moz-transition: all 1.2s 1.1s; transition: all 1.2s 1.1s;}
.banner .div1 .p2 .a4{ -webkit-transition: all 1.2s 1.3s; -moz-transition: all 1.2s 1.3s; transition: all 1.2s 1.3s;}
.banner .div1 .p2 a img{ width:100%;}
.banner .flex-active-slide .p1{ top:0px; opacity:1;}
.banner .flex-active-slide .p2 a{ right:0px; opacity:1;}
.moblie_banner{ display:none;}
.div_box{ min-width:1200px; position:relative; z-index:100; background:#fff;}
.a_btn{ display:block; position:relative; background:url(../images/1_29.jpg) bottom left repeat-x #fff; width:180px; height:50px; text-align:center; line-height:50px; font-size:16px; color:#333;}
.a_btn .line{ position: absolute; left:0px; bottom:0px; border-top:2px solid #235d92; width:15%; z-index:10; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.a_btn:hover{ background:url(../images/1_29a.jpg) bottom left repeat-x #235d92; color:#fff;}
.a_btn:hover .line{ border-top:2px solid #fff; width:100%;}
.ss{ margin-top:3%;}
.ss .div1{ padding-left:5%; color:#173b6b; font-family:微软雅黑; text-transform:uppercase; font-weight:bold;}
.ss .div2{ margin-top:3%; position:relative; width:89.7%; padding-left:5.15%; padding-right:5.15%;}
.ss .div2 .slides { width:100%; position:relative;z-index:1;}
.ss .div2 .slides li { width:100%; height:auto; position:relative;}
.ss .div2 .slides li a{ display:block; width:33%; margin-left:0.15%; margin-right:0.15%; float:left; position:relative;}
.ss .div2 .slides li a .p1{ position:relative;}
.ss .div2 .slides li a .p1 img{ width:100%; height:auto}
.ss .div2 .slides li a .p1 div{ background:#000; opacity:0; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; position:absolute; width:100%; height:100%; top:0px; left:0px;}
.ss .div2 .slides li a .p2{ background:#edeceb; width:100%; height:35%; position:absolute; top:0px; z-index:10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.ss .div2 .slides li a .p3{ position:absolute; top:5%; left:7%; width:86%; z-index:15; color:#000; /* background:url(../images/1_16.jpg) left top no-repeat; */ padding-top:3.5%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss .div2 .slides li a .p3 .pp1{ text-transform:uppercase; font-weight:bold; }
.ss .div2 .slides li a .p3 .pp2{ margin-top:4%; height:50px; overflow:hidden;}
.ss .div2 .slides li a .p4{ position:absolute; bottom:-10%; left:7%; width:86%; background:url(../images/1_19.png) bottom repeat-x; padding-bottom:3%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss .div2 .slides li a .p4 span{ display:block; background:url(../images/1_20.png) right no-repeat; color:#fff; text-transform:uppercase; font-weight:bold;}
.ss .div2 .slides li a:hover .p1 div{ background:#000; opacity:0.5; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ss .div2 .slides li a:hover .p2{ top:-35%;}
.ss .div2 .slides li a:hover .p3{ top:7%; color:#fff; background:url(../images/1_16a.jpg) left top no-repeat; padding-top:5%;}
.ss .div2 .slides li a:hover .p4{ bottom:5%;}
.ss .div2 .flex-control-nav { display:none;} 
.ss .div2 .flex-prev{ display:block; position:absolute; top:0px; left:0%; width:5%; height:100%; background:url(../images/1_17.png) center no-repeat #f0f0f0; z-index:10;}
.ss .div2 .flex-prev:hover{ background:url(../images/1_17a.png) center no-repeat #103364;}
.ss .div2 .flex-next{ display:block; position:absolute; top:0px; right:0%; width:5%; height:100%; background:url(../images/1_18.png) center no-repeat #f0f0f0; z-index:10;}
.ss .div2 .flex-next:hover{ background:url(../images/1_18a.png) center no-repeat #103364;}
.ss .div3{ display:none;}
.dd{ margin-top:5%; background:#f6f7f9; padding-left:5%; padding-bottom:5%;}
.dd1{ width:31.39%; background:#fff; position:relative;}
.dd1 .div1 img{ width:100%;}
.dd1 .div2{ position:absolute; top:0%; height:35%; background:/* url(../images/1_22.jpg) 10% top no-repeat */ #eeeff3; width:100%; z-index:10; text-align:center;}
.dd1 .div2 span{ width:100%; display:block; position:absolute; top:50%; margin-top:-20px; color:#193c6e; text-transform:uppercase; font-weight:bold; font-family:微软雅黑; letter-spacing:3px;}
.dd1 .div3{ position:absolute; bottom:0%; height:65%; width:100%;}
.dd1 .div3 a{ display:block; position:absolute; width:50%; height:50%; box-sizing:border-box; border:1px solid #eeeff3; border-top:0px; z-index:100; background:url(../images/1_21.jpg) center no-repeat;}
.dd1 .div3 .a1{ border-right:0px; top:0px;}
.dd1 .div3 .a2{ top:0px; left:50%;}
.dd1 .div3 .a3{ top:50%; border-right:0px;}
.dd1 .div3 .a4{ top:50%; left:50%;}
.dd1 .div3 a .p1{ padding-left:10%; padding-top:10%; color:#666; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.dd1 .div3 a .p2{ position:absolute; bottom:10%; left:10%; width:18%; height:30%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.dd1 .div3 .a1 .p2{ background:url(../images/1_23.png) left top no-repeat; background-size:100%;}
.dd1 .div3 .a2 .p2{ background:url(../images/1_24.png) left top no-repeat; background-size:100%;}
.dd1 .div3 .a3 .p2{ background:url(../images/1_25.png) left top no-repeat; background-size:100%;}
.dd1 .div3 .a4 .p2{ background:url(../images/1_26.png) left top no-repeat; background-size:100%;}
.dd1 .div3 a:hover{ background:url(../images/1_27.jpg) center no-repeat;}
.dd1 .div3 .a1:hover .p2{ background:url(../images/1_23a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 .a2:hover .p2{ background:url(../images/1_24a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 .a3:hover .p2{ background:url(../images/1_25a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 .a4:hover .p2{ background:url(../images/1_26a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 a:hover .p1{ color:#fff;}
.dd1 .div3 ul .on a{ background:url(../images/1_27.jpg) center no-repeat;}
.dd1 .div3 ul .on .a1 .p2{ background:url(../images/1_23a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 ul .on .a2 .p2{ background:url(../images/1_24a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 ul .on .a3 .p2{ background:url(../images/1_25a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 ul .on .a4 .p2{ background:url(../images/1_26a.png) left top no-repeat; background-size:100%;}
.dd1 .div3 ul .on a .p1{ color:#fff;}
.dd2{ width:68.61%; position:relative;}
.dd2 .div1 img{ width:100%;}
.dd2 .div2{ position:absolute; top:0px; padding:5%; padding-bottom:0px; z-index:100; width:90%; left:0px;}
.dd2 .div2 .p1{ color:#fff; text-transform:uppercase; font-weight:bold; font-family:微软雅黑; /* background:url(../images/1_30.jpg) left bottom no-repeat; */ padding-bottom:2.5%;}
.dd2 .div2 .p2{ margin-top:5%; color:#fff; width:60%; margin-bottom:10%;}
.dd2 .div3{ position:absolute; bottom:8%; background:url(../images/1_30.png) repeat-x top left; padding-left:5%; width:100%;}
.dd2 .div3 ul li{ float:left; width:15%;}
.dd2 .div3 ul li .p1{ padding-left:10px;}
.dd2 .div3 ul li .p1 img{ vertical-align: top;}
.dd2 .div3 ul li .p2{ margin-top:10%;}
.ff{ margin-top:5%; padding-left:5%; padding-right:5%; position:relative;}
.ff .lf{ width:46%; position:relative; z-index:100;}
.ff .lf a{ display:block;}
.ff .lf a .div1 img{ width:100%;}
.ff .lf a .div2{ position:absolute; top:0px; left:0px; width:100%; top:40%; text-align:center;}
.ff .lf a .div2 img{ width:12%; border-radius:100%; box-shadow: 0px 0px 20px 5px rgba(255, 255, 255, 0); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.ff .lf a:hover .div2 img{ box-shadow: 0px 0px 200px 50px rgba(255, 255, 255, 0.3)}
.ff .rg{ position:absolute; top:0px; right:5%; width:58.22%;}
.ff .rg .div1 img{ width:100%;}
.ff .rg .div2{ position:absolute; left:25%; top:15%; width:62%;}
.ff .rg .div2 .p1{ font-family:微软雅黑; font-weight:bold; text-transform:uppercase; /* background:url(../images/1_40.jpg) left bottom no-repeat;  */padding-bottom:4%; color:#333;}
.ff .rg .div2 .p2{ font-family:微软雅黑; /* width:35%; */ margin-top:4%; color:#333;}
.ff .rg .div2 .p3{ margin-top:5%; margin-bottom:10%; color:#333;}
.gg{ background:url(../images/1_41.jpg) center no-repeat; height:815px; margin-top:10%; position:relative; width:1920px; margin-left:-960px; left:50%;}
.gg .div1{ text-align:center; color:#fff; padding-top:5%; font-size:48px; text-transform:uppercase; line-height:48px;}
.gg .div2{ margin:0 auto; position:relative; width:1200px; margin-top:4%;}
.gg .div2 a{ display:block; position:absolute;}
.gg .div2 .a1{ left:133px; top:80px;}
.gg .div2 .a2{ left:133px; top:158px;}
.gg .div2 .a3{ left:581px; top:41px;}
.gg .div2 .a4{ left:513px; top:104px; z-index:10;}
.gg .div2 .a5{ left:450px; top:121px;}
.gg .div2 .a6{ left:525px; top:136px; z-index:11;}
.gg .div2 .a7{ left:451px; top:146px;}
.gg .div2 .a8{ left:873px; top:182px;}
.gg .div2 .a9{ left:1008px; top:170px;}
.gg .div2 a .pp2{ position:absolute; top:-39px; left:-150px; width:0px; height:0px; overflow:hidden; -webkit-transition: all 0s 0.3s; -moz-transition: all 0s 0.3s; transition: all 0s 0.3s;}
.gg .div2 .a3 .pp2{ top:-35px;}
.gg .div2 .a6 .pp2{ top:-40px;}
.gg .div2 .a7 .pp2{ top:-30px;}
.gg .div2 .a8 .pp2{ top:-40px;}
.gg .div2 a .pp2 .pad{ background:url(../images/1_53.png) center bottom no-repeat; width:154px; height:111px; opacity:0; -webkit-transition: all .3s 0s; -moz-transition: all .3s 0s; transition: all .3s 0s;}
.gg .div2 a .pp2 .pad .span1{ padding-left:7px; padding-top:8px;}
.gg .div2 a .pp2 .pad .span2{ font-size:12px; line-height:18px; padding-left:7px; text-decoration:underline; color:#477eb0; text-transform:uppercase;}
.gg .div2 .on .pp2{ width:154px; height:111px;  -webkit-transition: all 0s 0s; -moz-transition: all 0s 0s; transition: all 0s 0s;}
.gg .div2 .on .pp2 .pad{ opacity:1;}
.gg .div3{ display:none;}
.gg .div4{ position:absolute; bottom:20%; background:url(../images/1_54.jpg) left bottom repeat-x; width:493px; left:0px; color:#fff;}
.gg .div4 span{ font-family:Fontsstyle2; font-size:180px; line-height:60px;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 中屏幕的尺寸 */
	.gg .div1{ font-size:30px; line-height:32px; padding-top:3%;}
	.gg .div4 span{ font-family:Fontsstyle2; font-size:100px; line-height:62px;}
}
@media screen and (max-width: 1500px) and (min-width:1024px) {/* 中屏幕的尺寸 */
	.a_btn{ width:180px; height:40px; font-size:14px; line-height:40px;}
	.dd2 .div2 .p2{ margin-top:5%; color:#fff; width:60%; margin-bottom:5%; width:80%;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.banner{ display:none;}
	.moblie_banner{ display:block; position:relative; overflow:hidden; width:100%; overflow:hidden;}
	.moblie_banner .slides { width:100%; position:relative;z-index:1;}
	.moblie_banner .slides li { width:100%; height:auto; position:relative;}
	.moblie_banner .slides li img{ width:100%; height:auto}
	.moblie_banner .flex-control-nav { position:absolute; bottom:5%; z-index:99;width:100%; text-align:center; left:0px;} 
	.moblie_banner .flex-control-nav li { display:inline-block; width:0.25rem; height:0.25rem; margin:0 0.15rem;}
	.moblie_banner .flex-control-nav li span { display:none;}
	.moblie_banner .flex-control-nav li a { width:0.25rem; height:0.25rem; cursor:pointer; background:#fff; display:block; border-radius:100%;}
	.moblie_banner .flex-control-nav li a.flex-active { background:#0f85c1}
	.moblie_banner .flex-prev{ display:none;}
	.moblie_banner .flex-next{ display:none;}
	.moblie_banner .div1{ position:absolute; top:20%; left:5%; z-index:100; width:60%;}
	.moblie_banner .div1 .p1{ position:relative; top:-50px; opacity:0; -webkit-transition: all 1.2s 0.5s; -moz-transition: all 1.2s 0.5s; transition: all 1.2s 0.5s;}
	.moblie_banner .div1 .p1 img{ width:100%;}
	.moblie_banner .div1 .p2{ margin-top:4%;}
	.moblie_banner .div1 .p2 a{ display:block; float:left; width:25%; position:relative; opacity:0px; right:-50px; opacity:0;}
	.moblie_banner .div1 .p2 .a1{ -webkit-transition: all 1.2s 0.7s; -moz-transition: all 1.2s 0.7s; transition: all 1.2s 0.7s;}
	.moblie_banner .div1 .p2 .a2{ -webkit-transition: all 1.2s 0.9s; -moz-transition: all 1.2s 0.9s; transition: all 1.2s 0.9s;}
	.moblie_banner .div1 .p2 .a3{ -webkit-transition: all 1.2s 1.1s; -moz-transition: all 1.2s 1.1s; transition: all 1.2s 1.1s;}
	.moblie_banner .div1 .p2 .a4{ -webkit-transition: all 1.2s 1.3s; -moz-transition: all 1.2s 1.3s; transition: all 1.2s 1.3s;}
	.moblie_banner .div1 .p2 a img{ width:100%;}
	.moblie_banner .flex-active-slide .p1{ top:0px; opacity:1;}
	.moblie_banner .flex-active-slide .p2 a{ right:0px; opacity:1;}
	.div_box{ min-width:100%;}
	.a_btn{ width:120px; height:40px; font-size:14px; line-height:40px;}
	.ss{ margin-top:5%;}
	.ss .div2{ display:none;}
	.ss .div3{ display:block; margin-top:5%; position:relative; width:80%; padding-left:10%; padding-right:10%;}
	.ss .div3 .slides { width:100%; position:relative;z-index:1;}
	.ss .div3 .slides li { width:100%; height:auto; position:relative;}
	.ss .div3 .slides li a{ display:block; width:99.5%; margin-left:0.25%; margin-right:0.25%; float:left; position:relative;}
	.ss .div3 .slides li a .p1 img{ width:100%; height:auto}
	.ss .div3 .slides li a .p2{ background:#edeceb; width:100%; height:40%; position:absolute; top:0px; z-index:10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
	.ss .div3 .slides li a .p3{ position:absolute; top:5%; left:5%; width:90%; z-index:15; color:#000; background:url(../images/1_16.jpg) left top no-repeat; padding-top:5%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.ss .div3 .slides li a .p3 .pp1{ text-transform:uppercase; font-weight:bold; }
	.ss .div3 .slides li a .p3 .pp2{ margin-top:4%; height:50px; overflow:hidden;}
	.ss .div3 .slides li a .p4{ position:absolute; bottom:5%; left:5%; width:90%; background:url(../images/1_19.png) bottom repeat-x; padding-bottom:3%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
	.ss .div3 .slides li a .p4 span{ display:block; background:url(../images/1_20.png) right no-repeat; color:#fff; text-transform:uppercase; font-weight:bold;}
	.ss .div3 .flex-control-nav { display:none;} 
	.ss .div3 .flex-prev{ display:block; position:absolute; top:0px; left:0%; width:9.75%; height:100%; background:url(../images/1_17.png) center no-repeat #103364; z-index:10;}
	.ss .div3 .flex-prev:hover{ background:url(../images/1_17.png) center no-repeat #103364;}
	.ss .div3 .flex-next{ display:block; position:absolute; top:0px; right:0%; width:9.75%; height:100%; background:url(../images/1_18.png) center no-repeat #103364; z-index:10;}
	.ss .div3 .flex-next:hover{ background:url(../images/1_18.png) center no-repeat #103364;}
	.dd{ padding-left:0%; margin-top:0px; padding-bottom:0px;}
	.dd1{ width:100%;}
	.dd1 .div2{ background:#eeeff3;}
	.dd2{ width:100%; position:relative; background:#153867; padding-bottom:10%;}
	.dd2 .div1{ display:none;}
	.dd2 .div2{ position:relative;}
	.dd1 .div2 span{ margin-top:-0.31rem;}
	.dd2 .div2 .p1{ padding-bottom:5%;}
	.dd2 .div2 .p2{ width:100%; margin-bottom:5%;}
	.dd2 .div3{ position:relative; width:95%; margin-top:10%;}
	.dd2 .div3 ul li{ width:20%;}
	.ff{ padding:0px; margin:0px;}
	.ff .lf{ width:100%;}
	.ff .rg{ position:relative; top:0px; right:0%; width:100%; background:#f6f7f9;}
	.ff .rg .div1{ display:none;}
	.ff .rg .div2{ position:relative; left:0%; top:0%; width:90%; padding:5%;}
	.ff .rg .div2 .p1{  padding-bottom:5%;}
	.ff .rg .div2 .p2{ width:100%; margin-top:5%;}
	.gg{ background:url(../images/1_41.jpg) top center no-repeat; height:auto; margin-top:0%; width:100%; margin-left:0px; left:0%; padding-bottom:8%;}
	.gg .div1{ text-align:center; color:#fff; padding-top:7%; font-size:0.6rem; text-transform:uppercase; line-height:0.62rem;}
	.gg .div2{ display:none;}
	.gg .div3{ display:block; margin-top:5%;}
	.gg .div3 img{ width:100%;}
	.gg .div4{ position:relative; margin-top:5%; width:100%; padding-bottom:5%;}
	.gg .div4 .rg{ width:100%; text-align:center;}
	.gg .div4 span{ font-size:1rem; line-height:0.4rem; margin-right:0.1rem;}
	
}
/* Index End */

/* Main */
.main_banner{ position:relative; min-width:1200px; overflow:hidden;}
.main_banner .div1 img{ width:100%;}
.main_banner .div2{ position:absolute; width:100%; bottom:35%; left:10%; z-index:10;}
.main_banner .div2 img{ width:35.88%;}
.main_banner .div3{ position:absolute; bottom:0px; left:10%; width:100%; background:rgba(255,255,255,0.9); height:49px;}
.main_banner .div3 .p1{ background:#0f3d7b;}
.main_banner .div3 .p2 a{ display:block; width:247px; float:left; height:49px; line-height:49px; text-align:center; background:url(../images/2_06.png) center no-repeat; text-transform:uppercase; margin-left:1px;}
.main_banner .div3 .p2 .a1,.main_banner .div3 .p2 a:hover{ background:url(../images/2_07.jpg) center no-repeat;}
.main_banner .div3 .p2 a span{ color:#333333; background:url(../images/2_04.png) center right no-repeat; padding-right:20px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.main_banner .div3 .p2 .a1 span,.main_banner .div3 .p2 a:hover span{ color:#fff; background:url(../images/2_05.png) center right no-repeat;}

.div_abo{ background:#fafafa; padding-top:5%; padding-bottom:5%;}
.div_abo .lf{ width:50%; text-align:right; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo .lf img{ width:80%;}
.div_abo .rg{ width:48%; margin-left:2%; position:relative;}
.div_abo .rg .div1{ color:#1e47a3; font-family:微软雅黑; text-transform:uppercase; border-bottom:1px solid #ddd; padding-bottom:3%; font-weight:bold;}
.div_abo .rg .div2{ margin-top:4%; width:65%; text-align:justify; color:#4c4c4c;}
.div_abo .rg .div3{ margin-top:5%;}
.div_abo .rg .div3 ul li{ width:15%; float:left;}
.div_abo .rg .div3 ul li .p1 span{ font-size:46px; font-family:Fontsstyle2; margin-right:5px;}
.div_abo .rg .div4{ position:absolute; right:8px; width:4.6%; top:0px;}
.div_abo .rg .div4 img{ width:100%;}
.div_abo1{ background:url(../images/2_10.jpg) center top no-repeat; height:750px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo1 .div1{ position:relative; top:-7%;}
.div_abo1 .div1 .p1{width:12.65%; margin:0 auto; border-radius:100%;}
.div_abo1 .div1 .p1 img{ width:100%;}
.div_abo1 .div1 .p2{ border-bottom:1px dashed #2c396c; position:absolute; bottom:50%; left:0px; width:100%;}
.div_abo1 .div1 .p3{ width:100%; text-align:center; position:absolute; bottom:20%; color:#fff; text-transform:uppercase;}
.div_abo1 .div2{ background:url(../images/2_12.jpg) left 128px repeat-x; margin-top:5%;}
.div_abo1 .div2 .flexslider{ width:80%; margin:0 auto; position:relative;}
.div_abo1 .div2 .slides li a{ display:block; float:left; width:23%; margin-left:1%; margin-right:1%; color:#ccc;}
.div_abo1 .div2 .slides li .a1 .p1{ background:url(../images/2_15.png) left bottom no-repeat; padding-left:20px; height:138px; overflow:hidden;}
.div_abo1 .div2 .slides li .a1 .p2{ margin-top:10px;}
.div_abo1 .div2 .slides li .a2 .p1{ margin-top:84px;}
.div_abo1 .div2 .slides li .a2 .p2{ background:url(../images/2_16.png) left top no-repeat; padding-left:20px; height:138px; padding-top:40px; margin-top:10px; overflow:hidden;}
.div_abo1 .div2 .flex-control-nav{ display:none;}
.div_abo1 .div2 .flex-direction-nav .flex-prev{ position:absolute; top:103px; left:-7%; background:url(../images/2_13.png) center no-repeat; width:77px; height:53px;}
.div_abo1 .div2 .flex-direction-nav .flex-prev:hover{ left:-7.5%;}
.div_abo1 .div2 .flex-direction-nav .flex-next{ position:absolute; top:103px; right:-7%; background:url(../images/2_14.png) center no-repeat; width:77px; height:53px;}
.div_abo1 .div2 .flex-direction-nav .flex-next:hover{ right:-7.5%;}
.div_abo1 .div3{ display:none;}
.div_abo2{ background:url(../images/2_19.jpg) center top no-repeat; padding-bottom:5%;}
.div_abo2 .div1{ text-align:center; padding-top:5%;}
.div_abo2 .div1 .p1{ font-family:微软雅黑; background:url(../images/2_18.jpg) center bottom no-repeat; text-transform:uppercase; padding-bottom:1%;}
.div_abo2 .div1 .p2{ margin-top:1%;}
.div_abo2 .div2{ margin-top:4%;}
.div_abo2 .div2 .flexslider{ margin:0 auto; width:80%; position:relative;}
.div_abo2 .div2 .flexslider ul li a{ display:block; width:19%; margin-left:3%; margin-right:3%; float:left; padding-top:25px; color:#666; padding-bottom:20px;}
.div_abo2 .div2 .flexslider ul li a .p1{ border:1px solid #efefef; box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); padding:5px; background:#fff;}
.div_abo2 .div2 .flexslider ul li a .p1 img{ width:100%;}
.div_abo2 .div2 .flexslider ul li a .p2{ font-weight:bold; margin-top:10px; display:none;}
.div_abo2 .div2 .flexslider ul li a:hover{ color:#ff151f}
.div_abo2 .div2 .flex-control-nav{ display:none;}
.div_abo2 .div2 .flex-direction-nav .flex-prev{ position:absolute; top:50%; margin-top:-55px; left:-9.5%; background:url(../images/2_20.png) center no-repeat; width:49px; height:105px;}
.div_abo2 .div2 .flex-direction-nav .flex-prev:hover{ background:url(../images/2_20a.png) center no-repeat #c9cbcb; border-radius:10px; left:-10%;}
.div_abo2 .div2 .flex-direction-nav .flex-next{ position:absolute; top:50%; margin-top:-55px; right:-9.5%; background:url(../images/2_21.png) center no-repeat; width:49px; height:105px;}
.div_abo2 .div2 .flex-direction-nav .flex-next:hover{ background:url(../images/2_21a.png) center no-repeat #c9cbcb; border-radius:10px; right:-10%;}
.div_abo2 .div3{ display:none;}
.div_abo3{ background:#091f32; padding-bottom:5%;}
.div_abo3 .div1{ font-family:微软雅黑; background:url(../images/2_18.jpg) center bottom no-repeat; text-transform:uppercase; padding-bottom:1%; text-align:center; padding-top:5%; color:#fff;}
.div_abo3 .div2{ margin-top:4%;}
.div_abo3 .div2 .flexslider{ margin:0 auto; width:80%; position:relative;}
.div_abo3 .div2 .flexslider ul li a{ display:block; width:31.33%; margin-left:1%; margin-right:1%; float:left; color:#666}
.div_abo3 .div2 .flexslider ul li a .p1{ position:relative; overflow:hidden;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp1 img{ width:100%;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp2{ position:absolute; top:0px; left:0px; background:#091623; width:100%; height:100%; opacity:0; z-index:10; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp3{ position:absolute; bottom:-100%; left:0px; text-align:center; width:100%; z-index:15; color:#00609c; font-weight:bold; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp3 .span1{ text-transform:uppercase;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp3 .span2{ margin-top:2%;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp3 .span3{ margin-top:4%;}
.div_abo3 .div2 .flexslider ul li a .p1 .pp3 .span3 img{ width:10%;}
.div_abo3 .div2 .flexslider ul li a:hover .p1 .pp2{ opacity:0.72;}
.div_abo3 .div2 .flexslider ul li a:hover .p1 .pp3{ bottom:25%;}
.div_abo3 .div2 .flexslider ul li a .p2{ color:#999; font-weight:bold; margin-top:15px;}
.div_abo3 .div2 .flex-control-nav{ display:none;}
.div_abo3 .div2 .flex-direction-nav .flex-prev{ position:absolute; top:50%; margin-top:-55px; left:-7.5%; background:url(../images/2_20a.png) center no-repeat #1f5282; width:33px; height:71px; border-radius:5px;}
.div_abo3 .div2 .flex-direction-nav .flex-prev:hover{ background:url(../images/2_20a.png) center no-repeat #194268;  left:-8%;}
.div_abo3 .div2 .flex-direction-nav .flex-next{ position:absolute; top:50%; margin-top:-55px; right:-7.5%; background:url(../images/2_21a.png) center no-repeat #1f5282; width:33px; height:71px; border-radius:5px;}
.div_abo3 .div2 .flex-direction-nav .flex-next:hover{ background:url(../images/2_21a.png) center no-repeat #194268; right:-8%;}
.div_abo3 .div3{ display:none;}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 中屏幕的尺寸 */
	.div_abo .lf{ padding-top:2%;}
	.div_abo .rg{ margin-top:0%;}
	.div_abo .rg .div2{ width:80%;}
	.div_abo .rg .div3 ul li{ width:20%;}
	.div_abo .rg .div3 ul li .p1 span{ font-size:40px; font-family:Fontsstyle2; margin-right:5px;}
	.div_abo1{ background:url(../images/2_10.jpg) center top no-repeat; height:650px;}
	.div_abo1 .div2 .slides li .a1 .p1{ font-size:12px; line-height:20px;}
	.div_abo1 .div2 .slides li .a2 .p2{ font-size:12px; line-height:20px;}
}
@media screen and (max-width: 1600px) and (min-width:1024px) {/* 移动端的尺寸 */
	.main_banner .div3 .p2 a{ width:230px;}
}
@media screen and (max-width: 1400px) and (min-width:1024px) {/* 移动端的尺寸 */
	.main_banner .div3 .p2 a{ width:220px;}
	.div_abo .lf{ padding-top:4%;}
}
@media screen and (max-width: 1300px) and (min-width:1024px) {/* 移动端的尺寸 */
	.main_banner .div3 .p2 a{ width:210px;}
	.div_abo .lf{ padding-top:4%;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.main_banner{ min-width:100%;}
	.main_banner .div3{ display:none;}
	.div_abo .lf{ width:90%; padding-left:5%; padding-right:5%;}
	.div_abo .lf img{ width:100%;}
	.div_abo .rg{ width:90%; padding-left:5%; padding-right:5%; margin-top:5%; padding-bottom:8%;}
	.div_abo .rg .div2{ width:100%}
	.div_abo .rg .div3 ul li{ width:33%; float:left;}
	.div_abo .rg .div3 ul li .p1 span{ font-size:1rem;}
	.div_abo .rg .div4{ display:none;}
	.div_abo1{ height:auto; position:relative;}
	.div_abo1 .div1{ position:relative; top:-1rem;}
	.div_abo1 .div1 .p1{width:30%; margin:0 auto; border-radius:100%;}
	.div_abo1 .div1 .p1 img{ width:100%;}
	.div_abo1 .div1 .p2{ border-bottom:1px dashed #2c396c; position:absolute; bottom:50%; left:0px; width:100%;}
	.div_abo1 .div1 .p3{ width:100%; text-align:center; position:absolute; bottom:15%; color:#fff; text-transform:uppercase;}
	.div_abo1 .div2{ display:none;}
	.div_abo1 .div3{ display:block; background:url(../images/2_12.jpg) left 40px repeat-x; position:relative; margin-top:-0.5rem; padding-bottom:1rem;}
	.div_abo1 .div3 .flexslider{ width:80%; margin:0 auto;}
	.div_abo1 .div3 .slides li a{ display:block; float:left; width:100%; margin-left:1%; margin-right:1%; color:#ccc;}
	.div_abo1 .div3 .slides li .a1 .p1{ background:url(../images/2_17.png) center bottom no-repeat; padding-bottom:30px; text-align:center; overflow:hidden; font-size:20px; line-height:22px;}
	.div_abo1 .div3 .slides li .a1 .p2{ margin-top:10px; text-align:center;}
	.div_abo1 .div3 .flex-control-nav{ display:none;}
	.div_abo1 .div3 .flex-direction-nav .flex-prev{ position:absolute; top:24px; left:0px; background:url(../images/2_13.png) right center no-repeat; width:37px; height:33px;}
	.div_abo1 .div3 .flex-direction-nav .flex-next{ position:absolute; top:24px; right:0px; background:url(../images/2_14.png) left center no-repeat; width:37px; height:33px;}
	.div_abo2 .div1{ padding-top:8%;}
	.div_abo2 .div1 .p1{ padding-bottom:3%;}
	.div_abo2 .div1 .p2{ margin-bottom:3%;}
	.div_abo2 .div2{ display:none;}
	.div_abo2 .div3{ display:block; position:relative;}
	.div_abo2 .div3 .flexslider{ width:60%; margin:0 auto;}
	.div_abo2 .div3 .slides li a{ display:block; float:left; padding-top:10px; width:90%; margin-left:5%; margin-right:5%; color:#ccc; padding-bottom:10px;}
	.div_abo2 .div3 .flexslider ul li a .p1{ border:1px solid #efefef; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1); padding:5px;}
	.div_abo2 .div3 .flexslider ul li a .p1 img{ width:100%;}
	.div_abo2 .div3 .flexslider ul li a .p2{ font-weight:bold; margin-top:10px; display:none;}
	.div_abo2 .div3 .flex-control-nav{ display:none;}
	.div_abo2 .div3 .flex-direction-nav .flex-prev{ position:absolute; top:50%; margin-top:-1.2rem; left:5%; background:url(../images/2_20a.png) center no-repeat #c9cbcb; border-radius:5px; width:1rem; height:2rem;}
	.div_abo2 .div3 .flex-direction-nav .flex-next{ position:absolute; top:50%; margin-top:-1.2rem; right:5%;  background:url(../images/2_21a.png) center no-repeat #c9cbcb; border-radius:5px; width:1rem; height:2rem;}
	.div_abo3{ padding-bottom:8%; position:relative;}
	.div_abo3 .div1{ padding-bottom:3%; padding-top:8%;}
	.div_abo3 .div2{ display:none;}
	.div_abo3 .div3{ display:block; margin-top:5%;}
	.div_abo3 .div3 .flexslider{ margin:0 auto; width:80%; position:relative;}
	.div_abo3 .div3 .flexslider ul li a{ display:block; width:95%; margin-left:2.5%; margin-right:2.5%; float:left; color:#666}
	.div_abo3 .div3 .flexslider ul li a .p1{ position:relative; overflow:hidden;}
	.div_abo3 .div3 .flexslider ul li a .p1 .pp1 img{ width:100%;}
	.div_abo3 .div3 .flexslider ul li a .p2{ color:#999; font-weight:bold; margin-top:15px;}
	.div_abo3 .div3 .flex-control-nav{ display:none;}
	.div_abo3 .div3 .flex-direction-nav .flex-prev{ position:absolute; top:50%; margin-top:-1.2rem; left:-0.9rem; background:url(../images/2_20a.png) center no-repeat #1f5282; width:0.7rem; height:1.5rem; border-radius:5px;}
	.div_abo3 .div3 .flex-direction-nav .flex-next{ position:absolute; top:50%; margin-top:-1.2rem; right:-0.9rem; background:url(../images/2_21a.png) center no-repeat #1f5282; width:0.7rem; height:1.5rem; border-radius:5px;}
}

.div_pro{ background:url(../images/3_03.jpg) repeat-y; padding-top:5%; padding-bottom:5%; overflow:hidden;}
.div_pro .div1{ color:#333; font-weight:bold;}
.div_pro .div1 strong{ color:#9e9e9e; margin-left:10px; margin-right:10px;}
.div_pro .div1 span{ color:#9e9e9e; text-transform:uppercase;}
.div_pro .div2{ margin-top:5%;}
.div_pro .div2 ul li{ width:410px; float:left; margin-bottom:5%;}
.div_pro .div2 ul li .p1{ text-align:center;}
.div_pro .div2 ul li .p1 img{ width:320px;}
.div_pro .div2 ul li .p2{ padding-left:45px; font-family:微软雅黑; font-weight:bold; color:#333; margin-top:5%;}
.div_pro .div2 ul li .p3{ padding-left:45px; color:#666; margin-top:2%; text-transform:uppercase; display:none;}
.div_pro .div2 ul li .p4{ padding-left:45px; position:relative; left:-20px; opacity:0; margin-top:5%; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro .div2 ul li .p1,.div_pro .div2 ul li .p2,.div_pro .div2 ul li .p3{ position:relative; top:0px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_pro .div2 ul li:hover .p1,.div_pro .div2 ul li:hover .p2,.div_pro .div2 ul li:hover .p3{ top:-10px;}
.div_pro .div2 ul li:hover .p4{ left:0px; opacity:1;}
.div_pro1{ margin-top:4%;}
.fx{ color:#666666; text-transform:uppercase;}
.fx a{ color:#666;}
.fx a:hover{ color:#0a3978;}
.fx span{ color:#0a3978;}
.div_pro1 .div1{ margin-top:4%;}
.div_pro1 .div1 .lf{ width:407px;}
.div_pro1 .div1 .lf .p1{ color:#333333; font-family:微软雅黑; font-weight:bold; text-transform:uppercase;}
.div_pro1 .div1 .lf .p2{ margin-top:5%; text-transform:uppercase;}
.div_pro1 .div1 .rg{ width:690px;}
.div_pro1 .div1 .rg .p1{ float:left;}
.div_pro1 .div1 .rg .p2{ float:right;}
.div_case .div1 .lf{ width:580px;}
.div_case .div1 .rg{ width:600px;}
.div_pro2{ background:#ebebeb; padding-top:3%; padding-bottom:5%; margin-top:3%;}
.div_pro2 .div2{ margin-top:5%;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_pro{ background:none; padding-bottom:0px;}
	.div_pro .div1 strong{ display:none;}
	.div_pro .div1 span{ display:block; margin-top:1.5%;}
	.div_pro .div2{ margin-top:5%;}
	.div_pro .div2 ul li{ width:100%; margin-bottom:8%;}
	.div_pro .div2 ul li .p1{ border:1px solid #ddd;}
	.div_pro .div2 ul li .p1 img{ width:100%;}
	.div_pro .div2 ul li .p2{ padding-left:0px;}
	.div_pro .div2 ul li .p3{ padding-left:0px;}
	.div_pro .div2 ul li .p4{ padding-left:0px; left:0px; opacity:1; margin-top:3%;}
	.div_pro .div2 ul li:hover .p1,.div_pro .div2 ul li:hover .p2,.div_pro .div2 ul li:hover .p3{ top:0px;}
	
	.div_pro1{ margin-top:5%;}
	.div_pro1 .div1{ margin-top:5%;}
	.div_pro1 .div1 .lf{ width:100%;}
	.div_pro1 .div1 .lf .p2{ line-height:0.8rem;}
	.div_pro1 .div1 .rg .p3{ float:left !important;}
	.div_pro1 .div1 .rg{ width:100%; margin-top:5%;}
	.div_pro1 .div1 .rg .p1{ float:left; width:47.5%;}
	.div_pro1 .div1 .rg .p2{ float:right; width:47.5%;}
	.div_pro1 .div1 .rg img{ width:100%;}
	.div_pro2 .div1{ line-height:0.65rem}
	.div_pro2 .div2{ margin-top:5%;}
}
.div_ser{ text-align:center; padding-top:4%; padding-bottom:5%; width:80%; padding-left:10%; padding-right:10%}
.div_ser .div1{ display:inline-block; border:1px solid #ddd; padding:5px 15px;}
.div_ser .div2{ margin-top:1.5%; margin-bottom:1%;}
.div_ser .div3{ margin-top:4%;}
.div_ser .div3 .lf{ width:47.5%;}
.div_ser .div3 .lf img{ width:100%;}
.div_ser .div3 .rg{ width:48%; text-align:left;}
.div_ser .div3 .rg .f_14{ margin-top:1.5%;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_ser{ padding-top:8%; padding-bottom:8%; width:90%; padding-left:5%; padding-right:5%;}
	.div_ser .div2{ margin-top:5%; margin-bottom:2%;}
	.div_ser .div3{ margin-top:5%;}
	.div_ser .div3 .lf{ width:100%;}
	.div_ser .div3 .lf img{ width:100%;}
	.div_ser .div3 .rg{ width:100%; margin-top:5%;}
	.div_ser .div3 .rg .f_14{ margin-top:3%;}
}

.div_env{ background:#303030; position:relative; padding-top:5%; padding-bottom:5%;}
.div_env .div1{ position:absolute; width:71.875%; top:22%; right:0px;}
.div_env .div1 img{ width:100%;}
.div_env .div2{ position:relative;}
.div_env .div2 .slides li a{ display:block; padding-left:15%; width:85%;}
.div_env .div2 .slides li .lf{ width:47.16%; position:relative;}
.div_env .div2 .slides li .lf .p1 img{ width:100%;}
.div_env .div2 .slides li .lf .p2{ position:absolute; left:-25%; width:54.25%; top:23%; z-index:100;}
.div_env .div2 .slides li .lf .p2 img{ width:100%;} 
.div_env .div2 .slides li .rg{ width:35%; margin-right:12.5%; color:#b2b2b2; padding-top:7%;}
.div_env .div2 .slides li .rg .p1{ background:url(../images/4_09.jpg) left bottom no-repeat; padding-bottom:5%; text-transform:uppercase;}
.div_env .div2 .slides li .rg .p2{ margin-top:8%;}
.div_env .div2 .flex-control-nav{ margin-left:15%; margin-top:2%;}
.div_env .div2 .flex-control-nav li{ float:left; margin-right:15px;}
.div_env .div2 .flex-control-nav li a{ color:#808080; font-size:14px; border-bottom:1px solid #303030}
.div_env .div2 .flex-control-nav li .flex-active{ color:#245f97; border-bottom:1px solid #245f97}
.div_env .div2 .flex-prev{ background:url(../images/4_11.png) center no-repeat; width:60px; height:60px; position:absolute; top:50%; left:5%; margin-top:-30px; z-index:100;}
.div_env .div2 .flex-prev:hover{ background:url(../images/4_11a.png) center no-repeat;}
.div_env .div2 .flex-next { background:url(../images/4_12.png) center no-repeat; width:60px; height:60px; position:absolute; top:50%; right:5%; margin-top:-30px;}
.div_env .div2 .flex-next:hover{ background:url(../images/4_12a.png) center no-repeat;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_env{ padding-top:5%; padding-bottom:8%;}
	.div_env .div1{ width:100%;}
	.div_env .div2{ padding-left:5%; padding-right:5%; width:90%;}
	.div_env .div2 .slides li a{ padding:0px; width:98%; margin-left:1%; margin-right:1%;}
	.div_env .div2 .slides li .lf{ width:100%;}
	.div_env .div2 .slides li .lf .p2{ display:none;}
	.div_env .div2 .slides li .rg{ width:100%; margin-right:0%; padding-top:5%;}
	.div_env .div2 .slides li .rg .p1{ background:url(../images/4_09.jpg) left bottom no-repeat; padding-bottom:5%; text-transform:uppercase;}
	.div_env .div2 .slides li .rg .p2{ margin-top:5%;}
	.div_env .div2 .flex-control-nav{ margin-left:0%; margin-top:5%; text-align:center;}
	.div_env .div2 .flex-control-nav li{ float:none; display:inline-block; margin-right:5px; margin-left:5px;}
	.div_env .div2 .flex-control-nav li a{ color:#808080; font-size:14px; border-bottom:1px solid #303030}
	.div_env .div2 .flex-control-nav li .flex-active{ color:#245f97; border-bottom:1px solid #245f97}
	.div_env .div2 .flex-prev{ display:none;}
	.div_env .div2 .flex-next{ display:none;}
}

.body_cont{ background:#f5f5f5;}
.div_cont{ width:100%; height:550px;}
.div_cont1{ width:990px; margin:0 auto; padding-bottom:2%;}
.div_cont1 .lf{ background:#fff; width:497px; height:588px; box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.1); position:relative; top:-95px; z-index:10;}
.div_cont1 .lf .pad{ padding:68px; padding-bottom:0px;}
.div_cont1 .lf .pad .div2{ margin-top:40px;}
.div_cont1 .lf .pad .div2 .p1{ font-weight: bold; font-family:微软雅黑; text-transform:uppercase; color:#333;} 
.div_cont1 .lf .pad .div2 .p2{ margin-top:10px; color:#808080;}
.div_cont1 .rg{ background:url(../images/5_04.jpg) center no-repeat; width:493px; height:589px; position:relative; z-index:5; top:-95px;}
.div_cont1 .rg .pad{ padding:42px; padding-bottom:0px;}
.div_cont1 .rg .pad .div1{ text-align:right; padding-top:10px; color:#fff; margin-bottom:20px;}
.div_cont1 .rg .pad .div1 .p1{ text-transform:uppercase;}
.div_cont1 .rg .pad .div1 .p2{ margin-top:5px;}
.div_cont1 .rg .pad .div2{ background:#fff; border-radius:2px; height:47px; padding-left:24px; padding-right:24px; margin-bottom:10px;}
.div_cont1 .rg .pad .div2 .text{ font-size:16px; line-height:45px; font-family:微软雅黑;}
.div_cont1 .rg .pad .div3{ background:#fff; padding:10px 24px; height:150px; border-radius:2px;}
.div_cont1 .rg .pad .div3 .text{ height:150px; overflow:hidden; resize:none; font-size:16px; font-family:微软雅黑;}
.div_cont1 .rg .pad .div4{ margin-top:30px; text-align:center;}
.div_cont1 .rg .pad .div4 a{ display:inline-block; width:169px; height:40px; line-height:40px; text-align:center; color:#17548b; background:#ffffff; text-transform:uppercase; font-size:18px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_cont{ display:none;}
	.div_cont1{ width:90%; margin:0 auto; padding:5%;}
	.div_cont1 .lf{ width:100%; height:auto; top:0px;}
	.div_cont1 .lf .pad{ padding:8% 5%;}
	.div_cont1 .lf .pad .div1 img{ width:60%;}
	.div_cont1 .lf .pad .div2{ margin-top:8%;}
	.div_cont1 .lf .pad .div2 .p2{ margin-top:2%;}
	.div_cont1 .rg{ margin-top:0%; width:100%; height:auto; top:0px;}
	.div_cont1 .rg .pad{ padding:5%;}
}

.div_news{ margin-top:4%; margin-bottom:5%;}
.div_news ul li{ float:left; width:31%; margin-right:3.5%; margin-bottom:3.5%;}
.div_news ul li a{ display:block; border:1px solid #ddd; position:relative; top:0px;}
.div_news ul li .div1 img{ width:100%;}
.div_news ul li .div2{ padding:5%}
.div_news ul li .div2 .p1{ color:#333; font-weight:bold;}
.div_news ul li .div2 .p2{ color:#999;}
.div_news ul li .div2 .p3{ color:#666;}
.div_news ul li a:hover{ box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.1); top:-10px;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
	.div_news{ margin-top:5%; margin-bottom:5%;}
	.div_news ul li{ width:100%; margin-bottom:5%; margin-right:0px;}
	.div_news ul li a:hover{ top:0px;}
}

.div_news1{ margin-top:4%; margin-bottom:5%;}
.title{ font-weight:bold; text-align:center; color:#333;}
.time{ text-align:center; margin-top:2%; color:#999}
.txt{ margin-top:2%; color:#666}
.back{ margin-top:5%; text-align:center;}
.back a{ display:inline-block; width:180px; line-height:40px; height:40px; text-align:center; border:1px solid #ddd; color:#666; text-transform:uppercase; font-size:16px;}
.back a:hover{ background:#003b76; color:#fff;}

.div_ind{ padding-top:5%; padding-bottom:5%; background:url(../images/2_31.jpg) left top no-repeat; text-align:center;}
.div_ind .div1{ text-align:center; text-align:center;}
.div_ind .div2{ margin-top:1%;}
.div_ind .div3{ margin-top:3%;}
.div_ind .div4{ margin-top:5%;}
/* Main End */

/* guokit  */
.news-detail img{max-width: 100%; width: 500px; margin: 10px 0;}
.ovh{overflow: hidden;}

/* Main End */ 


/* -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; 背景渐隐 */
/* -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; 背景滚动*/
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片原比例 */
/* -webkit-transform:scale(0.97); -moz-transform:scale(0.97); -o-transform:scale(0.97); -ms-transform:scale(0.97); transform:scale(0.97); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; 图片缩放 */
/* -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s; -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); */
/* -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s; 图片360旋转 */
/* transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); 图片360旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; 3D旋转 */
/* -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; transition: all 1s; transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); 3D旋转 */
/* -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); 高斯模糊 */

/* 0f85c1 */