@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:13px/1.231 "microsoft yahei";min-width: 1200px; width: 100%;} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{border-radius:0;background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.4);background-color:#0d3c74;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*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;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0px; visibility:hidden; display:block;}
.clearfix{*zoom:1}
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}
.icon{background:url(img/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
.content{width: 1200px;margin:0 auto;}

.header_top {height: 40px;line-height: 40px; color: #979797; border-bottom:#c9c7c9 solid 1px;box-shadow: 2px 2px 3px #d2d2d2; margin-bottom:10px;}
.header_top span { float: right;}
.header_top a ,.t_top em{color: #979797;display: inline-block; padding: 0 12px;}
.header_top em{position:relative;font-style:normal;}
.header_top em i{position:absolute;width:90px;height:90px;display:none;top:30px;left:1px;z-index:999;}
.header_top em:hover i{display:block;}
.header_top em i img{width:120px;display:block;padding:5px;background:#fff;}

.header { height: 186px; position: relative; z-index: 99;  width: 100%; vertical-align: top; display: inline-block; }
.header .logo { float: left; padding-top: 15px; margin-right: 43px; height: 99px; }
.header .logo img { width: 95px; }
.slogan { float: left; margin-top: 20px; font-weight: bold; margin-right:50px; }
.slogan span { display: block; padding-left: 29px; position: relative; font-size: 34px; color: #0d3c74; line-height:36px; }
.slogan span:before, .slogan span:after { position: absolute; content: ""; width: 25px; height: 1px; background: #00A2E9; top: 20px; }
.slogan span:before { left: -6px; }
.slogan span:after { right: -33px; }
.slogan em { display: block; font-size: 20px; color: #333; line-height: 1; margin-top: 10px;padding-left:24px; text-transform:uppercase; font-weight:100;}

.h_logo{float: left; margin-top: 15px; margin-left:110px;}
.h_logo p{float: left; width:60px; text-align:center; color:#333; margin:0 7px;}

.h_contact { float: right; margin-top: 29px; margin-right:40px;}
.h_contact p { padding-left: 35px; background: url(img/common/h_tel.png) no-repeat left 4px; float: left; }
.h_contact span { display: block; font-size: 16px; color: #333; line-height: 100%; }
.h_contact em { font-style: normal; display: block; font-size: 28px; color: #2A2A36; line-height: 100%; margin-top: 4px; font-weight: bold; }
.h_contact p:last-child { margin-left: 30px; }
.h_menu { height: 70px; background: #fff; clear: both; position: relative; z-index: 999; box-shadow: 0 -5px 15px 0px rgba(0, 0, 0, .08); }
.h_menu .home { width: 70px; height: 70px; background: #00A2E9; }
.h_menu .home a { display: block; }
.h_menu .home img { width: 19px; height: 21px; margin: 0 auto; padding-top: 24px; padding-bottom: 25px; display: block; }
.menu li img {vertical-align: -3px; margin-right: 7px;}
.header .menu li { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;background: #00A2E9; padding:0 27px;}
.header .menu li>a:before { position: absolute; content: ""; width: 100%; height: 3px; background: #fff; left: 0; bottom: -10px; transition: .3s ease; -o-transition: .3s ease; opacity: 0; }
.header .menu li>a { position: relative; display: block; font-size: 16px; color: #fff; text-align: center; line-height: 70px; height: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 22px 0 16px; }
.header .menu li:hover>a, .header .menu li.cur>a, .header .menu li:hover>a:before, .header .menu li.cur>a:before { opacity: 1; bottom: 0; }
.header .menu li:after { position: absolute; content: "/"; font-size: 16px; color: #C9C9C9; top: 24px; right: 0; }
.header .menu li:last-child:after { display: none; }
.header .menu li p{background: rgba(0, 162, 233, .8); position: absolute; left: 50%; top: 70px; display: none;font-style:normal; transform: translateX(-50%);}
.header .menu li p a {display: block;
    /* border-bottom: 1px solid #EAEAEA; */
    position: relative;
    transition: .3s;
    /* text-align: center; */
    line-height: 44px;
    border-bottom:1px solid rgba(255,255,255,.5);
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    padding:0 22px 0 20px;}
.header .menu li p a:before{content:"- ";}
.header .menu li p a:last-child{border-bottom:none;}
.header .menu li p a:hover{background:#00a2e9;}
.search { display: block; width: 70px; height: 70px; cursor: pointer; position: relative; }
.s_btn { width: 20px; height: 20px; padding: 25px 22px; }
.s_key { position: absolute; top: 70px; right: 0; width: 238px; height: 50px; z-index: 9; display: none; background: #f6f6f6; }
.s_key .keywords { width: 178px; height: 50px; line-height: 50px; padding-left: 20px; border: none; font-size: 14px; color: #000; float: left; background: #f6f6f6; }
.s_key .sub { width: 40px; height: 50px; background: #f6f6f6 url(img/common/s_btn.png) no-repeat center; border: none; cursor: pointer; }
        



/*banner*/
.banner{width:100%;height:600px;white-space:nowrap;margin:0 auto;overflow:hidden;position:relative;z-index:1;margin-top: -35px; }
.banner_m{width:50%;height:600px;display:inline-block;position:relative}
.wrapper{width:1920px;height:600px;display:inline-block;position:relative;left:-967px}
.fn-clear{zoom:1}
.box_skitter{position:relative;background:0 0}
.box_skitter ul{display:none}
.box_skitter .container_skitter{overflow:hidden;position:relative}
.box_skitter .images{overflow:hidden}
.box_skitter .image img{display:none}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20}
.box_skitter .prev_button{position:absolute;top:45%;left:16%;z-index:100;width:72px;height:143px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(img/prev.png) no-repeat left top!important}
.box_skitter .next_button{position:absolute;top:45%;right:16%;z-index:100;width:72px;height:143px;overflow:hidden;text-indent:-9999em;margin-top:0;background:url(img/next.png) no-repeat left top!important}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(img/ajax-loader.gif) no-repeat left top;width:31px;height:31px}
#slideshow{width:1920px;height:600px;}
#slideshow ul{display:none}






.footer { background: url('img/common/foot_bg.jpg') no-repeat center top; height: 287px; padding-top: 68px; }
.f_menu { width: 380px; padding-top: 10px; }
.f_menu a { float: left; font-size: 15px; line-height: 32px; width: 176px; color: rgba(255, 255, 255, .45); display: block; transition: .3s ease; -o-transition: .3s ease; }
.f_menu a:before{content:"- ";}
.f_menu a:hover { color: rgba(255, 255, 255, .8); }
.f_contact { width: 300px; height: 205px; }
.f_contact li { margin-bottom: 34px; }
.f_contact li img { width: 52px; height: 52px; float: left; margin-right: 17px; }
.f_contact li span { font-size: 14px; display: block;  color: rgba(237, 237, 237, .45);line-height: 26px; }
.f_contact li span:last-child {  color: #fff;}
.f_tel { width: 460px;}
.f_tel span { display: block; font-size: 14px; color: rgba(255, 255, 255, .45); line-height: 1; }
.f_tel strong { display: block; font-size: 29px; color: #DCDCDC; line-height: 1; margin-top: 7px; margin-bottom: 39px; }
.f_qr { line-height: 0; }
.f_qr p{float: left; margin-left: 15px;}
.f_qr img { width: 94px; height: 94px; background: rgba(255, 255, 255, 1); border-radius: 10px; box-sizing:border-box; padding:4px;}
.f_qr span { display: block; font-size: 14px; color: #fff; line-height: 1; text-align: center; margin-top: 13px; }
.f_info { clear: both; border-top: 1px solid rgba(244, 244, 244, .1); color: rgba(255, 255, 255, .25);}
.f_info span, .f_info a {color: rgba(255, 255, 255, .25); line-height: 76px; margin-right: 48px; transition: .3s ease; -o-transition: .3s ease; }
.f_info a:hover { color: rgba(255, 255, 255, .8); }
        








		
/**/
.link{height:56px;line-height:56px;color: #0d3c74;background: #00A2E9;overflow: hidden; margin-bottom:10px;}
.link h3{font-weight: normal;font-size:20px;color: #0d3c74;float: left;width: 180px; }
.link h3 span{font-family: Arial;opacity: 0.5; }
.link_c{width:1000px;}
.link a{display: inline-block;color: #FFF;padding: 0 16px 0 0;}

.client-2 {position: fixed;right: -170px;top: 50%;z-index: 900;}
.client-2 li a {text-decoration: none;}
.client-2 li {margin-top: 1px;clear: both;height: 71px;position: relative;}
.client-2 li i {background: url(img/fx.png) no-repeat;display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.client-2 li p {height: 20px;font-size: 14px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.client-2 .my-kefu-qq i {background-position: 4px 5px;}
.client-2 .my-kefu-tel i {background-position: 0 -21px;}
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #00A2E9;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #00A2E9;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }