@charset "utf-8";
/*reset*/

ul, ol, li { list-style: none; }
i { font-style: normal; }
select, input, textarea { margin: 0; font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", tahoma, arial, "Hiragino Sans GB", "\5B8B\4F53"; outline: none; border: none; }
table { border-collapse: collapse; }

.clearfix:after, ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 }
.clearfix, ul { zoom: 1; }
.en { font-family: Arial, Helvetica, sans-serif !important; }
.nobg { background: none !important; }
.noborder { border: 0 !important; }
.font12 { font-size: 12px !important; }
.font16 { font-size: 16px !important; }

/*all*/
.wrapper { width: 1170px; margin: 0 auto; }
.homebody .nav .homeli > a, .websitebody .nav .websiteli > a, .casebody .nav .caseli > a, .solutionbody .nav .solutionli > a, .phonebody .nav .phoneli > a, .aboutbody .nav .aboutli > a { color:#fff; border-top: 2px solid #e68b0b; padding-top: 0; background-color:#2c70b3; font-size:16px; }
.websitebody,.casebody,.solutionbody{padding-top: 90px;}

.right { float: right; }
.insidebanner { height: 286px; }
@font-face { font-family: "myIcon"; src: url("../fonts/icomoon.eot");/*IE9*/ src: url("../fonts/icomoon.eot") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; }
.opacityNone { opacity: 0; filter: alpha(opacity=0); }
.menu{display: none;}

/*banner*/
/*header*/
.header { height: 90px; position:relative; background-color:#fff; line-height: 90px;top:0px;
width: 100%;z-index: 1000;}
.header .logo { position: absolute; left:14%; top: 20px;  }
.header .logo h1{margin:0 0;}
.header .logo a { display: block; }
.header .nav { position: absolute; top: 0; right: 0; }
.header .nav ul { position: absolute; top: 0; right: 210px; width: 740px; }
.header .insidenav ul { right: 0; }
.header .nav ul li { width: 14.2%; float: left; position: relative; }
.header .nav ul li > a { display: block; width: 100%; text-align: center; color: #333; padding-top: 2px; height:90px; line-height:90px; font-size:16px; -webkit-transition: background-color .25s ease, color .25s ease, font-size .25s ease; -moz-transition: background-color .25s ease, color .25s ease, font-size .25s ease; -ms-transition: background-color .25s ease, color .25s ease, font-size .25s ease; -o-transition: background-color .25s ease, color .25s ease, font-size .25s ease; transition: background-color .25s ease, color .25s ease, font-size .25s ease; }
.header .nav ul li > a:hover { color:#fff; border-top: 2px solid #e68b0b; padding-top: 0; background-color:#2c70b3; font-size:16px; }
.header .nav ul li .sub_nav { position: absolute; left:-10px; top: 90px; z-index: 1000; width:320px; padding: 10px; padding-bottom:10px; padding-top:10px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); height: auto; overflow: hidden; display: none; border-radius:10px; }
.homebody .header .nav ul li .sub_nav{background:#e68b0b; border-radius:10px;}
.header .nav ul li .sub_nav_solution { left: -250px; }
.header .nav ul li .sub_nav .left { width: 155px; height: 100px; line-height: 100px; padding-top: 20px; color: #FFF; padding-right: 45px;}
.header .nav ul li .sub_nav .left p { font-size: 15px; line-height: 30px; margin-left: 10px;text-align: center;}
.header .nav ul li .sub_nav .left p img{margin-bottom: 10px; width:100%;}
.header .nav ul li .sub_nav .left p span { font-size: 20px; font-weight: bold; }
.header .nav ul li .sub_nav .right { width: 300px; }
.header .nav ul li .sub_nav .right dd { width: 50%; float: left; height: 35px; line-height: 35px; text-align:center;}
.header .nav ul li .sub_nav .right dd a { color: #FFF; }
.header .nav ul li .sub_nav .right dd a:hover { color: #d30830; }
.header .nav ul li.aboutli .sub_nav { width:120px; }
.header .nav ul li.aboutli .sub_nav .right { width: 100px; text-align:center;}
.header .nav ul li.aboutli .sub_nav .right dd { width: 100%; float: none; }
.header > span { position: absolute; top: 0; right: 30px; background: url(../images/phoneicon.png) left center no-repeat; padding-left: 38px; width: 190px; color: #BBB }
.nav_icon { display: none; }

/*banner*/