@charset "utf-8";
/****重置****/
html,body{ width:100%; height:100%;}
body{ font: 14px/1.5 "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333;}
::selection { background:#1581e5;color:#fff;
}
/*Mozilla Firefox*/
::-moz-selection {
    background:#1581e5;
    color:#fff;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i,b{ font-style:normal; font-weight:normal}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border:none; }
legend { display:none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before,
q:after { content:"" }
a { text-decoration:none; color:#333;}
/*a:active{ background:none;}*/
a:hover{text-decoration:none}
a:hover{color:#ff8400 ;}
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust:none; }/*chrome私有属性，允许font-size<12px*/
.clearfix:after { content: "."; display: block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block }
* html .clearfix { height: 1%; }
.clearfix { display:block }
.tul,
.tul:hover{ text-decoration:underline;}
input[type="checkbox"],
input[type="radio"]{ margin-left:5px; margin-right:5px;}
input,
img,
textarea{ outline:none; vertical-align:middle;}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888;}
input:-moz-placeholder,
textarea:-moz-placeholder {color: #888; }
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color: #888;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {color: #888;}



/****main****/
html,
body{ position:relative; height:100%;}
body{ background:#fff;}


.wrap{ width: 100%; min-width: 1100px; margin-left: auto; margin-right: auto; min-width: 1100px;}

.container,

.header,
.footer,
.page-container{ min-width: 1100px; width:1100px; margin-left:auto; margin-right:auto;}


.icon{ background: url("../images/icon.png") no-repeat;}
.icon-shiyong{ background-position: 0 0;}
.icon-zixun{ background-position: -25px 0;}
.icon-wechat{ background-position: 0 -25px;}
.icon-sina{ background-position: -34px -25px;}
.icon-qq{ background-position: -68px -25px;}
.icon-down{ background-position: -55px 0;}
.icon-up{ background-position: -77px 0;}
.icon-add{ background-position: -230px 0;}
.icon-min{ background-position: -245px 0;}



.icon-wechat:hover{ background-position: 0 -49px;}
.icon-sina:hover{ background-position: -34px -49px;}
.icon-qq:hover{ background-position: -68px -49px;}

.btn-detail{ font-size: 16px; display: inline-block; *display: inline; zoom: 1; border-radius: 4px; line-height: 38px; padding: 0 20px;}
.btn-detail:hover{ box-shadow: 0 1px 3px #aaa;}
.btn-white{ background: #fff; color: #0674d5;}
.btn-cyan{ background: #0194eb; color: #fff;}
.btn-blue{ background: #0574d7; color: #fff;}
.btn-blue:hover,
.btn-cyan:hover{ color: #fff;}
.title01{ padding: 35px 0; text-align: center; z-index: 100;}
.title01 .large{ margin-bottom: 6px; font-size: 30px; font-weight: 500; line-height: 36px;}
.title01 .large:after{ content: ''; display: block; margin: 15px auto; width: 40px; height: 3px; background: #0194eb;}
.title01 .small{ line-height: 24px; font-size: 16px; font-weight: 500;}

.title02{ margin-bottom: 10px; line-height: 38px; height: 38px; border-bottom: 2px solid #efefef;}
.title02 .more{ float: right; color: #666;}
.title02 .more:hover{ text-decoration: underline; color: #4183cb;}
.title02 .name{ font-size: 18px;font-weight: 600; display: inline-block; *display: inline;zoom: 1; border-bottom: 2px solid #4183cb;}

.title03{ padding: 40px 0; position: relative; text-align: center;}
.title03:after{ content: ''; width: 40%; position: absolute; height: 1px; background: #ddd; top: 64px; left: 30%; z-index: 0;}
.title03 .name{ margin-bottom: 7px; position: relative; z-index: 1; padding: 0 10px; background: #fff; display: inline-block; *display: inline;zoom: 1; font-size: 28px; color: #2daec2;}
.title04{ margin-bottom: 10px; padding: 0 0 10px; line-height: 18px;}
.title04 .name{ border-left: 4px solid #2daec2; padding-left: 9px; font-size: 18px; line-height: 18px;}

body{ background: url("../images/body-bg.jpg") top left repeat;}


.header{ position: relative; z-index: 1000; width: 1160px; margin: 0 auto;}
.header .logo{ padding: 29px 0 30px; overflow: hidden; float: left; width: 290px;}
.header .logo a{ display: block; float: left;}
.header .logo img{ height: 51px; margin-right: 8px; }
.header .logo .txt{ float: left; line-height: 22px;}
.header .logo .tel{ font-size: 17px;}
.header .logo .adv{ padding-top: 2px; font-size: 17px; letter-spacing: 2px; line-height: 28px;}
.header .nav{ position: relative; float: right; padding-right: 116px;}
.header .nav li{ position: relative; float: left;}
.header .nav li>a{ float: left; line-height: 110px; min-width: 40px; text-align: center; font-size: 16px; padding: 0 20px;}
.header .nav .active>a,
.header .nav li:hover>a{ background: #f5f5f5;}
.sub-nav{ display: none; padding: 20px; background: #f5f5f5;  position: absolute; z-index: 100; left: 0; top: 110px; width: 100%; overflow: hidden;}
.sub-nav dd{ margin-bottom: 3px; position: relative;}
.sub-nav dd a{ display: block; font-size: 15px; line-height: 32px;}
.sub-nav dd a:hover{ color: #2daec2; text-decoration: underline;}
.sub-nav dd:before{ content: ''; width: 4px; height: 4px; float: left; margin-right: 5px; position: relative; top: 14px; background: #2daec2;}
.header .nav .nav2{ position: inherit;}
.nav2 .sub-nav{ width: 820px; left: -80px; padding-left: 0; padding-right: 0; }
.nav2  .sub-nav dd{ float: left; text-align: center; width: 30%; margin-bottom: 0; margin-left: 2.5%;}
.nav2  .sub-nav dd:before{ display: none; content: inherit;}
.nav2  .sub-nav dd:hover a{ color: #2daec2; text-decoration: underline;}
.nav2  .sub-nav .img{ display: block; margin-bottom: 10px; width: 218px; height: 148px; line-height: 148px; text-align: center; overflow:hidden;}
.nav2  .sub-nav .img img{ max-width: 100%; max-height: 100%;}
.nav2  .sub-nav dd p{ line-height: 32px; font-size: 15px;}
/*
.nav4 .sub-nav dl{ padding-left: 308px;}
.nav5 .sub-nav dl{ padding-left: 414px;}
.nav6 .sub-nav dl{ padding-left: 518px;}
.nav7 .sub-nav dl{ float: right; padding-right: 95px; width: 220px;}
.nav7 .sub-nav dl dd{ float: left; width: 110px;}
*/

.header .nav4 .sub-nav{ width: 130%;}
.header .nav5 .sub-nav{ width: 80%;}
.header .nav7 .sub-nav{ width: 80%;}


.top-btn{ position: absolute; z-index: 10; right: 0; top: 37px; color: #fff; font-size: 14px; border-radius: 22px; width: 106px; padding: 0; text-align: center; line-height: 36px; background: #28b9c0;}
.top-btn:hover{ color: #fff;}
/**footer***/
.foot-menu{ background: #eee; padding: 26px 0;}
.foot-menu .container{ overflow: hidden;}
.foot-menu .btn{ padding-top: 15px; float: left; width: 142px; margin-right: 40px;}
.foot-menu .btn li{ margin-bottom: 15px;}
.btn-shiyong,
.btn-zixun{ line-height: 46px; border-radius: 4px;overflow: hidden;color: #fff;}
.btn-shiyong:hover,
.btn-zixun:hover{ color: #fff;}
.btn-shiyong .icon,
.btn-zixun .icon{ float: left; width: 22px; height: 22px; margin-right: 5px; position: relative; top: 12px;}
.btn-shiyong{ background: #0194eb; }
.btn-zixun{ background: #0574d7;}
.share-list{ float: left;}
.share-list li{ float: none; width: 100%; line-height: 24px; margin-bottom: 10px;}
.share-list li span{ margin-bottom: 3px; display: block;}
.share-list li a{ position: relative; float: left; width: 24px; height: 24px; margin-right: 10px;}
.share-list li a .icon{ display: block; width: 24px; height: 24px;}
.share-list li a .wechat-img{ display: none; position: absolute; z-index: 10; width: 100px; height:100px; left: -105px; top: -22px;}
.share-list li a .wechat-img img{ width: 100%; height: 100%;}

.foot-menu .f-nav{ float: left; margin-right: 53px; line-height: 26px;}
.foot-menu .f-nav dt{ font-size: 16px; margin-bottom: 5px;}
.foot-menu .f-nav dd a{ color: #555;}
.foot-menu dd a:hover{ color: #ff8400;}
.foot-menu .f-nav a:hover{ text-decoration: underline;}

.footer{}
.copyRight{ padding: 15px 0; border-bottom: 1px solid #eee; overflow: hidden; font-size: 13px; line-height: 24px;}
.copyRight a:hover{ text-decoration: underline;}
.footer .right{ float: right;}
.footer .left{ float: left; width: 60%;}
.footer .left p a{ margin-right: 10px;}
.footer .right{ padding-top: 7px;}
.footer .right span{margin-left: 10px;}
.footer .right img{ height: 34px;}
.friend-link{ min-height: 51px; padding: 13px 0;}
.friend-link .title{ display: inline-block; *display: inline; zoom: 1; cursor: pointer; line-height: 22px; margin-bottom: 5px;}
.friend-link .title .icon{ position: relative; top: 1px; display: inline-block; *display: inline;zoom: 1; width: 22px; height: 22px;}
.friend-link .list{ display: none; overflow: hidden; line-height: 24px;}
.friend-link .list li{ float: left; margin-right: 10px;}




/****幻灯片***/
.banner-wrap{ overflow: hidden;}
.fullSlide { width: 100%; position:relative; height: 430px; }
.fullSlide .bd {  margin:0 auto;  position: absolute; width:100%; height:100%;  z-index:0;  overflow:hidden;  }
.fullSlide .bd ul {  width:100% !important; height:100%  }
.fullSlide .bd li {  width:100% !important; height: 430px;  overflow:hidden;  text-align:center; background-size: cover !important;  }
.fullSlide .bd li a {  display:block;  height:100%;  }
.fullSlide .hd {  width:100%;  position:absolute;  z-index:110;  bottom: 10px;  left:0;  height:25px;  line-height:25px;  }
.fullSlide .hd ul {  text-align:center;  }
.fullSlide .hd ul li {  cursor:pointer;  display:inline-block; *display:inline;  zoom:1; border-radius: 50%;  width:10px;  height:10px;  margin: 0 5px;  overflow:hidden;  background:#fff; line-height:999px;  }
.fullSlide .hd ul .on {  background:#c1000c;  }
.fullSlide .prev,
.fullSlide .next {  display:block;  position:absolute;  z-index:1;  top:50%;  margin-top:-30px;  left:7%;  z-index:1;  width:40px;  height:60px;  background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor:pointer;  filter:alpha(opacity=50);  opacity:0.5;  display:none;  }
.fullSlide .next {  left:auto;  right:7%;  background-position:-6px -137px;  }
.banner-wrap .b-menu{ width: 230px; float: right;}
.fullSlide  .container{ position: relative; height: 430px;}
.fullSlide .b-btn{ position: absolute; left: 176px; bottom: 72px;}
.fullSlide .b-btn dd{ float:left; margin-right: 35px;}
.fullSlide .b-btn .btn-detail{ border-radius: 22px; background: none; text-indent: -999em; overflow: hidden; padding:0; width: 118px; height: 35px; font-size:18px; }
.fullSlide .bd li:first-child .b-btn{ left:226px; bottom:118px;}
.fullSlide .bd li:first-child .btn-detail{ background: none; text-indent: -999em; overflow: hidden; width: 121px; height: 43px;}
.fullSlide .bd li:last-child .b-btn .btn-detail{ color: #fff; text-indent: 0; width:120px; height:42px; line-height:42px; border-right: 4px;}
.fullSlide .bd li:last-child .b-btn{ left:615px; bottom:83px;}
.fullSlide .bd li:last-child .btn-detail{ color:#fff;  background:#2fdee6;}
.fullSlide .bd li:last-child dd:last-child .btn-detail{ background:#2191e7;}


/***图片缩放效果***/
.fullSlide .bd li {  animation: slow_cat 1200ms 1 forwards; }
@-moz-keyframes slow_cat {
    0% {
        -moz-transform:  scale(1.1);
    }
    100% {
        -moz-transform:  scale(1.0);
    }
}
@-webkit-keyframes slow_cat {
    0% {
        -webkit-transform:  scale(1.1);
    }
    100% {
        -webkit-transform:  scale(1.0);
    }
}
@keyframes slow_cat {
    0% {
        transform: scale(1.1);
    }
    100% {;
        transform: scale(1.0);
    }
}

.product-list-home{padding-bottom: 60px; overflow: hidden;}
.product-list-home li{ background: #f5f5f5; position: relative; padding-top: 26px; padding-bottom: 50px; float: left; width: 32%;
    margin-left: 1%; text-align: center;
}
.product-list-home li:last-child,
.product-list-home li:first-child{ background: none;}
.product-list-home li .img{ display: block; width: 225px; border-radius: 50%; margin: 0 auto 22px; overflow: hidden;}
.product-list-home li .title{ margin-bottom: 15px; font-size: 22px; line-height: 28px; text-align: center;}
.product-list-home li .title a:hover{ text-decoration: underline;}
.product-list-home li .txt{ padding: 0 25px; height: 48px; overflow: hidden; line-height: 24px;}
.product-list-home li:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 4px; background: #075ed5;}
.product-list-home li:hover:after{ width: 100%;}
.plan-home{ position: relative; height: 876px;  /*background: url("../images/home-plan-bg.jpg") top center no-repeat;*/ overflow: hidden;}
.plan-home .bg-img{ position: absolute; z-index: 0; top: 0; left: 50%; margin-left: -960px; top: 0; height: 100%; width: 1920px;}
.plan-home .container{ position: relative; z-index: 10;}
.plan-home .content{ height: 448px; position: relative; z-index: 10; padding:50px 35px; background: #fff;}
.plan-home .title01{ margin-bottom: 10px; color: #fff;}
.plan-home .title01 .large:after{ background: #fff;}
.plan-lsit-h{ position: relative; z-index: 5; overflow: hidden; background: #fff;}
.plan-lsit-h li{ position: relative; float: left; width: 300px; margin-top: 10px; margin-bottom: 30px;}
.plan-lsit-h li .tile{ margin-bottom: 6px; height: 36px; overflow: hidden;}
.plan-lsit-h li .tile a{ color: #075ed5; line-height: 28px; font-size: 20px;}
.plan-lsit-h li .tile .numb{ color: #075ed5; font-size: 28px; font-weight: 600; margin-right: 5px; font-style: italic;}
.plan-lsit-h li a:hover{ text-decoration: underline;}
.plan-lsit-h .list-en{ margin-left: 425px;}
.plan-lsit-h li .txt{ color: #666; height: 66px; overflow: hidden; line-height: 22px;}
.plan-home .plan-img{ position: absolute; z-index: 10; left: 50%; margin-left: -165px; width: 331px; height: 448px; top: 50px;}
.plan-home .btn{ padding-top: 50px; text-align: center;}
.plan-home .btn .btn-detail{ border-radius: 22px; overflow: hidden; font-size: 14px; line-height: 34px; padding: 0 25px;}
.youshi-list-h{ height:950px; overflow: hidden;}
.youshi-list-h li{ margin-bottom: 45px; float: left; width: 420px; margin-left: 86px; position: relative;}
.youshi-list-h li .img{ display: block; margin-bottom: 20px; height: 252px; overflow: hidden;}
.youshi-list-h li .img img{ width: 100%; height: 100%;}
.youshi-list-h li .title{ padding: 3px 0; margin-bottom: 20px; overflow: hidden; background: #28b9c0; color: #fff; line-height: 28px; font-size: 18px;}
.youshi-list-h li .title .eg{ text-transform: capitalize; font-size: 16px;}
.youshi-list-h li .numb{ background: #fff; color: #333; float: left; margin-right: 15px; width: 56px; height: 62px; font-size: 54px;
    line-height: 60px; margin-top: -3px; margin-bottom: -3px; font-style: italic; padding: 0 20px; text-indent: -10px;}
.youshi-list-h li .title a{ color: #fff;}
.youshi-list-h li .title:hover a{ text-decoration: underline;}

.youshi-list-h li .txt span{ display: block; margin-bottom: 10px; line-height: 22px; font-size: 16px; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap; }
.youshi-list-h li .txt span:before{ content: ''; float: left; margin-right: 5px; width: 4px; height: 4px; margin-top: 9px; background: #28b9c0;}
.case-home{ padding-bottom: 60px; height:365px;}
.case-home .title01{ color: #fff;}
.case-home .title01 .large:after{ background: #fff;}
.case-lsit-h{ padding-bottom: 30px;  height: 375px;}
.case-lsit-h li{ float: left; width:184px; margin-left: 55px; margin-bottom: 20px;}
.case-lsit-h p {background:#000000; display:block; color:#FFFFFF; line-height:40px;}
.case-lsit-h li a{ position: relative; display: block; width: 100%;}
.case-lsit-h li img{ width: 100%; height: 100%; }
.case-lsit-h li .cove{ display: none; color: #fff; text-align: center; font-size: 16px; line-height: 108px; position: absolute;z-index: 10; top: 0; left: 0;
    width: 100%; height: 100%;  background: #28b9c0 url("../images/alp-bg.png") top left repeat; background: #28b9c0;}
.case-h-tit{ text-align: center; font-size: 0;}
.case-h-tit li{ display: inline-block; *display: inline; zoom: 1; margin-left: 3px;}
.case-h-tit li a{ position: relative; display: block; font-size: 15px; min-width: 60px; padding: 0 20px; line-height: 42px; background: #fff;}
.case-h-tit .active a{ background: #2fdee6; color: #fff;}
.case-h-tit .active a:before{ content: '';position: absolute; display:block;  width:0;  height:0;  border-width:0 8px 8px;  border-style:solid;
    border-color:transparent transparent #2fdee6;  position:absolute;  top:-8px;  left:50%; margin-left:-8px;}
.news-home{ padding: 45px 0 50px; overflow: hidden;}
.news-home .news-main{ float: left; width: 344px; margin-left: 34px; position: relative;}
.news-home .first{ margin-left: 0;}
.news-list{}
.news-list li{ border-bottom: 1px solid #efefef; overflow: hidden; line-height: 39px; *line-height: 35px;}
.news-list .date{ float: right; color: #666;}
.news-list a{ position: relative; padding-left: 13px; float: left; width: 80%;overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;}
.news-list a:after{ content: ''; position: absolute; left: 2px; top: 17px; width: 4px; height: 4px; background: #28b9c0;}
.news-list li a:hover{ text-decoration: underline;}







.shop-cat a{ display: block; color: #fff; padding-right: 21px; position: relative; line-height: 16px;}
.shop-cat .icon-cat{ position: absolute; right: 0; top: 0; width: 16px; height: 16px;}


/****子页面****/
.page-banner{ height: 430px; overflow: hidden; position: relative;}
.b-img{ position: absolute; left: 50%; margin-left: -960px; top: 0;}

.crumb-wrap{ margin-bottom: 55px; background: #eee; padding: 5px 0; line-height: 44px;}
.crumb-wrap .menu{ float: right;}
.crumb-wrap .menu li{ float: left; margin-left: 28px;}
.crumb-wrap .menu .active a{ color: #1f8dea;}
.crumb{ line-height: 24px; padding: 10px 0;}
.crumb .icon{ margin-right: 10px; float: left; width: 19px; height: 24px; background-position: -100px 0;}
.search-form{ float: right;}
.search-form label{ display: block;}
.search-form{ position: relative; padding-top: 5px; height: 34px;}
.search-form input[type='text']{ display: block; background: #fff; text-indent: 12px; width: 225px; padding-right: 35px;  border: none; height: 34px; line-height: 34px;}
.search-form input[type='submit']{ cursor: pointer; position: absolute; right: 0; top: 4px; width: 35px;
    height: 34px; border: none; background: url("../images/icon.png") -320px 0 no-repeat;}
.search-form .name{ margin-right: 5px; position: absolute; left: 10px; top: 5px; line-height: 34px; color: #666;}


.page-container{ padding-bottom: 40px;}
.about-page-list{ margin: 0 45px; overflow: hidden;}
.about-page-list li{ float: left; width: 460px; margin-left: 30px; margin-bottom: 30px;}
.about-page-list li .img{ display: block; width: 100%; height: 330px; position: relative; overflow: hidden;}
.about-page-list li img{ width: 100%; height: 100%;}
.about-page-list li .title{ position: absolute; left: 0; bottom: 0; right: 0; width: 94%; padding: 10px 3%; font-size: 18px; line-height: 22px; text-align: center; color: #fff; background: url("../images/alp-bg.png") top left repeat;}
/***联系我们***/
.consulting{ margin-bottom: 40px;}
.consulting .list{ overflow: hidden; margin-left: -1px;}
.consulting .list li{ background: #f3f3f3; padding: 25px 15px; float: left; width: 243px; margin-left: 2px; text-align: center;}
.consulting .list .title{ font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 10px;}
.consulting .list .cen{ margin-bottom: 17px; line-height: 30px; min-height: 120px;}
.consulting .list .btn-detail{ background: #2daec2; width: 130px; padding: 0; text-align: center; color: #fff;}
.contact-main{ background: #f3f3f3; padding: 15px; overflow: hidden;}
.contact-main .txt{ float: left; width: 320px;}
.contact-main .txt .title{ padding: 5px 0; font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 5px;}
.contact-main  p{ line-height: 26px; margin-bottom: 6px; }
.contact-main  .btn-detail{ margin-top: 15px; background: #2daec2; line-height: 44px;}
.contact-main .map{ float: right; width: 735px;}
.office-cat{}
.office-cat .list{ margin-left: -1px; overflow: hidden;}
.office-cat li { background: #f3f3f3; float: left; width: 325px; min-height: 260px; padding: 15px 20px; margin-left: 2px; margin-bottom: 15px;}
.office-cat li .title{ font-size: 18px; line-height: 30px; margin-bottom: 5px;}
.office-cat li .cen{ min-height: 148px; line-height: 28px; color: #444;}
.office-cat .icon-zixun{ background-position: -134px 0;}
.office-cat .btn-zixun{ background: #fff; line-height: 44px; border: 1px solid #2daec2; color: #2daec2;}
.office-cat .btn-zixun:hover{ background: #2daec2; color: #fff;}
.office-cat .btn-zixun:hover .icon-zixun{ background-position: -25px 0;}

.zizi-list{ overflow: hidden; margin-left: -29px;}
.zizi-list li{ float: left; margin-bottom: 22px; width: 253px; margin-left: 29px;}
.zizi-list li .img{ margin-bottom: 12px; display: block; height: 335px; overflow: hidden;}
.zizi-list li .img img{ width: 100%; height: 100%;}
.zizi-list li .title{ font-size: 16px; text-align: center; line-height: 22px; }
/***加盟***/
.joinIn-detail{}
.joinIn-detail .cen{ overflow: hidden;}
.joinIn-detail .main{ padding-top: 100px; max-width: 535px;}
.joinIn-detail .main .title{ font-size: 28px; line-height: 32px; margin-bottom: 30px;}
.joinIn-detail .main .txt{ line-height: 24px;}
.joinIn-detail .img{ max-width: 565px;}
.joinIn-detail .img img{ max-width: 100%;}
.joinIn-detail .right{ float: right;}
.joinIn-detail .left{ float: left;}
.jiamen-form{ padding: 60px 0 20px;}
.jiamen-form .title{ font-size: 28px; line-height: 32px; margin-bottom: 25px; text-align: center;}
.jiamen-form .list li{ position: relative; padding-bottom: 15px; overflow: hidden;}
.jiamen-form .list .name{ font-size: 16px; line-height: 40px; margin-right: 12px; float: left; width: 380px; text-align: right;}
.jiamen-form .list input,
.jiamen-form .list textarea{ border-radius: 3px; float: left; width: 458px; border: 1px solid #ddd; line-height: 38px; text-indent: 10px;}
.jiamen-form .code-list input{ width: 130px; margin-right: 10px;}
.jiamen-form .code-list .code-img{ cursor: pointer; float: left; width: 100px;}
.jiamen-form .code-img img{ height: 40px; width: 100%;}
.jiamen-form .btn-lsit{ padding-left: 392px;}
.jiamen-form .btn-lsit .btn-detail{ cursor: pointer; background: #28b9c0; border: none; line-height: 40px; width: 130px; padding: 0; color: #fff; }
.jiamen-form .Validform_checktip{ left: auto; right: 260px;}
.jiamen-form .list textarea{ line-height: 22px; min-height: 66px;}
.message-form{ margin-top: -60px;}
.message-form .list .name{ width: 40px;}
.message-form .txt{ padding-left:15px; border-left:3px solid #28b9c0; margin-left: 32px; font-size: 15px; line-height: 20px; margin-bottom: 25px;}
.jiamen-form.message-form .btn-lsit{ padding-left: 55px;}
.message-form .Validform_checktip{ right: 460px;}

.message-form2 .list .name{ width:80px;}
.message-form2 .Validform_checktip{ left:560px; right:0;}
.jiamen-form.message-form2 .btn-lsit{ padding-left: 95px;}


/***产品中心****/
.bg-gray{ background: #f5f5f5;}
.product-detail{ margin-top: -55px;}
.product-detail .product-wrap{ padding: 60px 0;}
.product-detail .container{ overflow: hidden;}
.product-detail .product-wrap .left{ float: left;}
.product-detail .product-wrap .right{ float: right;}
.product-detail .product-wrap .img{ width: 500px; text-align: center;}
.product-detail .product-wrap .img img{ max-width: 100%;}
.product-detail .main{ padding-top: 30px; max-width: 500px;}
.product-detail .main .title{ font-size: 32px; line-height: 34px; margin-bottom: 15px; color: #1f8dea;}
.product-detail .main .txt{ line-height: 28px; margin-bottom: 10px;}
.product-detail .main .foot a{ color: #1f8dea; margin-right: 20px;}
.product-detail .main .foot a:hover{ text-decoration: underline;}
.product-detail .product-wrap5{ padding: 80px 0;}
.product-detail .product-wrap5 .img{ width: 700px;}
.product-detail .product-wrap5 .main{ width: 300px;}
.product-detail .product-wrap6{ padding: 80px 0;}

.product-detail .product-wrap-yuanchen1{ padding-top: 128px; padding-bottom: 0; height: 600px; background: url("../images/img/product2-img1.png") bottom center no-repeat;}
.product-detail .product-wrap-yuanchen1 .main{ width: 790px; max-width: inherit; margin: 0 auto;}
.product-detail .product-wrap-yuanchen1 .title{ text-align: center;}
.product-detail .product-wrap-yuanchen1 .foot{text-align: center;}

.product-menu{ margin-bottom: 60px; text-align: center;  overflow: hidden;}
.product-menu li{ float: left; width: 25%;}
.product-menu li .icon{ display: block; width: 64px; height: 61px; margin: 0 auto 18px;}
.product-menu li a{ display: block; line-height: 24px; font-size: 18px;}
.icon-pro01{ background-position: 0 -80px;}
.icon-pro02{ background-position: -65px -80px;}
.icon-pro03{ background-position: -130px -80px;}
.icon-pro04{ background-position: -195px -80px;}
.product-menu .active .icon-pro01{ background-position: 0 -145px;}
.product-menu .active .icon-pro02{ background-position: -65px -145px;}
.product-menu .active .icon-pro03{ background-position: -130px -145px;}
.product-menu .active .icon-pro04{ background-position: -195px -145px;}
.product-menu .active a,
.product-menu li a:hover{ color: #28b9c0;}
.product-yinjian-list{}
.product-yinjian-list li{ padding: 15px; padding-right: 25px; margin-bottom: 32px; box-shadow: 0 1px 1px #ddd; overflow: hidden;}
.product-yinjian-list li .img{ float: left; width: 237px; height: 202px; border: 1px solid #f5f5f5; margin-right: 30px;}
.product-yinjian-list li .img img{ width: 100%; height: 100%;}
.product-yinjian-list li .title{ font-size: 18px; margin-bottom: 10px;}
.product-yinjian-list li .txt{ margin-bottom: 20px; line-height: 28px; height: 84px;}
.product-yinjian-list li .more{ margin-right: 10px; float: right; font-size: 16px; color: #1f8dea;}
.product-yinjian-list li .more:hover{ text-decoration: underline;}
.product-yinjian-list li:hover{ box-shadow: 0 0 5px #ccc;}

/***子页面框架2***/
.main-left{ float: left; width: 850px;margin-top: -30px;}
.side-right{ float: right; width: 220px;margin-top: -30px;}
.side-left{ margin-top: -30px; float: left; width: 220px;}
.main-right{ margin-top: -30px; float: right; width: 850px;}
.bd-right{ padding-bottom: 20px; min-height: 200px; border-left: 1px solid #e3e3e3; padding-left: 28px;}
.main-left.bd-left{ padding-bottom: 20px; border-right: 1px solid #e3e3e3; padding-right: 28px; width: 825px; min-height: 200px;}
.side-menu{ width: 128px; margin: 0 auto 20px;}
.side-menu li{ margin-bottom: 2px;}
.side-menu li a{ display: block; line-height: 42px; border-radius: 3px; text-align: center; font-size: 16px;}
.side-menu .active a,
.side-menu li:hover a{ color: #fff; background: #2daec2;}



.side-list{margin-bottom: 20px;}
.side-title{ background: #28b9c0; padding: 10px 0; line-height: 20px; color: #fff; text-align: center;}
.side-title .small{ display: block; font-size: 16px;}
.side-title .large{ padding-top: 3px; line-height: 22px; display: block; font-size: 18px;}
.side-list .main{ padding: 0 10px; padding-bottom: 20px; min-height: 200px; border: 1px solid #e3e3e3; border-top: none;}
.menu-list{}
.menu-list li{ border-bottom: 1px solid #eee;}
.menu-list li>a{ overflow: hidden; padding: 0 10px; text-indent: 10px; display: block; font-size: 16px; line-height: 47px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.menu-list li .icon{ display: block; width: 14px; height: 14px; float: left; margin-left: 5px; margin-top: 16px;}
.menu-list .sub-list{ background: #f9f9f9;}
.menu-list .sub-list dd{ border-bottom: 1px solid #eee;}
.menu-list .sub-list dd a{ display: block; line-height: 38px; padding: 0 10px; text-align: center; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.menu-list .sub-list dd a:hover{ background: #eee;}
.side-contact{}
.side-contact .main{ padding: 10px 15px 10px; min-height: 200px; border: 1px solid #e3e3e3; border-top: none; line-height: 24px;}
.side-contact .main p{ margin-bottom: 3px;}
.side-contact .main strong{ font-weight: 500; display: block; font-size: 20px;}
.fcred{ color: #ff0000;}
.problem-menu{ margin-bottom:15px;}
.problem-menu li .icon{ margin-right: 19px; float: left; width: 18px; height: 18px;}
.problem-menu li a{ display: block; font-size: 16px; line-height: 18px; padding: 14px 0;}
.icon-01{ background-position: 0 -225px;}
.icon-02{ background-position: -18px -225px;}
.icon-03{ background-position: -39px -225px;}
.icon-04{ background-position: -59px -225px;}
.icon-05{ background-position: -79px -225px;}
.problem-menu .active .icon-01{ background-position: 0 -245px;}
.problem-menu .active .icon-02{ background-position: -18px -245px;}
.problem-menu .active .icon-03{ background-position: -39px -245px;}
.problem-menu .active .icon-04{ background-position: -59px -245px;}
.problem-menu .active .icon-05{ background-position: -79px -245px;}
.problem-menu .active a{ color: #2daec2;}
.side-list .problem-menu li{ border-bottom:1px solid #eee;}
.side-list .problem-menu li a{ padding-left:25px;}


.hardware-detail{}
.hardware-detail .h-title{ font-size: 22px; margin-bottom: 15px; line-height: 30px;}
.hardware-head{ overflow: hidden; margin-bottom: 28px;}
.hardware-head .pic-show{ margin-right: 30px; float: left; width: 410px;}
.hardware-head .pic-show{ }
.hardware-head .cen{ width: 410px; float: right; line-height: 24px;}
.hardware-head .btn-detail{ margin-top: 20px;}
.slideBox{ width:410px; padding: 2px; background: #fff; overflow:hidden; position:relative; }
.slideBox .hd{ display: none; height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  border-radius: 50%; width: 8px; height: 8px; line-height: 200px; overflow: hidden; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width: 100%; height: 340px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ width: 32px; border-radius: 4px; height: 32px; position:absolute; left:3%; top:50%; margin-top:-16px; display:block;filter:alpha(opacity=0);opacity:0;   }
.slideBox .prev{ background: url("../images/prev.png") center no-repeat;}
.slideBox .next{ background: url("../images/next.png") center no-repeat;}
.slideBox .next{ left:auto; right:3%; }
.slideBox:hover .prev,
.slideBox:hover .next{ filter:alpha(opacity=100);opacity:1;  }
.hardware-title{ margin-bottom: 20px; background: #eee; overflow: hidden;}
.hardware-title li{ padding: 18px 0; float: left;}
.hardware-title li a{ font-size: 16px; line-height: 16px;padding: 0 30px; border-right: 1px solid #cacaca;}
.hardware-title .active{ background: #0194eb;}
.hardware-title .active a{ padding-right: 31px; border-right: none; color: #fff;}
.recom-product{ padding-bottom: 40px;}
.recom-product .title{ font-size: 22px; line-height: 26px; margin-bottom: 15px;}
.recom-product .list{ margin-left: -30px; overflow: hidden;}
.recom-product .list li{ padding-bottom: 15px; margin-bottom: 20px; background: #f4f4f4; float: left; width: 252px; margin-left: 30px;}
.recom-product .list li .img{ height: 190px; background: #f4f4f4; padding: 10px; overflow: hidden; display: block;}
.recom-product .list li img{ width: 100%; height: 100%;}
.recom-product .list li .cen{ padding: 10px 15px;}
.recom-product .list .tit{ text-align: center; margin-bottom: 10px;}
.recom-product .list .tit a{ font-size: 16px; display: block; color: #1f8dea;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.recom-product .list .tit a:hover{ text-decoration: underline;}
.recom-product .list P{ line-height: 24px; height: 48px;}
/**常见问题***/
.news-list{}
.main-right .news-list{ margin-bottom: 30px;}
.main-right .news-list li{ border-bottom: none; line-height: 34px;}
.pic-list{ margin-bottom: 20px; margin-left: -30px; overflow: hidden;}
.pic-list li{ float: left; width: 263px;margin-left: 30px; margin-bottom: 15px;}
.pic-list li .img{ margin-bottom: 8px; display: block; height: 190px; overflow: hidden;}
.pic-list li .img img{ width: 100%; height: 100%;}
.pic-list li .title{ font-size: 16px; line-height: 24px; text-align: center;}
.video-list li{ width: 252px;}
.video-list li .img{ height: 168px;}
/***案例***/
.case-list{ margin-bottom: 20px;}
.case-list li{ padding: 15px; margin-bottom: 15px; overflow: hidden; background: #f5f5f5;}
.case-list li .img{ float: left; width: 224px; background: #fff; margin-right: 30px;}
.case-list li .img img{ width: 100%;}
.case-list li .title{ margin-bottom: 5px; font-size: 16px;}
.case-list li .txt{ line-height: 24px; margin-bottom: 10px; color: #666; height: 48px; overflow: hidden;}
.case-list li .btn-detail{ margin-right: 5px; font-size: 14px; line-height: 36px;}
.page{ padding-top: 10px;}
.page span,
.page a{ margin: 0 5px; display: inline-block; *display: inline; zoom: 1px;}
.page .active{ color: #2daec2;}
.evaluation{ margin-top: -40px;}
.evaluation .title03 .name{}
.slideCase{ width:1100px; height:360px; margin-bottom: 60px; overflow:hidden; position:relative; }
.slideCase .bd{ position:relative; height:100%; z-index:0;   }
.slideCase .bd li{ zoom:1; vertical-align:middle; }
.slideCase .bd img{ width:1100px; height:360px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideCase .prev,
.slideCase .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;filter:alpha(opacity=50);opacity:0.5;   }
.slideCase .next{ left:auto; right:3%; background-position:8px 5px; }
.slideCase .prev:hover,
.slideCase .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideCase .prev{background: url("../images/left.png") center no-repeat;}
.slideCase .next{ background: url("../images/right.png") center no-repeat;}



/***解决方案****/
.plan-head{ margin-top: -30px;}
.plan-head .main{}
.plan-head .right{ float: right;}
.plan-head .left{ float: left;}
.plan-head .img{ width: 385px; }
.plan-head .img img{ max-width: 100%;}
.plan-head .cen{ padding-top: 60px; width: 550px; margin-left: 20px; line-height: 26px;}
.plan-list-pic{ overflow: hidden; margin-left: -30px;}
.plan-list-pic li{ float: left; width: 346px; margin-left: 30px; margin-bottom: 30px;}
.plan-list-pic li a{ position: relative; display: block; height: 265px;}
.plan-list-pic li a img{ width: 100%; height: 100%;}
.plan-list-pic li .cover{ background: url("../images/alp-bg2.png") top left repeat; position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; line-height: 265px; text-align: center;}
.plan-list-pic li .cover span{ color: #fff; font-size: 16px;}
.plan-list-pic li:hover span{ text-decoration: underline;}
/***新闻中心***/
.news-pic-list{ margin-bottom: 20px; margin-top: -20px;}
.news-pic-list li{ padding: 20px 0; border-bottom: 1px solid #e3e3e3; overflow: hidden;}
.news-pic-list li .img{ float: left; margin-right: 20px; width: 234px; height: 170px; overflow: hidden;}
.news-pic-list .img img{ width: 100%; height: 100%;}
.news-pic-list .cen{}
.news-pic-list .title{ font-size: 16px; margin-bottom: 10px; line-height: 22px;}
.news-pic-list .title a:hover{ text-decoration: underline;}
.news-pic-list .txt{ margin-bottom: 10px; line-height: 24px; height: 72px; overflow: hidden;}
.news-pic-list .btn-blue-kong{ border: 1px solid #1f8dea; padding: 0 15px; font-size: 14px; line-height: 32px; color: #1f8dea;}
.news-pic-list .btn-blue-kong:hover{ background: #1f8dea; color: #fff;}
.side-main{ margin-bottom: 25px;}
.side-main .pic{ display: block;}
.side-main .pic img{ width: 100%;}
/***视频培训***/
.video-block{ margin-bottom: 30px; margin-top: -40px;}
.video-block .title{ margin-bottom: 30px; font-size: 18px; line-height: 20px; color: #1782dd; padding: 15px; background: #f9f9f9;}
.video-main{ width: 732px; height: 488px; margin: 0 auto 35px;}
.video-main img{ width: 100%;}
/***下载中心***/
.wrap-down{ margin-top: -55px; margin-bottom: 55px; height: 709px; position: relative; overflow: hidden;}
.wrap-down .down-img{ position: absolute; z-index: 1; left: 50%; top: 0; margin-left: -960px;}
.wrap-down .container{ position: relative; z-index: 10;}
.wrap-down .right{ float: right;}
.wrap-down .main{ max-width: 520px; padding-top: 120px;}
.wrap-down .main .title{ margin-bottom: 15px; width: 80%; display: inline-block; *display: inline;zoom: 1; font-size: 24px; background: #0194eb; line-height: 48px; padding: 0 10px; color: #fff;}
.wrap-down .main .txt{ margin-bottom: 25px; line-height: 28px;}
.wrap-down .wechat-list{ margin-bottom: 35px; overflow: hidden;}
.wrap-down .wechat-list li{ margin-right: 40px; float: left; width: 120px;}
.wrap-down .wechat-list li .img{ display: block; margin-bottom: 20px; width: 119px; height: 119px; border: 1px solid #e7e7e7;}
.wrap-down .wechat-list img{ width: 100%;}
.wrap-down .wechat-list .btn{ margin-bottom: 5px; display: block; text-align: center; background: #30bbc2; color: #fff; border-bottom: 2px solid #2aabb1; line-height: 34px;}
.wrap-down .btn-box{ padding-bottom: 4px; overflow: hidden;}
.wrap-down .btn-box .btn-large{ padding: 7px 0; margin-right: 30px; text-align: center; width: 200px; border-radius: 3px; float: left; font-size: 22px; color: #fff; line-height: 24px;}
.wrap-down .btn-box .btn-large i{ display: block; font-size: 14px; line-height: 26px;}
.btn-yellow{ background: #ec9c1f;}
.wrap-down .btn-large:hover{ box-shadow: 0 3px 4px #ccc;}
/***网站地图****/
.web-map{ margin-bottom: 10px; padding: 70px 120px 0; height: 629px; background: url("../images/map-bg.png") top center no-repeat;}
.web-map .title{ font-size: 24px; margin-bottom: 30px;}
.web-map .list{ min-height: 24px; line-height: 24px; padding-bottom: 30px; overflow: hidden; padding-left: 120px; position: relative;}
.web-map .list dt{ position: absolute; left: 0; top: 0;}
.web-map .list dt a{ color: #1f8dea; font-size: 17px;}
.web-map .list dd{  margin-right: 30px; line-height: 24px; float: left; font-size: 16px;}
.web-map .list a:hover{ text-decoration: underline;}

/***在线留言****/




.detail-page{ margin-bottom: 15px; padding: 5px 10px; overflow: hidden; background: #f7f8f9; margin-top: 20px;}
.detail-page p{ float: left; width: 49%; color: #666; line-height: 30px; overflow: hidden; height: 30px;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.detail-page a:hover{ text-decoration: underline;}
.detail-page p:last-child{ float: right; text-align: right;}
.recom-news{ padding: 15px; background: #f7f8f9;}
.recom-news .title{ margin-bottom: 6px; font-size: 16px; color: #0574d7; line-height: 24px;}
.recom-news .news-list{ overflow: hidden;}
.recom-news .news-list li{ float: left; width: 50%; border: none; line-height: 34px;}



/***详情页***/
.detailBox{ font-size:13px; line-height:1.8em;}
.article-title{ padding-top: 10px;}
.detail-tit{ padding-top: 10px; font-size: 16px; font-weight: 600; color: #333; text-align: center;}
.detail-tit .large{ font-size: 18px; margin-bottom: 7px;}
.small-txt-tit{ font-weight: 500; padding-bottom: 10px; color:#666; padding-top:5px; text-align: center;}
.small-txt-tit span{ margin-right:15px;}
.paper{ background: #f6f6f6; padding: 15px 25px; margin-bottom: 15px; color: #666;}
.paper .name{ color: #333;}
.detailBox .t2{ text-indent:2em;}
.detailBox h4,
.detailBox h3{ margin-bottom: 5px; font-size:1.1428em;}
.detailBox .media{ margin-top: 15px; margin-bottom: 15px; text-align:left;}
.detailBox .media img{ max-width: 100%; overflow:hidden;}
.detailBox .dline{ margin:10px 0 20px; border-top:1px dashed #ddd;}
.detailBox p{ margin-bottom: 8px; font-size:14px; line-height: 1.6rem;}
.detailBox .cenTit{ line-height:26px; color:#000; padding:25px 0; margin-bottom:35px; border-bottom:2px solid #dedee0; text-align:center; font-size:30px;}
.detailBox .cen-clum-2{ padding: 20px 0 10px; overflow: hidden;}
.detailBox .cen-clum-2 .left{ float: left; width: 50%; margin-right: 20px;}
.detailBox .cen-clum-2 .right{ float: right; width: 50%; margin-left: 20px;}
.detailBox .cen-clum-2 .media{ margin-top: -5px;}
.detail-foot{ padding-top: 30px; overflow: hidden;}
.detail-foot .right{ text-align: right; float: right; width: 30%; color: #666;}
.detail-foot .right .numb{ color: #333;}
.detail-foot .left{ float: left; width: 60%;}







.tab-main.detailBox .media{ margin: 0; text-align: left;}
.tab-main.detailBox .media img{ max-width: 100%; width: auto;}





/*返回头部*/
.izl-rmenu { position: fixed; right: 5px;/*margin-left:532px;*/ bottom: 10px; padding-bottom: 50px;  z-index: 999; }
.izl-rmenu .btn { width: 52px; height: 52px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../images/r_qq.png) center no-repeat; background-size: 100%; }
.izl-rmenu a.btn-qq,
.izl-rmenu a.btn-qq:visited { background: url(../images/r_qq.png) center no-repeat; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../images/r_wx.png) center no-repeat; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -140px; top: 0px; display: none; width: 140px; height: 140px; }
.izl-rmenu .btn-phone { background: url(../images/r_phone.png) center no-repeat; }
.izl-rmenu .btn-phone .phone { position: absolute; width: 160px; left: -160px; top: 0px; line-height: 61px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../images/r_top.png) center no-repeat; }
.izl-rmenu .btn-class { display: block; background: url(../images/r_class.png) center no-repeat; background-size: 100%; }
.izl-rmenu .btn-class, .izl-rmenu .btn-qq, .izl-rmenu .btn-wx, .izl-rmenu .btn-phone, .izl-rmenu .btn-top { background-color: #f09d0f !important; }
.izl-rmenu .btn-class:hover, .izl-rmenu .btn-qq:hover,
.izl-rmenu .btn-wx:hover, .izl-rmenu .btn-phone:hover,
.izl-rmenu .btn-top:hover,
.izl-rmenu .btn-phone .phone { background-color: #e8970d !important; }

/***验证****/
.Validform_checktip{  overflow:hidden;  color:#999;  font-size:0.675rem; line-height: 38px; overflow:hidden; position:absolute; left: 410px; top: 0;  }
.Validform_right{  color:#71b83d;  padding-left:20px;right: 9%;  white-space:nowrap; font-size: 0.75rem; line-height: 2rem; }
.Validform_wrong{  color:#c1000c; }
.Validform_loading{padding-left:20px; /*background:url(../images/onLoad.gif) no-repeat left center;*/}
.Validform_error{background-color:#fdecec;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000;}
#Validform_msg a.Validform_close:link,
#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#cc0;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #000; border-top:none; text-align:left;}
.index { height:404px; overflow:hidden;}
.index img {margin-top:2px; margin-left:-235px; position:relative;}