@charset "utf-8";
/* CSS Document */
html{ overflow-x:auto; overflow-y:auto;word-wrap:break-word;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none;}
body{ margin:0;font-size:12px; font-family:"microsoft yahei"; color:#444;}
img{border:0;/*width:100%*/}
a{ text-decoration:none; color:#fff;/*opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;-khtml-opacity: 1;*/
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:"microsoft yahei"; }
input{ margin:0; padding:0; border:none; font-family:"microsoft yahei";}
button{ border:none; background:none; margin:0; padding:0;}
body{ position:relative;}
select{ margin:0; padding:0; border:none; background:none;-webkit-appearance: none; appearance: none;-moz-appearance: none; -o-appearance: none; font-family:"微软雅黑";}
textarea{ resize:none;}

.w_0100{ float:left; width:100%;}
.w_1000{ margin:0 auto; width:1000px;}
.z_1000{ margin:0 auto; width:1000px;}
.w_1200{ margin:0 auto; width:1200px; overflow:hidden;}
.ov{ overflow:hidden;}
.pc_show{ display:block;}
.phone_show{ display:none;}
.bk_x{ background:none !important;}
.last1{ border:none !important;}
.bg_1{ width:100%; float:left; background:#f1f1f0; padding:35px 0 50px 0;}
.bg_2{ width:100%; float:left; padding:45px 0 50px 0;}
.bg_3{ width:100%; background: #013c90}
.bg_5{ width:100%; float:left; background:#f5f5f5; padding:55px 0 86px 0;}
.bg_7{ width:100%; float:left; padding:64px 0 78px 0; border-bottom:solid 1px #e6e6e6;}
.bg_9{ width:100%; float:left; padding:52px 0 48px 0;}

@media screen and (max-width:767px) {
body{ padding-bottom:55px; overflow:hidden;}
.pz_menu{ min-width:100%;}
.pz_banner{ min-width:100%;}
.pz_main{min-width:100%; min-height:initial;}
.pz_down{min-width:100%;}
.w_1000{width:100% !important;}
.pc_show{display: none;}
.phone_show{ display: block;}
.bg_3{ width:100%; float:left; padding:50px 0 46px 0; background:url(/templates/default/images/z_bg_4.jpg) no-repeat center top; background-size:cover;}
.bg_6{ width:100%; float:left; background:#f5f5f5; padding:0; height:410px;}
}

/*首页   top*/
#pz_top{ float:left; width:100%; min-width:1200px; position:fixed; z-index:80; background: url(/templates/default/images/top_bj.png) repeat}
#pz_banner{ float: left; width:100%; min-width:1200px; overflow:hidden; position:relative; z-index:1;}
.pz_main{ float:left; width:100%; min-width:1200px; background:#66666; overflow:hidden;}
.pz_down{ float:left; width:100%; min-width:1200px;}

/***************************************************************   top   ********************************************************/


/*head start*/
/*.navbox{height:100px;position:relative;z-index:9; margin:auto; font-family:'微软雅黑';}*/
.nav{width:1200px; margin:0 auto; height:100px; list-style:none;}
.logo{ float:left; width:500px; height:100px;}
.logo img{ max-width:500px; max-height:100px; overflow:hidden;}
.nav li{float:left; height:100px;position:relative; list-style:none;}
.nav li.last{background:none;}
.nav li a{float:left;display:block; font-size:16px;color:#ffffff;cursor:pointer; width:100px; line-height:100px; text-align:center; text-transform:uppercase;text-decoration:none;}
.nav li a:hover{font-size:16px;color:#ffffff; text-align:center; text-transform:uppercase;text-decoration:none;}
.mj_hover_menu{text-decoration:none; width:100px; height:100px; background:#015db0; color:#ffffff;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none; position:absolute; top:100px;}
.nav li .submenu li{width:100px; background:#015db0; height:25px;line-height:25px; margin-top:1px; text-align:center;}
.nav li .submenu li a{height:25px;line-height:25px; text-align:center; color:#bbd9ff; font-size:12px;}
.nav li .submenu li a:hover{height:25px;line-height:25px; text-align:center; color:#ffffff;  font-size:12px;}
/*meau end*/





/*banner*/
.picFocus{position:relative;  overflow:hidden;  zoom:1; width:1920px; height:580px;  }
.picFocus .hd{overflow:hidden; position:absolute; bottom:20px; height:64px; z-index:45; }
.picFocus .hd ul{ float:left; overflow:hidden; zoom:1; }
.picFocus .hd ul li{  float:left; width:129px; height:50px; padding:3px;  text-align:center; background:url(/templates/default/images/ban_img1.png) repeat; margin:8px 4px 0 4px;  }
.picFocus .hd ul li img{ width:129px; height:50px;  cursor:pointer;     }
.picFocus .hd ul li.on{ background:0; background-color:#fff; margin:0 4px 8px 4px; }
.picFocus .hd ul li.on img{ border-color:#fff;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:1920px; height:580px; display:block;  }
.picFocus .prev,
.picFocus .next{ position:absolute;  left:17%; top:50%; margin-top:-29px; display:block; width:58px; height:58px; background:url(/templates/default/images/imgPlayer.png) 0px 0px no-repeat; filter:alpha(opacity=100);opacity:1.0; z-index:15;   }
.picFocus .next{ left:auto; right:17%; background-position:-80px 0px; }
.picFocus .prev:hover,
.picFocus .next:hover{ filter:alpha(opacity=80);opacity:0.8;  }
.picFocus .prevStop{background-position:0px 0px;}
.picFocus .nextStop{background-position:-100px 0px;}		
/***************************************************************   banner   ********************************************************/






/*main*/
.tit_1{ width:100%; float:left; height:88px; text-align:left; border-bottom: solid 1px #e5e5e5; background:url(/templates/default/images/z_bian_2.jpg) no-repeat left bottom;}
.tit_1 h1{ font-size:30px; color:#1461a9; line-height:30px; font-family:"Arial";}
.tit_1 h2{ font-size:18px; color:#2a7cda; line-height:18px; padding-top:17px;}
.i_tit{ width:1200px; text-align:center; font-size:30px; padding:30px 0; overflow:hidden;}
.i_tit a{font-size:30px; color:#333333;}


.i_abo_bj{ width:100%; background:url(/templates/default/images/i_abo_bj.gif) no-repeat center top; overflow:hidden; min-height:450px; _height:450px;}
.i_abo_l{ float:left; width:450px; overflow:hidden; padding-top:30px;}
.i_abo_r{ float:left; width:750px; overflow:hidden;}
.i_abo_tit{ text-align:right; font-size:45px; text-transform:uppercase; height:120px; line-height:120px; color:#FFF;}
.i_abo_n{ width:750px; overflow:hidden; margin:40px 0px; line-height:200%; font-size:16px; color:#015db0; height:280px}
.i_abo_n a{line-height:200%; font-size:16px; color:#015db0}


/*首页产品分类*/
.i_SideLayer_all{width:1200px; margin:30px auto; background:#015db0; overflow:hidden;}
.i_SideLayer_l{float:left; width:140px; padding:15px 30px; overflow:hidden;}
.i_SideLayer{ float:left; width:1000px; color:#333333; overflow:hidden;}
.i_SideLayer ul{ width:1000px; margin:10px auto; overflow:hidden;}
.i_SideLayer .l1{ margin:5px; overflow:hidden; border:#FFF 1px solid; float:left;}
.i_SideLayer .l1 a{ display:block; padding:2px 20px; text-align:center; font-size:14px; height:25px; line-height:25px; color:#ffffff; float:left; text-transform:uppercase;}
.i_SideLayer .l1 .hover,.i_SideLayer .l1 a:hover{ color:#1461a9; background:#ffffff}

.ipro{ width:1200px; margin:0 auto; overflow:hidden;}
.ipro ul{ overflow:hidden;}
.ipro ul li{ float:left; width:218px; height:225px; margin:10px; background:#ff4e00; border:#d3d3d3 1px solid; }
.ipro ul li:hover{border:#015db0 1px solid; background:#015db0 }
.ipro ul li a{ color:#ffffff; text-align:center; font-size:16px; line-height:50px; display:block;}
.ipro ul li img{ width:218px; height:176px; overflow:hidden; }



/*首页tab*/
.o-m{width:1200px;margin:20px auto; overflow:hidden;}
.o-m .ul-o{float:left;width:460px; margin-right:20px; position:relative; background:#274bd0; z-index:100}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative; z-index:2; height:65px; padding:10px 0px;color:#fff; text-transform:uppercase;float:left;display:block;font-size:20px; line-height:30px; text-align:center; border-bottom:15px solid #ffffff; overflow:hidden;}
.o-m .ul-o .li-mask{background:#ff6800;position:absolute;left:0;top:0;width:465px;height:80px;background:url(/templates/default/img/n-qyjz-52.png) no-repeat;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{background:#000000;width:720px;float:left;height:487px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .li-top{padding:0px; position:relative; z-index:0}
.o-m .ul-t h5{color:#666;font-size:24px;line-height:38px;}
.o-m .ul-t p{color:#999;font-size:14px;line-height:22px;margin-bottom:5px}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}


.i_custom{ width:1200px; margin:0 auto; padding:30px 0px; overflow:hidden;}
.i_custom_n{ width:1200px; margin:0 auto; overflow:hidden;}
.i_custom_n img{ max-width:1200px; _width:1200px;}

.i_lastbj{ width:100%; background:#f5f5f5; margin-top:80px; overflow:hidden;}
.i_last{ width:1200px; margin:0 auto; padding:50px 0px; overflow:hidden;}
.i_last_l{ float:left; width:700px; overflow:hidden;}
.i_last_tit{ font-size:22px; color:#015db0; padding-bottom:20px; text-transform:uppercase;}
.i_last_tit a{ font-size:22px; color:#015db0; text-transform:uppercase;}
.i_last_n{ font-size:14px;}
.i_last_n a{ font-size:14px;}
.i_last_nn{ background:url(/templates/default/images/imap.jpg) no-repeat top left; font-size:14px; color:#015db0;}
.i_last_nn a{ color:#015db0;}
.i_last_r{ float:left; margin-left:90px; width:410px; overflow:hidden;}




/*footer*/
.f_abj{ width:100%; background:#015db0; padding:30px 0; overflow:hidden; color:#FFF}
.f_abj a{ color:#FFF}
.f_a{ width:1200px; margin:0 auto;}
.f_a1{ float:left; width:800px; overflow:hidden;}
.f_a2{ float:left; width:400px; overflow:hidden;}
.f_b{ width:1200px; padding:10px 0; margin:0 auto;color:#ffffff; line-height:25px;}
.f_b a{ color:#ffffff; line-height:25px;}






/*关于*/
.pz_SideLayer{ float:left; width:1200px; color:#333;}
.pz_SideLayer ul{ width:1200px; margin:30px auto; overflow:hidden;}
.pz_SideLayer .l1{ margin:auto; line-height:60px; overflow:hidden; float:left;}
.pz_SideLayer .l1 a{ display:block; width:136px; margin-right:20px; text-align:center; font-size:16px; height:45px; line-height:45px; color:#333; float:left; border:#333333 1px solid; text-transform:uppercase;}
.pz_SideLayer .l1 .hover,.pz_SideLayer .l1 a:hover{ background:#1461a9; color:#ffffff; border:solid 1px #1461a9;}
.about{ padding-bottom:30px; min-height:300px; _height:300px; overflow:hidden;}





/*产品分类*/
.pz_SideLayer1{width:1200px; color:#333333; overflow:hidden;}
.pz_SideLayer1 ul{ width:1200px; margin:auto;}
.pz_SideLayer1 .l1{ margin-left:10px; margin-top:10px; line-height:60px; overflow:hidden; float:left; background:#eeeeee; }
.pz_SideLayer1 .l1 a{ display:block; padding:5px 20px; text-align:center; font-size:14px; height:35px; line-height:35px; color:#333; float:left; text-transform:uppercase;}
.pz_SideLayer1 .l1 .hover,
.pz_SideLayer1 .l1 a:hover{ color:#ffffff; background:#1461a9}




/*联系我们*/
.tit_6{ width:100%; float:left; height:38px; border-bottom:solid 1px #e5e5e5; background:url(/templates/default/images/z_bian_4.jpg) no-repeat center bottom; font-size:18px; color:#333; line-height:18px; font-weight:bold; text-align:center;}
.tit_8{ width:100%; border-bottom:solid 1px #e5e5e5; background:url(/templates/default/images/z_bian_4.jpg) no-repeat center bottom; text-align:center; padding-bottom:20px;}
.tit_8 h1{ font-size:24px; color:#333; line-height:24px;}
.tit_8 h1 span{ display:block; font-family:"Arial"; font-size:14px; color:#666; line-height:14px; margin-top:5px;}
.tit_8 h2{ font-size:36px; color:#333; line-height:36px; margin:25px 0 0 0;}
.z_1000_11{ width:1000px; font-weight:bold; color:#1461a9; font-size:20px; padding:20px 0; text-align:center; overflow:hidden;}
.z_1000_12{ width:1000px; text-align:center; overflow:hidden; color:#999999; padding-bottom:20px; border-bottom:#CCC 1px dotted;}
.z_1000_4{ border-bottom:1px #CCC dotted; padding:30px 0; line-height:25px;}
.pic_11{ width:100%; border:solid 1px #ccc; margin:30px 0 0 0; box-sizing:border-box; overflow:hidden;}

.chancecontain{ position:relative; margin:10px 0 0 0;}
.chancecontain ul{ float:left;}
.chancecontain ul li{ cursor:pointer;float:left; width:1000px; background:#f5f5f5; margin-top:10px; position:relative;  z-index:0; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}
.chancecontain ul li.hover,
.chancecontain ul li:hover{ background:#1461a9;}
.chancecontain ul li.hover{ background:#1461a9;}
.chancecontain ul li .l_927{ float:left; width:907px; padding:28px 0 28px 20px; height:16px; border-right:#e6e6e6 solid 1px; }
.chancecontain ul li:hover .l_927 {border-right:#125899 solid 1px;}
.chancecontain ul li.hover .l_927 {border-right:#125899 solid 1px;}
.chancecontain ul li .l_927  .tit_tain{ float:left; width:210px; line-height:16px; font-size:14px; font-weight:bold;}
.chancecontain ul li .l_927  .tit_tain a{color:#1461a9;}
.chancecontain ul li:hover .l_927  .tit_tain a{ color:#fff;}
.chancecontain ul li.hover .l_927  .tit_tain a{ color:#fff;}
.chancecontain ul li .l_927  .dwon_tain{ float:left; width:696px; height:16px; color:#666666; font-size:12px; line-height:16px;}
.chancecontain ul li:hover .l_927  .dwon_tain{  color:#fff; }
.chancecontain ul li.hover .l_927  .dwon_tain{  color:#fff; }
.chancecontain ul li .l_927  .tain_1{ float:left; width:239px; background:url(/templates/default/images/z_bian_10.jpg) no-repeat right center; text-align:center;}
.chancecontain ul li:hover .l_927  .tain_1{ background:url(/templates/default/images/z_bian_11.jpg) no-repeat right center;}
.chancecontain ul li.hover .l_927  .tain_1{ background:url(/templates/default/images/z_bian_11.jpg) no-repeat right center;}
.chancecontain ul li .l_927  .tain_2{ float:left; width:200px; text-align:center;}
.chancecontain ul li:hover .l_927  .tain_2{}
.chancecontain ul li.hover .l_927  .tain_2{}
.chancecontain .deta{font-size:14px; width:960px; padding:0 20px; left:0; top:0; overflow:hidden;  position:relative; background:#f5f5f5;display:none;}
.chancecontain .deta .condata{ float:left; width:960px; padding:30px 0; color:#333; font-size:14px; line-height:30px;}
.lermore{ position:absolute; right:0; top:0; width:72px; height:72px; background:url(/templates/default/images/z_btn_8.png) no-repeat center #f5f5f5; cursor:pointer; }
.lermore.hover{ background:url(/templates/default/images/z_btn_9.jpg) no-repeat center #1461a9;}
.chancecontain ul li:hover .lermore { background:url(/templates/default/images/z_btn_9.jpg) no-repeat center #1461a9;}

/*分页*/
.waik_2{ float:left; width:100%; padding:30px 0 40px 0;}
.pz_fy{width:100%; float:left; padding:6px 0px; text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border: #d3d3d3 1px solid; PADDING:4px 10px; COLOR: #767676; text-decoration:none; margin:0 2px; font-size:14px;}
.pz_fy a:hover,.pz_fy a.select{color: #fff; border: #1461a9 1px solid; background-color:#1461a9; text-decoration:none;}/*鼠标经过和默认当前页样式*/

.relative-news {position:relative; width:1000px; padding-top:30px;}
.relative-news .main-news {float:left; width:535px; border-right:1px dotted #ccc;}
.relative-news .main-news a{ float:left; width:535px; padding:4px 0; line-height:18px; color:#666666;}
.relative-news .main-news a span{ font-weight:bold;}
.relative-news .main-news a:hover{ color:#1461a9;}
.relative-news .r_100{ float:right; width:100px; height:32px; margin:9px 0 0 0;}
.relative-news .r_100 a{ float:left; width:100px; height:32px; background:#1461a9; color:#fff; text-align:center; line-height:32px;}


/*news*/
.z_1{ width:1000px; margin:20px auto; overflow:hidden;}
.z_1 a {float:left; height:90px; width:100%; padding:30px;  border-bottom:dashed 1px #e5e5e5; overflow:hidden; display:block; -webkit-transition:background-color 400ms; transition:background-color 400ms;}
.z_1 a:hover {background-color:#f5f5f5;}
.z_1 a:last-child {border-bottom:0 none;}
.z_1 a .pic_12{ float:left; width:195px; height:110px;}
.z_1 a .text_14{ margin-left:211px;}
.z_1 a .text_14 h2{ width:90%; font-size:14px; line-height:18px; padding-left:20px; background:url(/templates/default/images/z_icon_26.png) no-repeat left 4px;color:#1461a9;}
.z_1 a .text_14 h2 a{ color:#1461a9;}
.z_1 a .text_14 h4{ width:100%; font-size:12px; color:#666; line-height:26px; margin:14px 0 0 0;}
.z_1 a .text_14 h5{ width:100%; font-size:12px; color:#999; line-height:12px; margin:13px 0 0 0;}


/* 产品 */
.pro-edi{width:1200px; margin:0 auto; position: relative;}
figure {position: relative;float: left;overflow: hidden;width: 100%;height: 100%;background: #3085a3;text-align: center;cursor: pointer;
margin: 0;}
figure img {position: relative;display: block;}
figure figcaption {padding:2em;color: #ffffff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
figure figcaption::before,figure figcaption::after {pointer-events: none;}
figure figcaption,figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;	height: 100%;}
figure figcaption > a {	z-index: 1000; text-indent:200%;white-space: nowrap;font-size: 0;opacity: 0;}
figure h2 {word-spacing: -0.15em;font-size: 1.2rem;font-weight: 300;}
figure h2 span {font-weight: 800;}
figure h2,figure p {margin: 0;}
figure p {letter-spacing: 1px;font-size: 68.5%;}
/***** Jazz *****/
figure.effect-jazz{background: #3C3C3C;}
figure.effect-jazz figcaption::after,figure.effect-jazz img,figure.effect-jazz p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
figure.effect-jazz figcaption {padding:1%;}
figure.effect-jazz figcaption::after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-top: 1px solid #fff;border-bottom: 1px solid #fff;content: '';	opacity: 0;-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);-webkit-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;transform-origin: 50% 50%;}
figure.effect-jazz p,figure.effect-jazz h2{padding:0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: scale3d(0.8,0.8,1);transform: scale3d(0.8,0.8,1);}
figure.effect-jazz h2 {letter-spacing:2px;padding-top:22%;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-jazz h2 span{	letter-spacing: 0;font-size:1rem;}
figure.effect-jazz img{ width:352px; height:284px;}
figure.effect-jazz:hover img {opacity: 0.2;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}
figure.effect-jazz:hover figcaption::after {opacity: 1;	-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);}
figure.effect-jazz:hover h2,figure.effect-jazz:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.items {margin: 0 auto;overflow: hidden;}
.items li {position: relative;width: 29.333%; height: auto;margin: 2%;float: left;}
.items li:first-child figure.effect-winston{background: transparent;}
.items li:first-child figure.effect-winston figcaption{	background: rgba(0, 0, 0, 0.6);}
.items li:first-child figure.effect-winston:hover figcaption{background: rgba(0, 0, 0, 0);}
.items li:first-child figure.effect-winston h2{	opacity: 1;}
.items li:first-child figure.effect-winston:hover h2{opacity: 0;}
.items li:first-child figure.effect-winston figcaption::before{display: none;}
.items li:first-child figure.effect-winston:hover img {opacity: 1;}

.pro_n{ padding:30px 0px; width:1000px; text-align:center; margin:0 auto; overflow:hidden;}
.pro_t{ font-weight:bold; color:#1461a9; font-size:20px; padding-top:30px;  text-align:center; overflow:hidden;}
.pro_3{ width:1000px; margin:0 auto; overflow:hidden;}
.pro_3 h3{ font-weight:bold; color:#1461a9; border-bottom:#CCC 1px dotted; padding:10px 0px;}
.pro_3 h4{padding-top:20px; line-height:180%;}



.fk_2{ width:260px; height:100%; background:#1461a9; position:absolute; left:-260px; top:0;opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;-khtml-opacity: 0;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}