@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,   caption, tbody, tfoot, thead, , article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;margin: 0;padding: 0;}
th,td{ border:1px solid #ededed; margin: 0; padding:5px;}
body{  color:#555; font-family: Arial, Helvetica, sans-serif; font-size:14px; margin:0 auto;/* overflow:hidden; padding-bottom:500px;  */}
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none; } 
a{color:#555; text-decoration:none;}
a:hover{  text-decoration:none;}
*{ margin:0; padding:0;} 
.container{ width:1200px; margin:0 auto; padding:0 15px;}
.warp{ width:100%; max-width:750px; margin:0 auto  }
.clears{ clear:both;} 
.posr{ position:relative; z-index:100}
input,textarea,select{ font-family: Arial, Helvetica, sans-serif; outline:none; color:#555}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right;}
.fr{ float:right !important}
.fl{ float:left !important; } 
.bg_f5{ background:#f5f5f5}  
.bg_fa{ background:#FAFAFA} 
.bg_fb{ background:#FBFAFB}
.bg_ff{ background:#fff; overflow:hidden}
.maTop0{ margin-top:0 !important}
.maTop10{ margin-top:10px !important}
.padTop0{ padding-top:0 !important}
.pad-top5{ padding-top:5px !important;}
.maBtm15{ margin-bottom:15px !important}
.maBtm0{ margin-bottom:0px !important} 
.color555{ color:#555 !important}


.head-top ,
.banner-big ,
.foot ,
.info-banner,
.bg_fa ,
.banner-line{ min-width:1230px;}

.head-top{ text-align:right; background:#f8f6f7; border-bottom:1px solid #EBEBEB; line-height:45px;}
.head-top .cart{ background:url(../images/cart.png) center left no-repeat; padding-left:25px}
.head-top .login{ background: url(../images/user.png) center left no-repeat; padding-left:25px}
.head-top a{ margin:0 15px; padding:10px 0}

.logo{ float:left; margin:20px 0}
.head-menu{ float:right; width:500px}

.seach{ border:1px solid #DCDCDC; margin:20px 0; border-radius:30px; overflow:hidden; width:320px; float:right}
.seach .text{ width:250px; height:35px; line-height:35px; padding:0 15px; border:none; float:left; color:#666; outline:none; border:none;}
.seach .btn{ background:url(../images/seach.png) center left no-repeat; width:40px; height:35px; float:left; outline:none; border:none; cursor:pointer}
.menu{ overflow:hidden; float:right}
.menu li{ float:left; margin-left:30px; font-size:15px;}
.menu li.active a{ color:#00448d}

.home-news{ width:770px; float:left;}
.home-title{ text-transform:uppercase; color:#333; font-size:24px; padding:45px 0 20px; font-family:Arial, Helvetica, sans-serif;}
.home-title .more{ float:right; color:#999; font-size:15px;}

.home-word{ overflow:hidden; line-height:1.7}
.home-word img{ float:left; margin-right:15px; width:300px; height:175px;}
.home-word .title{ font-weight:normal; font-size:16px; color:#333; font-weight:bold; margin-bottom:10px;}
.home-word .btn{ padding:5px 0;width:130px; display:block; text-align:center; color:#fff; background:#00448d; text-align:center}
.home-word .word{ font-size:13px; color:#999; height:66px; overflow:hidden;  margin-top:15px; border-left:1px solid #D2D2D2; padding:0 10px}
.home-word .word-big{ float:right; width:445px}

.home-news-list { margin-top:30px}
.home-news-list li{ overflow:hidden; float:left; margin-left:18px;}
.home-news-list .time{ float:left; padding-bottom:5px; margin-right:15px; background:#f89c1d; color:#fff; width:60px; text-align:center; margin-top:5px;}
.home-news-list .time span{ display:block; margin-bottom:5px; border-bottom:2px solid #fff; padding:10px 0; font-size:24px;}
.home-news-list a{ float:left; width:300px; line-height:1.7}
.home-news-list h2{ color:#333; font-size:15px; margin-bottom:5px;}
.home-news-list p{ color:#999; font-size:13px; line-height:1.7}
.home-news-list li:first-child{ margin-left:0}

.home-about{ float:left; margin-left:58px; width:367px;}
.home-about-word{ background:#221e1f; overflow:hidden;}
.home-about-word img{ display:block; width:367px; height:200px}
.home-about-word p{ padding:10px 15px; line-height:1.7; color:#A8A9AE}
.home-about-word .more{ float:right; border:1px solid #A8A9AE; color:#A8A9AE; margin:15px; margin-top:0; display:block; line-height:30px; width:100px; text-align:center}

.foot{ color:#555; background:#221e1f;line-height:1.8}
.foot a{ color:#555; }
.copy{ border-top:1px solid #323030; text-align:center; line-height:50px; color:#555}
.foot-word{ padding:25px 0; float:left}
.foot-menu{ font-size:15px; padding-bottom:10px;}
.foot-menu a{ margin-right:25px;}
.foot-word .word{}
.foot-code{ float:right; margin:35px 0;}

/* ip Solution*/
.info-banner{ height:300px; background:center no-repeat}
.info-title{ text-align:center; padding:55px 0 35px; font-weight:normal; font-size:28px; color:#333; text-transform:uppercase}
.info-title i{ display:block; margin:10px auto 0; height:2px; background:#000; width:50px;}

.porduct-title{ overflow:hidden; margin-bottom:25px; border-bottom:1px solid #ddd;}
.porduct-title dd{ float:left; margin-right:50px;}
.porduct-title a{ display:block; padding-top:30px; color:#333; font-size:16px; padding-bottom:15px; }
.porduct-title dd:last-child{ margin-right:0}
.porduct-title dd.active a{background:url(../images/pro.png) center top no-repeat; color:#00448d}

.pro-list{ margin-top:25px;}
.pro-list li{ border:1px solid #ddd; padding:20px; margin-bottom:25px; overflow:hidden}
.pro-list li img{ float:left; width:400px; height:250px}
.pro-list li .word{ float:left; width:710px; margin-left:20px}
.pro-list li .word h2,.product-head .word h2{ color:#221e1f; font-size:24px; font-weight: normal; padding:15px 0 }
.pro-list li .word span{ font-size:17px; color:#221e1f; padding-bottom:15px; display:block}
.pro-list li .word p,.product-head .word p{ color:#221e1f; font-size:15px; line-height:1.8}
.pro-list li .word .more{ background:#00448d; display:block; color:#fff; width:120px; line-height:35px; text-align:center; margin-top:20px;}

.page{ text-align:center; padding:20px 0 45px}
.page a{ padding:0 10px; text-transform: capitalize}
.page a.active{ color:#F9A439}

.Guide-columns{ border-bottom:1px solid #ddd; padding-top:10px; line-height:50px; font-size:15px}
.Guide-columns a{ color:#333}
.Guide-columns span{ color:#666}

.product-head{ overflow:hidden; margin-top:25px; margin-bottom:15px}
.product-head img{ float:left; width:400px; height:250px}
.product-head .word{ width:800px; float:left}
.product-head .word p{ line-height:1.6}
.product-head .word a.btn,
.product-head .word a.btn-in{ display:block; background:#00448d; color:#fff; float:left; width:140px; text-align:center; line-height:35px; border-radius:50px; border:1px solid #00448d; margin-top:20px; margin-right:20px}
.product-head .word a.btn{ background:#fff; color:#00448d}

.product-tab{ background:#f6f6f6; overflow:hidden; margin-bottom:20px;}
.product-tab li{ float:left; padding:0 50px; border:1px solid #f6f6f6; border-bottom:none; line-height:55px; cursor:pointer; color:#333; font-size:18px;}
.product-tab li.active{ background:#fff; border-top:1px solid #00448d; border-left:1px solid #ddd; border-right:1px solid #ddd}

.product-tab-word{ line-height:2.2; color:#333; padding:10px 0 30px}

.support-list{}
.support-list dd,.problem-list dd{ padding:20px; border:1px solid #ebebeb; overflow:hidden; margin-bottom:25px;}
.support-list dd p{ float:left; color:#555; font-size:18px; background:url(../images/text.png) center left no-repeat; padding-left:35px; height:35px; line-height:35px}
.support-list dd .btn,.problem-list dd .btn{ float:right; display:block; border-radius:30px; color:#fff; background:#00448d; display:block; width:130px; line-height:35px; text-align:center}
.support-list dd:hover,.problem-list dd:hover{ background:#f4f2f2}

.problem-list dd .problem{ float:left; width:960px;}
.problem-list dd span{ display: block; float:left; font-weight:normal;  font-size:24px; padding:0 10px;}
.problem-list dd h2{ font-size:18px; font-weight:normal; line-height:28px; overflow:hidden;}
.problem-list dd h2 span{ color:#00448f; margin-bottom:5px;}
.problem-list dd p{ overflow:hidden; line-height:28px;}
.problem-list dd p span{ color:#f89c1c}

/*careers*/
.careers{ overflow:hidden}
.careers dd{ float:left; width:; background:#f9f9f9 url(../images/user2.png) 500px  15px no-repeat; border:1px solid #ebebeb; line-height:1.7; padding:20px; height:375px; width:543px; overflow:hidden; margin-bottom:25px; margin:0 5px 25px\9   }
.careers dd h2{ color:#000000; font-size:18px; font-weight:normal; margin-top:10px}
.careers dd h5{ font-weight:normal; color:#00448d; font-size:18px; padding:10px 0 10px;}
.careers dd .word{ line-height:1.8; color:#666;}
.careers dd:nth-child(2n){ float:right}

.careers-bottom{ line-height:1.8; color:#f8a431; margin-bottom:15px; font-size:16px;}
/**/
.about-title{ background:url(../images/icon.png) center right no-repeat; padding-bottom:50px;}
.about-title span{ display:block; background:url(../images/line.png) center left no-repeat; height:59px; line-height:59px; color:#00448d; font-size:24px;}

.about-word{ line-height:1.8; font-size:16px; }
.about-word img{ max-width:100%}
.img-three{ margin-top:15px; }
.img-three img{ width:390px}
.img-three img:nth-child(2){ margin:0 14px;}

/*LATEST NEWS*/
.news{}
.news dd{ padding:23px 25px; overflow:hidden; border:1px solid #ededed; margin-bottom:25px;}
.news dd h2 { color:#265796; font-size:20px; font-weight:normal; padding:5px 0 ;}
.news dd .time{ display:block; background:url(../images/time.png) center left no-repeat; padding-left:25px; line-height:45px; margin-bottom:25px; color:#555555; border-bottom:1px solid #ededed;}
.news dd img{ width:399px; height:232px; float: left; margin-right:20px;}
.news dd .word{ width:720px; float:left; color:#555; font-size:14px; line-height:1.8; height:232px; overflow:hidden}
.news dd .word span{ display:block; width:120px; line-height:40px; background:#265796; color:#fff; text-align:center; margin-top:20px;}

.new-word{ padding:50px 0 0}
.new-word .title{ text-align:center; font-weight:normal; color:#221e1f; font-size:24px;}
.new-word .time{ display:block; padding:15px 0 20px; color:#888; text-align:center; font-size:18px;}
.new-word .Abstract{ background:#f4f2f3; padding:30px 25px; margin-top:25px; font-size:15px;}
.new-word .Abstract strong{ color:#00448d; font-size:18px; font-weight:normal}
.new-word .word{ padding:30px 0; line-height:2; font-size:15px;}
.new-word .word img{ display:block; margin:0 auto; max-width:100%}
.new-word .word p{ padding:10px 0}
/*login*/

.banner-line{ width:100%; height:1px;  background:#ededed}

.login{ background:#fff; border-left:1px solid #ededed; border-right:1px solid #ededed; min-height:730px; overflow:hidden;}
.login h1{ margin-top:150px; text-align:center; color:#f88c19; font-size:24px; text-transform:uppercase; padding-bottom:10px; font-weight:normal}
.login-list{ width:670px; margin:30px auto 0;}
.login-list dd{ overflow:hidden; margin-bottom:20px;}
.login-tit{ display:block; width:170px; margin-right:10px; color:#555; float:left; text-align:right; line-height:45px;}
.login-cont{ width:425px; float: left;}
.login-cont input,.reg-select,.reg-select2{  width:100%; box-sizing:border-box; border:1px solid #e0e0e0;  ; height:43px; line-height:43px; text-indent:10px; outline:none; color:#777}

.login-check{ margin-left:150px;}
.forgot{ float:right; color:#f99c16;}
.sign{ width:425px; color:#fff; font-size:16px; border:none; background:#f99c16; float: left; margin-left:179px; height:45px; cursor:pointer;}
.login-free{ line-height:25px; padding-left:179px;}
.login-free a{ color:#00337f}
.login-free img{ vertical-align:middle; margin-left:5px;}

.register h1{ margin-top:110px;}
.register .login-check,.register1 .login-check{ color:#888;}
.login-check{ padding: 5px 0;}

.register .reg-input,.register1 .reg-input{ width:300px !important; margin-right:10px; float:left}
.reg-ver{ width:100px; display:block; float:left; cursor:pointer}

.reg-login{ float:right; line-height:90px; color:#888}
.reg-login a{ color:#00337f; text-decoration:underline !important}

.login-check input{ display:inline-block; width:auto; height:auto; position:relative; top:1px;}

.register{ padding-bottom:100px}

.login-cont input.reg-select2{ float:left; width:200px; background:url(../images/date.png) 165px center no-repeat}
.login-cont input.reg-select2:last-child{ float:right;}

/*members*/
.members{ background:#fafafa; border-left:1px solid #ededed; border-right:1px solid #ededed; min-height:730px;  overflow:hidden;}
.member-menu{ width:210px; float:left}
.member-menu dt{ padding:15px 15px; border-bottom:1px solid #ededed }
.member-menu dt a{ display:block; background:url(../images/user3.png) center left no-repeat; padding:10px 0 7px; padding-left:25px; color:#333; font-size:18px; }
.member-menu dd{ border-bottom:1px solid #ededed; padding:0 15px}
.member-menu dd a{ display:block; padding:17px 0; color:#555; font-size:15px;}
.member-menu dd.active a{ background:url(../images/arr.png) center right no-repeat; color:#01448c}

.member-cont{ background:#fff; min-height:730px; padding:20px; padding-bottom:50px; float:left; width:947px; border-left:1px solid #ededed;}

.member-title{ border-bottom:1px solid #ededed; color:#01448c; font-size:18px; padding:10px 0 15px}
.login-radio{ float:left; line-height:43px;}
.login-radio input{ margin-right:5px;}
.member-cont .login-list{ padding-top:40px;}

.Interested{ margin-top:30px;}
.Interested dd{ overflow:hidden; padding:15px 0; border-bottom:1px solid #ededed}
.Interested dd img,.cart-table td>img,.order_table td img{ float:left; width:130px;}
.Interested dd .word,.order_table td .word{ float: left; margin-left:20px; width:795px;}
.Interested dd .word h2,.cart-table td h2,.order_table td .word h2{ font-weight:normal; color:#333; font-size:16px; padding-bottom:10px; padding-top:5px;}
.Interested dd .word p,.cart-table td p,.order_table td .word p{ line-height:1.7; color:#666}
.order_table td .word { width:auto
}
.order_table td a { display:block; overflow:hidden; padding:8px
}
/**/
.cart-title{ background:url(../images/cart2.png) center left no-repeat; padding:30px 40px; color:#555; font-size:22px;}
.cart-table{ width:100%; margin-bottom:50px; border:1px solid #ededed}
.cart-table th{ text-align:left; padding:5px 20px; line-height:35px; font-weight:normal; color:#555; font-size:16px; background:#f3f3f3}
.cart-table th input{ margin-right:8px;}
.cart-table th span{ color:#777; padding-left:20px;}
.cart-table td{ border:none; padding:15px 10px;}
.cart-table td.checkbox{ padding:15px 20px;}
.cart-table tr{ border-bottom:1px solid #ededed}
.cart-table td:last-child{ width:8%; text-align:center}
.cart-table th i{ padding:0 13px;}

.cart-table .btn{ float:right; width:120px; height:35px; line-height:35px; text-align:center; background:#00448d; color:#fff; border-radius:30px; display:block; margin:10px }


@media screen and (max-width: 320px){ 
.info-left{ height:300px}
}