@charset "utf-8";
/*
 CSS Reset

*/
html,body{_background-image:url(about:blank);_background-attachment:fixed;color:#666;}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    font: 12px/1 Arial, 'Microsoft YaHei',Tahoma, Helvetica, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
i,s{font-style:normal}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 13px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input{
    border:none;
    outline:none 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
.clearfix:after {visibility: hidden;display: block;content: ".";clear: both;height: 0;}


/* top */
.top,.logo,.nav,.txt,.con,.list,.lst,.liz-wrap,.nav_wrap,.company,.ads,.footer-list,.friend-link,.end-nav,.copyright{width:1000px;margin:0 auto;overflow:hidden}
/* top css*/
.header{background-color:#ebebeb;height:30px;line-height:30px;border-bottom:1px solid #b3b3b3}
.top{color:#666;}
.top-left{float:left;}
.top-right{float:right;}
.top-right a{color:#666;padding-right:8px;border-right:1px solid #a3a3a3;margin-right:8px}
.top-right a.spt{border:none}
.top-right a:hover{color: red;text-decoration:underline;}

/* logo */
.logo{clear:both;height:135px;position:relative;overflow:visible}
#logo{float:left;margin:20px 10px 0 0;}
#logo a{overflow:hidden;display:block}
.adr{float:left;overflow:hidden;font-size:16px;color:black;margin:36px 0 0 0;}
.adr p{ width:460px;line-height:24px;font-weight:bold; text-transform:uppercase;font-size:12px;}
.adr p.spt{font-size:16px;color:#ef5012; text-transform:uppercase;}
.cot{float:right;margin-top:30px;padding-right:35px; text-transform:uppercase; font-weight:bold;}
.cot p{line-height:30px;text-align:right}
.cot .spt{font-size:30px;color:#ef5012;font-weight:bold;font-family:Impact}
.person {position:absolute;height:100%;width:100px;background:url(../images/cot.jpg) no-repeat center bottom;right:-70px}

/* nav*/
.wrap-nav{background:url(../images/nav_bg.jpg) repeat-x;height:50px;line-height:50px;}
.nav li{float:left;border-right:1px solid #1050cb;width:109px;border-left:1px solid #1565d8;}
.nav li.spt-l{border-left:none}
.nav li.spt-r{border-right:none}
.nav li a{display:block;color:white;font-size:14px;text-align:center;position:relative;height:50px;overflow:hidden}
.nav li a span{display:block}
.nav li a span.over{background:url(../images/hover_bg.jpg) repeat-x;}
span.out, span.over{position:absolute;cursor:pointer;width:123px;left:0}
span.over{top:-50px;}

/*焦点图*/
.flexslider{position:relative;height:450px;overflow:hidden;background:url("../images/loading.gif") 50% no-repeat;}
.slides{position:relative;z-index:9;}
.slides li{height:450px}
.slides li a {display:block;width:100%!important;height:100%;}
.flex-control-nav{position:absolute;bottom:32px;right:25px;z-index:9999;width:200px;text-align:center;}
.flex-control-nav li{display:inline-block;width:20px;height:20px;*display:inline;zoom:1;margin:0 5px;background-color:white;}
.flex-control-nav a{display:inline-block;width:20px;height:20px;overflow:hidden;cursor:pointer;line-height:20px;text-align:center;}
.flex-control-nav .flex-active{background-color:#ef5012;color:white;}
.flex-direction-nav{position:absolute;z-index:99;width:100%;top:45%;/*显示隐藏左右按钮*/display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url("../images/prev.png") center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url("../images/next.png") center center no-repeat;}
.flexslider .link{text-align:center;line-height:23px;position:absolute;left:0;top:20px;width:100px;float:left;padding-right:20px;padding-left:10px;font-size:11px;z-index:0}
.flexslider .link a{font-size:10px;font-family:YouYuan;color:#3E3A39;}
.flexslider .link a:hover{color:white;}

/**/
.wrap_txt{height:40px;line-height:40px;background:url(../images/txt_bg.jpg) repeat-x;border-bottom:1px solid #d0d0d0;}
.txt .spt{color:#ef5012;font-weight:bold}
.txt a{color:#666;text-decoration:none}
.txt a:hover{color:#ef5012;text-decoration:underline}
.search {float:right;border:1px solid #dcdcdc;height:22px;margin-top:10px;overflow:hidden}
.search .text1{float:left;height:22px;display:inline-block;vertical-align:middle;background:url(../images/input_bg.jpg) repeat-x;line-height:20px;width:178px;padding-left:10px}
.search .image{width:43px;height:22px;border:none;float:left;}

/* */
.con,#you-need .pic-wrap{overflow:visible!important}
.con{padding-top:43px}
.con .slide{position:relative}
.con h2{text-align:center;font-size:36px;color:#1152cb; text-transform:uppercase;}
.con h2 span{color:#ef5012}
.con h3{background:url(../images/h3_en.jpg) no-repeat center 16px;height:64px}
#you-need{clear:both;}
#you-need a{color:#666;} 
#you-need .pic-wrap{height:170px;overflow: hidden;position: relative;}
#you-need .pic-wrap .scroll-pic{width:934px;margin:0 auto;height:100%;overflow: hidden;position: relative;}
#you-need .pic-wrap .scroll-pic dl{overflow: hidden;position: absolute;top:0;}
#you-need .pic-wrap .scroll-pic dd{width:173px;float:left;height:170px;border:1px solid #fafafa;margin: 0 6px;_display:inline;text-align:center;}
#you-need .pic-wrap .scroll-pic dd img{width:171px;height:101px;border:1px solid #dcdcdc;}
#you-need .pic-wrap .scroll-pic dd span{text-align:center;line-height:30px;}
#you-need .tags{display: block}
#you-need .tags span{display: block;width:0;height: 0;border-width: 40px;overflow: hidden;position: absolute;cursor: pointer;}
#you-need .left span{border-style:dashed solid dashed dashed;}
#you-need .right span{border-style:dashed dashed dashed solid;}
#you-need .left span.upon{border-color:transparent #cecece transparent transparent;left:-65px;bottom: 75px}
#you-need .left span.down{border-color:transparent #fff transparent transparent;left:-64px;bottom: 75px;}
#you-need .right span.upon{border-color:transparent transparent transparent #cecece;right:-55px;bottom: 75px}
#you-need .right span.down{border-color:transparent transparent transparent #fff;right:-54px;bottom: 75px;}

/*list*/

.list-wrap{overflow:hidden;background-color:#f0f0f0;padding-top:36px;position:relative}
.list .left {width:250px;float:left;background:white;margin-right:25px}
.list .left dl{ padding-bottom:13px;}
.list .left dt{height:113px;background:url(../images/left_bg.jpg) no-repeat;line-height:96px;position:relative;font-size:26px;color:white;text-align:center;margin-bottom:10px}
.list .left dt span{display:block;line-height:1;position:absolute;color:#a0b1e4;font-size:16px;font-style:italic;bottom:28px;right:30px}
.list .left dd{height:50px;line-height:50px;border-bottom:1px solid #eaeaea;}
.list .left dd a{color:#666;display:block;background:url(../images/lis.jpg) no-repeat 20px center;padding-left:38px;
                 -webkit-transition:all .2s ;
                 -moz-transition:all .2s ;
                 -o-transition:all .2s ;
                 -ms-transition:all .2s ;
                 transition:all .2s ;

}
.list .left dd a:hover{background:url(../images/lis.png) no-repeat 20px center #ef5012;color:white;}
.list .right{float:right;width:725px;background:white;overflow:hidden;position:relative}
.list .right .right-nav ul{border-bottom:2px solid #1153cb;overflow:hidden;float:left;width:635px;}
.list .right .right-nav li{height:60px;width:175px;float:left;cursor:pointer}
.list .right .right-nav li span.spt{height:100%;display:block;}
.list .right .right-nav li span.act{background:url(../images/right_bg.jpg) no-repeat ;}
.list .right .right-nav li span.act span{color:white !important}
.list .right .right-nav li span.spt span{display:block;color:#1152cb;text-align:center;line-height:20px}
.list .right .right-nav li span.spt span.hot-pro{font-size:14px;padding-top:20px}
.list .right .right-nav div.more{float:right;background:url(../images/more.jpg);width:90px;height:70px;}
.list .right .right-nav div.more a{color:white;display:block;line-height:60px;text-align:center}
.list .right .right-nav{height:62px}
.list .right-list-bg{ padding-left:30px;}
.list .right .right-list{overflow:hidden;width:200%;padding-top:30px;position:relative}
.list .right .right-list ul{overflow:hidden;float:left;width:695px;display:inline-block}
.list .right .right-list li{width:205px;float:left;text-align:center;margin-right:20px;_display:inline-block;}
.list .right .right-list li img{width:205px; height:165px;}
.list .right .right-list li p{margin:20px 0 25px 0;_margin-bottom:20px; height:11px; overflow:hidden;}
.list .list-footer{clear:both;height:146px;background:url(../images/list_end.jpg) no-repeat left bottom #1152cb;margin-top:35px;float:left;width:100%}


.list-footer{position:relative}
.list-footer .spt{font-size:50px;font-weight:bold;float:left;padding-right:10px}
.info{position:absolute;top:30px;right:35px}
.info p{color:white;font-size:24px;color:white;}
.info p.sub{width:485px;overflow:hidden;line-height:26px; text-align:right; text-transform:uppercase;}
.info a{display:block;width:116px;height:27px;line-height:27px;border:1px solid white;text-align:center;background-color:#1152cb;color:white;position:absolute;bottom:-35px;
        -webkit-transition:all .2s;
        -moz-transition:all .2s;
        -ms-transition:all .2s;
        -o-transition:all .2s;
        transition:all .2s;
}
.info a:hover{background:#ef5012}
.info a.zixun{right:145px}
.info a.msg{right:0px}

.lst{margin-top:93px;overflow:visible}
.lst dt{position:relative}
.lst span{display:block;text-align:center;font-weight:bold}
.st1{color:#1152cb;font-size:23px;position:relative;margin-bottom:5px;padding-left:85px}
.st2{font-size:32px;color:#333; text-transform:uppercase;}
.st2 em{color:#f74600}
span.st3{color:#666;font-weight:normal;margin-top:5px}
span.top,span.bottom{position:absolute;width:52px;height:46px;}
span.top {background:url(../images/st1.jpg) no-repeat;width:52px;height:46px;top:-24px;left:105px}
span.bottom{background:url(../images/st2.jpg) no-repeat;right:105px;bottom:0}

/**/
.liz{margin-top:60px}
.liz .img{float:left}
.liz dl{overflow:hidden}
.liz{border-bottom:1px dotted #aeaeae;padding-bottom:20px}
.liz dt{height:85px;padding-left:100px}
.list1 dt{background:url(../images/01.jpg) no-repeat;}
.liz dd{padding-left:100px;font-size:15px;color:#333;line-height:30px;background:url(../images/allRight.jpg) no-repeat 70px 7px;}
.liz span{display:block}
span.s1{color:#1152cb;font-size:30px;font-weight:bold}
span.s2{background:url(../images/ls_bg.jpg) repeat-x bottom left;height:16px;line-height:33px;}
.list3 dt{background:url(../images/03.jpg) no-repeat;}
.list3 dd,.list2 dd,.list4 dd{height:auto;_height:30px;background-position: 70px 8px}
.list3 img{margin-right:50px}
.list2 .img{float:right;padding-left:50px}
.list4{padding-bottom:0;margin-top:0;border:none}
.list4 dl{margin-top:60px}
.list4 .img{float:right;padding-left:20px}
.list2 dt {background:url(../images/02.jpg) no-repeat;}
.list4 dt{background:url(../images/04.jpg) no-repeat;}
.list4 dd.iphone{margin-top:10px;line-height:25px;background:url(../images/iphone.jpg) no-repeat 60px 12px;}
.list4 dd.iphone span.ip{font-size:23px;color:#f74600}

/**/

div.gd{height:198px;background:url(../images/cover.jpg) no-repeat center center;}
.company{height:469px}
.company .left{width:600px;float:left;text-align:center}
.company h2{font-size:28px;color:#333;margin:55px 0 10px 0 }
.company h3{background-color:#ef5012;width:425px;color:white;font-weight:normal;margin:0 auto;padding:4px 0;margin-bottom:15px}
.company .left .left-info{padding:0 25px}
.company .left p{text-align:left;text-indent:2em;line-height:25px;font-size:14px}
.company .scrollPic{height:156px;position:relative;margin-top:25px}
.company .tags{width:24px;height:50px;background-color:#666;position:absolute;top:53px;cursor:pointer;}
.company .tags span{display:block;border-width:7px;overflow:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;top:20px;}
.company .tag-left span {border-color:transparent white transparent transparent;border-style: dashed solid dashed dashed;left:0px}
.company .tag-right span{border-color:transparent transparent transparent white;border-style: dashed dashed dashed solid;right:0px}
.company .tag-left{left:20px}
.company .tag-right {right:30px}
.company .scroll{width:480px;margin:0 auto;height:100%;position:relative;overflow:hidden}
.company .pic-wrapper{overflow:hidden;position: relative;}
.company .left .pic-wrapper li{height:100%;padding:7px;border:1px solid #ececec;width:212px;float:left;display:inline-block;margin:0 6px}
.company .left .pic-wrapper li img{width:210px; height:140px;}
.company .right{width:390px;float:right;padding-left:10px}
.company .right .pic{border:8px solid #f0f0f0;margin:34px 0 10px 0}
.company .right .about{height:149px;background:url(../images/kefu.jpg) no-repeat right center #f0f0f0}
.company .right .about ul{padding:20px 0 0 18px}
.company .right .about .spt,
.company .right .about .spt1{font-weight:bold;font-size:16px;line-height:25px}
.company .right .about .spt{color:#ef5012;}
.company .right .about .spt1{color:#666}
.company .right .about .last{background:url(../images/iphone1.jpg) no-repeat left center;margin-top:15px}
.company .right .about .last span{display:block;font-size:14px;padding-left:45px;line-height:20px}
.company .right .about .last .s{font-size:20px ;color:#ef5012;font-weight:bold;}

.ads-wrapper{background:url(../images/ads_bg.jpg) no-repeat center center;margin-top:40px}
.ads{position: relative;}
.ads-txt{position: absolute;top:180px; width:1000px;color:black; text-align:center;line-height: 46px;}
.ads-txt h3{font-size:34px;margin-bottom: 12px}
.ads-txt p{font-size:18px;margin-left: -55px}
.ads a{display: block;width:260px;height: 54px;line-height: 54px;padding-left: 20px;border:2px solid #ef5012;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;position: absolute;
bottom: 92px;left:388px;color:#ef5012;font-size:24px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;

}
.ads span{display: block;}
.ads a span.line{height:1px ;width:38px;background-color:#ef5113;position: absolute;right:25px;top:28px;}
.ads a span.tags{width:8px;height:8px;border-top:1px solid #ef5113;border-left: 1px solid #ef5113;position: absolute;
-webkit-transform:rotate(135deg); /* */
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);


top:-4px;
right:0px;
}
.ads a:hover{background-color:#ef5012;color:white;border-color:white;}
.ads a:hover span.line{background-color: white;}
.ads a:hover span.tags{border-color: white}
.ads a span.txts{padding-right:12px }

/*footer-list start*/
.footer-list{height:345px;margin-top: 40px;}
.footer-list .left{float:left;overflow: hidden;width:636px;height:100%;padding-right: 15px;position:relative}
.footer-list .left ul.nav-tap{border-bottom: 2px solid #1153cb;height:51px }
.footer-list .left ul.nav-tap li{height:100%;width:149px;float:left;color:#1152cb;cursor: pointer;}
.footer-list .left ul.nav-tap li span{display: block;text-align: center;line-height: 18px;font-size:12px;}
.footer-list .left ul.nav-tap li span.spt{font-size:14px;padding-top:18px}
.footer-list .left ul.nav-tap li.act{background:url(../images/ft-bg.jpg);color:white;}
.footer-list .left div.list-news,
.footer-list .left div.list-news ul,
.footer-list .left div.list-news ul li
{overflow: hidden;}
.footer-list .left div.list-news {
    margin-top:25px;
    width:200%;
    position: relative;
}
.footer-list a.get-more{display:block;position:absolute;right:26px;top:18px;font-size:12px;color:#1152cb}
.news-wrapper{overflow: hidden}
.footer-list .left div.list-news ul{}
.footer-list .left div.list-news ul.ls{float:left;width:50%;}
.footer-list .left div.list-news ul li div.left-ls{float:left;width:279px;} 
.footer-list .left div.list-news ul li div.left-ls img{width:279px;height:184px;} 
.footer-list .left div.list-news ul li div.left-ls h3{color:#1152cb; padding-top:6px; line-height:24px;white-space:nowrap;}
.footer-list .left div.list-news ul li div.left-ls h3,
.footer-list .left div.list-news ul li div.left-ls p
{width:100%;overflow: hidden;text-overflow: ellipsis;}
.footer-list .left div.list-news ul li div.left-ls p{line-height:24px;font-size:12px;}
.footer-list .left div.list-news ul li div.right-ls{ width:357px;float:left}
.footer-list .left div.list-news ul li div.right-ls li{line-height: 35px;border-bottom: 1px dashed #d1d1d1;background:url(../images/arrow-tags.jpg) no-repeat left center;padding-left:15px;margin:0 15px}
.footer-list .left div.list-news ul li div.right-ls span.date{display: block;float:right;}
.footer-list .left div.list-news ul li div.right-ls li a{float:left;display: block;width:65%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#666;font-size:12px;}
.footer-list .left div.list-news ul li div.right-ls li a:hover{color:#ef5012;text-decoration:underline}
.footer-list .right{float:right;width:348px;border-left:1px solid #cfcfcf;height: 100%}
.footer-list .right dl{padding: 0 0 0 24px}
.footer-list .right div.list_r{font-weight: bold;color:#1152cb;font-size: 19px;height: 32px;background:url(../images/msg.jpg) no-repeat;line-height: 32px;padding:0 0 25px 0; padding-left:44px;}
.footer-list .right dl .marqueec{ height:270px; overflow:hidden;}
.footer-list .right dt.list_t{font-size: 12px;font-weight: bold;color:#333333;height: 24px;line-height: 24px; }
.footer-list .right dt.list_t span{display: block;width:24px;line-height: 24px;height: 24px;background:url(../images/cicle-blue.jpg) no-repeat left center;float:left;margin-right: 5px;color:white;text-align:center;font-family: songti;}
.footer-list .right dd span{margin-right:5px;display: block;width:24px;height: 24px;color:white;background:url(../images/cicle-red.jpg) no-repeat left center;line-height: 24px;text-align: center;float:left; font-size:12px;}
.footer-list .right dd{overflow: hidden;margin-top: 5px;border-bottom: 1px dashed #b2b2b2;padding-bottom: 10px;}
.footer-list .right dd p{line-height: 24px;float:left;width:280px;color:#666; font-size:12px;}
.footer-list .right dd a:hover{color: #ef5012;text-decoration: underline;}
.footer-list .right dt.tp{margin-top: 16px}
.friend-link{height: 95px;border:1px solid #dbdbdb;margin-top: 60px;position: relative;overflow: visible;}
.friend-link h3{font-size:24px;color:black;font-weight: normal;padding:0 15px;background:white;position: absolute;top:-14px;left:490px;
}
.friend-link h3 span{color:#1152cb;}
.friend-link h3 span.spt{padding:0 5px;}
.friend-link ul{margin:30px 0 0 10px}
.friend-link ul,
.friend-link li{overflow: hidden;}
.friend-link li{float:left;}
.friend-link li a{display: block;padding:10px 20px ;color:#666;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;}
.friend-link li a:hover{color:white;background-color:#1152cb;}

.footer-nav{background-color:#1152cb;height:50px;margin-top:40px}
.footer-nav li{float:left;_display:inline}
.footer-nav li.marg{margin-left:125px}
.footer-nav li.no-img a{background:none}
.footer-nav li a{font-size:14px;color:white;height:100%;line-height:50px;display:block;width:95px;text-align:center;background:url(../images/end-nav.jpg) no-repeat left center}
.footer-nav li a:hover{text-decoration:underline}

.copyright{padding-top:35px}
.copyright .footer-wrap{width:720px;margin:0 auto}
.copyright .footer-logo{float:left;margin-right:10px;_display:inline}
.copyright .copyright-right{line-height:25px}
.copyright .copyright-right a{color:#666;}