@charset "utf-8";
/* CSS Document */
#channel-tit{ width:1020px; height:45px; padding:30px 0; margin:0 auto; border-bottom:2px #ddd solid;}
#channel-tit li{ text-align:left;}
#channel-tit .eng{ font-family:Century Gothic; font-size:24px; color:#333; height:30px; line-height:30px;}
#channel-tit .cn{ font-size:18px; color:#333; height:15px;}
.pt-35{ padding-top:35px;} .pb-5{ padding-bottom:5px;}

#content{ width:1020px; height:auto; padding:30px 0; margin:0 auto; position:relative; text-align:left}
#content .left{ width:250px; height:auto; padding-right:29px; border-right:1px #ddd solid; float:left; position:relative;}
#content .left a:hover{filter:alpha(opacity=70);opacity: 0.7;cursor: pointer;}
#content .right{ width:710px; height:auto; padding-left:30px; float:right; position:relative;}

/*====about us=====*/
.qyyj{ width:710px; height:200px; padding-bottom:30px;}
.qyyj img{ width:315px; height:200px; float:left; position:relative;}
.qyyj .descr{ width:375px; float:right; text-align:left; position:relative;}
.qyyj .descr div{ padding-bottom:13px;}
.qyyj .descr .eng{ font-family:Constantia; font-size:12px; color:#888; line-height:15px;}
.qyyj .descr .cn{ font-size:14px; color:#666;} .ft-22{ font-size:20px; color:#333;}

.qy-tit{ width:710px; border-bottom:1px #ddd solid;}
.qy-tit .name{ width:85px; font-size:20px; line-height:20px; padding-bottom:20px; border-bottom:2px #013259 solid; color:#333; position:relative; z-index:99; bottom:-1px;}
.qy-cont{ font-size:12px; color:#333; line-height:30px; padding:20px 0; width:710px;}
.qy-pic{ width:710px; height:347px; padding:15px 0; }


/*====product list=====*/
.product{ width:710px; height:auto; position:relative;}
.product li{ height:160px; padding-bottom:25px; margin-bottom:25px; border-bottom:1px #ddd dashed;}
.product li img{ width:240px; height:160px; position:relative;}
.p-line{ padding-right:20px; border-right:1px #ddd solid;}
.product li .pcont{ width:430px; height:160px; text-align:left; position:relative}
.product li .pcont h2{ font-size:20px; color:#013259; font-weight:normal;}
.product li .pcont p{ font-size:12px; color:#888; line-height:28px; padding:10px 0;}
.product li .pcont a{ display:block; width:30px; height:30px; background:#ccc url(../images/mic-more.png) no-repeat left;}
.product li:hover{ cursor:pointer; border-bottom:1px #1aa6eb dashed;}
.product li:hover .pcont p{ color:#1aa6eb}
.product li:hover .pcont a{background:#1aa6eb url(../images/mic-more.png) no-repeat left;}


/*切换*/
.focus{ position:relative; width:710px; height:850px;}  
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .fcon{ position:relative; width:710px; float:left;  display:none; }  
.focus .fbg{top:100%; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:12px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#1aa6eb;}       
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:40px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:100%; right:90px; background-position:0 -40px; cursor:pointer; }  
.focus .next{top:100%; right:0;  background-position:-40px -40px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

/*=====case=====*/
.c-tabli{ height:35px; padding-bottom:30px;}
.c-tabli li{ width:100px; height:35px; line-height:35px; text-align:center; float:left; margin-right:20px; color:#fff; font-size:14px; border-radius:5px;}
.c-tabli li:hover{ cursor:pointer;}
.bg_nav {background:#1aa6eb;}
.bg_nav_current { background:#ccc;}

/*============job=================*/
.job-intro{ width:710px; height:auto; position:relative; padding-bottom:10px; font-size:12px; color:#555; line-height:26px;}
.job-intro img{ width:80px; height:72px; float:left; padding-right:20px;}
.job-list{ width:710px; height:auto; position:relative;}
.control{ width:678px; height:40px; line-height:40px; font-size:14px; padding:0 15px; background:#f5f5f5; color:#333; text-align:left;border:1px #ddd solid; font-weight:600; margin-top:10px;}
.control ul li a{ color:#333; text-decoration:none;}
.test{ width:648px; padding:20px 30px; font-size:12px; height:auto; line-height:25px; background:#fff; color:#555; border:1px #eaeaea solid; border-top:none;}
.test a{ width:80px; height:35px; display:block; background:#0c8cca; float:right; line-height:35px; text-align:center; color:#fff; font-size:12px; font-weight:600;}
.test a:hover{ background:#009ce7;}

/*==========contact============*/
.contact-ban{ width:710px; height:200px; padding-bottom:20px;}
.contact-ban img{ width:710px;}
.ct-txt{ width:710px; height:auto; padding-bottom:20px;}
.ct-txt ul li{ width:620px; padding-left:90px; text-align:left; padding-top:10px; padding-bottom:20px;}
.ct-txt ul li h2{ font-size:18px; line-height:25px; font-weight:600; color:#333;}
.ct-txt ul li .cn{ font-size:14px; color:#555; line-height:20px;}
.ct-txt ul li .eng{ font-size:14px; font-family:Century Gothic; line-height:18px;}
.cbg-01{ background:url(../images/ct-01.jpg) no-repeat 32px;}
.cbg-02{ background:url(../images/ct-02.jpg) no-repeat 32px;}
.cbg-03{ background:url(../images/ct-03.jpg) no-repeat 32px;}
.ct-map{ width:618px; padding-left:90px; height:420px; position:absolute;}


/*=============partner=============*/
.pt-txt{ width:710px; font-size:12px; color:#333; line-height:25px; padding-bottom:15px; border-bottom:1px #ddd solid;}
.pt-list{ width:727px; position:relative; padding-top:20px;}
.pt-list ul li{ width:225px; height:175px; margin-right:17px; float:left; text-align:center;}     
.pt-list ul li img{ max-height:125px; max-width:215px; border:5px #f2f2f2 solid;}
.pt-list ul li p{ height:40px; line-height:40px; font-size:14px; font-weight:600; color:#2381b1;}


/*=============产品详情=============*/
.xq-tit{ color:#333; font-size:14px;}
.xq-intro{ width:710px; background:#f4f4f4; position:relative; height:auto;}
.xq-intro .txt{ padding:18px; line-height:25px; text-align:left;}
.xq-intro .txt h2{ font-size:18px; color:#333; font-weight:600; line-height:30px;}
.xq-intro .txt p{ font-size:12px; color:#888; font-weight:normal;}
.xq-intro img{ width:300px; float:right; position:relative; padding-left:18px;}
#tab{position:relative; width:710px; height:auto; }
#tab .tabList ul li{float:left;background:#f0f0f0; font-size:14px;border:1px solid #fff;padding:5px 0;width:141px; height:28px; line-height:28px;text-align:center;margin-left:-1px; color:#333;position:relative;cursor:pointer;}
#tab .tabCon{position:relative;left:-1px;top:30px; line-height:28px; padding:20px 0;width:700px;height:auto;}
#tab .tabCon div{padding:10px;position:absolute;opacity:0;filter:alpha(opacity=0); font-size:12px; font-family:"微软雅黑";}
#tab .tabList li.cur{background:url(../images/ptab-h.jpg) center; color:#fff; font-weight:600;}
#tab .tabCon div.cur{opacity:1;filter:alpha(opacity=100);}

.xq-reback{ width:710px; height:30px; padding:10px 0; margin-top:20px; border-top:1px #ddd solid; border-bottom:1px #ddd solid; position:relative;}
.xq-reback a{ width:80px; height:30px; float:right; display:block; border-radius:3px; text-align:center; line-height:30px; background:#013259; color:#fff; font-size:14px; }

/*================案例详情================*/
.cxq-intro{ width:710px; position:relative;}
.cxq-intro .title{ width:100%; height:30px; line-height:30px; text-align:center; font-size:18px; color:#013259; font-weight:600; padding-bottom:10px; border-bottom:1px #ddd dashed;}
.cxq-intro .content{ width:100%; padding:10px 0; text-align:center;}
.cxq-intro .content p{ line-height:28px; color:#333; text-align:left;}
.cxq-intro .content img{ width:600px; padding:15px 0;}



















