@charset "utf-8";
/* CSS Document */
.center .right .rcon1 {
    line-height: 28px;
    font-size: 14px;
    color: #666666; height:auto; overflow:hidden; clear:both; float:none;
}


.parcon ul li img{ max-width:212px; max-height:96px;}


.center .right .rcon1 ul li {
    float: left;
    width: 276px;
    height: 314px;
    padding-left: 24px;
    float: left;
    margin-bottom: 25px;
}.center .right .rcon {
    padding-top: 30px;
    padding-left: 24px;
    line-height: 28px;
    font-size: 14px;
    color: #666666;
}
.rconmenu{ margin-left:24px; padding-top:30px;}
.rconmenu  ul li{ width:118px; height:33px; float:left; margin-right:15px; border:solid 1px #cccaca; line-height:33px; text-align:center; font-size:13px; color:#666666; margin-bottom:10px;}
.rconmenu  ul li a{ width:118px; height:33px; display:block;}
.rconmenu  ul li a:link,.rconmenu  ul li a:active,.rconmenu  ul li a:visited{ color:#666666;}
.rconmenu  ul li a:hover{ color:#ffffff; background-color:#3398d4;}

.downlist{ padding-top:30px; margin-left:24px;}
.downlist ul li a {
	display: block;
	position: relative;
}
.downlist ul li{ border-bottom:solid 1px #f1f1f1; height:60px;}
#dianj1i {
    width: 90px;
    display: block;
    background: #e3e3e3;
    z-index: 9999;
    position: absolute;
    right: 10px;
    bottom: 22px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    line-height: 30px;
}
.downlist ul li a:link #dianj1i,.downlist ul li a:active #dianj1i,.downlist ul li a:visited #dianj1i{ color:#454545;}
.downlist ul li a:hover #dianj1i{ background-color:#3398d4; color:#ffffff;}
.downlist ul li a:hover .tit, .downlist ul li a:active .tit {
    color: #3398d4;
}
.downlist ul li a .tit {
	display: block;
	font-size: 16px;
	color: #333;
	transition: all 0.35s;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

.leftn {
    width: 301px;
    height: 203px;
    float: left;
}.rightn {
    float: left;
    width: 541px;
    height: 203px;
    background-color: #f1f1f1;
    padding-left: 34px;
}.nrbtn {
    height: 25px;
    line-height: 25px;
    color: #666666;
    font-size: 16px;
}
.nrbtn a:link, .nrbtn a:hover, .nrbtn a:active, .nrbtn a:visited {
    color: #666666;
}
.nrti {
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    color: #454545;
    font-weight: bold;
    padding-top: 16px;
    color: #454545;
}
.nrtext {
    padding-top: 27px;
    padding-bottom: 17px;
    line-height: 28px;
    color: #666666;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    width: 493px;
}
.newsTitle {
    width: 100%;
    text-align: center;
    height: 55px;
    line-height: 55px;
    font-size: 32px;
    color: #101113;
}
.newsTime {
    width: 100%;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #999999;
}
.nypiccon {
    width: 95%;
    height: auto;
    overflow: hidden;
    color: #454545;
    font-size: 14px;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.nypic {
    width: 1223px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
}
.nnewsbot .item {
    width: 384px;
    height: 35px;
    margin-right: 24px;
    line-height: 35px;
    float: left;
    text-indent: 18px;
    background-image: url(../images/nli.jpg);
    background-position: left bottom;
    background-repeat: no-repeat;
    font-size: 13px;
}
.nnewsbot .item a:link, .nnewsbot .item a:hover, .nnewsbot .item a:active, .nnewsbot .item a:visited {
    color: #333333;
}
.nnewsbot {
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}
.leftp {
    width: 301px;
    height: 207px;
    float: left;
    text-align: center;
}
.nnewstop {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.leftp img{ max-height:100%; max-width:100%;}
.rightn {
    float: left;
    width: 541px;
    height: 203px;
    background-color: #f1f1f1;
    padding-left: 34px;
}
.nrtext {
    padding-top: 27px;
    padding-bottom: 17px;
    line-height: 28px;
    color: #666666;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    width: 493px;
}
.proitem111 {
    line-height: 40px;
    height: 40px;
    background-image: url(../images/nli.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: 20px;
}
.nprobot {
    margin-bottom: 30px;
    height: auto;
    overflow: hidden;
    clear: both;
    margin-top: 20px;
}
.nprobot .pti {
    width: 100%;
    height: 43px;
    line-height: 43px;
    background-color: #3398d4;
    color: #ffffff;
    font-size: 16px; text-indent:20px;
}
.nprocon {
    width: 100%;
    padding-top: 15px;
    line-height: 28px;
    color: #454545;
    font-size: 14px;
}

.pimg1 {
    width: 274px;
    height: 274px;
    border: solid 1px #eaeaea;
    overflow: hidden;
    text-align: center;
}.ptext1 {
    width: 100%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background-color: #f1f1f1;
    color: #454545;
    font-size: 16px;
    font-weight: bold;
}
.pimg1 img {
	max-width:274px; max-height:274px;
}
.page11 {
    padding-left: 24px;
    line-height: 54px;
    height: 54px;
    text-align: center;
    font-size: 14px;
    color: #666666;
    clear: both; float:none;
}
.ptext1 a:link, .ptext1 a:active, .ptext1 a:visited {
    color: #454545;
}
.ptext1 a {
    display: block;
    width: 100%;
    height: 37px;
}

.center {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    overflow: hidden;
    padding-top: 43px; margin-bottom:30px;
}.center .left {
    width: 270px;
    float: left;
    height: auto;
    overflow: hidden;
}
.center .left .ti {
    height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 23px;
    color: #f4f4f4;
    font-weight: bold; background-image:url(../images/ti.jpg); background-position:left top; background-repeat:no-repeat;

}
.itembg{ background-color:#f6f6f6; padding-top:44px; padding-bottom:41px;}
.center .left .litem {
    height: 61px;
    line-height: 61px;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom:solid 1px #d7d7d8;
}
.itembg ul li{ min-height:61px;
    line-height: 61px;
    background-repeat: no-repeat;
    background-position: bottom;
    color: #333333;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-bottom:solid 1px #d7d7d8;}
.aboutimg{ margin:0 auto; width:809px; margin-top:50px;}
.culimg{ margin:0 auto; width:828px;}

.itembg>ul>li:nth-child(1){    border-top:solid 1px #d7d7d8;
}
.itembg>ul>li>a:link,  .itembg>ul>li>a:active, .itembg>ul>li>a:visited {
    color: #333333;
}
.itembg>ul>li>a:hover{ background-color:#b3d6fb; color:#ffffff;}
.itembg>ul>li>a{ display:block; width:100%; height:61px;}
.center .left .litem:nth-child(1){    border-top:solid 1px #d7d7d8;
}
.center .left .litem a:link,  .center .left .litem a:active, .center .left .litem a:visited {
    color: #333333;
}
.center .left .litem a{ display:block; width:100%; height:61px;}
.center .left .litem a:hover{ background-color:#b3d6fb; color:#ffffff;}
.center .right {
    float: right;
    width: 900px;
    height: auto;
    overflow: hidden;
    padding-bottom: 38px;
}
.center .right .ti {
    margin-left: 24px;
    padding-top: 14px;
    text-align: center;
    line-height: 55px;
    height: 55px;
    font-size: 20px;
    color: #222222;
    font-weight: bold;
    background-image: url(../images/rti.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
}
.center .right .scon {
    padding-top: 30px;
    padding-left: 24px;
    line-height: 28px;
    font-size: 14px;
    color: #666666; margin-top:0px;
}
.center .right .ycon {
    padding-top: 30px;
    padding-left: 0px;
    line-height: 28px;
    font-size: 14px;
    color: #666666; margin-top:0px;
}

.center .right .ycon ul li{ width:269px; padding-left:28px; padding-right:2px; float:left; margin-bottom:15px;}
.ypic{ width:269px; height:177px;}
.yname{ width:269px; height:46px; line-height:46px; text-align:center; color:#666666; font-size:14px;}
.yname a:link,.yname a:hover,.yname a:active,.yname a:visited{color:#666666;}

.center .right .pcon {
    padding-top: 30px;
    padding-left: 0px;
    line-height: 28px;
    font-size: 14px;
    color: #666666; margin-top:0px;
}
.center .right .pcon ul li{ float:left; margin-left:13px; margin-right:1px; border:solid 1px #e0dedf; width:209px; height:96px; margin-bottom:28px;}
.map{ width:100%; height:448px;}

.center .right .pcon ul li img{max-width:209px; max-height:96px;}
.center .right .jcon {
    padding-top: 30px;
    padding-left: 24px;
    line-height: 28px;
    font-size: 14px;
    color: #666666; margin-top:0px;
}
.context{ color:#454545; font-size:14px; line-height:30px; padding-left:23px; padding-top:30px;}
.jobitem{ margin-bottom:50px;}
.jobitem h2{ font-size:17px; color:#0070c0; font-weight:bold; line-height:30px; text-decoration:underline;}
.jobitem span{ color:#000000; font-size:14xp; font-weight:bold;}
.jobitem p{ line-height:29px;}

.center .right .scon ul li{
	width:436px; height:227px; float:left;
	}
.sopic{ width:214px; height:181px; float:left;}
.soname{ width:212px; float:left; padding-top:12px; padding-left:6px;}
.soname h2{ font-size:16px; color:#222222; line-height:25px;}
.soname p{ color:#222222; line-height:20px; font-size:12px;}
.soname .more{color:#00a0e9; line-height:20px; font-size:12px; padding-top:15px; font-weight:bold;}
.soname .more a:link,.soname .more a:hover,.soname .more a:active,.soname .more a:visited{color:#00a0e9}

.con1{ width:1200px; height:auto; margin:0 auto; }
.con2{ width:1234px; height:auto; margin:0 auto; }
    .swiper-container {
        width: 100%;
        height: 695px; clear:both; float:none; z-index:0;
    }
*{ margin:0px; padding:0px;}
.logo{ width:159px; height:64px; padding-top:19px; padding-bottom:7px; padding-left:30px;     display: inline-block;   float:left;
}
.nybanner{ width:100%; height:362px; background-position:center top; background-repeat:no-repeat; clear:both;}
.menu{ 
    margin-top: 34px;
    vertical-align: middle; float:left; margin-left:60px; z-index:2;
}
.tel{ padding-left:38px; margin-top:36px; line-height:32px; color:#0099ff; font-size:19px; float:right; background-image:url(../images/tel.jpg); background-position:left; background-repeat:no-repeat;}
.menu>ul>li{     position: relative;
    display: inline-block;
    margin-left: 20px;
    line-height: 36px;
    height: 45px;
    font-size: 15px;
    vertical-align: top;
    text-align: center;}
.menu>ul>li a {
    color: #555;
    padding: 0 8px;
}
.menu>ul>li:hover .top-sub-menu {
    opacity: 1;
    visibility: visible;
}
.partner .con1{ height:auto; overflow:hidden;}
.top-sub-menu_1 {
    width: 120px;
}
.top-sub-menu {
    position: absolute; z-index:100;
    top: 45px;
    left: 0px;
    width: 180px;
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    opacity: 0;
    visibility: hidden;
    transition: opacity .36s ease;
}

.left-sub-menu {
	position:relative; z-index:100;
    width: 270px;
    transition: opacity .36s ease;
}
.pos{ display:block;}

.menu>ul>li:nth-child(1) {
    margin-left: 0;
}
.menu>ul>li a:hover,

.menu>ul>li.cur a {

	color: #007ec2

}
.top-sub-menu>a:hover {

	color: #fff !important;

	background: #007ec2;

}


.menu>ul>li::after {
    content: ' ';
    position: absolute;
    left: auto;
    bottom: 0;
    width: 0;
    right: 0;
    height: 4px;
    background: #007ec2;
    transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
    -ms-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
    -o-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
    -webkit-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
    -moz-transition: width cubic-bezier(.47, -.01, .09, 1.08) .6s;
}
.menu>ul>li.cur::after, .menu>ul>li:hover::after {
    width: 100%;
    left: 0;
    right: auto;
}

.menu>ul>li a i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    display: inline-block;
    transform-origin: center;
    transition: ease .4s; 
    font-size: 10px;
    margin-left: 5px; position:relative;
}
.menu>ul>li a i:after {
    content: '\e620';
    font-family: iconfont;
    position: relative;
    left:-3px;
    color: #c8c8c8; width:18px;
}
em, h1, h2, h3, h4, h5, h6, i, u {
    font-style: normal;
    font-weight: 400;
}
.top-sub-menu>a {
    color: #666 !important;
    font-size: 12px !important;
    line-height: 22px;
    display: block;
    padding: 12px 24px !important;
    background: #fff;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .26);
}
.left-sub-menu>a:hover{ color:#269fe7 !important;}
.left-sub-menu>a {
    color: #666 !important;
    font-size: 12px !important;
    line-height: 27px;
    display: block; text-align:center;
    background: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .26);
}

.menu ul li a:link,.menu ul li a:active,.menu ul li a:visited{ color:#333333;}
.menu ul li a:hover{ color:#007ec2; background-image:url(../images/libg.jpg); background-position:center bottom; background-repeat:no-repeat;}
body{ font-family:"微软雅黑";}
#product,#solution{ margin-top:74px;}
.scon{ height:auto; overflow:hidden; margin-top:62px;}
.scon ul li{ float:left; width:400px; height:372px;}
.spic{ width:400px; height:300px;}
.sname{ width:400px; height:70px; line-height:70px; text-align:center; color:#4c4c4c; font-size:20px;}
.sname a:link,.sname a:active,.sname a:visited{color:#4c4c4c;}
.sname a{width:400px; height:70px; display:block;}
.sname a:hover{ color:#ffffff; background-color:#b3d6fb;}
.partner{ padding-top:74px; background-image:url(../images/pbg.jpg); background-position:center top;}
.parcon{ background-color:#fff; width:100%; height:auto; overflow:hidden; margin-top:37px;}
.parcon ul{ width:1150px; margin-top:37px; margin-left:auto; margin-right:auto;}
.parcon ul li{ float:left; width:212px; margin-left:8px; margin-right:8px; border:solid 1px #e1dfe0; float:left; margin-top:6px; margin-bottom:20px;
height:96px; overflow:hidden;}
.pr-title{ text-align:center; width:100%; position:relative; height:92px;}
.pr-title h2{ color:#313131; font-size:32px; font-weight:bold; letter-spacing:8px; line-height:44px; text-transform:uppercase;}
.pr-title h2 span{color:#fd5a0d;}
.pr-title p{ color:#262626; font-size:20px; line-height:32px;}
.pr-title::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 48px;
    height: 4px;
    margin-left: -24px;
    background: #fd5a0d;
}
.pr-title1{ text-align:center; width:100%; position:relative; height:92px;}
.pr-title1 h2{ color:#ffffff; font-size:32px; font-weight:bold; letter-spacing:8px; line-height:44px; text-transform:uppercase;}
.pr-title1 h2 span{color:#fd5a0d;}
.pr-title1 p{ color:#ffffff; font-size:20px; line-height:32px;}
.pr-title1::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 48px;
    height: 4px;
    margin-left: -24px;
    background: #fd5a0d;
}
.prmenu{ margin:0 auto; text-align: center; margin-top:29px; margin-bottom:50px;}
.prmenuitem{ display:inline-block; width:84px; height:25px; border-radius:15px; font-size:14px; text-align:center; margin-left:4px; margin-right:4px; line-height:25px;}
.alink{ color:#454545;}
.ahover{ color:#ffffff; background-color:#298bd3;}
.prcon ul li{ float:left; margin-left:16px; margin-right:16px; background-color:#ededed; width:330px; height:306px; padding-left:24px; padding-right:24px; margin-bottom:29px;}
.ppic{height: 230px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    overflow: hidden;
    position: relative; vertical-align:middle;}
.prcon{ height:auto; overflow:hidden;}
.ppic img{
    max-width: 100%; max-height:100%;}
.ppic:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0%;
    background: #c9000a;
    transition: ease .6s;
}
.desc {
    margin-top: 20px;
}
.desc p {
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
    position: relative;
}
.prcon ul li:hover{
    background-color:#298bd3;
}
.prcon ul li:hover .desc p{ color:#ffffff;}
.pmore{ width:205px; height:53px; margin:0 auto; padding-top:29px; padding-bottom:119px;}
#about{ margin-bottom:64px; height:auto; overflow:hidden;}
.aboutL{ width:376px; height:416px; float:left;}
.aboutr{ float:right; width:697px;}
.ab-title{ text-align:left; width:100%; position:relative; height:97px;}
.ab-title h2{ color:#181818; font-size:29px; font-weight:bold;  line-height:44px; padding-top:18px;}
.ab-title h2 span{color:#fd5a0d;}
.ab-title p{ color:#999999; font-size:14px; line-height:24px;}
.ab-title::after {
    position: absolute;
    left:0;
    bottom: 0;
    content: "";
    width: 141px;
    height: 3px;
    background: #298bd3;
}
.abcon{ height:108px; line-height:27px; overflow: hidden;
    text-overflow: ellipsis; margin-top:38px; margin-bottom:38px; color:#7a7a7a; font-size:14px;}
.abmenuitem{ float:left; width:214px; height:49px; line-height:49px; background-position:left top; color:#333333; text-indent:103px; margin-left:12px; margin-right:12px;}
.abmenuitem a:link,.abmenuitem a:active,.abmenuitem a:visited{ color:#333333;}
.abmenuitem a{width:214px; height:49px; display:block; }
.abmenuitem a:hover{ color:#be0b21;}
.a1{ background-image:url(../images/a1l.jpg);}
.a1 a:hover{ background-image:url(../images/a1h.jpg);}
.a2{ background-image:url(../images/a2l.jpg);}
.a2 a:hover{ background-image:url(../images/a2h.jpg);}
.amore{ width:160px; height:31px; padding-top:54px; margin-left:12px; clear:both;}
.partner{ width:100%;}
.foot{ width:100%; height:auto; overflow:hidden; background-color:#003478; clear:both; float:none;}
.foott{ border-bottom:solid 1px #365f95; width:100%; height:auto; overflow:hidden;}
.footb{ height:89px; line-height:89px; color:#ffffff; font-size:14px; clear:both;}
.footl{ float:left; padding-top:31px; border-right:solid 1px #365f95; padding-bottom:94px;}
.footl dl{ float:left; margin-right:70px; min-width:77px;}
.footl dl dt{ line-height:38px; font-size:16px; font-weight:bold;}
.footl dl dd>a{ line-height:27px; font-size:14px; font-weight:bold; clear:both; display:block; float:none;}
.footl a{ color:#ffffff;}.footl a:hover{ color:#ffffff;}
 .footr{ float:right;}
 .fcon{ width:291px; height:176px; margin-top:41px; margin-left:41px; padding-left:34px; background-image:url(../images/icon.jpg); background-position:left top; background-repeat:no-repeat;}
 .fcon h2{ color:#ffffff; font-size:23px; font-weight:bold; padding-bottom:17px;}
 .fcon p{ color:#ffffff; font-size:14px; line-height:28px;}
 
 
 
 .sh2{ width:100%; height:44px; line-height:44px; text-align:center; color:#222222; font-size:20px; font-weight:bold;}
 .stime{ width:100%; height:30px; line-height:30px; text-align:center; color:#454545; font-size:14px;}
 .sconcon{ color:#666666; line-height:25px; padding-top:30px; height:auto; overflow:hidden;}