@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; list-style:none}
.width{ width:1200px; margin:auto;}
a,li{ text-decoration:none; transition:all 0.5s ease;}
h1,h2,h3,h4{ margin:0; padding:0; list-style:none}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right}
.flex{  display: -webkit-flex; /* Safari */display:flex;}
.flex-direction-row{flex-direction:row}
.flex-wrap-nowrap{ flex-wrap: nowrap}/**不换行**/
.flex-wrap-wrap{ flex-wrap: wrap}/**换行**/
.flex-justify-content-left{justify-content:flex-start}/*左对齐*/
.flex-justify-content-center{justify-content:center}
.flex-justify-content-right{justify-content:flex-end}/*右对齐*/
.flex-justify-content-between{justify-content:space-between}/*两端对齐*/
.flex-justify-content-around{justify-content:space-around;}/*两侧的间隔相等*/
.relative{ position:relative;}
.absolute{ position:absolute}
/**topper**/

.toper{ height:40px;  background:#2378d0; color:#FFF; font-size:13px}
.welcome{ width:33%;line-height:40px;}
.topnav{ width:35%;}
.topnav span{ background:url(../images/toperbg.jpg) left no-repeat; padding-left:20px; margin-top:10px}
.topnav a{ font-size:13px; color:#FFF;}
.topnav span.s1{ background-position:0px 0px}
.topnav span.s2{ background-position:-103px -3px}
.topnav span.s3{ background-position:-201px -3px}
.topnav span.s4{ background-position:-420px -3px; padding-left: 0px;}
.topnav span.s4 a{ padding-left: 10px; padding-right: 10px;}
.topnav span.s5{ background-position:-417px -3px;}

.logo_box{ height:136px; background:url(../images/logobg.jpg) left}
.logo_box img{ margin-top:36px}
.navbox{ height:56px; background:url(../images/navbg.jpg) left repeat-x}
.navbox li{ color:#2B2B2B; font-size:16px; text-align:center; line-height:56px; width:12.5%}
.navbox li a{color:#2B2B2B; font-size:16px}
.navbox li:hover{ background:#2378d0; color:#FFF}

.navbox li:hover a{ color:#FFF}
.navbox li.active{background:#2378d0; }
.navbox li.active a{color:#FFF}

.bannerbox{ height:550px; overflow:hidden;}
.bannerbox .bd li{ height:550px; background-position:center; background-repeat:no-repeat;}
.bannerbox .hd{ width:20%; z-index:9999; position:absolute; bottom:48px; left:45%;}
.bannerbox .hd li{ float:left; width:12px; height:12px; line-height:12px; font-size:0; background:#FFF; border-radius:50%; margin-left:10px; margin-right:10px;}
.bannerbox .hd li:last-child{ margin-right:0px;}
.bannerbox .hd li.on{ width:26px; border-radius:30%; }
.searchbox{ height:50px; border-bottom:1px solid #E4E4E4; margin-top:10px}
.hotwords{ width:72%; line-height:50px; font-size:14px;}
.search{ width:25%;}
.search_1{ /* width:300px; */height:35px; background:url(../images/searchbg.jpg) no-repeat}
.search_1 input.sear{ width:240px; margin-left:20px; height:35px; background:none; border:0px; color:#FFFFFF}
.search_1 input.submit{ width:32px;}

/**********/
.footer-nav{ height:61px; line-height:61px; border-bottom:1px solid #051B1E; background:#2379d0; margin-top:110px}
.footer-nav ul li{ color:#FFF; text-align:center; width:110px}
.footer-nav ul li a{ color:#FFF; font-size:14px;}
.footer-nav  a.more{ width:282px; height:87px; right:0; top:-45px; z-index:999; display:block;}
.footer-box{ border-top:1px solid #2379d0; background:#2379d0; color:#FFF; padding-top:12px;}
.footer-left{ width:232px; height:250px; background:url(../images/footer-line.jpg) right top no-repeat; text-align:center}
.footer-center{ width:690px; margin-left:110px;}
.footer-center .footer-title{ font-size:200%; line-height:50px; padding-top:10px;}
.footer-center .footer-title-en{ font-size:14px; line-height:20px; font-weight:normal}
.footer-center  p{ line-height:40px; font-size:13px;}
.footer-right{text-align:right; padding-top:50px}
.footer-bottom{ height:60px; line-height:20px; text-align:center; color:#FFF; font-size:13px;background:#2379d0;} 


/******右侧浮动******/

#onService_panel{color:#666;position:fixed;right:0;top:184px;width:100px;z-index:100012}#onlineList .online_close,#onlineList .online_open,#onlineList small,#onlineMessage .submitBut,.online_boxs .boxs_b_l,.online_boxs .boxs_b_r,.online_boxs .boxs_t_l,.online_boxs .boxs_t_r{background-image:url(../images/bgs.png);background-repeat:no-repeat;font-size:12px}.online_boxs .boxs_b_l,.online_boxs .boxs_b_r,.online_boxs .boxs_t_l,.online_boxs .boxs_t_r{display:block;height:10px;position:absolute;width:10px}.online_boxs .boxs_b_m,.online_boxs .boxs_t_m{background:#f1f1f1;border-top:1px #ccc solid;display:block;position:relative;height:9px;bottom:-1px;margin:0 10px}.online_boxs .boxs_b_m{border-top:none;height:8px;bottom:0;border-bottom:1px #ccc solid}.online_boxs .boxs_b,.online_boxs .boxs_t{height:10px;overflow:hidden;position:relative}.online_boxs .boxs_b_l,.online_boxs .boxs_t_l{left:0;top:0}.online_boxs .boxs_t_l{background-position:-299px -48px}.online_boxs .boxs_t_r{background-position:-309px -48px}.online_boxs .boxs_b_r,.online_boxs .boxs_t_r{right:0;top:0}.online_boxs .boxs_b_l{background-position:-299px -58px}.online_boxs .boxs_b_r{background-position:-309px -58px}.online_boxs .boxs_t_m{background-position:0 0}.online_boxs .boxs_b_m{background-position:0 -10px}.online_boxs .boxs_m_l,.online_boxs .boxs_m_r{background:#f1f1f1;border-left:1px #ccc solid;position:relative;left:1px}.online_boxs .boxs_m_r{border-left:none;border-right:1px #ccc solid;left:-2px}.online_boxs .boxs_m_l{background-position:left 0;padding-left:10px}.online_boxs .boxs_m_r{background-position:right 0;padding-right:10px}.online_boxs .box_m_m{background-color:#f1f1f1;min-height:10px}#onlineList{padding:20px 1px 1px;position:relative;z-index:1}#onlineList .online_open{background-position:-220px -48px;cursor:pointer;display:none;height:146px;left:-48px;overflow:hidden;position:absolute;top:35%;width:36px}#onlineList .online_open:hover{background-position:-257px -48px}#onlineList .online_close{background-position:-290px -24px;cursor:pointer;display:block;height:15px;left:30px;position:absolute;top:5px;width:15px}#onlineList .online_close:hover{background-position:-305px -24px}#onlineList .online_icon{border-radius:5px;cursor:pointer;margin-top:2px;padding:5px 0 0}#onlineList .online_icon:hover{background-color:#ddd}#onlineList .name,#onlineList .pic{display:block;text-align:center}#onlineList .on-search{background:url(../images/bgs.png) no-repeat -220px -194px;height:61px;margin-left:9px;width:61px}#onlineList .on-email{background:url(../images/bgs.png) no-repeat -220px -255px;height:61px;margin-left:9px;width:61px}#onlineList .on-inquiry{background:url(../images/bgs.png) no-repeat -220px -316px;height:61px;margin-left:9px;width:61px}#onlineList .on-share{background:url(../images/bgs.png) no-repeat -220px -377px;height:61px;margin-left:9px;width:61px}#onlineList .on-livechat{background:url(../images/bgs.png) no-repeat -220px -438px;height:61px;margin-left:9px;width:61px}#onlineList .shopping-cart{background:url(../images/bgs.png) no-repeat -281px -438px;color:#ff9000;font-size:16px;font-weight:700;height:61px;line-height:57px;margin-left:9px;width:61px}#onlineList .on-top{background:url(../images/bgs.png) no-repeat -220px -194px;height:61px;margin-left:9px;width:61px}#onlineList .name{color:#666;font:bold 14px/24px Arial}#onlineList .name a{color:#666}#onlineList .online_tab{display:none;position:absolute}#onlineList .online_tab_c{position:relative}#onlineList .online_tab_c small{display:block;font-size:12px;position:absolute}#onlineList .online_tab_c small.tab_close{background-position:-290px -9px;cursor:pointer;font-size:12px;height:15px;right:-5px;top:-5px;width:15px}#onlineList .online_tab_c small.tab_close:hover{background-position:-305px -9px;font-size:12px}#onlineShareTab{right:100px;top:48px;width:260px}#onlineShare small{font-size:12px;top:30px}#onlineShare li.title{color:#009cff;font:bold 24px/28px Arial;height:24px;line-height:24px;margin:0;padding-bottom:8px;padding-left:10px;padding-top:8px}#onlineShare li{display:inline-block;height:44px;line-height:44px;margin:10px;margin-bottom:5px;margin-top:5px;width:220px}#onlineShare li a{background:url(../images/bgs.png) no-repeat;border-radius:2px;cursor:pointer;display:inline-block;height:54px;width:220px}#onlineShare li a.facebook{background-position:0 -128px}#onlineShare li a.twitter{background-position:0 -182px}#onlineShare li a.linkedin{background-position:0 -236px}#onlineShare li a.googleplus{background-position:0 -290px}#onlineShare li a.vk{background-position:0 -344px}#onlineShare li a.blogger{background-position:0 -398px}#onlineShare li a.digg{background-position:0 -452px}#onlinelivechatTab{right:100px;top:-10px;width:260px}#onlinelivechat{min-height:80px}#onlinelivechat small{font-size:12px;top:30px}#onlinesearchTab{right:100px;top:300px;width:260px}#onlinesearch{min-height:60px}#onlinesearch small{font-size:12px;top:30px}#onlineemailTab{right:100px;top:188px;width:260px}#onlineemail{min-height:60px}#onlineemail small{font-size:12px;top:30px}#onlinelivechat li,#onlineemail li{font:500 12px/24px Arial;padding-bottom:5px;padding-left:10px;padding-top:10px}#onlinelivechat li a,#onlineemail li a{background:url(../images/bgs.png) no-repeat 0 -48px;border-radius:2px;display:inline-block;height:40px;line-height:40px;padding-left:15px;width:205px}#onlinelivechat li a:hover,#onlineemail li a:hover{background-position:0 -88px}#onlineemail li.title{border-radius:0;color:#009cff;font:bold 24px/28px Arial;padding-top:10px}