﻿html{height:100%;}
BODY {FONT-FAMILY: "宋体";FONT-SIZE: 12px;margin:0;padding:0;width:100%;height:100%;}
body{background-repeat: no-repeat; }
img{display:inline-block;border:none;}
body,div,ul,dl,ol,li,span,p,img,a,em,h1,h2,h3,h4,h5,h6,form{ border:0; margin:0; padding:0;list-style-type:none;}
ul{ list-style:none;}
a{ text-decoration:none;color:#6c6c6c;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/
a:hover,a:hover *{text-decoration:none;}
a h1:hover,a h2:hover, a span:hover,a div:hover,a:hover{ color:#6c6c6c;TEXT-DECORATION: none;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;zoom:1;}
.clr{clear:both;}
.10blank{clear:both;HEIGHT: 10px;}
.15blank{clear:both;HEIGHT: 15px;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
.clearfix:before,
.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clearfix{zoom:1;}
body{zoom:1;}
a{color:#6c6c6c;text-decoration:none;}
a:hover{color:#6c6c6c;text-decoration:none;}
body{-webkit-text-size-adjust:100%;}
.anchorBL{display:none;} 
img, input, button, select, textarea {vertical-align: middle;border: none;}
input[type="button"], input[type="text"], input[type="password"], textarea {border-radius: 0;background: none;border: none;-webkit-appearance: none;}
input[type="text"]:focus, input[type="password"]:focus, button:focus, input[type="button"]:focus, textarea {border: 0; outline: none;background: none;}
.div1200{width:1200px;margin:0px auto 0px auto;}
/*轮播开始*/
.fullSlide{ width:100%;  position:relative;  height:520px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  height:520px;}
.fullSlide .bd li{ width:100% !important;  height:520px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:520px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px;text-align:center; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline;width:20px; height:20px; margin:5px;background:#fff;overflow:hidden; -webkit-border-radius:50%;border-radius:50%;color:#fff;}
.fullSlide .hd ul .on{background:#6c6c6c;color:#6c6c6c; }
/*轮播结束*/

.mod-header, .mod-header .logo a, .mod-header .logo .logo-img, .mod-header .nav, .mod-header .nav-start-btn { -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;transition: all 0.4s;}
.mod-header { height: 92px; background: #fff;z-index: 1000;position: relative;width:1200px;;margin:0px auto 0px auto;}
.mod-header .logo { padding: 18px 0; width: 360px;  overflow: hidden;}
.mod-header .logo a { display: block; height: 56px; text-decoration: none;line-height: 56px;}
.mod-header .logo .logo-img { width: 100px;  vertical-align: middle;padding-top:4px;}
.mod-header .nav { position: absolute; right: 120px;  top: 0; padding: 28px 0;  border-right: 1px solid #ececec;}
.mod-header .nav > li {  float: left; position: relative; margin: 0 15px; z-index: 1100;}
.mod-header .nav > li > a { display: block; height: 36px; padding: 6px 10px; font-size: 12px;  line-height: 24px; color: #333; text-decoration: none;border-radius: 6px;}
.mod-header .nav > li > a:hover { color: #ff6d01;}
.mod-header .nav > li.active > a, .mod-header .nav > li.active > a:hover { color: #fff;  background: #ff6d01;}

.mod-header .nav .sub-nav {  opacity: 0;  display: none; filter: alpha(opacity=0);  position: absolute;  top: 104px;left: 50%; margin-left: -70px;width: 140px;border-top: 2px solid #ff6d01; background: #f9f9f9;z-index: 1000;}
.mod-header .nav .sub-nav:after{content:"";color:#ff0000;position:absolute;top:-14px;left:50%;height:6px;width:6px;margin-left:-6px;border-width:6px;border-style:dashed dashed solid;border-color:transparent transparent #ff6d01;}
.mod-header .nav .sub-nav > li > a {  display: block; padding: 10px 24px; font-size: 12px; text-align: center; border-top: 1px solid #f1f1f1; color: #333; text-decoration: none;}
.mod-header .nav .sub-nav > li > a:hover { color: #fff; background: #ff6d01; border-top-color: #ff6d01;}
.mod-header .nav > .new:after {content:"新"; text-align: center;line-height: 18px;position: absolute;right: 0; top: -4px;background: #f00;color: #fff; width: 18px;height: 18px; border-radius: 9px;}

.ui-arb {position:absolute;display:block;height:0;width:0;line-height:0;overflow:hidden;border-width:4px;border-style:dashed dashed solid;border-color:transparent;}
*, *:after, *:before {box-sizing: border-box;}
.ui-arb {border-color: #6c6c6c transparent transparent;top:28px;left:30px}
.ui-arb { -webkit-transition: -webkit-transform 0.2s 0.2s; -moz-transition: -moz-transform 0.2s 0.2s; transition: transform 0.2s 0.2s;}

.mod-header .nav-start-btn {position: absolute; right: 0;top: 0; padding: 12px 20px;margin: 24px 0;font-size: 12px;color: #fff; text-decoration: none;}

.ui-arb.open { -webkit-transform: translateY(-4px) rotate(180deg);   -moz-transform: translateY(-4px) rotate(180deg); transform: translateY(-4px) rotate(180deg);}
/*导航结束*/
.outnumbox{width:100%;min-width:1200px;height:130px;background: url(/img/10year.jpg) top center;}
.outnumbox .indexnumbox{width:1200px;height:130px;margin:0px auto 0px auto;overflow:hidden;}
.outnumbox .indexnumbox .numbox{width:394px;height:100px;border-right:1px solid #fff;margin-top:15px;color:#fff;FLOAT:left;}
.outnumbox .indexnumbox .numbox .counter{text-align:center;display:block;font-size:36px;padding-top:15px;font-family:Arial;}
.outnumbox .indexnumbox .numbox .tjfont{text-align:center;display:block;padding-top:5px;}
/*数字结束*/

.indexleftnews{height:430px;width:580px;float:left;background:#eee;}
.indexleftnews .newsbox1{height:280px;width:580px;float:left;background:#000;position: relative;overflow:hidden;}
.indexleftnews .newsbox1 span#title{position: absolute;bottom:30px;left:10px;display:block;color:#fff;font-size:20px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.indexleftnews .newsbox1 span#content{position: absolute;bottom:10px;left:10px;display:block;color:#fff;font-size: 14px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}

.indexleftnews .newsbox2{height:140px;width:285px;float:left;margin-top: 10px;margin-right: 10px;background:#000;position: relative;overflow:hidden;}
.indexleftnews .newsbox2 span#title{position: absolute;bottom:25px;left:10px;display:block;color:#fff;font-size:16px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.indexleftnews .newsbox2 span#content{position: absolute;bottom:5px;left:10px;display:block;color:#fff;font-size: 12px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.indexleftnews .newsbox3{height:140px;width:285px;float:left;margin-top: 10px;background:#000;position: relative;overflow:hidden;}
.indexleftnews .newsbox3 span#title{position: absolute;bottom:25px;left:10px;display:block;color:#fff;font-size:16px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.indexleftnews .newsbox3 span#content{position: absolute;bottom:5px;left:10px;display:block;color:#fff;font-size: 12px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}




.indexrightnews{height:430px;width:580px;float:right;overflow:hidden;}
.indexrightnews .newsbox{height:128px;width:580px;border:1px solid #eee;margin-bottom: 23px;padding-top:30px;padding-bottom:30px;}
.indexrightnews .newsbox .righttime{width:120px;height:68px;float:left;padding-top:12px;border-right:1px solid #eee;text-align: center;}
.indexrightnews .newsbox .righttime span#day{display:block;color:#6c6c6c;font-size: 19px;font-family: Arial;}
.indexrightnews .newsbox .righttime span#year{display:block;color:#6c6c6c;padding-top:5px;font-size: 20px;font-family: Arial;}
.indexrightnews .newsbox .rightnews{width:450px;height:68px;float:left;padding-left:20px;padding-right:20px;}
.indexrightnews .newsbox .rightnews span#title{display:block;color:#000;font-size:18px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.indexrightnews .newsbox .rightnews span#content{display:block;color:#777777;padding-top:2px;font-size: 14px;font-family:'Microsoft YaHei','Microsoft Yahei UI';}


.indexcasebox{width:1200px;height:360px;margin: 60px auto 40px auto;background:#fff;font-family: Arial,'Microsoft JhengHei','微软雅黑', 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;}
.indexcase{width:599px;height:180px;float:left;padding-top:50px;padding-left:50px;}
.indexcase .caseimg{width:100px;height:180px;float:left;}
.indexcase .caseimg img{width:80px;height:80px; border-radius:50%;}
.indexcase .caserig{width:400px;height:180px;float:left;}
.indexcase .caserig .font1{font-size: 18px;padding-top:2px;}
.indexcase .caserig .font2{font-size: 14px;padding-top:8px;color:#6c6c6c;}

.copyrightbox{float:left;height:370px;padding-top:50px;color:#fff;}
.copyrightbox span{ display:block;font-size: 16px;padding-bottom:20px; font-weight:bold;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.copyrightbox li{line-height:26px;position: relative;padding-left:16px;}
.copyrightbox .sj{position: absolute;width: 0px;height: 0px;font-size: 0;line-height: 0;overflow: hidden;border-width: 4px;border-style: solid;border-color: transparent transparent transparent white;top:10px;left:2px;}
.copyrightbox .telbox{font-size:24px;width:300px;height:40px;font-family:Arial;line-height:40px;border-radius:20px;background:#6c6c6c;color:#fff;text-align: center;}
.copyrightbox a{color:#fff;}

.ui-btn {
    display: inline-block;
    padding: 6px 12px;
    line-height: 18px;
    border: 1px solid #ff6d01;
    border-radius: 3px;
    color: #ff6d01;
    background-color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.gradient-primary {
    background-color: #ff6d01;
    background-image: -moz-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -webkit-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: -ms-linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
    background-image: linear-gradient(75deg, #ff7e00 0%, #ff3f00 53%, #ff0000 100%);
}

/*********title*********/

.itemtitle{width:1200px; font-family: Arial,'Microsoft JhengHei','微软雅黑', 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;}
.itemtitle .iname{ height:80px;text-align: center; background: url(/img/009.png) no-repeat bottom; padding-bottom: 20px; margin-bottom:40px;}
.itemtitle .iname h2{ font-size:30px; color:#222222; }
.itemtitle .iname p{font-size: 14px; color: #777777;}





/*********indexPart1*********/
.w100{width:100%;}
.Part1{ width:1200px;margin: 60px auto 75px auto; font-family: Arial,'Microsoft JhengHei','微软雅黑', 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;}
.Part1 .name{ text-align: center; background: url(/img/009.png) no-repeat bottom; padding-bottom: 20px;}
.Part1 .name h2{ font-size:30px; color:#222222; }
.Part1 .name p{font-size: 14px; color: #777777;}
.Part1 ul{ margin-top: 55px;}
.Part1 li{ width:19%; float: left; margin-right: 1.25%; padding: 65px 0; text-align: center;}
.Part1 li:last-child{margin-right: 0px;}
.i_p_1_bg01{ background:url(/img/i_web_01.jpg) no-repeat #1c95ff; background-size: 100% auto;}
.i_p_1_bg02{ background: #70cbf6;}
.i_p_1_bg03{ background: #ffa139;}
.i_p_1_bg04{ background: #8ce050;}
.i_p_1_bg05{  background:url(/img/i_web_05.jpg) no-repeat bottom #25c973; background-size: 100% auto;}
.Part1 li h2{ font-size: 22px; color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.Part1 li .ico{ width:50%; margin: 5px auto 22px;-webkit-transition: -webkit-transform 0.4s ease-out;	-moz-transition: -moz-transform 0.4s ease-out;	transition: transform 0.4s ease-out;}
.Part1 li .ico img{ width:100%; height:auto; max-width: 121px;}
.Part1 li:hover .ico{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);	transform: rotate(360deg);}
.Part1 li p{ font-size: 12px; color: #fff; width: 80%; margin: 0 auto; text-align: center;text-shadow: 1px 1px 3px rgba(0,0,0,0.3); height: 65px; overflow: hidden;}







/* sBusiness */
.n_web1{width: 100%; position: relative;}
.n_web1 .item{width:1200px;margin: 60px auto 75px auto; font-family: Arial,'Microsoft JhengHei','微软雅黑', 'Microsoft Yahei', 'Helvetica Neue', Helvetica, Tahoma, sans-serif;}
.n_web1 .item .name{ height:80px;text-align: center; background: url(/img/009.png) no-repeat bottom; padding-bottom: 20px; margin-bottom:40px;}
.n_web1 .item .name h2{ font-size:30px; color:#222222; }
.n_web1 .item .name p{font-size: 14px; color: #777777;}
.n_webf{ float:left}
.n_webr{ float:right}
.n_web1 .item .qImg{width:50%;}
.n_web1 .item .qImg img{max-width:550px; height: auto;}
.n_web1 .item .description{ width:50%;position: relative;}
.n_web1 .item .description .dt{font-weight: bold; font-size: 46px; color:#fff; }
.n_web1 .item .description .dt2{ font-size: 20px; color:#fff; margin-top: -3px;}
.n_web1 .item .description .dt3{ font-size: 120px; color: rgba(223,223,223,0.70); position: absolute; top:-15px; left:-140px;font-family: "Intro Cond Black Free", Arial, sans-serif; z-index: 0;}
.n_web1 .item .description .dd{margin-top: 4.16666667%; font-size: 15px; color:#ababab; line-height: 32px;}
.n_web1 .item .description .df{margin-top: 5.20833333%; padding-top: 10px; white-space: nowrap; font-size: 14px;}
.n_web1 .item .description .df .col{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 20px; text-align: center; line-height: 20px; width: 80px; height: 120px;}
.n_web1 .item .description .df .col .icoImg{display: block; margin-left: auto; margin-right: auto; width: 80px; height: 80px; background-color: #f5f5f5; margin-bottom: 10px; white-space: normal;}
.n_web1 .item .description .df .col p{margin-left: -10px; width: 100px;}

.n_web1 .item .description2{ width:50%;position: relative; text-align: right;}
.n_web1 .item .description2 .dt{font-weight: bold; font-size: 46px; color:#fff;  }
.n_web1 .item .description2 .dt2{ font-size: 20px; color:#fff; margin-top: -3px;}
.n_web1 .item .description2 .dt3{ font-size: 120px; color: rgba(223,223,223,0.70); position: absolute;top:-15px; right:-140px;font-family: "Intro Cond Black Free", Arial, sans-serif; z-index: 0;}
.n_web1 .item .description2 .dd{margin-top: 4.16666667%; font-size: 15px; color:#ababab; line-height: 32px;}
.n_web1 .item .description2 .df{margin-top: 5.20833333%; padding-top: 10px; white-space: nowrap; font-size: 14px;}
.n_web1 .item .description2 .df .col{vertical-align: top; display: inline-block; vertical-align: middle; margin-left: 20px; text-align: center; line-height: 20px; width: 80px; height: 120px;}
.n_web1 .item .description2 .df .col .icoImg{display: block; margin-left: auto; margin-right: auto; width: 80px; height: 80px; background-color: #f5f5f5; margin-bottom: 10px; white-space: normal;}
.n_web1 .item .description2 .df .col p{margin-left: -10px; width: 100px;}


.bg1{ background:url(/img/wb1.jpg) no-repeat right center #1956a8; }
.bg2{ background: #71cbf6; }
.bg3{ background: #1a8be9; }
.bg4{ background:url(/img/wb4.jpg) no-repeat left top #8ce051; }
.bg5{ background:url(/img/wb3.jpg) no-repeat right center #ffa13a; }
.bg6{ background: #2ca246;}
.bggray{background:#f6f7f8;}

.bg1 .description,
.bg1 .description a{ color:#fff;}
.bg1 .description .dt,.bg1 .description .dt2{color:#fff !important;}
.bg1 .description .dt a{color:#fff !important;}
.bg1 .description .dd{color:#fff !important;}
.bg1 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg2 .description,
.bg2 .description a{ color:#fff;}
.bg2 .description .dt,.bg2 .description2 .dt2{color:#fff !important;}
.bg2 .description .dt a{color:#fff !important;}
.bg2 .description .dd{color:#fff !important;}
.bg2 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg3 .description,
.bg3 .description a{ color:#fff;}
.bg3 .description .dt,.bg3 .description .dt2{color:#fff !important;}
.bg3 .description .dt a{color:#fff !important;}
.bg3 .description .dd{color:#fff !important;}
.bg3 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg4 .description2,
.bg4 .description2 a{ color:#fff;}
.bg4 .description2 .dt,.bg4 .description2 .dt2{color:#fff !important;}
.bg4 .description2 .dt a{color:#fff !important;}
.bg4 .description2 .dd{color:#fff !important;}
.bg4 .description2 .dt3{color: rgba(255,255,255,0.20)!important;}

.bg5 .description,
.bg5 .description a{ color:#fff;}
.bg5 .description .dt,.bg5 .description .dt2{color:#fff !important;}
.bg5 .description .dt a{color:#fff !important;}
.bg5 .description .dd{color:#fff !important;}
.bg5 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg6 .description2,
.bg6 .description2 a{ color:#fff;}
.bg6 .description2 .dt,.bg6 .description .dt2{color:#fff !important;}
.bg6 .description2 .dt a{color:#fff !important;}
.bg6 .description2 .dd{color:#fff !important;}
.bg6 .description2 .dt3{color: rgba(255,255,255,0.20)!important;}



.div600{width:600px;FLOAT:left;}
.div600 span{font-size:16px;display:block;font-weight:bold;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.div600 .apptitle{font-size:28px;display:block;font-family:'Microsoft YaHei','Microsoft Yahei UI';}
.div600 .appcontent{font-size:20px;display:block;font-family:'Microsoft YaHei','Microsoft Yahei UI';line-height:40px;padding-top:8px;}

.outcase{width:1198px;height:200px;border:1px solid #d6d6d6;margin:30px auto 50px auto;overflow:hidden;}
.case{width:1250px;}
.case li{FLOAT:left;height:100px;width:200px;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;text-align:center;padding-top:5px;}
.case li img{width:150px;height:90px;}






