/* Reset */
html{font-size:16px;}
body,div,ul,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,input,p,a,img{margin:0;padding:0;border:0;}
article,aside,dialog,footer,.header,section,footer,nav,figure,menu,.nav{display:block;}
img,input{vertical-align:middel;border:0;}
img{max-width:100%;}
ol,ul,li{list-style:none;padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
video{width: 100%;}
body{color:#313131;background:#fff;font-size:16px;font-family:Arial, Helvetica, sans-serif, "Arial Unicode MS";}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{color:#555;text-decoration:none;}
a:hover{color:#3557aa;text-decoration:underline;}
@media (min-width: 1200px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1200px;}}
/*top*/
.nav_center{border-bottom:1px solid #eaeaea;box-shadow:0 3px 8px 0 rgba(34, 34, 34, 0.1);line-height:20px;}
.nav{width:1200px;margin:0 auto;position:relative}
.nav:after{clear:both;display:table;content: " ";}
.nav:before{display:table;content: " ";}
.nav .logo{padding:15px 0;float:left;}
.nav .logo img{float:left;width:154px;}
.nav .logo .line{float:left;width:1px;height:35px;background:#c7c7c7;margin:5px 16px;}
.slogen{float:left;margin-top:3px;}
.slogen span{display:block;color:#333;font-size:14px;}
.nav_menu{float:right;}
.nav_menu ul li.items{float:left;font-size:16px;line-height:24px;padding:0 16px;position:relative;}
.nav_menu ul li.items:nth-child(2){position:static;}
.nav_menu ul li a{line-height:75px;height:75px;color:#333;text-decoration:none;}
.nav_menu ul li a:active,.nav_menu ul li a:focus{text-decoration:none;}
.nav_menu ul li a:hover{color:#2B8CF4;}
.nav_menu ul li.on > a{color:#2B8CF4;}
.nav_menu .sub{font-size:1rem;display:none;position:absolute;z-index:9;line-height:2rem;width:150px;background:#fff;border-top:1px solid #eee;left:-25px;}
.nav_menu .sub a{width:100%;height:38px;line-height:38px;font-size:0.875rem;float:left;text-align:center;}
.nav_menu .sub a:hover{background:#3557aa;color:#fff;}
.nav_menu .sub.product_sub{width:1200px;border-top:1px #f2f2f2 solid;left:0;z-index:99;text-align:center;}
.nav_menu .sub.product_sub a{width:100%;height:auto;line-height:30px;font-weight:normal;}
.nav_menu .sub.product_sub dl{display:inline-block;vertical-align:top;padding:20px 30px;line-height:26px;}
.nav_menu .sub.product_sub dl dt a{float:left;display:block;text-align:left;width:173px;margin-bottom:5px;padding:20px 0 5px;border-bottom:1px solid #e4e4e4;}
.nav_menu .sub.product_sub dl a:hover{background:none;color:#3557aa;}
.nav_menu .sub.product_sub dl dd a{text-align:left;color:#333;font-size:12px;padding-left:16px;background:url(../images/ico.jpg) no-repeat left;}
.nav_menu .sub.product_sub dl dd a:hover{color:#3557aa;background:none;padding-left:16px;background:url(../images/ico.jpg) no-repeat left;}
.nav_menu .sub.product_sub .imgpro{padding-left:12px;overflow:hidden;margin:20px auto 0 auto;width:980px;}
.nav_menu .sub.product_sub .imgpro li{float:left; width:138px;margin:0 10px;overflow:hidden;border-top:none;display:inline;}
.nav_menu .sub.product_sub .imgpro li img{border:1px solid #ddd;width:136px;}
.nav_menu .sub.product_sub .imgpro li a{background:none;color:#333;font-size:14px;float:left;}
.nav_menu .sub.product_sub .imgpro li a:hover{background:none;color:#3557aa;}
.nav_menu .sub.product_sub .imgpro li a span{line-height:20px;}
/*move_top*/
input, button{border:0px;vertical-align:middle;}
header{display:none;width:100%;overflow:hidden;margin:0 auto;background:#3557aa;height:50px;clear:both;top:0;position:fixed;z-index:3;max-width:768px;}
header .locicon{position:absolute;top:13px;left:5px;width:32px;height:32px;background:url(../images/toolbar.png) no-repeat left -450px;background-size:32px;display:block;}
header .logo{height:41px;width:320px;display:block;margin:9px auto 0;clear:both;overflow:hidden;color:#fbebc8;padding:0;float:none;}
header .logo i{display:block;float:left;}
header .logo span{display:block;float:left;font-size:12px;margin-left:10px;line-height:18px;color:#fff;}
header .logo span b{display:block;font-size:14px;font-weight:normal;color:#fff;}
header .menuicon{position:absolute;top:12px;right:10px;width:32px;height:32px;background:url(../images/toolbar.png) center -295px;display:block;background-size:32px;text-indent:52px;font-size:0px;overflow:hidden;}
header .menuicon a{width:32px;height:32px;background:url(../images/toolbar.png) center -295px;display:block;background-size:32px;text-indent:52px;font-size:0px;overflow:hidden;}
.menubg{width:100%;height:100%;background:#333;opacity:0.6;position:fixed;display:none;z-index:99;bottom:0;}
.rightNav{width:50%;max-width:400px;height:100%;background:#234182;color:#fff;position:fixed;z-index:999;top:0;right:-50%;}
.rightNav dl{width:80%;line-height:45px;margin:0 auto;}
.rightNav dl dt{border-bottom:1px solid #365496;}
.rightNav dl dt.menuclose{height:45px;border-bottom:1px solid #365496;background:url(../images/toolbar.png) no-repeat left -215px;background-size:20px;}
.rightNav dl dt i{width:3px;height:3px;display:block;overflow:hidden;border-radius:3px;background:#fbebc8;float:left;margin-right:8px;margin-top:19px;}
.rightNav dl a{display:block;height:45px;width:100%;color:#eee;}
/*position*/
.position{color:#ccc;padding:10px 0;background-color:#fafafa;border-bottom:1px solid #eee; font-size: 0.875rem;}
.position span{color:#777;}
.position a{display:inline-block;padding:0 5px;}
.position h3{color:#999;}
.position h3 big{color:#c00;padding:0 5px;}
/*footer*/
.footerBgc{background-color:#3b3b43;width:100%;border-top:#65656c solid 6px;}
footer,.footer{background-color:#242933;width:100%;padding-top:16px;}
footer .mid .footcontact,.footer .mid .footcontact{ float:left; padding-right:10px;}
footer .mid .footcontact span,.footer .mid .footcontact span{ display:block;}
footer .mid .footcontact .tel,.footer .mid .footcontact .tel{ font-size:18px; color:#fff; margin-top:25px; margin-bottom:10px; font-weight:bold;}
footer .mid .footcontact .mftel,footer .mid .footcontact .online,.footer .mid .footcontact .mftel,.footer .mid .footcontact .online{float: left;background: #666;height: 30px;width: 110px;line-height: 30px;text-align: center;font-size: 16px;margin-top: 16px; margin-left:12px;}
footer .mid .footcontact .online,.footer .mid .footcontact .online{background: #ED1C24;}
footer .mid .footcontact .mftel a,footer .mid .footcontact .online a,.footer .mid .footcontact .mftel a,.footer .mid .footcontact .online a{ color:#fff; width:100%; display:block;}
footer .mid .footlink,.footer .mid .footlink{ width:580px; padding-bottom:10px; float:left;}
footer .mid .footlink dl,.footer .mid .footlink dl{color:#fff; height:140px; overflow:hidden; padding:0px 0px 0px 60px; line-height:25px; float:left;}
footer .mid .footlink dl dt,.footer .mid .footlink dl dt{ font-size:16px; margin-bottom:10px;}
footer .mid .footlink dl dt a,.footer .mid .footlink dl dt a{ color:#fff;}
footer .mid .footlink dl a,.footer .mid .footlink dl a{ color:#999;}
footer .footewm,.footer .footewm{ float:right; margin-top: 3px;border: 5px solid #fff;}
footer .footewm img,.footer .footewm img{ width:120px; height:120px;}
footer .bot,.footer .bot{ width:100%; line-height:25px; background-color:#15181E; color:#999; overflow:hidden; padding:8px 0px;}
footer .bot .left,.footer .bot .left{ float:left; color:#999;}
footer .bot .right,.footer .bot .right{ float:right; color:#999;}
footer .bot .right a,.footer .bot .right a{ color:#999; padding:0px 5px;}
/*footer*/
footer{width:100%;background-color:#1f1f23;padding-top:16px;border-top:#000 solid 0px; font-size:12px; overflow:hidden;}
.footerNav{color:#9e9d9d;padding:10px 15px; text-align:center;}
.footerNav span{color:#9e9d9d;}
.footerNav a{display:inline-block;margin:0 3px;color:#9e9d9d;}
.copyright{border-top:1px solid #2b2b2b;padding:10px; text-align:center;}
.copyright p{line-height:21px;color:#9e9d9d; text-align:center;}
.copyright a{color:#9e9d9d;}

@media (max-width: 768px){
.nav_center{display:none;}
header{display:block;}
}
