﻿@charset "utf-8";
/* CSS Document */

a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }

.hbody{ width:100%; background:#fff}
/*table{border-collapse:collapse;}*/
.top{ height:44px; padding:20px 0}

.logo{ width:160px; height:44px;}
.logo a{ width:100%; height:100%; display:inline-block; background:url(../images/logo.png) no-repeat/*background:url(../images/logo.jpg) no-repeat*/}

.header{ width:1000px; height:38px; padding-bottom:2px; background:url(../images/menu-bg.jpg) no-repeat left top;}

.search{ height:26px; padding:8px 21px 0;}
.search li.seara{ width:125px; height:23px; background:url(../images/searcha.jpg) no-repeat left top;}
.search li.seara input{ background:none; width:115px; height:23px; padding-left:10px; line-height:20px; font-size:12px}
.search li.searb{ width:30px; height:23px; background:url(../images/searcha.jpg) no-repeat right top; float:left}
.search li.searb input{ background:none; width:30px; height:23px; display:inline-block; font-size:0}

.banner,.banner dl{ width:100%; height:440px; position:relative}
.banner dl dt,.banner dl dt ul{ width:100%; height:440px; position:absolute;}
.banner dl dt ul a{ display:inline-block; width:100%; height:100%;}
.banner dl dd{ position:absolute; bottom:10px; right:48%;}
.banner dl dd ul{width:12px; height:12px;float:left; margin-left:10px; cursor:pointer; background:#eee; font-size:0; border-radius:6px;}
.banner dl dd ul.current { background:#258cc3}

.hcont{height: 180px;font-size: 0;width: 100%;position: relative;overflow: hidden;margin: 0 auto;min-width: 1024px;max-width: 1440px;}
.hcont a{ width:24.8%; display:block; height:180px;position: relative;float:left;margin:0 0.1%;}
.hcont a span{ display:inline-block; width:100%; line-height:36px; text-align:center; background: url(../images/tml.png); color:#fff; font-size:16px; position: absolute; bottom:0; text-shadow:1px 1px 1px #000}
.hcont a.hco-a{ background:url(../images/pro-a.jpg) no-repeat center top;}
.hcont a.hco-b{ background:url(../images/pro-b.jpg) no-repeat center top;}
.hcont a.hco-c{ background:url(../images/pro-c.jpg) no-repeat center top;}
.hcont a.hco-d{ background:url(../images/pro-d.jpg) no-repeat center top;}



#smallLay{width:600px; height:400px;padding:5px;background-color:#FFFFFF;}

.weib{ height:20px;}
.weib a{ width:20px; height:20px; display:inline-block; margin-left:15px;}
.weib a.weib-a{ background:url(../images/wb-a.jpg) no-repeat left top;}
.weib a.weib-b{ background:url(../images/wb-b.jpg) no-repeat left top;}
.weib a.weib-c{ background:url(../images/wb-c.jpg) no-repeat left top;}
.weib a.weib-d{ background:url(../images/wb-d.jpg) no-repeat left top;}
.weib a.weib-e{ background:url(../images/wb-e.jpg) no-repeat left top;}

.navk{ padding:18px 0; height:20px; border-bottom:1px solid #e9e9e9;}
.bnav a{ line-height:20px; color:#3186b7; margin-right:18px;}

.copy{ line-height:20px; padding:18px 0}


/*内页*/

.tenav{ border-bottom:1px solid #e9e9e9; text-align:center; height:42px; position:relative; padding-top:10px;}
.tenav li{ display:inline-block; vertical-align:top; padding:0 24px;}
.tenav li a{ line-height:42px; color:#777}
.tenav li a:hover{ color:#333;}
.tenav li.current{ border-bottom:1px solid #333; position:relative;}
.tenav li.current a{ color:#111}

.loaction{ height:38px; padding:20px 30px 10px; border-bottom:1px solid #e9e9e9;}
.loaction h3{ position:relative; height:38px; line-height:38px; font-size:30px; color:#555}
.loaction h3 span{ position:absolute; background:url(../images/pronav.png) repeat-x; height:38px; width:100%;}

.prol li{ float:left}
.prol li a{ line-height:38px; margin-left:30px; color:#555}
.prol li a:hover{ color:#3186b7}
.prol li.current a{color: #3186b7;}

.support li.current {
    border-bottom: 1px solid #333;
}

.proic li.current {
    border-bottom: 1px solid #333;
}

.main{ border-bottom:1px solid #e9e9e9; padding:20px 0 20px;}

.newslist{ padding:0px 20px;}
.newslist dl{ display:inline-block; width:100%; padding:25px 0; border-bottom:1px solid #eee;}
.newslist dl dt{ width:220px; height:80px; float:left}
.newslist dl dd{ float:left; padding-left:20px; width:760px; line-height:20px; color:#777}
.newslist dl dd h2 a{ font-size:15px; color:#222}
.newslist dl dd h2 a:hover{ color:#3186b7;}
.newslist dl dd h3{ padding:5px 0; color:#999}

.text{ padding:20px 0; font:14px/30px "futura-pt","sans-serif","\5fae\8f6f\96c5\9ed1","arial";}
.user_title{ text-align:center}
.user_title h1{ font:20px/30px "\5fae\8f6f\96c5\9ed1","黑体"; padding:10px 0; color:#333;}
.user_title h3{ padding:0 5px; margin-bottom:10px; color:#999; border-bottom:1px solid #eee; line-height:32px; font-size:12px }

.proilsco{ display:none}
.proilsco ul{ background:url(../images/fan.png) no-repeat center bottom; padding-bottom:20px; text-align:center;}
.proilsco img{}

/*solutions*/
.solutions{border-bottom:1px solid #e9e9e9; font-size:0; padding:15px 16px 0 16px; position:relative; float:left; width:100%;}
.solutions li{float:left; width:160px; display:inline-block; text-align:center; height:117px; margin:0 4px; position:relative;min-height:130px;}
.solutions li.solu-1{ background: url(../images/solutions-a.jpg) no-repeat center top;}
.solutions li.solu-2{ background: url(../images/solutions-b.jpg) no-repeat center top;}
.solutions li.solu-3{ background: url(../images/solutions-c.jpg) no-repeat center top;}
.solutions li.solu-4{ background: url(../images/solutions-d.jpg) no-repeat center top;}
.solutions li.solu-5{ background: url(../images/solutions-e.jpg) no-repeat center top;}
.solutions li.solu-6{ background: url(../images/solutions-f.jpg) no-repeat center top;}
.solutions li.solu-7{ background: url(../images/solutions-7.jpg) no-repeat center top;}
.solutions li.solu-8{ background: url(../images/solutions-8.jpg) no-repeat center top;}

.solutions li.solu-9{ background: url(../images/solutions-9.png) no-repeat center top;}
.solutions li.solu-10{ background: url(../images/solutions-10.png) no-repeat center top;}
.solutions li.solu-11{ background: url(../images/solutions-11.png) no-repeat center top;}
.solutions li.solu-12{ background: url(../images/solutions-12.png) no-repeat center top;}
.solutions li a{  width:100%;  padding-top:90px; display:inline-block;}
.solutions li.current{/* border-bottom:1px solid #333*/ float:left;}
.solutions li.current a{ color:#333;border-bottom: 1px solid #333;padding-bottom: 10px; float:left; display:block;}

/*support*/

.support{ height:187px; background:url(../images/support-bg.jpg) no-repeat center top; font-size:0; }
.support li{ width:170px; padding:0 15px; display:inline-block; text-align:center;height: 186px; position:relative}
.support li.supp-1{ background:url(../images/support-a.png) no-repeat center 15px;}
.support li.supp-2{ background:url(../images/support-b.png) no-repeat center 15px;}
.support li.supp-3{ background:url(../images/support-c.png) no-repeat center 15px;}
.support li.supp-4{ background:url(../images/support-d.png) no-repeat center 15px;}
.support li.supp-5{ background:url(../images/support-e.png) no-repeat center 15px;}

.support li a{ display:inline-block; width:100%; height:70px; padding-top:100px; line-height:16px; overflow:hidden;}
.support li a h4{ font-size:14px; color:#333; padding-bottom:7px;}

.supp-sam{ border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; margin-top:20px;}
.supp-sam li{ width:282px; float:left;border-right:1px solid #e9e9e9; padding:30px;}
.supp-sam li h5{ font-size:16px; color:#444; line-height:30px; padding-bottom:8px;}
.supp-sam li a{ display:inline-block; width:100%; height:190px; line-height:22px; font-size:12px}
.supp-sam li.ssam-a a{ background:url(../images/support-f.jpg) no-repeat left bottom;}
.supp-sam li.ssam-b a{ background:url(../images/support-g.jpg) no-repeat left bottom;}
.supp-sam li.ssam-c a{ background:url(../images/support-h.jpg) no-repeat left bottom;}
.supp-sam li.ssam-c h5{ color:#007fc4}


/*产品页面*/

.proic{ font-size:0; padding:20px 0}
.proic li{display:inline-table !important; vertical-align:top;width:166px;}
.proic li a{width:126px;height:112px; padding:0 20px; display:inline-block;}
.proic li a:hover{background:url(../images/proic_bj.jpg) no-repeat center top;}
.proic li a span{ display:block;width:126px;line-height:15px; text-align:center; font-size:12px;}
/*.proic li.proic-1{ background:url(../images/proic-a.jpg) no-repeat center top;}
.proic li.proic-2{ background:url(../images/proic-b.jpg) no-repeat center top;}
.proic li.proic-3{ background:url(../images/proic-c.jpg) no-repeat center top;}
.proic li.proic-4{ background:url(../images/proic-d.jpg) no-repeat center top;}
.proic li.proic-5{ background:url(../images/proic-e.jpg) no-repeat center top;}
.proic li.proic-6{ background:url(../images/proic-f.jpg) no-repeat center top;}*/
.proic li.current a{ color:#222}

.pro-gg{ height:470px; position:relative}
.pro-gg a{ width:100%; height:100%; display:inline-block}

.pro-sam{border-bottom:1px solid #e9e9e9;}
.pro-sam li{ width:345px; float:left; height:233px; padding:20px 0;border-right:1px solid #e9e9e9; position:relative; text-align:center}
.pro-sam li h5{ position: absolute; top:20px; width:100%;}
.pro-sam li h5 a{ font-size:16px; color:#555; line-height:22px;}


/*prolist*/
.prolist{}
.prolist dl{ background:url(../images/prolist-bg.jpg) no-repeat left top; width:519px; height:204px; padding:30px 0 0px 1px; float:left; margin-top:-1px;}
.prolist dl dt{ width:170px; height:170px; float:left; padding:0 15px;}
.prolist dl dd h3 a{ font-size:20px; color:#555}
.prolist dl dd{ width:300px; float:left}

.pro-js{ padding:12px 0;}
.pro-js li{ line-height:18px; padding:3px 0 3px 10px; background:url(../images/prolist-a.jpg) no-repeat 0 9px;}

.pro-btn a{ color:#3186b7; display:inline-block; padding-right:14px; line-height:20px; margin-right:16px;}
.pro-btn a.pbt-a{ background:url(../images/prolist-b.jpg) no-repeat right 5px;}
.pro-btn a.pbt-b{ background:url(../images/prolist-c.jpg) no-repeat right 5px;}
.pro-btn a.pbt-c{ background:url(../images/prolist-d.jpg) no-repeat right 5px;}


.langugelist{ padding:0px 0 20px 25px;}
.langugelist ul{ width:200px; float:left; padding-top:30px;}
.langugelist ul h5{ line-height:30px; padding-bottom:5px;}
.langugelist ul li a{ line-height:23px;}
.langugelist ul li a span{ color:#006ebd}


.feedback{ padding:20px; border-top:1px solid #e9e9e9}
.feedback table tr td{ /*padding:6px 0;*/ padding: 6px 6px 8px 8px;line-height:26px;}
.feedback table tr td span{ display:inline-block; width:100%; line-height:32px; border-bottom:1px solid #e9e9e9; background:#f5f5f5; text-indent:15px; font-size:15px; color:#555}
.feedback table tr td input{ margin:-2px 2px 2px; display:inline-block; vertical-align: middle;background: url(../images/sprite_checkmark_alpha.png) 0px 0px;position: relative;}
.feedback table tr td input.input-a{ width:258px; height:31px; background:url(../images/input-a.jpg) no-repeat; border:none;}
.feedback table tr td textarea.input-b{ width:522px; height:102px; background:url(../images/input-b.jpg) no-repeat; border:none;}
.feedback table tr td .text_id{border: 1px solid #bbb;background: white;padding: 1px;display: inline;padding:5px;width: 400px;}
.input_page{width:1040px;text-align:center}

.list{ padding:0 20px;}
.list li{ border-bottom:1px solid #eee;width: 500px;float: left;}
.list li a{ line-height:40px; background:url(../images/prolist-c.jpg) no-repeat 10px  15px; display:inline-block; padding-left:28px;}

.faqlist{ padding:0 20px;}
.faqlist dl{ border-bottom:1px solid #e3e3e3; padding:15px 0}
.faqlist dl dt{ background:url("../images/faq-a.jpg") no-repeat 0 8px; color:#004982; font-size:14px; line-height:20px; padding:5px 0 5px 25px;}
.faqlist dl dd{ padding:5px 0 0 25px; color:#666; line-height:20px; background:url(../images/faq-q.jpg) no-repeat 0 8px;}


/*产品对比*/
.comparison{ position:relative; padding:10px 20px;}
.comparison ul{ float:left;border-top:1px solid #eee;}
.comparison ul.current{left:0}
.comparison ul.current li{ color:#333}
.comparison ul li{ font-size:13px; color:#666; border-bottom:1px solid #eee; border-left:1px solid #eee; line-height:20px; padding:8px 20px; background:#fff}
.comparison ul li.compati{ font-size:16px; color:#222; background:#f3f3f3; box-shadow:inset 1px 0px 0px 0px #fff; border-left:1px solid #e5e5e5;}


.btn-yi{ background:#3186b7; /*width: 90px;*/ padding:3px 20px 4px; font:12px "\5fae\8f6f\96c5\9ed1","黑体"; color:#fff; }
.btn-yi:hover{ background:#3186b7}
.btn-er{ background:#e5e5e5; padding:3px 20px 4px; font:12px "\5fae\8f6f\96c5\9ed1","黑体"; color:#555;}
.btn-er:hover{ background:#ddd}


/*翻页样式*/
.page{ height:24px; line-height:24px; padding:15px 0 10px;}
.page a{ color:#666; display:inline-block; height:24px; padding:0 10px;  font-size:12px;}
.page a:hover{color:#3186b7;}
.page span{display:inline-block; height:24px; padding:0 10px;color:#3186b7;}


.pro-btn{ position:relative;}
.deib{ background:#f5f5f5; width:120px; position:absolute; padding:10px 20px 20px; top:30%; position:fixed; right:10px; border:1px solid #fff;}
.deib li{ font-size:13px; line-height:34px; color:#555; border-bottom:1px solid #fff}
.deib li span{ width:9px; height:9px; display:block; float:right; background:url(../images/close.gif) no-repeat; margin-top:12px; cursor:pointer}
.deib h3{ padding-top:20px;}



.comparison{ margin:20px 20px 5px;}
.comparison{ line-height:24px;}
.comparison table tr td{ padding:4px 15px; width:220px;}
.comparison table tr td span{ color:#222; font-size:14px;}

.comparison1{ margin:20px 20px 5px;}
.comparison1{ line-height:24px;}
.comparison1 table tr td{ padding:4px 15px;}
.comparison1 table tr td span{ color:#222; font-size:14px;}


.zingx{ font-size:0;}
.zingx dl{ display:inline-block;width:320px; padding:0 0 20px 20px; vertical-align:top}
.zingx dl dt{ width:250px; height:200px;}
.zingx dl dd{ line-height:16px; text-align:center; padding-top:10px;}
.zingx dl dd a{ font-size:12px}

.feed{ padding:40px 0 30px;}
.feed table tr td{ line-height:32px;  padding:5px 0 5px 10px; font-size:14px;}
.te-int{ width:270px; height:30px; border:1px solid #ddd;}
.te-kua{ width:500px; height:120px; border:1px solid #ddd;}

.input-text{ width:270px; height:30px; border:1px solid #ddd;}
#content{ width:500px; height:120px; border:1px solid #ddd;}


/*----------about us-----------*/
.text img{padding:0 5px 0 3px;}


/*----------问卷调查--------------*/
.main .re_p{padding:10px 5px 8px 20px; font-size:20px; font-weight:bold;}

.faqul {line-height: 30px;}
.faqul li {float: left;}
.faqst{font-size: 14px;padding-right: 10px; float: left;width: 50px; }
.faqul li a{font-size: 12px;padding-right: 20px; color:#007fc4;}
.faqul li a:hover{ color:#007fc4;}
.faqcat{font-size: 18px;padding-bottom: 10px;}