body *{margin:0;padding:0;list-style:none;text-decoration:none;-webkit-font-smoothing:antialiased;outline:0}
body{width:100%;height:100%;list-style:none;font-family: Microsoft YaHei,sans-serif}
#wrapper{width:100%;overflow:hidden}
.container{text-align:left;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:0}
h4{font-size:20px;color:#2b3e51;font-weight:normal}
h3{font-size:36px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-0.3px;color:#2b3e51;}
p{font-family: Microsoft YaHei,sans-serif;color:#7f8a96;line-height:1.53;font-size:17px}
.fixed{position:fixed;top:0;box-shadow:0 0 15px rgba(0,0,0,0.05);-moz-box-shadow:0 0 15px rgba(0,0,0,0.05);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.05);background-color:#fff;z-index:999}
.btn_more{font-family:'Arial',sans-serif;display:block;color:#fff;font-size:14px;text-align:center;font-weight:500;padding:17px 22px 15px 23px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:0;border:0;-webkit-apparience:none;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow,right;text-transform:uppercase}
.btn_more:after{content:"";width:16px;height:8px;background:url(../img/arrow.svg) no-repeat 0 top;display:inline-block;float:right;position:relative;top:6px;right:6px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:right}
.btn_more:hover:after{right:0;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:right}
.social{display:inline-block}
.social:after{content:"";display:block;clear:both}
.social li{float:left}
.social li a{display:block;cursor:pointer;width:24px;height:25px;background:url(../img/sprite_social.svg) no-repeat left top;background-size:109px 25px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:background}
.social li a.tweeter{background-position:-41px}
.social li a.github{background-position:-86px}
.social li a:hover{background-image:url(../img/sprite_social_hover.svg);-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:background}
.social li+li{margin-left:19px}
.in{opacity:1;-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}
.tooltip .tooltip-arrow{border-right-color:#fff!important}
.tooltip .tooltip-inner{background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;box-shadow:0 0 2px 0 rgba(0,0,0,0.05),0 10px 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.05),0 10px 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px 0 rgba(0,0,0,0.05),0 10px 20px 0 rgba(0,0,0,0.2);border-radius:6px;padding:10px;min-width:200px}
.tooltip .tooltip-inner h6{font-size:14px;color:#2B3E51!important}
.tooltip .tooltip-inner p{font-size:12px!important}
.popover{-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.05),7px 10px 20px 4px rgba(0,0,0,0.2);box-shadow:0 0 2px 0 rgba(0,0,0,0.05),7px 10px 20px 4px rgba(0,0,0,0.2);background:#FFF;border-radius:6px;-webkit-border-radius:6px;border:0;padding:0}
.popover .popover-content{padding:0;min-width:255px}
.popover .submenu{display:block;overflow:hidden}
.popover .submenu>li{display:block;float:none;border:0}
.popover .submenu>li a{font-size:16px;width:100%;display:block;color:#2B3E51;letter-spacing:-0.13px;outline:0;margin:0;padding:10px 20px;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:background-color}
.popover .submenu>li a:before{content:"";width:24px;height:17px;display:inline-block;background:url(../img/icons_submenu.svg) no-repeat left 2px;background-size:70.245px 17px;margin-right:8px;position:relative;top:1px}
.popover .submenu>li a:after{content:"";width:16px;height:8px;display:inline-block;background:url(../img/arrow_blue.svg) no-repeat left top;margin-left:10px;opacity:0;top:-1px;left:0;position:relative;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:opacity}
.popover .submenu>li a.blog:before{background-position:-23px 0}
.popover .submenu>li a.help:before{background-position:-48px 0}
.popover .submenu>li a:hover,
.popover .submenu>li a:focus{text-decoration:none;background-color:#F5F7FA;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:background-color}
.popover .submenu>li a:hover:after,
.popover .submenu>li a:focus:after{opacity:.3;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:opacity}
.popover .submenu>li:first-child{padding-top:8px}
.popover .submenu>li:first-child a{border-top-left-radius:6px;border-top-right-radius:6px;-moz-border-top-left-radius:6px;-moz-border-top-right-radius:6px}
.popover .submenu>li:last-child{padding-bottom:8px}
.popover .submenu>li:last-child a{border-bottom-left-radius:6px;border-bottom-right-radius:6px;-moz-border-bottom-left-radius:6px;-moz-border-bottom-right-radius:6px}
.popover .arrow{border:0;background-color:transparent}
#wrapper_header{background-color:transparent;position:absolute;top:27px;margin:0 auto;width:100%;display:block;z-index:22}
#wrapper_header #header{margin:0 auto;width:100%;display:block;height:80px}
#wrapper_header #header .container:after{content:"";display:block;clear:both}
#wrapper_header #header .container .logo{margin:23px 0 0;float:left;outline:0}
#wrapper_header #header .container .logo .logo_white{display:block;width:210px;height:auto}
#wrapper_header #header .container .logo .logo_sticky{width:196px;height:44px;display:none}
#wrapper_header #header .container nav{display:inline-block;float:right}
#wrapper_header #header .container nav .navbar{display:inline-block;max-width:930px;margin:6px 0 0;border:0}
#wrapper_header #header .container nav .navbar>li{float:left;display:inline}
#wrapper_header #header .container nav .navbar>li:after{content:"";display:block;clear:both}
#wrapper_header #header .container nav .navbar>li>a{font-size:14px;font-weight:500;color:#fff;display:block;text-transform:uppercase;outline:0;padding:5px 0;margin:27px 17.5px;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease}
#wrapper_header #header .container nav .navbar>li>a:hover,
#wrapper_header #header .container nav .navbar>li>a.active,
#wrapper_header #header .container nav .navbar>li>a:focus{text-decoration:none;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease}
#wrapper_header #header .container nav .navbar>li>a.drop:after{content:"";width:8px;height:5px;display:inline-block;background:url(../img/arrow_down.svg) no-repeat left top;background-size:16px 5px;position:relative;right:0;top:-2px;margin-left:4px;overflow:hidden}
#wrapper_header #header .container nav .title{display:none;font-size:14px;color:#A5AFBA;letter-spacing:-0.12px;line-height:35px;font-weight:normal;text-transform:uppercase}
#wrapper_header #header .container nav .visible{margin-left:30px;display:inline-block;float:right}
#wrapper_header #header .container nav .visible:after{content:"";display:block;clear:both}
#wrapper_header #header .container nav .visible button{font-family:'Arial',sans-serif;display:block;color:#fff;font-size:14px;text-align:center;font-weight:500;padding:17px 22px 15px 23px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;outline:0;border:0;-webkit-apparience:none;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow,right;font-size:13px;font-weight:500;height:36px;letter-spacing:-0.2px;text-align:center;color:#377bff;border:0;outline:0;float:left;padding:10px 0 11px;margin:29px 0 0}
#wrapper_header #header .container nav .visible button:hover{-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow;box-shadow:0 5px 7px 0 rgba(10,28,62,0.1);-moz-box-shadow:0 5px 7px 0 rgba(10,28,62,0.1);-webkit-box-shadow:0 5px 7px 0 rgba(10,28,62,0.1)}
#wrapper_header #header .container nav .visible button:after{content:"";display:block;clear:both}
#wrapper_header #header .container nav .visible button.login{background-color:rgba(255,255,255,0.1);color:#fff;width:60px;border: 1px solid #fff;}
#wrapper_header #header .container nav .visible button.signUp{background-color:#fff;color:#2B3E51;width:60px}
#wrapper_header #header .container nav .visible button{margin-right:11px}
#wrapper_header #header .container nav .visible .social{display:none}
#wrapper_header #header .container nav .movile:after{content:"";display:block;clear:both}
#wrapper_header #header .container nav .movile .no_visible{width:49%;float:left;display:none}
#wrapper_header #header .container nav .movile .no_visible li{padding-bottom:10px}
#wrapper_header #header .container nav .movile .no_visible li a{outline:0;font-size:16px;color:#2B3E51;cursor:pointer}
#wrapper_header #header .container nav #toggle_m_nav{width:25px;height:22px;position:relative;top:14px;cursor:pointer;display:none;margin-top:18px}
#wrapper_header #header .container nav #toggle_m_nav.fixed{position:fixed;z-index:9000}
#wrapper_header #header .container nav #toggle_m_nav #m_nav_menu{width:25px;height:25px;position:absolute;background:rgba(0,0,0,0);z-index:3}
#wrapper_header #header .container nav #toggle_m_nav #m_nav_menu .m_nav_ham{width:25px;height:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;margin:5px auto 0;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:transform;transition-duration:.2s}
#wrapper_header #header .container nav #toggle_m_nav #m_nav_menu .m_nav_ham.down{background:#ff7d2a}
#wrapper_header #header .container nav #toggle_m_nav #m_nav_menu #m_ham_1.m_nav_ham_1_open{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:transform;transition-duration:.2s;background:#2b3e51}
#wrapper_header #header .container nav #toggle_m_nav #m_nav_menu #m_ham_2.m_nav_ham_2_open{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-top:-3px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:transform;transition-duration:.2s;background:#2b3e51}
#wrapper_header #header .container nav #toggle_m_nav #m_nav_menu #m_ham_3.m_nav_ham_3_open{opacity:0;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:transform}
#wrapper_header #header.fixed .container .logo{margin:19px 0 0}
#wrapper_header #header.fixed .container .logo_sticky{display:block}
#wrapper_header #header.fixed .container .logo_white{display:none}
#wrapper_header #header.fixed .container nav .navbar>li>a{color:#2B3E51;margin:22px 17.5px}
#wrapper_header #header.fixed .container nav .navbar>li>a.drop:after{background-position:-8px 0}
#wrapper_header #header.fixed .container nav .visible button{margin-top:23px}
#wrapper_header #header.fixed .container nav .visible .login{background:#FFF;color:#2B3E51;box-shadow:0 0 2px 0 rgba(0,0,0,0.05),0 4px 8px 0 rgba(0,0,0,0.05)}
#wrapper_header #header.fixed .container nav .visible .login:hover{-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow;box-shadow:0 5px 7px 0 rgba(10,28,62,0.1);-moz-box-shadow:0 5px 7px 0 rgba(10,28,62,0.1);-webkit-box-shadow:0 5px 7px 0 rgba(10,28,62,0.1)}
#wrapper_header #header.fixed .container nav .visible .signUp{background-color:#26CB6D;color:#fff}
#wrapper_header #header.fixed .container nav #toggle_m_nav #m_nav_menu .m_nav_ham{background:#2b3e51}

.signUp-form{display:block;max-width:505px;width:100%;margin:56px auto 0;position:relative}
.signUp-form input{box-shadow:0 10px 20px 0 rgba(43,62,81,0.1);-webkit-box-shadow:0 10px 20px 0 rgba(43,62,81,0.1);-moz-box-shadow:0 10px 20px 0 rgba(43,62,81,0.1);height:66px;background-color:#fff;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;border:0;width:100%;font-family:'Arial',sans-serif;font-size:18px;color:#495572;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:none;padding:20px 190px 20px 29px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow}
.signUp-form input:focus{outline:0}
.signUp-form input:hover{box-shadow:0 10px 31px 0 rgba(43,62,81,0.2);-webkit-box-shadow:0 10px 31px 0 rgba(43,62,81,0.2);-moz-box-shadow:0 10px 31px 0 rgba(43,62,81,0.2);-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow}
.signUp-form label.error{display:block;font-family:'Arial',sans-serif;font-size:11px;text-align:center;margin-top:15px;color:#D94145}
.signUp-form ::-webkit-input-placeholder{color:#a8b6c0}
.signUp-form :-moz-placeholder{color:#a8b6c0}
.signUp-form ::-moz-placeholder{color:#a8b6c0}
.signUp-form :-ms-input-placeholder{color:#a8b6c0}
.signUp-form :focus::-webkit-input-placeholder{color:#a8b6c0}
.signUp-form :focus:-moz-placeholder{color:#a8b6c0}
.signUp-form :focus::-moz-placeholder{color:#a8b6c0}
.signUp-form :focus:-ms-input-placeholder{color:#a8b6c0}
.signUp-form button{font-family:'Arial',sans-serif;display:block;color:#fff;font-size:14px;text-align:center;font-weight:500;padding:17px 22px 15px 23px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:0;border:0;-webkit-apparience:none;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow,right;color:#fff;background-color:#25cb6d;position:absolute;right:9px;top:9px;height:48px;width:170px;padding:0;text-transform:uppercase;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:background-color}
.signUp-form button:hover{background-color:#23BE67;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:background-color}
.signUp-form button:hover+input{box-shadow:0 10px 31px 0 rgba(43,62,81,0.2);-webkit-box-shadow:0 10px 31px 0 rgba(43,62,81,0.2);-moz-box-shadow:0 10px 31px 0 rgba(43,62,81,0.2);-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow}

@media only screen and (max-width:1170px){
.container{padding-left:25px!important;padding-right:25px!important}
}
@media only screen and (max-width:960px){
#wrapper_header #header .container nav{float:right}
#wrapper_header #header .container nav #toggle_m_nav{display:block}
#wrapper_header #header .container nav .nav_wrapper:after{content:"";display:block;clear:both}
#wrapper_header #header .container nav .nav_wrapper{display:none;position:absolute;top:0;left:0;width:100%;margin:0;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;height:100%;background-color:#fff;box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 10px 20px 0 rgba(0,0,0,0.2);overflow-y:scroll}
#wrapper_header #header .container nav .nav_wrapper .navbar{margin:0;display:block;float:left;padding:77px 46px 68px;width:50%;vertical-align:top}
#wrapper_header #header .container nav .navbar>li{display:block;margin:0 auto;padding:0;text-align:left;float:none}
#wrapper_header #header .container nav .navbar>li>a{padding:0;font-size:21px;color:#2B3E51;margin:10px 0;font-weight:normal}
#wrapper_header #header .container nav .navbar>li:last-child{display:no ne}
#wrapper_header #header .container nav .title,#wrapper_header #header .container nav .movile .no_visible{display:block;text-align:left}
#wrapper_header #header .container nav .movile{display:block;float:left;width:50%;background-color:#F5F7FA;padding:77px 46px 36px;text-align:center;height:100%}
#wrapper_header #header .container nav .visible{float:none;margin:auto;width:193px;display:block;clear:both}
#wrapper_header #header .container nav .visible button.login{background:#FFF;color:#2B3E51;box-shadow:0 0 2px 0 rgba(0,0,0,0.05),0 4px 8px 0 rgba(0,0,0,0.05)}
#wrapper_header #header .container nav .visible button.signUp{background-color:#26CB6D;color:#fff}
#wrapper_header #header .container nav .visible .social{display:inline-block;padding-top:27px}
}
@media only screen and (max-width:768px){
#wrapper_header{top:0}
#wrapper_header #header .container nav .nav_wrapper{height:auto;left:1.5%;width:97%;top:10px}
.signUp-form button{width:96px;padding:11px 20px;overflow:hidden;line-height:30px}
.signUp-form input{font-size:16px;padding:22px 20px}
}
@media only screen and (max-width:640px){
#wrapper_header #header .container nav .nav_wrapper{left:1.5%;width:97%;max-width:768px;height:auto;margin-bottom:20px}
#wrapper_header #header .container nav .nav_wrapper .navbar,
#wrapper_header #header .container nav .movile{padding-top:30px;width:100%;float:none}
#wrapper_header #header .container nav .navbar .title{padding-bottom:8%}
}
@media only screen and (max-width:480px){
	h3{font-size:32px}
	p{font-size:17px}
#wrapper_header #header .container nav .nav_wrapper .navbar{padding-bottom:20px}
}
@media  only screen and (min-width: 768px) and (max-width: 1200px){
	#hero .float .img_hero1{display: none;}
}

#hero{margin:51px auto 0;width:100%;display:block;height:929px;background:url(../img/bg.png) no-repeat;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;position:relative}
#hero .container{position:relative;height:100%;text-align:left}
#hero .container:before{content:"";display:inline-block;height:100%;vertical-align:middle}
#hero .container .text_middle{width:55%;position: absolute;top: 25%;left: 7px;z-index: 1;}
#hero .container .text_middle h2{font-size:48px;font-weight:400;letter-spacing:0;color:#fff;line-height:1.2;width:85%;}
#hero .container .text_middle p{color:#fff;font-size:24px;padding: 30px 0 60px;max-width:543px;line-height:1.57}
#hero .container .text_middle .buttons{display:block;margin:45px auto 0}
#hero .container .text_middle .buttons:after{content:"";display:block;clear:both}
#hero .container .text_middle .buttons p{display:inline-block;float:left;padding-top:0;font-size:14px;line-height:50px;vertical-align:middle}
#hero .container .text_middle .buttons button{font-family:'Arial',sans-serif;display:block;color:#fff;font-size:14px;text-align:center;font-weight:500;padding:17px 22px 15px 23px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:0;border:0;-webkit-apparience:none;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow,right;float:left;font-size:15px}
#hero .container .text_middle .buttons button.sign_free{min-width:219px;background-color:#16D368;text-transform:uppercase;transition-property:padding,min-width,box-shadow}
#hero .container .text_middle .buttons button.sign_free:after{content:"";width:16px;height:8px;background:url(../img/arrow.svg) no-repeat 0 top;display:inline-block;float:right;position:relative;top:6px;right:4px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:right}
#hero .container .text_middle .buttons button.sign_free:hover{padding-right:28px;min-width:225px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:padding,min-width,box-shadow;box-shadow:0 4px 15px 0 rgba(10,28,62,0.2);-moz-box-shadow:0 4px 15px 0 rgba(10,28,62,0.2);-webkit-box-shadow:0 4px 15px 0 rgba(10,28,62,0.2)}
#hero .container .text_middle .buttons button.sign_free:hover:after{right:-2px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:right}
#hero .container .text_middle .buttons button.btn_more{background-color:rgba(255,255,255,0.2);box-shadow:0 3px 8px 0 rgba(10,28,62,0.05);-moz-box-shadow:0 3px 8px 0 rgba(10,28,62,0.05);-webkit-box-shadow:0 3px 8px 0 rgba(10,28,62,0.05);color:#fff;padding:17px 30px 15px;text-transform:none;font-weight:normal}
#hero .container .text_middle .buttons button.btn_more:after{content:none}
#hero .container .text_middle .buttons button.btn_more:hover{-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow;box-shadow:0 4px 15px 0 rgba(10,28,62,0.2);-moz-box-shadow:0 4px 15px 0 rgba(10,28,62,0.2);-webkit-box-shadow:0 4px 15px 0 rgba(10,28,62,0.2)}
#hero .container .text_middle .buttons a+p,
#hero .container .text_middle .buttons p+button{margin-left:15px}
#hero .float{max-width:2000px;height:auto;display:block;position:absolute;left:45%;top:41%;width:760px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#hero .float .img_hero1{width:100%;height:auto;display:block;position:relative;left:0;top:-11px}
#hero .float .img_hero2{max-width:906px;width:155%;height:auto;display:block;position:absolute;right:-88%;top:-9%}
#hero .float .img_hero2.animate{transition-delay:.4s}
#hero .float img{opacity: 0;}
#hero .float img.fade{opacity:0;transform:translateX(40px);-webkit-transform:translateX(40px);-moz-transform:translateX(40px)}
#hero .float img.animate{transition:opacity .25s ease,transform .5s ease;transition-delay:.2s;opacity:1;transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px)}

#blocks{margin:0 auto;width:100%;display:block}
#blocks .container{padding:20px 0 0}
#blocks .container .container_logos{max-width:1099px;margin:auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
#blocks .container .container_logos a{display:inline-block;height:auto;width:auto;float:left;outline:0;margin-bottom:30px}
#blocks .container .container_logos a img{display:block;margin:auto}
#blocks .container .container_logos.ie9 a+a{margin-left:60px}
#blocks .container .container_blocks{margin-top:60px}
#blocks .container .container_blocks:after{content:"";display:block;clear:both}
#blocks .container .container_blocks .block{float:left;display:inline-block;max-width:368px;width:30.9%;padding:33px 2.22% 42px 3.84%;height:auto;border-radius:6px;background-color:#fff;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow}
#blocks .container .container_blocks .block:hover,#blocks .container .container_blocks .block:focus{outline:0;box-shadow:0 10px 30px 0 rgba(119,135,147,0.1);-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow;text-decoration:none}
#blocks .container .container_blocks .block .icon{width:87px;height:88px;background:url(../img/sprite_icons.svg) no-repeat left top;background-size:263px 88px;display:block;margin-bottom:4px}
#blocks .container .container_blocks .block .icon#icon_2{background-position:-87px 0}
#blocks .container .container_blocks .block .icon#icon_3{background-position:-174px 0}
#blocks .container .container_blocks .block p{font-size:14px;line-height:1.5;letter-spacing:-0.1px;padding-top:15px}
#blocks .container .container_blocks .block .container_well{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-top:21px;flex-wrap:wrap;max-width:250px}
#blocks .container .container_blocks .block .container_well:after{content:"";display:block;clear:both}
#blocks .container .container_blocks .block .container_well .well{display:inline-block;border:0;height:24px;font-size:10px;font-weight:bold;letter-spacing:-0.2px;text-align:center;padding:5px 13px;font-family:'Arial',sans-serif;text-transform:uppercase;box-shadow:none;margin:0 6px 6px 0}
#blocks .container .container_blocks .block .container_well.blue .well{background-color:rgba(65,161,240,0.1);color:#41a1f0}
#blocks .container .container_blocks .block .container_well.green .well{background-color:#E9F9F0;color:#10cd62}
#blocks .container .container_blocks .block .container_well.orange .well{background-color:rgba(255,124,63,0.1);color:#ff7c3f}
#blocks .container .container_blocks .block+.block{margin-left:3.6%}

.section{margin:0 auto;width:100%;display:block}
.section .container{padding:100px 0}.section .container .container_col{margin:0 auto}
.section .container .container_col:after{content:"";display:block;clear:both}
.section .container .container_col .column{width:50%;float:left;display:inline-block;max-width:580px;position:relative}
.section .container .container_col .column>p{padding-top:30px;font-weight:normal;color:#7f8a96}
.section .container .container_col .column .list{margin-top:36px;margin-bottom:36px;text-align:left}
.section .container .container_col .column .list li{display:block;padding-bottom:22px}
.section .container .container_col .column .list li p{font-size:16px;font-weight:normal;line-height:20px;color:#2b3e51;vertical-align:middle;padding-left:32px}.section .container .container_col .column .list li:before{content:"";width:20px;height:20px;display:inline-block;background:url(../img/tick.svg) no-repeat left top;float:left;margin-right:12px}
.section .container .container_col .column .list li:last-child{padding-bottom:0}
.section .container .container_col .column button{font-family:'Arial',sans-serif;display:block;color:#fff;font-size:14px;text-align:center;font-weight:500;padding:17px 22px 15px 23px;-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:0;border:0;-webkit-apparience:none;cursor:pointer;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:box-shadow,right;min-width:200px;text-transform:uppercase;margin-top:38px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:padding,min-width}
.section .container .container_col .column button:hover{padding-right:30px;min-width:208px;-webkit-transition:color .3s ease,background-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease;-o-transition:color .3s ease,background-color .3s ease;transition:color .3s ease,background-color .3s ease;transition-property:padding,min-width}
.section .container .more{margin-top:70px}.section#workflow .container .container_col .column button{background-color:#377bff}

.section#workflow .container .container_col .column #img_col2{max-width:580px;width:100%;margin:auto;display:block}
.section#workflow .container .container_col .column#col_1{width:48%}
.section#workflow .container .container_col .column#col_1 .logo{margin-left:18px;outline:0;text-align:left}
.section#workflow .container .container_col .column#col_2{position:relative;min-height:562px}
.section#workflow .container .container_col .column#col_2 .content{display:block;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.section#workflow .container .container_col .column#col_2 .content #img_col2{width:100%;height:auto;display:block}
.section#workflow .container .container_col .column#col_2 .content .container_icons img{width:100%;height:auto;display:block;position:absolute;left:0;top:0}
.section#workflow .container .container_col .column#col_2 .content .container_icons img.fade{opacity:0;transform:scale3d(0.9,0.9,0.9);-webkit-transform:scale3d(0.9,0.9,0.9);-moz-transform:scale3d(0.9,0.9,0.9);-ms-transform:scale3d(0.9,0.9,0.9)}
.section#workflow .container .container_col .column#col_2 .content .container_icons img.in{opacity:1;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transition:opacity .2s ease,transform .5s ease;-webkit-transition:opacity .2s ease,transform .5s ease}
.section#workflow .container .container_col .column+.column{margin-left:1%}

.section > .container > .container_col h2{font-size: 24px;color:#202b36;text-align: center;line-height: 1.5;padding-top: 15px;}
.section > .container > .container_col h4{font-size: 16px;color: #34495e;text-align: center;line-height: 1.5;margin-top:10px;}
/*num1*/
#analyze{position: relative;margin-top: -280px;}
#analyze  > .container > .container_col{background: url(../img/workflow.png) no-repeat center top;}
#analyze  > .container > .container_col .content{margin-top: 50px;display: flex;justify-content: space-between;}
#analyze  > .container > .container_col .content .workflow-list{width: 270px;height: 400px;background: #FAFCFB;box-shadow: 0 6px 24px 0 rgba(0,14,29,0.20);padding:20px;}
#analyze  > .container > .container_col .content .workflow-list h3{font-size: 18px;color: #34495e;line-height: 18px;margin:20px 0 !important;}
#analyze  > .container > .container_col .content .workflow-list p{font-size: 16px;color: #34495e;line-height: 24px;}
#analyze  > .container > .container_col .content .workflow-list ul{display: flex;flex-wrap: wrap;}
#analyze  > .container > .container_col .content .workflow-list li {width:50%;font-size:14px;color: rgba(52,73,94,0.5);line-height: 30px;}

/*num2*/
.section#implement .container .container_col .column button{background-color:#ff7c3f;margin-top:53px}
#implement{margin:0 auto;position: relative;}
#implement  > .container > .container_col{background: url(../img/advantage.png) no-repeat center top;}
/* #implement  > .container > .container_col .content .bg-full{position: relative;left: 50%;margin-left: -1280px;width: 2560px;z-index: -1;min-height: 160px;} */
#implement  > .container > .container_col .content .img-ill{position: absolute;}
#implement  > .container > .container_col .content .img-ill-routing{width:100%;top:0;left: 0;z-index: -1;}
#implement  > .container > .container_col .content .bg-blue{width:395px;top:435px;left: 0;z-index: -1;}
#implement  > .container > .container_col .content .img-ill-tracking{top:30px;right: 0;z-index: -1;}
#implement  > .container > .container_col .advantage {text-align: center;margin-top: 40px;}
#implement  > .container > .container_col .advantage .advantage-list{width: 450px;height: 116px;box-shadow: 0 6px 24px 0 rgba(0,15,65,0.10);border-radius: 4px;background:#fff;padding:30px 20px 30px 30px;display: inline-block;}
#implement  > .container > .container_col .advantage .advantage-list img{float: left;margin-right:20px;}
#implement  > .container > .container_col .advantage .advantage-list h5{font-size: 18px;line-height: 18px;text-align: left;margin-bottom: 16px;}
#implement  > .container > .container_col .advantage .advantage-list .g1{color: #9a43c4;}
#implement  > .container > .container_col .advantage .advantage-list .g2{color: #F85665;}
#implement  > .container > .container_col .advantage .advantage-list .g3{color: #36AB7F;}
#implement  > .container > .container_col .advantage .advantage-list .g4{color: #337AB7;}
#implement  > .container > .container_col .advantage .advantage-list p{font-size: 16px;color: #33495e;line-height: 16px;text-align: left;}
/*num3*/
#num3 > .container{padding:25px 0;}
#num3 > .container > .container_col{background: url(../img/partner.png) no-repeat center top;}
#num3 > .container > .container_col .content{margin-top: 40px;}
#num3 > .container > .container_col .content .content-img {display: flex;justify-content: space-between;flex-wrap: wrap;}
#num3 > .container > .container_col .content .content-img img{margin-bottom: 20px;box-shadow: 0 6px 24px 0 rgba(0,0,0,0.07);border-radius: 4px;}
/*num7*/
#solutions > .container > .container_col{background: url(../img/partner.png) no-repeat center top;}
@media only screen and (max-width:960px){
#blocks .container .container_logos{max-width:618px}
#blocks .container .container_logos a{flex-grow:1}

}
@media only screen and (max-width:768px){
.section .container{padding:60px 0 65px}
.section#implement .container .container_col .column h3{margin-top:0}

#hero{background-position: center top;background-size: auto 815px;margin-top: 37px;}
#hero .float{top: 503px;left: 0;right: 0;width: 100%;}
#hero .float img{opacity: 1;}
#hero .float .img_hero1{width: 95%;margin:0 auto;position: static;}
#hero .container .text_middle{text-align:center;width:100%;top:10%;left: 0;}
#hero .container .text_middle p{margin:auto}
#hero .container .text_middle .buttons{max-width:426px}
#blocks .container .container_logos a{margin-bottom:0;margin-top:30px}
.section .container{padding:0}
.section .container .container_col .column{float:none!important;display:block;margin:0 auto 0;margin-left:auto!important;max-width:580px!important;width:100%!important;text-align:center}
.section .container .container_col .text{max-width:522px!important}
.section#analyze .container .container_col .column>p{max-width:100%}
.section .container .container_col .column button{margin-left:auto;margin-right:auto}
#blocks .container .container_blocks,
.section#workflow .container .container_col .column#col_2,
.section#analyze .container .container_col #col_1,
.section#num3 .container .container_col #col_1,
.section#num4 .container .container_col #col_2,
.section#num5 .container .container_col #col_1{display:none}
.section#analyze .container .container_col #col_2,
.section#workflow .container .container_col .column#col_1{margin-bottom:0}
.section .container .container_col .text h3:before{content:"";display:block;margin:0 auto 20px;width:87px;height:90px;background:url(../img/sprite_icons.svg) no-repeat left top;background-size:263px 88px;overflow:hidden}
#analyze .container .container_col .text h3:before{background-position:-87px 0}
#analyze > .container > .container_col .content{justify-content: center;flex-wrap: wrap;}
#analyze > .container > .container_col .content .workflow-list{margin:10px 0;}
#implement .container .container_col .text h3:before{background-position:-174px 0}
#implement{margin:50px auto;}
#implement > .container > .container_col .advantage .advantage-list{width: 100%;height: auto;}
#implement > .container > .container_col .advantage .advantage-list p{line-height: 1.5;}
#implement > .container > .container_col .advantage .advantage-list.list2{margin-right:0 !important;margin: 0 0 30px;}
#implement > .container > .container_col .advantage .advantage-list.list3{margin-left:0 !important;margin: 0 0 30px;}
#implement > .container > .container_col .advantage .advantage-list img{float: none;margin-right:0;}
#implement > .container > .container_col .advantage .advantage-list h5{text-align: center;margin:15px 0;}
#implement > .container > .container_col .content .img-ill-routing{width: auto;top:-944px;}
#implement > .container > .container_col .content .bg-blue{display: none;}
#implement > .container > .container_col .content .img-ill-tracking{display: none;}
#testimony .container .row .col>img{position:static;display:block;margin:0 auto 20px}
#testimony .container .row .col .text{padding-left:0;text-align:center}
#testimony .container .row .col .text a{position:static;display:inline-block;text-align:center;float:none}
#num3 > .container > .container_col .content .content-img img{width: 45%;}
}
@media only screen and (max-width:640px){
#blocks .container .container_logos{flex-direction:row}
#blocks .container .container_logos a{width:48%}
#testimony .container{padding:12px 0 116px!important}
#testimony .container .row{display:inline-flex;margin-bottom:0;width:auto}
#testimony .container>span{width:100%;height:443px;display:inline-flex;overflow-y:hidden;overflow-x:scroll;padding-bottom:15px}
#testimony .container .row .col{width:296px;margin-left:15px}
#testimony .container .row .col+.col{margin-left:15px}
#testimony .container .row .col .text p{margin-bottom:30px;font-size:13px}
.signUp-form,#testimony .container h2{padding:0 20px}
#testimony .container h2{margin-top:97px}
.signUp-form button{right:29px}
}
@media only screen and (max-width:480px){
h3{font-size:18px}
p{font-size:14px}
#hero .container .text_middle p{font-size:20px;padding: 30px 20px 60px;}
#hero .container .text_middle h2{font-size: 36px;margin: 0 auto;line-height: 1.5;}
#hero .container .text_middle .buttons button{width:100%;max-width:258px}
#hero .container .text_middle .buttons button,
#hero .container .text_middle .buttons p{display:block;float:none;margin:auto}
#hero .container .text_middle .buttons button+p,
#hero .container .text_middle .buttons p+button{margin:auto}
#blocks .container .container_logos img{width:38%;height:38%;margin:4%}
#blocks .container .container_logos img:nth-child(2n+2){margin-right:0}
#blocks .container .container_logos a img{width:100%}
.section#implement .container .container_col #col_2 .container_code .nav-tabs li{width:33.2%;margin-bottom:22px}
.section#implement .container .container_col #col_2 .container_code .nav-tabs{padding:23px 0 0}
.section#implement .container .container_col #col_2 .container_code{height:400px}
.section#implement .container .container_col #col_2 .container_code .tab-content .tab-pane p{font-size:14px;line-height:1.9}
}
@media all and (-webkit-min-device-pixel-ratio:2){
.section#implement .container .container_col #col_2 .container_code .nav-tabs li a .circle{background:url(../img/sprite_tabs@2x.png) no-repeat left top #334558;background-size:300px 100px;overflow:hidden}
}




/************************新增********************/
 /* #banner-search input[placeholder],#banner-search  [placeholder]{color:#999 !important;} */
/* #banner-search ::-webkit-input-placeholder { WebKit browserscolor: #fff;}
#banner-search :-moz-placeholder { Mozilla Firefox 4 to 18 color: #fff;}
#banner-search ::-moz-placeholder { Mozilla Firefox 19+ color: #fff;}
#banner-search :-ms-input-placeholder { Internet Explorer 10+color: #fff;} */

#banner-search {position: relative;width: 480px;display: block;z-index: 1;overflow: auto;font-size: 0;}
#banner-search .button-search {color: #5c5c5c;height: 42px;line-height: 42px;}
#banner-search input {color: #999;height: 48px;line-height: 48px;background:#fff;border-radius:4px 0 0 4px;font-size: 18px;width: 280px;padding: 12px 10px;outline: 0;border: none;box-shadow: 0 12px 42px 0 rgba(0,0,0,0.20);vertical-align: top;}
#banner-search .button-search {display:inline-block;cursor: pointer;text-align: center;width: 160px;height:48px;line-height:48px;background-color: #2ebbff;border-radius: 0 4px 4px 0;font-size: 18px;color: #fff;box-shadow: 0 12px 42px 0 rgba(0,0,0,0.20);}
.section .ul-main li{margin-top: 50px;}
.section .ul-main li .li-h2{font-size: 24px;color: #333;margin-bottom: 5px;font-weight: normal;}
.section .ul-main li .li-h2 img{margin-right:10px;}
.section .ul-main li p{margin-left: 35px;}
.fl{float: left!important;}
.fr{float: right!important;}
.mt10{margin-top: 10%!important;}
.mt15{margin-top: 15%!important;}
.mt20{margin-top: 20%!important;}


.title{text-align: center;}
.title h2{font-size: 28px;color:#333;font-weight:normal;}
.title h4{font-size: 14px;color:#757575;line-height: 20px;margin: 25px 0;}

/*num2*/
code, kbd, pre, samp {font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
.tab_code{display: none}
pre{width: 100%;margin: 30px auto;border: 0;overflow: inherit!important;}
/*num6*/

.vip_tab{width: 100%;}
.vip_tab ul{display: table;padding: 0;margin: 0 auto;}
.vip_tab .tab{height: 60px;margin-bottom: 35px;}
.vip_tab ul li{display: inline-block;float: left;width:100px;text-align: center;background: #eee;cursor:pointer;padding: 6px 0 6px 0;line-height: 40px;font-size: 14px;width: 150px; margin: 0 10px;border-radius: 50px;}
.vip_tab .active{background: #00a55c;color:#fff;}
.tab_ct{display: none;border-top:0;color: #333;margin: 10px;}
.tab_ct div{margin-bottom: 10px; font-size: 14px;}
.tab_ct span{color: #333;line-height: 30px;width: 130px;font-size: 14px;  font-weight: bold;text-align: center;margin-right: 20px; height: 31px;display: inline-block;float: left;}
.tab_ct img{float: left;width: 14.37%; border: 1px solid #ccc;margin-top: -1px;margin-left: -1px;background: #fff;}
/*num7*/
#solutions{}
.rfq-form{margin-top:30px;}
.ui2-dropdown-layout.ui2-dropdown-trigger.ui2-action.ui2-icon.ui2-icon-s.ui2-icon-arrow-down {position: absolute;right: 0;top: 0;background: white;}
.rfq-form .rfq-tags {margin-left: -8px;padding-top: 4px;display: table;margin: 0 auto;}
.util-clearfix {zoom: 1;}
.rfq-form .ui2-tag {float: left;margin-left: 15px;margin-right: 15px;margin-bottom: 0;}
.ui2-tag-basic.ui2-tag-check.ui2-tag-selected {border: 1px solid #2EBBFF;}
.ui2-tag-small {line-height: 20px;height: 20px;}
.ui2-tag {font-size: 12px;line-height: 26px;position: relative;display: inline-block;margin: 4px;margin-left: 0;margin-top: 0;width: 250px;height: 460px;text-decoration: none;color: #53647a;border: 1px solid #fff;background: #fff;box-shadow: 0 2px 15px 5px #ededed;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}
.ui2-tag-small .ui2-tag-head {vertical-align: top;line-height: 20px;height: 20px;}
.ui2-tag .ui2-tag-head {vertical-align: top;line-height: 28px;height: 28px;}
.rfq-form .ui2-tag .ui2-tag-body {padding: 0 2px;}
.rfq-form .ui2-tag .ui2-tag-body .icon{margin:40px 0 20px 0;}
.ui2-tag-basic.ui2-tag-check .ui2-tag-body {cursor: pointer;}
.ui2-tag-small .ui2-tag-body {line-height: 20px;height: 20px;}
.ui2-tag .ui2-tag-body {vertical-align: top;padding: 0 8px;line-height: 28px;height: 460px;width: 100%;text-align: center;}
.ui2-tag .ui2-tag-body, .ui2-tag .ui2-tag-head, .ui2-tag .ui2-tag-tail {display: inline-block;}
.ui2-tag-small .ui2-tag-tail {line-height: 40px;height: 40px;}
.ui2-tag .ui2-tag-tail {overflow: hidden;line-height: 40px;height: 40px;width: 40px;}
.ui2-tag-basic.ui2-tag-check.ui2-tag-selected:after {position: absolute;bottom: -20px;width: 40px;height: 40px;content: '';background: url(../img/yes.png);left: 50%;margin-left: -20px;}
.ui2-tag-basic.ui2-tag-check.ui2-tag-selected {border: 1px solid #2EBBFF;transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.ui2-tag:hover {color: #53647a;}
.ui2-tag-body .s7-icon{width:22px;height: 18px;display: table;margin:20px auto;background:url(../img/icon.png) no-repeat;}
.ui2-tag-body .s7-icon1{background-position: 0 0;}
.ui2-tag-body .s7-icon2{background-position: 0 -27px;}
.ui2-tag-body .s7-icon3{background-position: 0 -57px;}
.ui2-tag-body h3{font-size: 20px;color:#34495E;margin-bottom: 20px;text-align: center;line-height: 20px;}
.ui2-tag-body ul{display: block;margin-left: 40px;text-align: left;}
.ui2-tag-body ul li{display: block;margin-bottom: 5px;font-size: 16px;color:#333;}
.ui2-tag-body ul li span{width:8px;height:8px;border-radius:50px;background:#A6C8EA;display: block;float: left;margin-right: 20px;margin-top: 10px;}
.ui2-tag-body h4{font-size: 16px;color: #333;text-align: center;position: absolute;bottom: 5%;left: 50%;margin-left: -85px;display: block;width: 170px;}
/*num8*/
#logo-tab > .container{padding:15px 0 85px;}
#logo-tab > .container > .container_col{background: url(../img/register.png) no-repeat center top;}
#footer-search{margin-top: 40px;font-size: 0;vertical-align: top;text-align: center;}
#footer-search input{width: 280px; height: 48px;box-shadow: 0 6px 24px 0 rgba(0,0,0,0.10);border-radius: 4px 0 0 4px;font-size: 18px;color: #999999;border:1px solid #efefef;outline: none;padding:10px;vertical-align: top;}
#footer-search .button-search{display:inline-block;width: 160px;height: 48px;box-shadow: 0 6px 24px 0 rgba(0,0,0,0.10);border-radius: 0 4px 4px 0;background: #2EBBFF;text-align: center;line-height: 48px;font-size: 18px;color: #FFFFFF;cursor: pointer;}
/* num9 */
#num9  > .container{padding:0 0 100px;}
#num9  > .container > .container_col{background: url(../img/contact.png) no-repeat center top;}
#num9  > .container > .container_col .contact{text-align: center;margin-top: 40px;}
#num9  > .container > .container_col .contact img{margin:0 20px;}
@media screen and (max-width: 768px){
.section .ul-main li .li-h2{font-size: 16px;}
#banner-search{width:100%;}
#banner-search input{width:55%;}
#banner-search .button-search{width:40%;}
.vip_tab .tab{height:auto;margin-top: 20px;}
.vip_tab ul{width:100%;}
.vip_tab ul li{width: 38%;margin: 0 6%;height: 30px;line-height: 30px;padding: 0;}
.tab_ct img {float: left; width: 33.5%;}
.title h2{font-size: 18px;line-height: 32px;}
.title h4{margin: 5px 0 0;}
.ui2-tag{width: 90%;margin-bottom: 15%!important;}
#footer-search {overflow: auto; margin-top: 30px; width: 100%;}
#footer-search input{width:60%;}
#footer-search .button-search{width: 40%;}
#implement .container .container_col .text { margin-bottom: 30px; }
#num5{padding-bottom: 50px;}
.section6 .container,.section7 .container,.section8 .container{padding:50px 0;}
}