@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* CSS reset */
html{color:#535d6c;background:#FFF;font-family:'Microsoft YaHei';font-size: 14px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,input,button,textarea,p,th,td,strong{padding:0;margin:0;font-family:'Microsoft YaHei';}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
.advantage {
    display: none;
}img.bg_img1 {
    height: 100%;
}
a{text-decoration:none; color:#fff; outline:none;}/*此处待添加默认链接颜色*/
a:hover{color: #000;}
var,em,strong{font-style:normal;}
em,strong,th,var{font-style:inherit;font-weight:inherit;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4{font-size:100%;font-weight:normal;}
input,button,textarea,select,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
/* 首页部分开始 */
.mfbox{
    position: relative;
	margin: 0 auto;
    padding: 0;
}a.pimg_banner {
    width: 100% !important;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .mfbox{
        padding: 0;
    }
}
.header{
	position: relative;
     background-color: rgba(255,255,255,0.6);
    z-index: 3;
}
.logo{
    float: left;
    width: 178px;
}
.logo > a {
	display: block;
}
.logo > a > img {
	display: inline-block;
	vertical-align: middle;
}
.logotxt{float:left; margin-left:50px; margin-top:29px; height:40px; text-indent:20px; line-height:40px; font-size:18px; font-weight:bold; color:#d42828; border-left:1px solid #d42828;}

.header_r{
    position: absolute;
    right: 0;
    top: 98px;
    width:175px; 
    /*height: 98px;*/
}
.lan{float:left; height:22px;}
.lan a{ display:inline-block; margin-left:10px;}

.tnav{float:left; line-height:22px;display: none;}
.tnav a{ 
    display:inline-block; 
    padding:0 10px 0 0; 
    margin-right:10px; 
    color:#fff;
}
.tnav a:hover {color:#0daeb8;}

.search{float:right; width:300px; height:28px; padding:0 3px; margin-top:4px; border:1px solid #d52424; border-radius:3px;}
.search input{float:left; margin:0; padding:0; border:0; line-height:26px; height:26px;}
.search input.s_int{width:266px; text-indent:10px;}
.search input.s_btn{width:26px; background:url(../Images/search_btn.png) no-repeat center center; cursor:pointer;}

.i_nav{
	float: left;
    width: 620px;
    height: 93px;
    padding: 0px 45px;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .i_nav{
        float: left;
        width: 630px;
        height: 93px;
        padding: 0px 20px;
    }
}
.main {
	position: relative;
	height: 890px;
    margin-top: -98px;
}
.mask {
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.i_banner_box{
	position:absolute; 
	top:0;
	width:100%; 
	height:890px; 
	overflow:hidden;
	z-index: 1;
}
.i_banner{
	width:100%; 
	height: inherit;
	overflow:hidden;
}
.center {
	text-align: center;
    position: relative;
    width: 1110px;
    margin: 0 auto;
}
@media (max-width: 1200px) and (min-width: 768px) {
    .center {
        width: 920px;
    }
}
.i_container{
	width:100%; 
	position:relative;
	overflow:hidden;
}
.i_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

/*标题*/
.i_txt01,.txt_tit{ 
	width:100%; 
}
.i_txt01_t,.txt_tit_t{
	display:block; 
	width:100%; 
	height: 190px;
	text-align: center;
}
.i_txt01_t span,.txt_tit_t span{ 
	display: block;
	width: 100%;
	padding-top: 35px;
    padding-bottom: 40px;
    font-size: 34px;
    font-weight: normal;
    font-style: normal;
    color: #494949;
}
.i_txt01_c,.txt_tit_c{
	float:left; 
	width: 100%;
	padding:15px 0 0 10px; 
	text-align: center;
	font-size:12px; 
	color:#666; 
	line-height:20px;
}
.i_txt01_t .bottom_line,.txt_tit_t .bottom_line{
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -30px;
    overflow: hidden;
    border-bottom-style: solid;
    width: 60px;
    border-bottom-width: 4px;
    border-bottom-color: #36d3db;
    /*margin-top: 20px;*/
}

.i_choose{
	/*width:100%;*/
     display: none;
	position: absolute;
	bottom: 0;
    width: 100%;
    height: 246px;
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    bottom: 0;
    z-index: 3;
}
.i_choose_l{ 
	/*margin-top:80px; */
	text-align:center;
}
.i_choose_l li{ display:inline-block; width:150px; margin:0 25px;}
.i_choose_l li img{
	display: block;
	width:90px; 
	height:82px;
	margin: 0 auto;
}
.i_choose_l li span{ 
	display:block; 
	width:150px; 
	padding:25px 0; 
	line-height:25px; 
	font-size:12px;
	color:#A9A9A9;
}

.i_txt02{width:100%; height:190px; margin-top:40px; padding-top:54px; color:#FFF; }
.i_txt02 strong{display:block; font-size:24px;}
.i_txt02 span{display:inline-block; font-size:16px; padding:5px 10px; margin-top:10px; border:1px solid #FFF;}

.i_txt03{width:100%; padding:30px 0; line-height:32px; font-size:16px; color:#777; text-align:center;}

.i_server{
    width:100%; 
    /*margin-top:80px;*/
}
.i_server_l{
    /*width: 980px;*/
	
}
.i_server_ll{
   /* width:1200px; 
    margin:0 auto;*/
    position: relative;
    z-index: 4;
}
.i_server_ll .center {
    padding: 80px 0;
}
.i_server_ll_div {
    background-color: #fff;
}
.i_server_ll_div:last-child {
    background-color: #f2f2f2;
}
.i_server_ll dl{
    text-align: center;
    position: relative;
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}
.i_server_ll dt{
    float: left;
    display: block;
    width: 480px;
    height: 326px;
    overflow: hidden;
    position: relative;
}
.i_server_ll dt img{ 
    width:auto; 
    height:100%;
}
.i_server_ll dt span{ display:block; position:absolute; right:0; width:20px; height:300px; }
.i_server_ll dd{ 
    float: right;
    display: block;
    width: 500px;
    overflow: hidden;
    padding: 15px 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.i_server_ll dd h4{ 
    font-size: 34px;
    height: 100px;
    line-height: 90px;
}
.i_server_ll dd span{ 
    overflow: hidden;
    display: block;
    height: 120px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 12px;
    color: #777;
    line-height: 24px;
    text-indent: 2em;
}
.i_server_ll dd a{ 
   /* display:block; float:left; margin-top:35px; width:92px; height:32px; color:#222; line-height:30px; text-align:center; border:1px solid #d42828; border-radius:16px;*/
}
/*.i_server_ll dd a:hover{color:#FFF; background:#d42828;}*/
.i_server_ll dl:nth-child(n+3) dt{float:right;}
.i_server_ll dl:nth-child(n+3) dt span{left:0; }
.i_server_ll dl:nth-child(n+3) dd{ padding-left:80px;}


.i_server_ll .i_server_ll_div:nth-child(2n+2) dt {
    float: right;
}
.i_server_ll .i_server_ll_div:nth-child(2n+2) dd {
    float: left;
}

/*首页推荐*/
.i_help_l li {
    position: relative;
    /*float: left;*/
    display: inline-block;
    width: 300px;
    height: 107px;
    overflow: hidden;
    margin: 0 10px 30px;
}
.i_help_l li .left {
    float: left;
    width: 52px;
    height: 52px;
    border: 1px solid #36d3db;
    /*background-color: #36d3db;*/
    border-radius: 50%;
}
.i_help_l li .left ins {
    display: block;
    width: 100%;
    height: 100%;
}
.i_help_l li .right {
    float: right;
    text-align: left;
}
.i_help_l li .right h4 {
    width: 220px;
    height: 30px;
    line-height: 24px;
    font-weight: bold;
    font-size: 14px;
}
.i_help_l li .right span {
    display: block;
    width: 220px;
    line-height: 24px;
    font-size: 12px;
    color: #808080;
}
@media (max-width: 991px) and (min-width: 320px) {
	.i_help_l li {
		width:250px;
	}
	.i_help_l li .right h4{
		width:180px;
	}
	.i_help_l li .right span {
	    width: 180px;
	}
}

/*功能*/
.multifunctional {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 50px 0 80px 0;
}
.multifun_icon {
    display: inline-block;
    width: 53px;
    height: 53px;
    margin-top: 26px;
    font-size: 33px;
    text-align: center;
    text-decoration: none;
   /* position: absolute;
    left: 47px;
    top: 27px;*/
    border: 1px solid rgb(54, 211, 219);
    border-radius: 50%;
    background-size: 50% auto;
}
.multifunctional .bd {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 40px;
}
.multifunctional .bd ul {
   /* position: absolute;
    left: 50%;
    margin-left: -470px;*/
    text-align: center;
}
.multifunctional .bd ul li {
    /*float: left;*/
    display: inline-block;
    width: 149px;
    height: 217px;
    background-color: #fff;
    margin-right: 7px;
	margin-bottom:10px;
    position: relative;
    border: 1px solid #f2f2f2;
}
.multifunctional .bd ul li:hover {
    border:1px solid rgb(54, 211, 219);
}
.multifunctional .bd ul li h4 {
    /*position: absolute;
    left: 0px;
    top: 106px;*/
    height: 30px;
    /*width: 150px;*/
    color:#333;
}
.multifunctional .bd ul li .text {
    /*position: absolute;
    left: 38px;
    top: 148px;
    width: 75px;*/
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    color: rgb(105, 105, 105);
    text-decoration: none;
}
.use_btn {
    position: relative;
    z-index: 5;
    text-align: center;
}
.use_btn a {
    display: inline-block;
    /*height: 13px;
    line-height: 13px;*/
    padding: 15px 38px;
    font-size: 14px;
    color: #fff;
    background-color:rgb(54, 211, 219);
    border-radius: 25px;
    border: 1px solid rgb(54, 211, 219);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}
.use_btn a:hover{
    color: rgb(54, 211, 219);
    background-color: #f2f2f2;
}
#com_indexistop_products {
    position: relative;
    z-index: 4;
}
#com_pmodule_pro_tit_link {
    position: relative;
    z-index: 5;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .multifunctional .bd ul li {
        width: 120px;
        height: 174px;
    }
}


.i_client{
	width:100%; 
	/*margin-top:70px;*/
}
.i_client_l{
	width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    height: 280px;
}
.i_client_l ul{
	position: absolute;
    left: 50%;
    margin-left: -470px;
}
.i_client_l li{
	float: left;
    width: 149px;
    height: 217px;
    margin-right: 7px;
    padding: 6px;
    background-color: #fff;
    position: relative;
    border: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.i_client_l li:hover {
    border:1px solid rgb(54, 211, 219);
}
.i_client_l li a{ 
	display:block;
	width: 135px;
	height: 203px;
	overflow: hidden;
}
.i_client_l li a ins{ 
	font-family: fontimg;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    width: 53px;
    height: 53px;
    font-size: 33px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 47px;
    top: 27px;
    border: 1px solid rgb(54, 211, 219);
    border-radius: 50%;
}
.i_client_l li a h4{ 
	height: 30px;
    width: 150px;
    position: absolute;
    left: 0px;
    top: 106px;
    color:#333;
}
.i_client_l li a span{ 
	font-size: 12px;
     overflow: hidden;
    color: rgb(105, 105, 105);
    width: 75px;
    height: 75px;
    line-height: 22px;
   
    text-decoration: none;
}

/*.i_client_l li:nth-child(1){ background:url(../Images/k1-1.png) no-repeat center top;}
.i_client_l li:nth-child(2){ background:url(../Images/k2-1.png) no-repeat center top;}
.i_client_l li:nth-child(3){ background:url(../Images/k3-1.png) no-repeat center top;}
.i_client_l li:nth-child(4){ background:url(../Images/k4-1.png) no-repeat center top;}
.i_client_l li:nth-child(5){ background:url(../Images/k5-1.png) no-repeat center top;}
.i_client_l li:nth-child(6){ background:url(../Images/k6-1.png) no-repeat center top;}
.i_client_l li:nth-child(7){ background:url(../Images/k7-1.png) no-repeat center top;}
.i_client_l li:nth-child(8){ background:url(../Images/k8-1.png) no-repeat center top;}

.i_client_l li:nth-child(1) a:hover ins{background:url(../Images/k1-2.png) no-repeat center top;}
.i_client_l li:nth-child(2) a:hover ins{background:url(../Images/k2-2.png) no-repeat center top;}
.i_client_l li:nth-child(3) a:hover ins{background:url(../Images/k3-2.png) no-repeat center top;}
.i_client_l li:nth-child(4) a:hover ins{background:url(../Images/k4-2.png) no-repeat center top;}
.i_client_l li:nth-child(5) a:hover ins{background:url(../Images/k5-2.png) no-repeat center top;}
.i_client_l li:nth-child(6) a:hover ins{background:url(../Images/k6-2.png) no-repeat center top;}
.i_client_l li:nth-child(7) a:hover ins{background:url(../Images/k7-2.png) no-repeat center top;}
.i_client_l li:nth-child(8) a:hover ins{background:url(../Images/k8-2.png) no-repeat center top;}*/

.i_news{
    width:100%; 
    margin-top:60px; 
    padding:60px 0; 
    background:#f2f2f2;
}
.i_news_l{
    /*height: 250px;*/
    overflow: hidden;
}
.i_news_l ul{
    /*position: absolute;
    left: 50%;
    margin-left: -500px;*/
    text-align: center;
    margin-bottom: 40px;
}
.i_news_l li{
    position: relative;
    /*float: left;*/
    display: inline-block;
    width: 232px;
    height: 210px;
    margin-right: 15px;
	margin-bottom:15px;
    background-color: #fff;
}
.i_news_l li a{ 
    display:block; 
    width: 100%;
    height: 100%;
}
.i_news_l li i {
    display: block;
    width: 232px;
    height: 174px;
    text-align: center;
    line-height: 174px;
    overflow: hidden;
    background-color: rgb(242, 242, 242);
}
.i_news_l li img{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
}
.i_news_l li h4{ 
    display:block; 
    margin-top:8px; 
    font-size: 14px;
    color: #494949;
    overflow:hidden; 
    white-space:nowrap; 
    text-overflow:ellipsis;
}
.i_news_l li ins{ 
    position: absolute;
    top:0;
    left:0;
    width: 232px;
    height: 174px;
    background: url(/templates/Images/zoom_in_black.png) center center no-repeat;
    background-color: rgba(255,255,255,0.5);
    display: none;
}
.i_news_l li:hover ins {
    display: block;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .i_news_l li{
        width: 200px;
        height: 180px;
        margin-right: 10px;
    }
    .i_news_l li i {
        width: 200px;
        height: 150px;
        line-height: 150px;
    }
    .i_news_l li ins{ 
        width: 200px;
        height: 180px;
    }
}

.footer{
    background-color: #2c2c2c;
    width: 100%;
    color: #808080;
    font-size: 13px;
}

.footerbox{
    max-width: 1040px;
	width:100%;
    text-align: left;
    margin: 0 auto;
    padding: 42px 0px 0;
    overflow: hidden;
}
.fewm{
    float:left; 
    width:170px; 
    margin: 0 25px;
    text-align:left; 
    overflow:hidden;
}
.fewm span{ display:block; line-height:40px; color:#a9a9a9;}

.fhotline{
	float: right;
    width: 200px;
    height: 97px;
    line-height: 97px;
    position: relative;
    font-size: 20px;
    color:#494949;
}

.fhotline strong{ display:block; font-size:28px; color:#FFF;}

.fcontact,.fnews,.faboutus{
    float: left;
    width: 240px;
    padding: 0 10px;
}
.fcontact h4,.fnews h4,.faboutus h4 { 
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}
.fcontact span,.fnews span,.faboutus span { 
    height: 24px;
    line-height: 24px;
}

.footer_nav{
    width:100%; 
    line-height:20px; 
    font-size:12px; 
    padding-top:20px; 
    color:#999; 
    /*background:#1d212a; */
    text-align:center;
	display: none;
}
.copyright{
    width:100%; 
    line-height:20px; 
    font-size:12px; 
    color:#999; 
    /*background:#1d212a; */
    text-align:center;
}
.jsq{
    width:100%; 
    line-height:20px; 
    font-size:12px; 
    padding-bottom:20px; 
    color:#999; 
    /*background:#1d212a; */
    text-align:center;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .footerbox{
        width: 920px;
    }
    .fhotline{
        width: 160px;
    }
    .fcontact,.fnews,.faboutus{
        width: 200px;
        padding-right: 20px;
    }
}

/*首页banner图文*/
.saying {
    width: 1000px;
	height: 551px;
    position: absolute;
    bottom: 246px;
    left: 50%;
    margin-left: -500px;
    line-height: 550px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    z-index: 2;
	display: none;
}
.saying .imageList {
	width: 100%;
	height: 100%;
}
.saying .imageList ul {
	position: absolute;
}
.saying .imageList ul li {
	float: left;
	width: 1000px;
    height: 550px;
}
.saying .circles ul {
    position: absolute;
    top: 61%;
    left: 46%;
}
.saying .circles ul li {
    height: 16px;
    width: 16px;
    float: left;
    background: #878787;
    margin: 0px 5px;
    border-radius: 50%;
}
.saying .circles ul li.cur{
    background: #fff;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .saying {
        width: 920px;
        height: 551px;
        position: absolute;
        bottom: 246px;
        left: 50%;
        margin-left: -460px;
        line-height: 550px;
        text-align: center;
        color: #fff;
        overflow: hidden;
        z-index: 2;
    }
    .saying .imageList ul li {
        width: 920px;
    }
}
@media (max-width: 991px) and (min-width: 320px) {
	.saying {
        width: 920px;
        height: 551px;
        position: absolute;
        bottom: 246px;
        left: 50%;
        margin-left: -460px;
        line-height: 550px;
        text-align: center;
        color: #fff;
        overflow: hidden;
        z-index: 2;
    }
    .saying .imageList ul li {
        width: 920px;
    }
}

.advantage .bd {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
    height: 460px;
}
.advantage .bd ul {
    position: absolute;
    left: 50%;
    margin-left: -432px;
}
.advantage .bd ul li {
    float: left;
    width: 255px;
    height: 354px;
    background-color: rgba(54,211,219,0.9);
    margin-right: 35px;
    position: relative;
    border: 5px solid #fff;
}
.advantage .bd ul li:hover{
    border:5px solid #eaeaea;
}
.advantage .bd ul li .bg_img {
    display: inline-block;
    width: 64px;
    height: 64px;
    font-size: 33px;
    text-align: center;
    text-decoration: none;
    position: absolute;
    left: 96px;
    top: 85px;
    border: 1px solid #fff;
    border-radius: 50%;
}
.advantage .bd ul li .bg_img.adv_icon {
    background: url(/templates/Images/compute.png) center center no-repeat;
    background-size: 70% auto;
}
.advantage .bd ul li i {
    height: 0;
    width: 54px;
    border-top: 3px solid #fff;
    position: absolute;
    left: 101px;
    top: 191px;
}
.advantage .bd ul li .text {
    position: absolute;
    /*left: 93px;*/
    top: 245px;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .advantage .bd {
        width: 920px;
    }
}

/* 首页部分结束 */

/* 内页部分开始 */
.inner-main {
    height: 300px;
}
.inner-main .i_banner_box {
    height: 300px;
}
.p_banner_box{position:relative; width:100%; height:400px; overflow:hidden; z-index:1000;}
.p_banner{width:100%; height:400px; overflow:hidden;}
/*.p_banner li{width:100%; height:400px;}
.p_banner li a{display:block; width:100%; height:400px;}*/

.p_container{ position:relative; width:1200px; min-height:400px; margin:20px auto;}
.p_inner_container {
    width: 1024px;
    margin-top: 60px;
    color: #666;
    overflow: hidden;
    text-align: center;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .p_inner_container{
        width: 920px;
    }
}
@media (max-width: 991px) and (min-width: 320px) {
    .p_inner_container{
        width: 100%;
    }
}
.p_left{
    float: left;
    /*width: 256px;*/
	width:25%;
    /*min-height: 300px;*/
    /*padding-right: 30px;*/
    text-align: left;
    vertical-align: top;
}
.p_right{
    float: right;
    /*width: 768px;*/
	width:75%;
	padding: 0 20px 20px 20px;
}
.p_right_dll {
    float: none;
    width: 945px;
    margin: 0 auto;
}

/*.sidebar{width:100%; margin-top:4px;}
.sidebar li{float:left; display:block; width:100%; height:57px; line-height:57px; text-align:center; margin:0 0 3px;}
.sidebar li a{ display:block; width:100%; height:57px; line-height:57px; color:#000; background:#f0f0f0;}
.sidebar li a:hover, .sidebar li a.on{ color:#FFF; background:#434343;}*/

.path{
    width:100%; 
    height:50px; 
    padding:10px 25px; 
    border-bottom:1px solid #eeeeee;
    line-height:28px; 
    text-align: left;
}
.path a{ 
    color:#333;
    cursor: pointer;
}
.path span{ padding:0 10px; font-family:microsoft yahei;}
.path a:hover {
    color:#0daeb8;
    text-decoration: underline;
}

.p_content{}

.list_tit {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.list_tit h2 {
    float: left;
    font-size: 20px;
    font-weight: bold;
    height: 45px;
    line-height: 35px;
    color: #000;
}
@media (max-width: 1200px) and (min-width: 992px) {
    .p_left{
        width: 195px;
        padding-right: 15px;
    }
    .p_right{
        width: 700px;
    }
}

.help-service{
	
	display: none;
}

/* 内页部分结束 */
.nm_cont{ margin:0 auto; width:100%;}