@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,select,th,td,a,div{margin:0;padding:0;-webkit-box-sizing: border-box;box-sizing: border-box;}
body,button,input,select,textarea{ font-size:12px; font-family:Microsoft Yahei,arial,tahoma,sans-serif,宋体; color:#333}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
address,cite,dfn,em,var,i,s{font-style:normal;}
body{line-height: 1;min-width: 1200px;} 
ul,ol,li,dd,dl{list-style:none;}
img{border:0;}
a{color: #333;text-decoration: none;-webkit-transition: all .4s;transition: all .4s;}
a:hover{}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

em,i{ font-style:normal;}
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/

/* :focus{outline: none;} */
/* .rela{position: relative;} */
/* .cb{clear: both;} */
/* .tc{text-align: center;} */
/* .tl{text-align: left;} */
/* .tr{text-align: right;} */
/* .ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} */
/* .list li{float: left;} */
/* .list li.last{margin-right: 0!important;} */
/* .block{display: block;} */

.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
.container{width:1200px;margin:auto;}
.content{width:1200px;margin:auto;}
.clear{clear:both;}
/*清除浮动*/
.cf{
    *zoom: 1;
} 

.cf:after{
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    content: ".";
}

  .clearfix:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0;
 	line-height: 0
 }

 .clearfix {
 	*zoom: 1
 }
 .w1200{width:1200px;margin:auto;}


/*common*/
.header{width:100%;/*height:116px;*/position: fixed;top:0;/*padding: 0 34px 0 25px;*/z-index:99;background:#fff;}
.top_main { width: 100%; height: 36px; line-height: 35px; position: relative; z-index: 80; background:rgba(9, 50, 102, 1);/*background:url(../images/welcome_bg.jpg) no-repeat; background-size:100% 100%;*/ color: #fff; font-size: 14px; }
.top_main strong{font-size:15px;letter-spacing: 2px;}
.top_main li { position: relative; display: inline-block; text-align: center; margin: 0 8px; }
.top_main li a { color: #fff; cursor: pointer; }
.top_main li a:hover {  }
.top_main .split { display: inline-block; width: 1px; height: 12px; background: #fff; vertical-align: middle; margin: 0; } 

/*header_main*/ 
.header_main { width: 100%; /*height: 70px;*/ z-index: 100; background: #fff; }
.header_main .logo {  /*width:380px; */ height:auto;/*margin-top:10px;*/ display: block;  }
.header_main .logo img { width: 100%; height: 100%; display: block;  }
.header_main .tel { width: 255px; padding: 13px 0 0 0; line-height: 26px; margin-left: 30px; }
.header_main .tel span { font-size: 30px; font-weight: bold; color: #0c4da1; font-family: arial; line-height:50px; }
.header_main .tel s { width: 57px; height: 57px; float: left; margin-right: 10px; background-position: 0 0; }
.header_main .tel img{padding-right:12px;vertical-align:-2px;}
.header_main .h_dwtop { width: 345px; padding: 13px 0 0 0; line-height: 26px; margin-left: 30px; }
.header_main  .h_dw{  font-size:14px; color:#333;  }
.header_main .h_dw span{ display: block; color: #18469b; line-height: 30px; font-size: 18px; margin-bottom: 3px; font-weight: bold; }

.nav_main { width: 100%; height: 70px;  background: rgba(9, 50, 102, 1); position: relative; z-index: 3; }
/* .nav .list { width: 100%; margin: 0 auto; height: 100%;  position: relative; } */
.nav_main .nav { width: 1200px; margin: 0 auto; }
.nav_main .nav .list{width:100%;}
.nav_main .nav .list li { float: left; width: calc(100%/10);height:70px; display: flex; align-items: center; justify-content: center; text-align: center;}
/* .nav_main .nav li:first-child {  background: none; } */
/* .nav_main .nav li:first-child.hover { background-color: #ff9000; } */
.nav_main .nav li a { width:100%;height:100%;display: block; color: #fff; font-size: 16px;line-height:22px;padding-top:15px; }
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li #hover2 { background: #ff9000; }
/* .nav_main .nav dl { width: 99.5%; background: #fff; position: absolute; left: 0; top: 50px; z-index: 12; /* border: 1px solid #0185d0; */ } */
/* .nav_main .nav dl { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } */
/* .nav_main .nav li:hover dl { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } */
/* .nav_main .nav dl dd { line-height: 49px; height: 49px; border-top: 1px solid #fff; text-align: left; position: relative; z-index: 12; display: block; width: 100%; } */
/* .nav_main .nav dl dd:first-child { border: none; } */
/* .nav_main .nav dl dd a { color: #666; font-size: 16px; padding: 0; width: 100%; text-align: center; } */
/* .nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover { background: #ff9000; color: #fff; } */
/* .nav_main .nav dl dd .three { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(-10px, 0, 0); } */
/* .nav_main .nav dl dd:hover .three { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } */
/* .nav_main .nav dl dd .three { position: absolute; left: 158px; top: 4px; padding-left: 20px; color: #666; z-index: 10; background: url(../images/menu_bg.png) 12px 10px no-repeat; } */
/* .nav_main .nav dl dd .three a { color: #fff; width: 140px; font-size: 14px; background: #0185d0; text-align: center; display: block; height: 39px; line-height: 39px; border-top: 1px solid #066dd8; transition: ease-in-out .2s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } */
/* .nav_main .nav dl dd .three a:first-child { border-top: none; } */
/* .nav_main .nav dl dd .three a:hover { background: #ff9000; color: #fff; }  */


/* .header .top_header{margin-top:10px;} */
/* .header a.logo img{} */
/* .header .headerLeft{max-width:30%} */

/* .header .headerRight{width:55%;position: relative;margin-top:15px;border:0px solid black;} */
/* .header .headerRight p{margin-bottom: 17px;text-align: right;} */
/* .header .headerRight a{font-size: 14px;color: #666666;} */
/* .header .headerRight .navlist{width:100%; border:0px solid black;} */
/* .header .headerRight .navlist li{width:calc(100%/7);text-align:right;float:left;} */
/* .header .headerRight .navlist li>a{font-size: 18px;line-height: 40px;} */
/* .header .headerRight .navlist li>a:hover,.header .headerRight .navlist li>a.current,.header .headerRight .navlist li>a.active{color: rgba(9, 50, 102, 1);} */
/* .header .subDrop{position: absolute;width:717px;left:47px;top:52px;background: #f7f7f7;padding: 25px 30px;z-index: 999;box-shadow: 0 0 4px 1px rgba(85,85,85,.15) inset;display: none;} */
/* .header .subDrop img.fl{max-width: 328px;height: 240px;margin-right:40px;} */
/* .header .subDrop .sublink{float:left;width:130px;border:0px solid #eee;margin-left:10px;} */
/* .header .subDrop .sublink a{;display: block;font-size: 16px;margin-left:30px;margin-bottom: 20px;position: relative;-webkit-transition: margin-left .4s;transition: margin-left .4s;border:0px solid #000;} */
/* .header .subDrop .sublink a:before{content: '';position: absolute;left: -25px;width: 16px;height: 2px;background: #666666;top:7px} */
/* .header .subDrop .sublink a:hover{color: rgba(9, 50, 102, 1);margin-left: 40px;} */
/* .header .subDrop .sublink a:hover:before{background: rgba(9, 50, 102, 1);} */



/*banner*/
.home-slider { background: #fff; margin-bottom: 0; }
 
.home-slider  .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-right: auto; } 
/* //图片水平垂直居中 */ 
.home-slider  .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }  
.home-slider  .swiper-pagination-bullet { width: 25px; height: 5px; display: inline-block; border-radius: 0; opacity: 0.5; background: #FFFFFF; }  
.home-slider  .swiper-pagination-bullet-active { background: #C6A771; }  
.home-slider  .swiper-button-prev{ width: 50px; height: 50px; background: url("../images/arrow_l_yuan.png") no-repeat; background-size:100% 100%;}
.home-slider  .swiper-button-next{ width: 50px; height: 50px; background: url("../images/arrow_r_yuan.png") no-repeat; background-size:100% 100%; } 
/* //让图片响应屏幕 */ 
.home-slider .banner { width: 100%; } 
.home-slider .swiper-slide .bord{ position: absolute; border:.1rem solid rgba(255,255,255,0.2);width:3rem; height:4rem;top:20%;left:15%; } 
.home-slider .swiper-slide .banner-text{position: absolute;top:40%; left:20%; text-align:left;}
.home-slider .swiper-slide h1{  color: #ffffff;letter-spacing: 10px;font-size: 58px } 
.home-slider .swiper-slide h2{  color: #ff9800;letter-spacing: 10px;font-size: 35px } 
.home-slider .swiper-slide h3{  color: #ff9800;letter-spacing: 10px;font-size: 35px } 

.theme-default .nivoSlider { position:relative; /*background:#fff url(../images/loading.gif) no-repeat 50% 50%;*/ margin-bottom:10px; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a; }
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.theme-default .nivoSlider a { border:0; display:block; }
.theme-default .nivo-controlNav { text-align: center; padding: 20px 0; position: absolute; width: 100%; bottom: 0; z-index:99; }
/* .theme-default .nivo-controlNav a { display:inline-block; width:14px; height:14px; background:url(../images/cr.png) no-repeat; text-indent:-9999px; border:0; margin: 0 3px; } */
/* .theme-default .nivo-controlNav a.active { background-position:-21px 0; } */
.theme-default .nivo-directionNav a { display:block; width:80px; height:80px; background:url(../images/arrows3.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav { width: 50px; height: 50px; margin-right:30px; background: url("../images/arrow_r_yuan.png") no-repeat; background-size:100% 100%; }
.theme-default a.nivo-prevNav { width: 50px; height: 50px; margin-left:30px;background: url("../images/arrow_l_yuan.png") no-repeat; background-size:100% 100%; }
.theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.theme-default .nivo-caption a:hover { color:#fff; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled { width: 100%; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
.theme-default .nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }
 
 
 
/* .ibanner_box .owl-carousel{display:block; visibility:hidden;} */
/* .ibanner_box .owl-carousel.owl-loaded{visibility:visible;} */
 .mask{width:100%; margin-top:-153px; height:260px; background:url(../images/ibanner_mask.png) no-repeat; background-size:100% 100%; position:relative; z-index:2;}
 .mask .masklist{width:100%;position:absolute;top: 68px;border:0px solid #000;height:45px;}
.mask .notice { width:800px;margin:auto;display: block; height: 40px; line-height: 40px; background: #fff; padding-left: 80px;  position: relative; z-index: 1;border:1px solid rgba(9, 50, 102, 1); } 
.mask .notice .swiper-container { width: 100%; height: inherit; line-height: inherit; background-color: #fff; white-space: nowrap; overflow: hidden } 
.mask .notice .swiper-container a { color: #666; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 70%; min-width: 150px; font-size: 13px; vertical-align: middle } 
.mask .notice .swiper-container a:hover { color: #42aaff } 
.mask .notice .swiper-container span { float: left; width: 30%; text-align: center; color: #999; font-size: 13px; min-width: 65px; vertical-align: middle } 
.mask .notice .nt-left { width: 70px; background-color: rgba(9, 50, 102, 1); height: inherit; line-height: inherit; font-size: 13px; color: #fff; text-align: center; position: absolute; left: 0; top: 0 } 
.mask .notice .nt-left:after { display: block; content: ''; border-style: solid; border-color: transparent transparent transparent #42aaff; border-width: 7px; position: absolute; top: 50%; margin-top: -7px; left: 100% } 
.mask .notice .nt-left .notice-icon { background: url(../images/notice.png) no-repeat center; background-size: 100%; padding: 0 8px; vertical-align: middle; margin-right: 5px } 
.mask .notice .nt-right { width: 100px; height: 100%; position: absolute; right: 0; top: 0; background: #ddd; display: none } 
.mask .notice .nt-right .prev { float: left; height: 100%; width: 50%; background: #fff url(../images/tab1.png) } 
.mask .notice .nt-right .next { float: left; height: 100%; width: 50%; background: #fff url(../images/tab2.png) } 


 
 
 
 
 
.footer{/*background: url(../images/fbg.jpg) no-repeat;*/background:url(../images/foot_bg.png) ;background-size: 100% 100%;/*height: 469px;*/overflow: hidden;} 

.footer .footerTop{padding: 30px 0;}
.footer .footerTop .dlist{}
.footer .footerTop .dlist dt{font-size: 18px;color: #ffffff;margin-bottom: 22px;}
.footer .footerTop .dlist dd{margin-bottom: 14px;}
.footer .footerTop .dlist dd a{font-size: 14px;color: #fff;line-height: 18px;}
.footer .footerTop .dlist dd a:hover{color: #fff;}
.footer .footerTop .col1{width: 146px;}
.footer .footerTop .col2{width: 155px;}
.footer .footerTop .col3{width: 145px;margin-left:25px;}
.footer .footerTop .col4{width: 160px;}
.footer .footerTop .col5{width: 160px;}
.footer .footerTop .col6{width: 420px;}
.footer .footerTop .wk{/*width: 135px;height:135px;margin:10px;background-color:#fff;*/}
.footer .footerTop .wk img{width: 115px;height: 115px;padding:10px;background-color:#fff;border-radius:5px;}
.footer .footerTop .wk em{display: block;margin-top: 22px;font-size:14px;text-align: center;color: #999;}
.footer .footerBot{border-top:1px solid #3e3e3e;line-height: 30px;font-size: 14px;background: #333;}
.footer .footerBot p.fl{color: #999999;}
.footer .footerBot .shares a{color: #999999;}
.footer .footerBot .shares a:hover{color:#fff;}
.footer .footerBot .shares span.fl{}
.footer .footerBot .shares .sharebox a{text-indent: -999em;margin: 30px 0 0 10px;}
.footer .footerBot .sharebox .ico02{display:inline-block;width: 24px;height: 24px;background: url(../images/ic1.png) no-repeat;}
.footer .footerBot .sharebox .ico02:hover{background: url(../images/ic1h.png) no-repeat;}
.footer .footerBot .sharebox .ico03{display:inline-block;background: url(../images/ic2.png) no-repeat;width: 24px;height: 24px;}
.footer .footerBot .sharebox .ico01{display:inline-block;background: url(../images/ic3.png) no-repeat;width: 25px;height: 25px;}
.footer .footerBot .sharebox .ico03:hover{background: url(../images/ic2h.png) no-repeat;}
.footer .footerBot .sharebox .ico01:hover{background: url(../images/ic3h.png) no-repeat;}
.ba:hover{color:#fff;}
.ba{color:#999;}

/********.toolbar*********/
.toolbar { width: 50px; position: fixed; right: 1%; top: 58%; z-index: 999; }
.toolbar dd { width: 50px; height: 50px; margin-bottom: 1px; position: relative; background:#ff9000; /*-webkit-border-radius: 100%; border-radius: 100%;*/ }
.toolbar dd:nth-child(2n){background:rgba(9, 50, 102, 1);}
.toolbar dd i { opacity: 1;width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; }
.toolbar dd i span { width: 35px; height: 35px; display: block; margin: 7px 0 0 7px; background: url(../images/rightfixicon.png) no-repeat 0 0; }
/* .toolbar dd.gottop { display: none; } */
.toolbar .slide-tel { display: block; width: 0; height: 50px; line-height: 50px; font-size: 18px; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 50px; top: 0; right: 0; overflow: hidden;  -webkit-transition: all .0s ease-in-out 0s; -moz-transition: all .0s ease-in-out 0s; transition: all .0s ease-in-out 0s; }
.toolbar .pop { position: absolute; right: 90px; top: -51px; background: #ff9000; display: none; }
.toolbar .pop-code { width: 160px; }
.toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; }
.toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; }
.toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; }
.toolbar .qq span { background-position: 0 -47px; }
.toolbar .qq a { width: 50px; height: 50px; cursor: pointer; display: block; }
/* .toolbar .qq:hover { background: #0363bc; } */
.toolbar .tel span { background-position: 0 0; }
.toolbar .tel:hover { background: #ff9000 }
.toolbar .code span { background-position: 0 -95px; }
/* .toolbar .code:hover { background: #0363bc; } */
.toolbar .top span { background-position: 0 -142px; }
/* .toolbar .top:hover { background: #0363bc; }  */