body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input {margin:0;padding:0;list-style:none;border:none;font-weight:normal}
body{font:14px "microsoft yahei",Arial,Helvetica,sans-serif;color:#333333;margin:0;padding:0;background: #F9F9F9}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;border:none;}
textarea{resize:none;}
a{text-decoration:none;color:#333}
.lt{float:left;}
.rt{float:right;}
.clear{clear:both}
.openmenu2{display:none}
.openmenu2menu{display:none}
#top{
    background:-webkit-linear-gradient(#F3F4F4,#E6E8EB); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(#F3F4F4,#E6E8EB); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(#F3F4F4,#E6E8EB); /* Firefox 3.6 - 15 */
    background:linear-gradient(#F3F4F4,#E6E8EB); /* 标准的语法 */}
#top>div{width:1100px;margin:0 auto}
.nav>ul>li{float:left;padding:0 33px;font-size:16px;position:relative;transition:background 0.5s}
.nav>ul>li>a{display:block;padding:32px 0;transition:color 0.5s}
.nav>ul>li>ul{position:absolute;width:100%;text-align:center;left:0}
.nav>ul>li>ul{border-top:1px solid #FFffff;display:none;z-index:100}
.nav>ul>li>ul>li>a{display:block;padding:15px 0;background:#C9D0D7;color:#003544}
.nav>ul>li>ul>li>a:hover{background:#01A8F9;color:#FFffff}
.nav>ul>li:hover{background:#01A8F9}
.nav>ul>li:hover>a{color:#FFffff}
.nav>ul>li.checked{background:#01A8F9}
.nav>ul>li.checked>a{color:#FFffff}
.logo{margin-top:13px}
#section1{position:relative;overflow-x: hidden}
#section1>img{width:100%;display:block}
.section1{position:relative}
.section1-a{position:absolute;height:31%;width:0;top:35%;background:rgba(255,255,255,0.3);border-top:1px solid #7C7378;border-bottom:1px solid #7C7378;text-align:center;left:50%;transform:translateX(-50%)}
.section1-a>img{height:68%;margin:0 auto;vertical-align:middle;display:none}
.section1-a>span{vertical-align:middle;height:100%;display:inline-block}
#section2>img{position:absolute;width:100%;top:0;z-index:0;height:100%}
#section2{position:relative}
.title{text-align:center;padding:50px 0}
.title>span{display:inline-block;width:348px;height:58px;line-height:58px;border:1px solid #01D1FE;position:relative;font-size:20px;letter-spacing:5px}
.title>span::after,.title>span::before{width:50%;border-top:1px solid #01D1FE;content:"";position:absolute;top:50%}
.title>span::after{right:-150px}
.title>span::before{left:-150px}
.gaikuang{width:1100px;margin:0 auto;position:relative;z-index:100}
.gaikuang>p{text-align:justify;text-indent:36px;line-height:30px;font-size:18px}
.gaikuang>.btn{text-align:center;padding:50px 0}
.gaikuang>.btn>a{width:208px;height:45px;line-height:45px;display:inline-block;background:#01D1FE;border-radius:5px;color:#666666;transition:all 0.5s}
.gaikuang>.btn>a:hover{background: #01A8F9;color:#FFffff}
#section3{background:url("../images/bg1.jpg")center no-repeat;background-size:cover}
.title2>span{border:1px solid #FFFFFF;}
.title2>span::after,.title2>span::before{border-top:1px solid #FFFFFF;}
.product-intro{width:1100px;margin:0 auto;padding-bottom:40px}
.more{text-align:right;margin-bottom:10px}
.more>a{color:#FFffff}
.product-intro>ul>li{width:49.5%;overflow:hidden;background:#FFffff;margin-bottom:10px}
.product-intro>ul{overflow:hidden}
.product-intro>ul>li>table .td2{padding:0 25px}
.product-intro>ul>li>table tr>td>h2{margin-bottom:15px}
.product-intro>ul>li>table tr>td>h2>a{color:#333333}
.product-intro>ul>li>table tr>td>a>img{display:block;transition:transform 0.5s}
.product-intro>ul>li>table tr>td>a{overflow:hidden;display:block}
.product-intro>ul>li>table tr>td>.detail-btn{margin-top:50px;font-size:16px}
.product-intro>ul>li>table tr>td>.detail-btn>a{display:inline-block;position:relative;padding-bottom:6px}
.product-intro>ul>li>table tr>td>.detail-btn>a::after{position:absolute;width:50%;border-bottom:4px solid #EBEAEA;content:"";bottom:0;left:0;transition:width 0.5s}
.product-intro>ul>li>table tr>td>.detail-btn>a:hover::after{width:100%;}
.product-intro>ul>li:hover>table tr>td>h2>a{color:#01A8F9}
.product-intro>ul>li:hover>table tr>td>.detail-btn>a::after{border-color:#01A8F9}
.product-intro>ul>li>table tr>td>a>img:hover{transform:scale(1.1)}
#section4{background:url("../images/bg2.jpg");}
.i_team_scroll{width:100%;height:383px;position:relative;padding-bottom: 30px}
.i_team_scroll .bd{width:1100px;height:383px;position:relative;overflow:hidden;margin:0 auto;}
.i_team_scroll .tempWrap{width:100% !important;position:relative;}
.i_team_scroll .bd ul{position:absolute;top:0;}
.i_team_scroll .bd li{float:left;width:auto !important;margin-right:46px;}
.i_team1{display:block;width:177px;font-size:16px;line-height:32px;text-align:center;color:#666;margin-top:134px;}
.i_team1 img{padding:9px;background:url(../images/line2.png) no-repeat;display:block;}
.i_team2{position:relative;display:none;}
.i_team2 a{padding:14px 0 0 14px;background:url(../images/line1.png) no-repeat;display: block}
.i_team2 a>img{border-bottom: 5px solid #01A8F9;padding-bottom: 26px}
.i_team2_main{width:800px;position:absolute;left:300px;top:20px;}
.i_team2_top{line-height:30px;font-size:17px;color:#333;}
.i_team2_top strong{font-size:26px;color:#01A8F9;padding-right:20px;margin-bottom:8px;}
.i_team2_con{font-size:14px;color:#666;line-height:26px;}
.i_team_scroll li.on{width:auto !important;margin-right: 30px}
.i_team_scroll li.on .i_team1{display:none;}
.i_team_scroll li.on .i_team2{display:block;}
.i_team_scroll .prev,.i_team_scroll .next{position:absolute;left:0;top:50%;cursor:pointer;z-index:50;margin-top: -35px}
.i_team_scroll .next{left:auto;right:0;}

#section5{background: url("../images/bg3.jpg") center no-repeat;background-size: cover}
.section5-content{width: 1100px;margin: 0 auto;overflow: hidden;padding-bottom: 50px}
.section5-content>div{width: 49%}
.contact>dl{background: rgba(255,255,255,0.5);padding-bottom: 35px}
.contact>dl>dt{line-height: 40px;padding-left: 35px;background: #01A8F9;font-size: 16px;color: #FFffff}
.contact>dl>dd{padding:0 35px;}
.contact>dl>dd>div{border-bottom: 1px dotted #8F8F8F;line-height: 40px}
.contact>dl>dd>div>span{margin-right: 30px}
#footer{padding: 30px 0;text-align: center;background: #EDEDED}
/*****************************公司概况-公司简介****************************/
.ci-banner>img{width: 100%}
.content{width: 1100px;margin: 0 auto}
.bread{text-align: right;padding-top: 10px;padding-bottom: 5px;border-bottom: 1px solid #E8E8E8;color:#CECECE;margin-bottom: 15px}
.bread>div{width: 1100px;margin: 0 auto}
.bread>div>span{margin:0 3px}
.bread>div>span>img{margin-right: 5px}
.bread>div>span>a{color: #cecece}
.bread>div>span>a:hover{color: #01A9FA}
.little-nav>dl>dt{font-size: 16px;color: #ffffff;padding: 25px 0;background: #01A9FA}
.little-nav{width: 185px;text-align: center}
.little-nav>dl>dd{margin-top: 5px}
.little-nav>dl>dd>a>b{font-weight: 400;margin-right: 14px;margin-left: -20px;opacity: 0;transition: opacity 0.5s}
.little-nav>dl>dd>a{padding: 15px 0;color: #003544;display: block;background: #C9D0D7;transition: all 0.5s}
.little-nav>dl>dd>a:hover{color: #ffffff;background: #01A9FA}
.little-nav>dl>dd>a:hover>b{opacity: 1}
.little-nav>dl>dd.checked>a{color: #ffffff;background: #01A9FA}
.little-nav>dl>dd.checked>a>b{opacity: 1}
.content{min-height: 700px;margin-bottom: 20px}
.text{margin-left: 210px}
.text>p>img{margin-right: 25px;margin-bottom: 20px}
.text>p{text-indent: 28px;line-height: 28px;text-align: justify}
/****************公司概况-荣誉资质***************/
.rongyu{margin-left: 210px;overflow: hidden;}
.rongyu>ul>li{float: left;width: 50%;text-align: center;margin-bottom: 20px}
.rongyu>ul>li img{width: 100%}
.mypage {height:auto;border:#f00 0 solid;font-size:12px;text-align:center;}
.mypage a{color:#01A9FA;font-weight:bold;display:inline-block;width:auto;height:auto;padding:5px 10px;font-size:12px;border:1px solid #D5D5D5;border-radius: 5px}
.mypage .linking,.mypage a:hover{color:#fff;background-color:#01A9FA;}
.clickme{cursor:pointer}
.success{width:100%;height:auto;}
/***************产品介绍*****************/
.product{margin-left: 210px}
.pro-img>a>img{border: 1px solid #DDE2E6;transition: border-color 0.5s}
.pro-img>a{display: block;padding: 8px;border: 1px solid #DDE2E6;transition: border-color 0.5s}
.product-list>div{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #DADADA;overflow: hidden;}
.product-list{position: relative}
.product-list::after{position: absolute;content: "";border-top: 1px solid #01A9FA;width: 0;bottom:0;left: 0;transition: width 1s}
.pro-content{margin-left: 150px}
.product-list .to-detail{text-align: right;margin-top: 10px}
.product-list .to-detail a{display:inline-block;padding: 5px 15px;border: 1px solid #DADADA;transition: all 0.5s}
.pro-content>h2{line-height: 34px;margin-bottom: 5px}
.pro-content>p{text-indent: 28px;text-align: justify}
.product-list:hover::after{width: 100%}
.product-list:hover .pro-img>a{border-color: #01A9FA}
.product-list:hover .pro-img>a>img{border-color: #01A9FA}
.product-list:hover .pro-content>h2>a{color:#01A9FA}
.product-list:hover .to-detail a{background: #01A9FA;color: #fff}
.product>ul{margin-bottom: 20px}
.pro-page{margin-left: 210px}
.pro-page>h2{text-align: center;color: #01A9FA}
.pro-page>div.data{text-align: center;margin: 10px 0}
.pro-page>div.data>span{margin-right: 10px}
.pro-page>p{text-indent: 28px;line-height: 24px;text-align: justify}
/*******************服务支持*********************/
.service-inner>.li1{margin-bottom: 10px}
.service-inner>.li2>span{padding-bottom: 5px;border-bottom: 1px solid #EDEDED}
.service-inner>.li2{margin-bottom: 10px;color: #D3D3D3}
.service-inner>.li3>p{line-height: 28px;text-indent: 28px;text-align: justify}
.service>ul>li{padding-bottom: 20px;border-bottom: 1px solid #EDEDED;margin-bottom: 20px}
.service-inner>.li4>a{padding: 10px 25px;border: 1px solid #C7C7C7;display: inline-block}
.service-inner>.li4{margin-top: 20px}
.service>ul>li:hover .li1 a{color: #01A9FA}
.service>ul>li:hover .li2{color: #01A9FA}
.service>ul>li:hover .li4 a{color: #01A9FA;border-color: #01A9FA}
.service-page{margin-left: 0}
/********************解决方案**************************/
.solve-table .td1{text-align: center;padding: 0 25px;color: #C9C9C9}
.solve-table .td1 .day{font-size: 50px}
.solve-table .td2{padding-right:25px}
.solve-table .td3 h2>a{color: #666666}
.solve-table .td3 h2{margin-bottom: 10px}
.solve-table .td3 p{text-align: justify;text-indent: 28px;line-height: 26px;}
.solve-table .td3 div{margin-top: 15px;border-top: 1px solid #EDEDED;padding-top: 15px}
.solve-table .td3 div>a{display: inline-block;padding: 10px 20px;border: 1px solid #B6B5B5}
.solve>ul>li{padding-bottom: 30px;border-bottom: 1px solid #EDEDED;margin-bottom: 30px}
.solve>ul>li:hover .td1{color: #01A9FA}
.solve>ul>li:hover .td3 h2 a{color: #01A9FA}
.solve>ul>li:hover .td3 div{border-color: #01A9FA}
.solve>ul>li:hover .td3 div a{border-color: #01A9FA;color: #01A9FA}
/*************************成功案例***********************/
.case>ul{overflow: hidden}
.case>ul>li{float: left;width: 25%;margin-bottom: 10px}
.case>ul>li>div{width: 96%;margin: 0 auto;position: relative}
.case>ul>li>div>img{width: 100%;display: block}
.case-text{text-align: center;height: 42px;line-height: 42px;background: #A6D8F1;bottom: 0;left: 0;position: absolute;width: 100%;transition: all 0.5s}
.case-text>div{display: none;width: 90%;margin: 0 auto;line-height: normal;vertical-align: middle;color: #fff}
.case-text>div>h2{margin-bottom: 10px;}
.case-text>div>p{line-height:26px;text-align: justify}
.case-text>div>div{margin-top: 10px;}
.case-text>div>div>a{color: #fff}
.case-text>b{display: inline-block;height: 100%;vertical-align: middle}
.case>ul>li>div:hover .case-text{height: 100%;background: rgba(1,169,250,0.7)}
.case>ul{margin-bottom: 20px}
.case>ul>li>div:hover .case-text>span{display: none}
.case>ul>li>div:hover .case-text>div{display: inline-block;}
/************************联系我们***************************/
.cont{margin-left: 210px}
.cont dl>dt{width: 100%;padding: 25px 0;border-bottom: 1px dashed #CBCBCB}
.cont dl>dd{width: 45%;border-bottom: 1px dashed #CBCBCB;padding: 25px 0}
.cont dl{overflow: hidden}
.map2{margin-top: 40px;text-align: center}
.suggest{padding-top: 20px}
.suggest-title{background: #01A9FA;padding: 10px 25px;color: #FFFFFF}
.suggest-title img{vertical-align: middle;margin-right: 10px}
.suggest-content{background: #FFFFFF;box-shadow: 5px 5px 5px #F0F0F0;padding: 25px 80px}
#text{height: 200px;border:1px solid #666666}
.su{margin-top: 25px}
.su table{width: 100%;table-layout: auto}
.su table td{vertical-align: top;padding-top: 20px}
.su table .td1{;width: 15%}
.su table td>textarea{width: 100%}
.su table td>input[type="text"]{width: 80%;border: 1px solid #666666;line-height: 28px}
.su table td>input[type="button"]{
    padding: 10px 40px;color: #FFFFFF;
    background:-webkit-linear-gradient(#BAE2F3,#05AAFA); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(#BAE2F3,#05AAFA); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(#BAE2F3,#05AAFA); /* Firefox 3.6 - 15 */
    background:linear-gradient(#BAE2F3,#05AAFA); /* 标准的语法 */
}
.su table td.btn{text-align: center}
@media (max-width: 1100px) {
    #top>div{width: 100%;position: relative}
    .nav>ul>li{width: 14.2%;padding: 0;text-align: center}
    .nav{float: none;margin-left: 200px}
    .gaikuang{width: 100%}
    #section2>img{width: auto}
    #section2{overflow: hidden}
    .gaikuang>p{padding: 0 10px}
    .gaikuang>p{padding: 0 10px}
    .product-intro{width: 100%}
    .product-intro>ul>li>table{width: 100%}
    .i_team_scroll .bd{width: 100%}
    .section5-content{width: 100%}
    .content{width: 100%}
    .bread>div{width: 100%}
    .rongyu>ul>li>a>img{width: 90%}

}
@media (max-width: 850px) {
    .product-intro>ul>li{float: none;width: 90%;margin: 0 auto}
    .more{padding-right: 5%}
}
@media (max-width: 780px) {
    .nav{display: none}
    .openmenu2menu{display:block}
    .nav-small{display:block;float:right;width:35px;height:35px;margin-left:5px;margin-top:5px;margin-right:10px}
    .openmenu2{display:block;width:100%;position:absolute;top:20px;}
    .openmenu2botton{margin:0;cursor:pointer}
    .openmenu2menu{display:none;width:100%;background:#ffffff;z-index: 10000}
    .openmenu2menu>ul{text-align:center;background: #E7E9EC}
    .openmenu2menu >ul> li{border-bottom:1px solid #fff;line-height: 30px}
    .openmenu2menu >ul >li>ul{display: none;}
    .openmenu2menu >ul >li> span{display: block}
    .openmenu2menu >ul >li >a{display:block;width:100%;text-align:center;font:16px "微软雅黑";color:#01A8F9;text-decoration:none; line-height:30px;}
    .openmenu2menu >ul >li> a:hover{background:#01A8F9;transition:all ease-in 0.5s;color: #ffffff}
    .openmenu2menu >ul  >li.checked a{background:#01A8F9;color: #ffffff}
}
@media(max-width: 480px){
    .section1-a{height: 100%;top: 0;border: none}
    .section1-a>img{height: auto;width: 90%;margin: 0 auto}
    .product-intro>ul>li{width: 100%;margin-bottom: 10px}
    .product-intro>ul>li>table{table-layout: fixed}
    .product-intro>ul>li>table tr>td>a>img{width: 100%}
    .product-intro>ul>li>table tr>td>h2>a{word-break: break-all}
    .product-intro>ul>li>table tr>td>h2{margin-bottom: 10px}
    .product-intro>ul>li>table .td2{padding: 0 5px}
    .product-intro>ul>li>table tr>td>.detail-btn{margin-top: 10px}
    .title>span{width: 200px}
    .title>span::before{left: -80px}
    .title>span::after{right: -80px}
   #section4{display: none}
    .section5-content{width: 100%}
    .section5-content>div{width: 100%}
    .map>a>img{width: 100%}
    #section3{overflow: hidden}
    #section5{overflow: hidden}
    .little-nav{width: 100%;float: none;margin-bottom: 10px}
    .text{margin-left: 0;}
    .text>p>img{margin-right: 0;width: 100%}
    .text>p{padding: 0 5px}
    .rongyu{margin-left: 0;}
    .product{margin-left: 0;}
    .pro-img{float: none;text-align: center}
    .pro-img>a{display: inline-block}
    .pro-content{margin-left: 0}
    .service{padding: 0 10px}
    .case>ul>li{width: 50%}
    .cont{margin-left: 0;padding:0px 5px}
    .map2 img{width: 100%}
    .suggest-content{padding: 10px}
    .su table .td1{width: 25%}
}