﻿    /*默认按1000宽度布局*/
    .email-index-page{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53"}
    h1,h2,h3,h4,h5,h6{ font-weight: normal;}
    a { color: #000;}
    .mg-last,.nomg{margin-right: 0!important;}
    .nobor{ border-right: none!important;}
    .pd-last{ padding-right: 0;}
    .mgr10{ margin-right: 10px;}
    .fl{ float: left;}
    .fr{ float: right;}

    .sicon{ background: url(../image/01.png) no-repeat 0 0;}
    .sicon-beg{ background-position: 0 0;}
    .sicon-phone{background-position: 5px -20px;}
    .sicon-unbr{background-position: 0 -40px;}
    .sicon-client{background-position: 0 -60px;}
    .sicon-login{background-position: 0 -80px;}
    .sicon-manage{background-position: 0 -110px;}
    .sicon-card{background-position: 0 -140px;}
    .bicon{background: url(../image/02.png) no-repeat 0 0;}
    .bicon-global-email{ background-position: 0 0;}
    .bicon-email{background-position: 0 -76px;}
    .section{  position: relative; width: 990px;padding:0 5px; margin: 0 auto;}
    .section h2{font-size: 26px;text-align: center; color: #333; }
    .top-content-wrap .box{  position: relative; background: #fff;}
    .banner{ position: relative; height: 350px; overflow: hidden;}
    .slider .tab-pannel{ height: 350px; width: 100%;}
    .slider .tab-pannel a{ display: block; background: url(about:blank); width: 100%; height: 100%;}
    .slider .tab-nav{ position: absolute; z-index: 99; left: 50%; margin-left: -50px; bottom: 10px; }
    .slider .tab-nav li{ float: left; margin-right: 10px;}
    .slider .tab-nav li a{ float: left; display: inline-block; width: 16px;height: 16px;text-indent: -9999em;overflow: hidden;-webkit-border-radius: 50%;-moz-border-

radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;background: #999;}
    .slider .tab-nav li.selected a{background: #fff;}
    .top-content-wrap{ background:#f7f9fa; border-bottom: 2px solid #f2f3f4;}

    /*提供服务*/
    .provide-service dl{ padding:25px 0;}
    .provide-service dl dt,
    .provide-service dl dd{ float: left;}
    .provide-service dl dt{ margin-right: 10px; font-size: 16px;}
    .provide-service dl dd{ margin-right: 25px; line-height: 1.8; font-size: 14px; color: #878787; }
    .provide-service dl dd i{ vertical-align: middle; display: inline-block; *zoom:1; margin-right: 5px; height: 18px; width: 18px; }

    .standard-box,
    .group-box{ margin-bottom: 10px; height: 450px; width: 387px; border:2px solid #fff;}
    .standard-box:hover,
    .group-box:hover{ border: 2px solid #c36b72;}
    .group-box p{ color: #000; padding-left: 90px;}
    .group-box p span{ color: #666;}
    .main-product .title-wrap{ margin: 0 8px; padding:20px 0 10px 0; border-bottom: 1px solid #eee; }
    .main-product .title-wrap i{ display: block; width: 75px; height: 75px; margin: 0 auto;}
    .main-product .title-wrap h3{ color: #f73439; font-size: 15px; text-align: center;}

    .main-product .box .dl-wrap{ margin-left:80px; position: relative; padding:5px 0 10px 0; overflow: hidden; }
    .main-product .box dl{float: left; width:47%; text-align:center; height: 92px; border-right: 1px dashed #dfdfdf;}
    .main-product .box dl dt{ padding-bottom: 10px; font-size: 14px; text-align:left; padding-left:25px; color: #000;}
    .main-product .box dl dd{ color: #666;}
    .main-product .box dl dd strong{ font-family: Arial; font-size: 36px; color: #000; line-height: 1.2; font-weight: normal; }
    .main-product .box dl .tips span{ padding: 0 5px; font-size: 10px; color: #fff; background: #f8b238; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-

radius: 3px; }

    .main-product .detail-link{ width: 130px; position: absolute; left: 50%; margin-left: -65px; bottom: 30px;}
    .main-product .detail-link span{ display: block; padding-bottom: 5px; color: #000;  text-align: center;}
    .main-product .detail-link span em{ color: #cc0814;}
    .main-product .box .redBtn{ display: inline-block; *zoom:1; padding: 0 28px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: #ff2e28; 

border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
    .main-product .box .redBtn:hover{ text-decoration: none; background: #f8140e; }


    .aside-box{ padding:0 10px; width: 168px; height: 405px; padding-bottom:49px;}

    .email-links-list li{ padding: 18px 5px; border-bottom: 1px solid #f0f0f0; }
    .email-links-list li i{ float: left; width: 20px; height: 21px; margin-right: 7px;}
    .email-links-list li a{ font-size: 16px; color: #333; line-height: 20px;}
    .email-links-list li a:hover{ color: #e80010; text-decoration: none;}

    .email-links-list li a:hover .sicon-login{background-position: 0 -170px;}
    .email-links-list li a:hover .sicon-manage{background-position: 0 -200px;}
    .email-links-list li a:hover .sicon-card{background-position: 0 -230px;}

    .qa-links-list{ padding: 12px 0 0 0;}
    .qa-links-list li{ padding: 6px 0;}
    .qa-links-list li a{ color: #333;}
    .qa-links-list li a:hover{ color: #000; text-decoration: none; border-bottom: 1px solid #000;}

    /*四大优势和我们的客户*/
    .four-excellence,
    .our-client{ padding:35px 5px;}
    .four-excellence h2,
    .our-client h2{ padding-bottom: 28px;}
    .four-excellence{ border-bottom:1px solid #efefef; padding-bottom: 10px;}
    .four-excellence ul li{ float: left; width: 50%; padding:30px 0; }
    .four-excellence ul li i{ float: left; display: block; width: 115px; margin-left: 20px; height: 80px;}
    .four-excellence ul li .txt{ position: relative; overflow: hidden; height: 115px;}
    .four-excellence ul li h3{ padding-bottom: 10px; font-size: 18px; color: #333;}
    .four-excellence ul li p{ padding-right: 25px; color: #000; line-height: 2;}
    .four-excellence ul li.item-01,
    .four-excellence ul li.item-02{ border-bottom: 1px dashed #e8e8e8;}
    .four-excellence ul li.item-01 .txt,
    .four-excellence ul li.item-03 .txt{ border-right: 1px dashed #e8e8e8;}
    .four-excellence ul li.item-02 p,
    .four-excellence ul li.item-04 p{ padding-right: 0;}
    .four-excellence ul li i.bicon-01{ background-position: 0 -160px;}
    .four-excellence ul li i.bicon-02{ background-position: 10px -260px;}
    .four-excellence ul li i.bicon-03{ background-position: 0 -360px;}
    .four-excellence ul li i.bicon-04{ background-position: 10px -460px;}
   /* .our-client .photo img{  border-radius: 50%;  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  -o-border-radius: 50%;} */
    .our-client .panel-list{ position: relative;}
    .our-client .item-panel{ float: left; position: relative;  overflow: hidden;}
    .our-client .item-panel .photo{ float: left; margin-right:20px;}
    .our-client .item-panel .info{ position: relative; overflow: hidden; color: #000;}
    .our-client .item-panel h3{ margin-bottom: 15px; font-size: 14px;}
    .our-client .item-panel h3 span{ font-size: 12px; padding-left: 15px;}
    .our-client .item-panel p{ line-height: 1.8; padding-right: 20px; }
    .our-client .item-panel .item{ float: left; width: 455px;}
    .our-client .item-panel .nopd p{ padding-right: 0;}
    .our-client .item-panel .nopd .photo{ margin-left: 20px;}
    .carousel-wrap{ position: relative;  padding: 10px 0; overflow: hidden;}
    .carousel-wrap .panel-list{ margin:0 40px; }
    .carousel-wrap .control-btn{ position: absolute; top:50%; z-index: 99; margin-top: -16px; display: block; width: 17px; height: 32px; background: url

(/400/03.png) no-repeat 0 0;}
    .carousel-wrap .prev-btn{ left: 0; background-position: 0 0;}
    .carousel-wrap .prev-btn:hover{ background-position: 0 -32px;}
    .carousel-wrap .next-btn{ right: 0; background-position: 0 -64px;}
    .carousel-wrap .next-btn:hover{ background-position: 0 -96px;}