.container{width: 1200px;margin: 0 auto;position: relative;}
*{margin: 0;padding: 0;font-family: "myFOnt" ! important;}

#banner .nav-bg{height: 100px;background: rgba(255,255,255, .92);}
#banner #header{height: 76px;}
#banner #header .logo{padding-top: 20px;float: left;}
#banner #header #nav{float: left;margin: 50px 0 0 580px;position: absolute;}
#banner #header #nav .nav-left{float: left;position: relative;}
#banner #header #nav .nav-left ul li{float: left;margin-left: 58px;height:30px;}
#banner #header #nav .nav-left ul li a{display: inline-block;color: #00b0e7;font-size: 18px;text-align: center;height: 50px;}
#banner #header #nav .nav-left ul li a:hover{color: #0c90b9;}
#banner #header #nav .nav-right{float: left;margin:4px 0 0 110px;color: #00b0e7;font-size: 12px;}
#banner #header #nav .nav-right a{color: #00b0e7;}

#banner #header #nav .nav-right .login{display: inline-block;width: 54px;height: 20px;border: 1px solid #34b6e6;color: #3db5e7;text-align: center;font: 12px/20px "";border-radius: 3px;}
#banner #header #nav .nav-right .login:hover{border: 1px solid #34b6e6;background: #36b1f4; color: #dbeffa;}
#banner #header #nav .nav-right .language{border: 0;background: 0;margin-left: 10px;color: #20b2e7;font-size: 12px;display: inline-block;height: 30px;}

#banner #header #nav .nav-left .nav-product-popover{position: absolute;left: -80px;top: 10px;}
#banner #header #nav .nav-left .nav-product-popover .test_triangle_border .popup{height: 90px;width: 110px;}
#banner #header #nav .nav-left .nav-product-popover a{color: #8fa8c5;font-size: 14px;letter-spacing: 4px;margin-top: 4px;display: block;}
#banner #header #nav .nav-left .nav-product-popover a:hover{color: #204b83;}

#banner #header #nav .nav-left .nav-project-popover{position: absolute;left: 27px;top: 10px;}
#banner #header #nav .nav-left .nav-project-popover .test_triangle_border .popup{height: 50px;width: 98px;}
#banner #header #nav .nav-left .nav-project-popover a{color: #8fa8c5;font-size: 14px;letter-spacing: 4px;margin-top: 4px;display: block;}
#banner #header #nav .nav-left .nav-project-popover a:hover{color: #204b83;}

#banner #header #nav .nav-left .nav-aboutus-popover{position: absolute;left: 240px;top: 10px;}
#banner #header #nav .nav-left .nav-aboutus-popover .test_triangle_border .popup{height: 68px;width: 98px;}
#banner #header #nav .nav-left .nav-aboutus-popover a{color: #8fa8c5;font-size: 14px;letter-spacing: 4px;margin-top: 4px;display: block;}
#banner #header #nav .nav-left .nav-aboutus-popover a:hover{color: #204b83;}

#banner #header #nav .nav-language-popover{width: 80px;height: 18px;background: white;position: absolute;left: 540px;top: 23px;border-radius: 4px;box-shadow:2px 2px 2px  #7095ab;}
#banner #header #nav .nav-language-popover img{margin: -7px 0 0 8px;}
#banner #header #nav .nav-language-popover a{color: #11427d;font: 12px/18px "";display: block;margin-top: -22px;margin-left: 30px;}

#contact_us{height: 300px;background: url(../img/contact-bg.jpg) no-repeat center;}
#contact_us h3{font-weight: 500;font-size: 30px;text-align: center;color: #e8faff;padding-top: 80px;}
#contact_us p{text-align: center;color: #e8faff;font-size: 28px;margin-top: 10px;}
#contact_us a{text-align: center;display: block;width: 180px;height: 46px;background: #1c64b1;color: white;border-radius: 6px;margin: 20px 0 0 510px;font: 26px/46px "";}
#contact_us a:hover{background: #2db9ff;}

#nav-bottom{height: 150px;background: #f7fbfb;width: 1900px;margin: 0 auto;}
#nav-bottom img{float: left;margin-top: 46px;}
#nav-bottom ul{float: left;margin-left: 300px;margin-top: 70px;}
#nav-bottom ul li{float: left;margin-left: 36px;}
#nav-bottom ul li a{color: #85a1c1;font-size: 18px;}
#nav-bottom ul li a:hover{color: #204b83;}

#footer{height: 50px;background: #f7fbfb;width: 1900px;margin: 0 auto;}
#footer .footer-box{width: 1200px;border-top: 1px solid #bae1fa;}
#footer .footer-box p{float: left;font-size: 14px;color: #a6bcd5;padding-top: 12px;}
#footer .footer-box-p1{margin-left: 3px;}
#footer .footer-box-p2{margin-left: 26px;}
#footer .footer-box-p3{margin-left: 18px;}
#footer .footer-box-p4{margin-left: 315px;}


.gotop {position: fixed; width: 50px;height: 50px; z-index: 9999999;  top: 80%;  left: 90%;   transition: all .3s ease;  }
.gotop .f_bar .f_top {background: url(../img/gotop.png) no-repeat center; width: 50px;height: 50px; }
.gotop .f_bar .f_top:hover{background: url(../img/gotop-i.png) no-repeat center;}



.test_triangle_border { position: relative;}
.test_triangle_border .popup {background: white;color: #333;border-radius: 4px;position: absolute;top: 30px;left: 30px;padding: 14px 0 14px 25px;box-shadow:2px 2px 2px  #7095ab;}
.test_triangle_border .popup span {display: block;width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent #fff;position: absolute;top: -10px;left: 50%;margin-left: -10px;}
.test_triangle_border .popup em {display: block;width: 0;height: 0;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent #fff;position: absolute;top: 1px;left: -10px;}