@charset "utf-8";
@font-face {
  font-family: SourceHanSans-Bold;
  src: url(../font/SourceHanSansCN-Bold.otf);
}
@font-face {
  font-family: SourceHanSans-ExtraLight;
  src: url(../font/SourceHanSansCN-ExtraLight.otf);
}
@font-face {
  font-family: SourceHanSans-Heavy;
  src: url(../font/SourceHanSansCN-Heavy.otf);
}
@font-face {
  font-family: SourceHanSans-Light;
  src: url(../font/SourceHanSansCN-Light.otf);
}
@font-face {
  font-family: SourceHanSans-Medium;
  src: url(../font/SourceHanSansCN-Medium.otf);
}
@font-face {
  font-family: SourceHanSans-Normal;
  src: url(../font/SourceHanSansCN-Normal.otf);
}
@font-face {
  font-family: SourceHanSans-Regular;
  src: url(../font/SourceHanSansCN-Regular.otf);
}
@font-face {
  font-family: FZZJ-DYKTJW;
  src: url(../font/FZZJ-DYKTJW.ttf);
}
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
a,.section-wrap .section .cons,.section-wrap .section .cons .more a,.fixtop1,.about .pic img,.aboutvalue li,.aboutvalue li i,.results .mleft .pic img,.news li .pic p,.news li .cons .t a,.news li .cons .m a,.bannerin .seccons #kb,.stores li a .mleft,.stores li a:before,.swiper-slide h1,.product dd .pic p img,.product dd .pic span i,.show .pics .picup .pic img,.agentmob #kb
{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.about .pic:Hover img,.results .mleft .pic:hover img,.news li:hover .pic p,.product dd:hover .pic p img,.product dd:hover .pic span i,.show .pics:hover .picup .pic img
{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}
.abc
{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
.abc
{transform:rotate(0deg);-ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); }
.section-wrap .section .cons,.footer .phoneemail .icon,.aboutvalue li,.contact .cons .t1,.contact,.bannerin .seccons #k,.stores li a .mleft,.stores li a .mright,.swiper-slide,.agent li .title,.bannerin2 .cate ul li a,.product dd .cons,.bannerin2 .sec_subject,.agentmob #k
{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact .cons:hover .t1 img
{transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);transition-duration:1.0s;-ms-transition-duration:1.0s;-moz-transition-duration:1.0s; -webkit-transition-duration:1.0s;}
html{-webkit-text-size-adjust:none;height:100%;width:100%;}
body {margin:0 auto;overflow-x:hidden;background:#fff;line-height:2;width:100%; height:100%;}
a,input,button,select,textarea {text-decoration: none;outline:none;}
html,body,input,button,select,textarea {font-family:'Microsoft YaHei','微软雅黑',arial,'宋体';}
html,body,a,input,button,select,textarea,h1,h2,h3,h4,h5 {font-size:18px;color:#171717;font-weight:400; letter-spacing:0.5px}
a:hover,.footer a:hover,.news li:hover .cons .t a,.news li:hover .cons .m a,.fixtop .toper ul.navpc li .listpro .mleft .list2 .list2subject a:Hover,.fixtop .toper ul.navpc li .listpro .mleft .list2 .list2cons p a:hover,.product dd:hover .cons .m a,.product dd:hover .cons .t a{color:#192f8b}
.table { display:table; height:100%;width:100%;}
.table .td { display:table-cell; vertical-align:middle;}
img {border:0px;max-width:100%; height:auto; vertical-align:middle}
input,button,select,textarea{ outline:none;border:0;}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { list-style:none;}
hr {border:0; background:#192f8b;height:1px;margin:5px 0}
.clear,.clearfix { clear:both;}
.relative { position:relative}
.reover { position:relative; overflow:hidden}
.cover { background-position:center; background-repeat:no-repeat; background-size:cover;}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%;top:0;left:0;}
.gray {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.gray:Hover {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2 {-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter:;}
.gray2:hover {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.pageclass {height:0px;overflow:hidden;}
.page_wrap {width:100%;padding:100px 0 0 0;text-align:center}
.pager {padding:0 0 0px 0; width:100%;} 
.pager a { margin: 2px 2px;text-align:center; display:inline-block; text-decoration: none;border:1px solid #d7d7d7;}   
.pager span.current { margin: 0 2px; display:inline-block; text-align:center; }   
.pager span.disabled { margin: 0 2px; display:inline-block;text-align:center;border:1px solid #d7d7d7;}   
.pager select {margin: 0px 2px -2px 2px;}
.pager input {margin: 0px 2px -2px 2px; padding:2px; text-align:center;} 
.pager a,.pager span.disabled {}  
.pager a:hover,.pager span.current { background:#192f8b;border:1px solid #192f8b;  background-size:cover; } 
.pager a:hover,.pager span.current{ color:#fff;border:1px solid #192f8b;} 
.pager a,.pager span.disabled {color:#717070;border:1px solid #e5e5e5;background:#fff} 
.pager a,.pager span.current,.pager span.disabled{width:30px; text-align:center;height:30px; line-height:30px;}
.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;} 

::-webkit-input-placeholder {color: #4a4b4f;}
:-moz-placeholder {color: #4a4b4f; } 
::-moz-placeholder { color: #4a4b4f; } 
:-ms-input-placeholder {color: #4a4b4f; }

::selection {background:#192f8b;color:#ffffff;}
::-moz-selection {background:#192f8b;color:#ffffff;}
::-webkit-selection {background:#192f8b;color:#ffffff; }

.di {float:left;}
.dipage {float:left;}
.picleft {margin-right:30px;margin-bottom:20px;}
.picright {margin-left:30px;margin-bottom:20px;}

.wrap {margin:0 auto;max-width:1160px;position:relative;}
.wrap2 {margin:0 auto;max-width:955px;position:relative;}
.phonemenu { display:none;}

.fixtop {position:fixed;top:55px;left:0; height:80px;width:100%;z-index:9999; background:rgba(25,47,139,0)}
.fixtop .toper .logo { display:block; position:absolute;left:0;top:20px; background:url(../images/logo.png);/*width:246px;*/ height:42px; background-size:cover; z-index:100}
.fixtop .toper ul.navpc { text-align:right; position:relative;top:21px}
.fixtop .toper ul.navpc li {display:inline-block;margin:0 0 0 65px; position:relative;}
.fixtop .toper ul.navpc li a {display:block;font-size:16px;color:#434343;color:#fff;border-bottom:2px solid transparent;}
.fixtop .toper ul.navpc li.check a,.fixtop .toper ul.navpc li a:hover,.fixtop .toper ul.navpc li:hover>a{border-color:#fff;}
.fixtop .toper ul.navpc li .list { position:absolute; z-index:9999;left:-40px;top:32px;width:96px; display:none; text-align:left;padding:24px 0 0 0}
.fixtop .toper ul.navpc li .list3 {width:126px}
.fixtop .toper ul.navpc li dl,.fixtop .toper ul.navpc li .listpro .in {background:rgba(255,255,255,0.95);width:100%;padding:10px 10px 10px 40px;}
.fixtop .toper ul.navpc li dl dd {margin:10px 0; position:relative}
.fixtop .toper ul.navpc li dl dd a,.fixtop .toper ul.navpc li.check dl dd a {color:#171717;border:0; height:auto; line-height:28px;padding:0; background:none;font-size:16px;}
.fixtop .toper ul.navpc li dl dd a:hover{color:#192f8b; background:none;}

.fixtop .toper ul.navpc li .listpro {width:450px}
.fixtop .toper ul.navpc li .listpro .in {padding:30px 40px 40px 40px}
.fixtop .toper ul.navpc li .listpro .mleft,.accordionmenu .submenu .mleft{float:left;width:45%;}
.fixtop .toper ul.navpc li .listpro .mleft2,.accordionmenu .submenu .mleft2 {margin-left:10%}
.fixtop .toper ul.navpc li .listpro .mleft .subject,.accordionmenu .submenu .mleft .subject {font-size:16px;font-weight:700;border-bottom:1px solid #ccc;padding:0 0 20px 0}
.fixtop .toper ul.navpc li .listpro .mleft .list2,.accordionmenu .submenu .mleft .list2 { position:relative;margin:20px 0 0 0;border-bottom:1px solid #ccc;padding:0 0 20px 0}
.fixtop .toper ul.navpc li .listpro .mleft .list2 .list2subject,.accordionmenu .submenu .mleft .list2 .list2subject {margin:7px 0 0 0}
.fixtop .toper ul.navpc li .listpro .mleft .list2 .list2subject a,.accordionmenu .submenu .mleft .list2 .list2subject a {color:#192f8b;border:0; line-height:26px; display:inline-block;font-size:16px}
.fixtop .toper ul.navpc li .listpro .mleft .list2 .list2cons p,.accordionmenu .submenu .mleft .list2 .list2cons p { display:inline-block; vertical-align:top;margin:0 20px 0 0}
.fixtop .toper ul.navpc li .listpro .mleft .list2 .list2cons p a,.accordionmenu .submenu .mleft .list2 .list2cons p a {color:#171717;border:0;font-size:14px; display:inline-block}

.accordionmenu .submenu .in {padding:20px 5% 30px 5%}
.accordionmenu .submenu .mleft .subject {padding:0 0 10px 0;}
.accordionmenu .submenu .mleft .list2 {padding:10px 0;margin:0}
.accordionmenu .submenu .mleft .list2 .list2subject {margin:0;}
.accordionmenu .submenu .mleft .list2 .list2cons p {border:0;width:auto;margin:0 10px;}

.fixtop1.active {top:0; background:rgba(25,47,139,0.9)}

ol,ul{list-style:none;}		
.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.5,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.5,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover;color:#fff; vertical-align:middle}
.section-wrap .section a {color:#fff}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.section-btn{ width:10px;position:fixed;right:3%;top:50%;margin-top:-40px}
.section-btn li{ width:10px;height:10px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#fff;text-align:center; color:#fff; onsor:pointer;}
.section-btn li.on{ background:#fec628}

.section-wrap .section-1 { background:url(../images/index1.jpg) no-repeat center;background-size:cover;}
.section-wrap .section-2 { background:url(../images/index2.jpg) no-repeat center;background-size:cover;}
.section-wrap .section-3 { background:url(../images/index3.jpg) no-repeat center;background-size:cover;}
.section-wrap .section-4 { background:url(../images/index4.jpg) no-repeat center;background-size:cover;}

.section-wrap .section .cons { position:absolute;left:0;top:0;width:100%; height:100%;text-transform:uppercase}
.section-wrap .section-1 .cons {padding:60px 0 0 0}
.section-wrap .section-1 .cons .c1 { font-size:36px; line-height:46px;font-weight:300;margin:0 0 5px 0; font-family: SourceHanSans-Light;}
.section-wrap .section-1 .cons .c2 { font-size:48px; line-height:58px;font-weight:700;  font-family: SourceHanSans-Heavy;}
.section-wrap .section-1 .cons .c3 { background:url(../images/s.png) no-repeat center;width:54px; height:28px; background-size:cover;margin:40px 0}
.section-wrap .section-1 .cons .c4 {font-size:41px; line-height:51px;}
.section-wrap .section .cons .a1 {font-size:53px; line-height:63px;}
.section-wrap .section .cons .a2 {font-size: 21px;font-weight:unset;text-align: justify; line-height:1.6;margin:30px 0; letter-spacing:1px;font-family: SourceHanSans-Normal;}
.section-wrap .section .cons .a2 strong {font-weight:700}
.section-wrap .section .cons .more a { background:url(../images/shop.png) no-repeat center;width:38px; height:37px; display:block; background-size:cover; position:relative;top:0}
.section-wrap .section .cons .more a:hover {top:-5px}
.section-wrap .section-2 .cons.active {opacity:1;/*transform:translateY(-60px);-webkit-transform:translateY(-60px);*/transition:all 1.5s cubic-bezier(0.5,0,0.5,1);-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.5,1);}
.section-wrap .section-2 .cons .table {vertical-align:bottom}
.section-wrap .section-2 .cons .table .td {vertical-align: middle;/*vertical-align:bottom*/}
.section-wrap .section-3 .cons {padding-left:55%}
.section-wrap .section-3 .cons.active {opacity:1;transform:translateY(-60px);-webkit-transform:translateY(-60px);transition:all 1.5s cubic-bezier(0.5,0,0.5,1);-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.5,1);}
.section-wrap .section-3 .cons .table { vertical-align:bottom}
.section-wrap .section-3 .cons .table .td { vertical-align:bottom}
.section-wrap .section-4 .cons {padding:15% 0 0 0}
.section-wrap .section-4 .cons.active {opacity:1;transform:translateY(-60px);-webkit-transform:translateY(-60px);transition:all 1.5s cubic-bezier(0.5,0,0.5,1);-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.5,1);}

.bannerin {
height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-position:center; background-repeat:no-repeat; background-size:cover;}

.consbrand {color:#fff; text-align:right;width:100%}
.consbrand .t {font-size:40px; line-height:50px;font-weight:700; letter-spacing:4px;margin:0 0 20px 0}
.consbrand .t sup {font-size:14px; position:relative;top:-6px}
.consbrand .c {font-size:30px; line-height:40px; letter-spacing:1px;}
.aboutsubject { text-align:center;margin:100px 0 0 0}
.aboutsubject .in { display:inline-block;margin:0 auto;border-bottom:4px solid #032d8f;padding:0 35px 25px 35px;}
.aboutsubject i { display:inline-block; vertical-align:top;width:80px; height:4px; background:#032d8f;margin-top:30px}
.aboutsubject2 i {margin-top:22px}
.aboutsubject h1 { display:inline-block; vertical-align:top;font-size:33px; line-height:43px;font-weight:700; letter-spacing:2px;margin:0 25px}
.aboutsubject h1 sup {font-size:14px; position:relative;top:-3px}
.about li {margin:150px 0 0 0; position:relative}
.about .cons {float:left;width:52%;padding:0 0 150px 0}
.about .cons .t {font-size:30px; line-height:40px;margin:0 0 30px 0;font-weight:700; letter-spacing:2px; position:relative;top:-10px}
.about .cons .c { position:relative;}
.about li i { background:url(../images/1.png) no-repeat center;width:175px; height:51px; position:absolute;bottom:0;left:0; display:block}
.about li.li2 i {left:auto;right:0}
.about .pic {float:right;width:42%; overflow:hidden}
.about .pic img {width:100%}
.about li.li2 .cons {float:right;}
.about li.li2 .pic {float:left;}

.aboutvalue { background:url(../images/1.jpg) no-repeat center; background-size:cover; background-attachment:fixed;margin:80px 0 100px 0;padding:140px 0}
.aboutvalue ul {width:110%;margin:-10% 0 0 -2%;}
.aboutvalue li.list4 {float:left;width:21%;/*width:23.3333%;*/margin:10% 2% 0 2%; text-align:center;color:#fff;border:4px solid #00b7ee;border-radius:20px;padding:60px 0}
.aboutvalue li .t {font-size:30px; line-height:40px;font-weight:700;}
.aboutvalue li .c{padding: 0 10px;height: 108px}
.aboutvalue li i {width:40px; height:4px; background:#00b7ee;margin:20px auto 50px auto; display:block;}
.aboutvalue li:Hover { background:#00b7ee;}
.aboutvalue li:Hover i { background:#fff}

.environment {margin:80px 0 100px 0;}
.environment ul {width:110%;margin:2% 0 0 -2%;}
.environment li {float:left;width:28%;margin:2% 2% 0 2%; text-align:center;color:#000;/*border:4px solid #00b7ee;border-radius:20px;*/}
.environment li .t {font-size:30px; line-height:40px;font-weight:700;}
.environment li .c{padding: 0 10px;height: 108px}
.environment li i {width:40px; height:4px; background:#00b7ee;margin:20px auto 50px auto; display:block;}
.environment li:Hover { background:#00b7ee;}
.environment li:Hover .t{ color:#fff;}
.environment li:Hover i { background:#fff}

.results .mleft {float:left;width:35%;}
.results .mleft .subject {font-size:33px; line-height:53px;font-weight:700}
.results .mleft .subject .t3 {width:80px; height:4px; background:#032d8f;margin:20px 0 60px 0}
.results .mleft .pic { position:relative;}
.results .mleft .pic img {width:100%}
.results .mleft .pic i { display:block; position:absolute; z-index:-1;width:80%; height:90%;border:4px solid #032d8f;right:-35px;bottom:-35px}
.results .mright {float:right;width:55%}
.results .mright .cons {font-size:30px; line-height:50px;font-weight:700; letter-spacing:2px}
.results .mright .cons sup {font-size:14px; position:relative;top:-1px}
.results .mright li { position:relative;margin:60px 0 0 0}
.results .mright li .t { position:absolute;font-size:30px; line-height:40px;}
.results .mright li .c {margin:0 0 0 120px}
.bannerinbt { background-position:center bottom;}
.contact { position:absolute;left:0;top:0; text-align:center;width:100%; height:100%;padding:2% 0 0 0}
.contact .subject {font-size:48px; line-height:58px;color:#192f8b;}
.contact .wx {width:141px;margin:55px auto 30px auto}
.contact .cons { display:inline-block; vertical-align:top;margin:0 2% 0 0;font-size:14px}
.contact .mright {margin:0 0 0 2%}
.contact .cons .t1 {border-radius:50%; background:#192f8b;width:76px; height:76px;padding:18px;margin:0 auto 10px auto}
.contact .cons .t3 {width:25px; height:2px; background:#192f8b;margin:15px auto 40px auto}

.bannerin2 { height:500px;/*height:665px;*/ background-position:center; background-repeat:no-repeat; background-size:cover; position:relative}
.bannerin2 .subject { position:absolute;left:0;bottom:260px;width:100%;}
.bannerin2 .subject .c {color:#fff; text-transform:uppercase;font-size:36px; line-height:36px; position:relative;margin:0 0 0 100px}
.bannerin2 .subject .c:before {content:''; position:absolute;top:80px;left:0;width:75px; height:2px; background:#fff;}
.bannerin2 .cate .bg { height:113px; position:absolute;right:0;bottom:0;width:70%; background:#6982a4; overflow:hidden}
.bannerin2 .cate ul { position:absolute;bottom:0;width:100%;left:50%;margin-left:-635px; z-index:99; overflow:hidden}
.bannerin2 .cate ul li { display:inline-block; vertical-align:top;}
.bannerin2 .cate ul li a { display:block; height:113px; line-height:113px; text-align:center;font-size:30px;color:#fff; letter-spacing:2px}
.bannerin2 .cate ul li.li1 a { background:#ecbb45;border-top-left-radius:50px;width:510px;color:#14256a}
.bannerin2 .cate ul li.li2 a { background:#243140;width:780px}
.bannerin2 .cate ul li a i { background:url(../images/3.png) no-repeat center; width:23px; height:16px; display:inline-block; vertical-align:top;margin:50px 0 0 40px}
.bannerin2 .cate ul li.li1 a i { background:url(../images/2.png) no-repeat center;}

.news .subject { position:relative;font-size:48px; line-height:48px; letter-spacing:2px;margin:120px 0 160px 0}
.news .subject:before {content:''; position:absolute;top:80px;width:70px; height:2px; background:#171717;}
.news li { background:#f7f7f7; position:relative; height:315px;margin:60px 0 0 0}
.news li .pic { position:absolute;width:443px; height:100%; overflow:hidden}
.news li .cons {margin:0 0 0 493px; height:100%;padding:0 50px 0 0; overflow:hidden}
.news li .cons .t a {font-size:25px; line-height:40px; letter-spacing:1px}
.news li .cons .m {margin:10px 0 0 0}
.news li .cons .m a {font-size:14px;color:#192f8b}

.news .ntitle {font-size:30px; line-height:50px;margin:0 0 50px 0; text-align:center}
.news .ntitle2 { text-align:center;margin:-60px 0 60px 0}
#slider2 {width:465px;margin:0 auto 120px auto}
.bannerin3 .subject {bottom:180px;}
.security {margin:40px 0 -60px 0}

.bannerin .seccons { text-align:center;min-width:660px}
.bannerin .seccons .wrap {max-width:760px}
.bannerin .seccons .t {font-size:68px; line-height:78px;color:#fff}
.bannerin .seccons .c {color:#fff;font-size:22px; line-height:32px;margin:13px 0 20px 0}
.bannerin .seccons #k { display:inline-block; vertical-align:top;width:76%; height:70px; line-height:70px; background:rgba(255,255,255,0.4);padding:0 30px;font-size:19px;}
.bannerin .seccons #kb { display:inline-block; vertical-align:top;width:24%; background:#192f8b;font-size:24px; height:70px; line-height:70px; text-align:center;color:#fff; cursor:pointer}
.bannerin .seccons #kb:hover { background:#fec524}

.resultfloat { position:relative;}
#search_result { position:absolute;left:0;top:0;  text-align:left;font-size:16px;color:#1a4066; line-height:1.6;margin:12% 0 0 0}
#search_result .subject {font-size:24px; line-height:24px;margin:0 0 25px 0}
#search_result .mid {margin:22px 0}

.bannerin .seccons2 #k {color:#fff}
.bannerin .seccons2 ::-webkit-input-placeholder {color: #ffffff;}
.bannerin .seccons2 :-moz-placeholder {color: #ffffff; } 
.bannerin .seccons2 ::-moz-placeholder { color: #ffffff; } 
.bannerin .seccons2 :-ms-input-placeholder {color: #ffffff; }

.namemj { position:absolute; height:0;top:-80px}
.directlysubject { text-align:center;margin:120px 0 60px 0;}
.directlysubject h1 { font-size:30px; line-height:40px;font-weight:700;color:#333;border-bottom:3px solid #bfbfbf; display:inline-block;padding:0 50px 15px 50px;margin:0 auto; letter-spacing:2px}
.stores .wrap {max-width:575px;}
.stores li { height:40px; line-height:40px; overflow:hidden;margin:40px 0 0 0;}
.stores li a {font-size:20px; display:block; position:relative;background:#e1e1e1;color:#171717;}
.stores li a .mleft { position:absolute;width:155px;color:#fff; background:#192f8b;padding:0 0 0 40px}
.stores li a .mright { margin:0 0 0 155px;padding:0 80px 0 50px}
.stores li a:before {content:''; background:url(../images/7.png) no-repeat center; position:absolute;right:50px;top:9px;width:22px; height:22px}
.stores li a:hover:before {right:40px}
.stores li a:hover { background:#fec524;color:#fff}
.stores li a:hover .mleft {background:#01123a;}
.agent {margin:100px 0 0 0}
.agent .wrap {max-width:1105px;}
.agent li { position:relative;}
.agent li .title { background:#192f8b;width:220px; height:100%;color:#fff;font-size:30px; position:absolute;left:0;padding:70px 0 0 0; text-align:center}
.agent li .cons {margin:0 0 0 220px;}
.agent li .cons .list { background:#efefef; margin:40px 0 0 0;padding:30px 0}
.agent li .cons .list2 { height:200px; text-align:center; line-height:200px;}
.agent li .cons .list h1 { display:inline-block; vertical-align:top;width:21%;margin:0 0 0 17%;font-size:20px;font-weight:700}
.agent li .cons .list h2 { display:inline-block; vertical-align:top;width:57%;margin:0 0 0 5%;font-size:16px;}

.agent li .title_2 {padding:35px 0 0 0; line-height:30px;font-size:20px; vertical-align:top;}

.bannerin2 .procate ul li.li1 a {width:510px}
.bannerin2 .procate ul li.li2 a {width:510px}
.bannerin2 .procate ul li.li3 a {width:510px}

.product dd {margin:65px 0 0 0; position:relative}
.product dd .pic { display:inline-block; vertical-align:middle;width:46.5%; position:relative}
.product dd .pic img {width:100%}
.product dd .pic span { display:block; position:absolute;font-size:25px; line-height:35px;width:140px; z-index:99;left:-40px}
.product dd .pic span i { display:block;width:55px; height:3px;margin:75px 0 15px 0}
.product dd:hover .pic span i {width:75px}
.product dd .pic p { overflow:hidden}
.product dd .cons { display:inline-block; vertical-align:middle;width:45.8%;/*width:46.5%;*/margin-left:7%;padding:0 0 0 100px}
.product dd .cons .t {margin:0 0 25px 0}
.product dd .cons .t a {font-size:25px; display:inline-block; line-height:45px; letter-spacing:1px}
.product dd .cons .t b{ display:block}
.product dd .cons .m a {font-size:16px; letter-spacing:1px}
.product dd.dd2 .pic {left:53.5%}
.product dd.dd2 .cons { position:absolute;left:0; height:100%;padding:0;margin:0}

.show  {margin:100px 0 0 0}
.show .cons {float:left;width:62%;}
.show .cons .title {font-size:32px; line-height:48px; letter-spacing:1px;}
.show .cons .title span { display:block}
.show .cons .hy {font-size:32px; line-height:42px;margin:30px 0 40px 0}
.show .cons .content h3 {font-size:25px; line-height:45px; position:relative;font-weight:700; letter-spacing:1px;margin:40px 0 70px 0}
.show .cons .content h3:before {content:''; position:absolute;bottom:-30px;width:60px; height:3px; background:#2b2a2a}
.show .pics {float:right;width:34%; position:relative;right:-100px;margin-top:270px}
.show .pics img {width:100%}
.show .pics .bg {width:100%;margin:0 0 0 auto}
.show .pics .picup { position:absolute;width:112%; height:100%;left:-100px; text-align:right}
.show .pics .picup .pic { overflow:hidden}
.show .pics .picup .buy {margin:-15% 0 20% 0}
.show .pics .picup .buy a { display:block; background:#fec524; height:45px; line-height:45px;width:160px;border-radius:10px;margin:0 0 0 auto; text-align:center}
.show .pics:hover .picup .buy a { background:#192f8b;color:#fff}

.nshow .ncons {font-size:17px; line-height:2.2}
.show .cons .content img.icon2 { vertical-align:top;}

.agentmob { display:none;}
.agentmap {margin:100px 0 0 0;}
.agentmap ul { text-align:center;margin:50px 0 0 0}
.agentmap ul li { display:inline-block; vertical-align:top; text-align:center;margin:0 1px 0 0}
.agentmap ul li i { height:20px;width:100px; display:block}
.agentmap ul li.f1 i { background:#192f8b;}
.agentmap ul li.f2 i{ background:#8c97c5}
.agentmap ul li.f3 i{ background:#ccc}
.agentmap ul li p {font-size:14px;margin:5px 0 0 0}
#Region {position:relative;text-align:center;width:1000px;margin:0 auto;}
.stateTip, #StateTip{display:none; position:absolute; padding:10px 15px 15px 15px; background:#fff; border:1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size:12px;color:#333;}
.mapInfo { text-align:left;min-width:150px}
.mapInfo .title{font-size:16px;font-weight:700;border-bottom:1px solid #ccc;padding:0 0 5px 0}
.mapInfo .cons{margin:0;font-size:13px; line-height:23px;}
.mapInfo .cons b {padding:10px 0 0 0; display:inline-block}


.bannerin2 .sec_subject { position:absolute;left:0;bottom:170px;width:100%;}
.bannerin2 .sec_subject .wrap {max-width:670px}
.bannerin2 .sec_subject .t {color:#fff;font-size:42px; line-height:42px;text-transform:uppercase; letter-spacing:1px;}
.bannerin2 .sec_subject .c {color:#fff; font-size:35px; line-height:35px; position:relative; letter-spacing:4px;margin:20px 0 0 0}

.bannerin2 .jxs_cons { position:absolute;left:0;bottom:180px;width:100%; text-align:center}
.bannerin2 .jxs_cons .t {color:#fff;font-size:68px; line-height:68px;text-transform:uppercase; letter-spacing:1px;}
.bannerin2 .jxs_cons .c {color:#fff; font-size:20px; line-height:30px; position:relative; letter-spacing:0.5px;margin:20px 0 0 0}

.sealine {border-bottom:4px solid #b1b8d7;padding:0 40px;max-width:1000px;margin:0 auto}
.container {padding:0 0 0 45px;}

.agentmob form {margin:0 0 25px 0}
.agentmob #k { display:inline-block; vertical-align:top;width:76%; height:35px; line-height:35px; padding:0 10px;font-size:14px;border:1px solid #ccc;border-right:0}
.agentmob #kb { display:inline-block; vertical-align:top;width:24%; background:#192f8b;font-size:14px; height:35px; line-height:34px; text-align:center;color:#fff; cursor:pointer}
.agentmob #kb:hover { background:#fec524}








/*.foot { background:#01123a;padding:100px 0;margin:100px 0 0 0; background-position:center; background-repeat:no-repeat; background-size:cover;}*/
.foot { background:#01123a;padding:50px 0;margin:50px 0 0 0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.footer { text-align:center;color:#fff;font-size:14px;}
.footer a {font-size:14px;color:#fff}
.footer .wx {width:141px;margin:0 auto}
.footer .phoneemail {float:left;width:48%; position:relative;margin:25px 0 50px 0}
.footer .email {float:right}
.footer .phoneemail .icon { position:absolute;width:60px; height:60px;border-radius:50%; background:#192f8b;padding:15px;top:-3px;right:0}
.footer .phone { text-align:right}
.footer .phone .cons2 {margin:0 80px 0 0}
.footer .phone .cons2 .t { position:relative}
.footer .phone .cons2 .t:before {content:''; position:absolute;right:0;bottom:2px;width:20px; height:1px; background:#fff;}
.footer .email { text-align:left}
.footer .email .cons2 {margin:0 0 0 80px}
.footer .email .cons2 .t { position:relative}
.footer .email .cons2 .t:before {content:''; position:absolute;left:0;bottom:2px;width:20px; height:1px; background:#fff;}
.footer .email .cons2 .c { text-transform:lowercase}
.footer .email .icon {right:auto;left:0}
.footer .copy {font-size:16px;}
.footer .copy a {font-size:16px}
.totop { background:url(../images/totop.png) no-repeat center;width:46px; height:58px; background-size:cover; position:fixed; z-index:999;right:3%;bottom:3%; cursor:pointer}