body{}
/*.topbanner{ position:absolute;background:#f7f7f7; width:100%; text-align:center; background:url(../images/b1.jpg) top center no-repeat #f7f7f7;z-index: -10; }*/

.header{ position:absolute;width:1200px; margin:0 auto; z-index: 99; overflow:hidden}
.header .logo{ height:80px; float: left;}
.header .logo img{ clear:both; vertical-align:middle; float:left; margin-top:9px;}
.header .logo h1{ padding-top:35px; font-size:12px; font-weight:100; padding-right:20px; background:url(../images/h1bg.png) no-repeat 0px 39px; float:right; padding-left:12px;}
.header .logo span{ display:none; letter-spacing:1px; padding-top:35px; font-size:12px; font-weight:100; padding-right:20px; background:url(../images/h1bg.png) no-repeat 0px 39px; float:right; padding-left:12px;}

.header .nav{ width:702px; height:39px; padding-top:23px; float:right;z-index: 999; }
.header .nav ul{ margin-left:0px; overflow:hidden}
.header .nav ul li{ float:left; width:100px; text-align:right}
.header .nav ul li a{ color:#666; font-family:"Microsoft YaHei" ; font-size:16px;
  display:block;  height:39px; line-height:39px; padding-left:15px; padding-right:0px; }
.header .nav ul li a:hover{ color:#175eb6}

.fdnav{ height:39px; width:100%; border-bottom:2px solid #FFF; position:fixed; top:0; display:none; z-index:100; background-color:#0074bf}
.fdnav .nav{ width:1200px; height:39px; background:url(../images/menubg.png) no-repeat; margin:0 auto;}
.fdnav .nav ul{ margin-left:0px;}
.fdnav .nav ul li{ float:left; width:100px; text-align:center}
.fdnav .nav ul li a{ color:#FFF; font-family:"Microsoft YaHei" ; font-size:14px; display:block;  height:39px; line-height:39px; padding-left:15px; padding-right:15px;  background:#0074bf;}
.fdnav .nav ul li a:hover{background:#004671;}
.fdnav .nav .hover{border-left:1px solid #589dda;border-right:1px solid #589dda; background:url(../images/menulibg.png) repeat-x;}


.topnav {
  height: 27px;
  background: #f2f2f2;
  line-height: 27px;
  border: 1px solid #e5e5e5;
  z-index: -10;

}
.topnavone{ width:1200px; margin:0 auto; height:27px;}
.topnav .home{ display:block; height:27px; line-height:27px; float:left; width:300px; background:url(../images/homeico.png) no-repeat center left; padding-left:16px}
.topnav .home{ color:#999; font-family: "Microsoft YaHei","微软雅黑","宋体"\9;}
.topnav .home:hover{ color:#175eb6;}
.topnav span{ display:block; height:27px; line-height:27px; float:right; background:url(../images/tel0592.png) no-repeat left center; padding-left:16px;  color: #999;
  font-size: 13px;  font-family: "Microsoft YaHei","微软雅黑","宋体"\9; font-weight: bold; color:#056CD3}
.topnav .shum{ float:left; width:245px; height:27px;   margin-left: 477px; line-height:27px; font-family: "Microsoft YaHei","微软雅黑","宋体"\9;  color: #999;}

.topnav .shum h1{ display:inline; font-size:12px; font-weight:100}

.banner{width:980px; margin:0 auto; margin-top:10px;}
.banner .banner_1{float:left;}
.banner_2{float:right; background:url(../images/khcasesbg.png) no-repeat; width:247px; height:223px; margin-top:17px;}
.main_2 .banner_2{float:right; background:url(../images/khcasesbg.png) no-repeat; width:247px; height:223px; margin-top:0px;}
.banner_2 .videotitle{ background:url(../images/listcasesbg.png) no-repeat 0px 6px; height:30px; width:230px; margin-top:10px; margin-left:8px;}
.banner_2 .videotitle .videotitle_1{ font-size:18px; font-family:"Microsoft YaHei"; color:#0c3446; padding-left:23px;}
.banner_2 .videotitle .videotitle_1 h2{ font-size:16px;}
.banner_2 .videotitle .videotitle_2{ vertical-align:middle; margin-left:79px;}
.banner_2 .videopic{ margin-left:8px; }
.banner_2 .videopic a{display:block; width:230px; height:159px;}
.main h2{font-size:16px; vertical-align:inherit}
.main{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px; min-width:1200px;}
.main_1{ float:left; width:100%; height:384px; position:relative}
.main .main_1other{ width:1200px; height:auto}
.main .main_1other .show{ width:1160px;}
.main .main_1other .show .title{width:1160px; padding-bottom:10px;}
.main .main_1other .show  .source{width:1160px;}
.main .main_1other .show  .article{width:1160px;}

.main .main_1other .xgnews1{width:1120px; margin-left:0px;}

.main .main_1other .xgnews{width:1120px; margin-left:0px;}


.main_1 .main_1_1{font-family:"Microsoft YaHei"; font-weight:100; text-indent:10px;}

.main_1 .main_1_1 h2{ text-align:center; font-size: 30px; font-weight:bold;   color:#333;display: block; padding-bottom:20px;}

.main_1 .main_1_1 p{width: 100%;
    text-align: center;
    font-size: 18px;
    color: #888;}

.main .main_2{width:1200px; height:392px;border:1px solid #d7d7d7; margin:0 auto; display:none}

.main_1 .main_1_1 h1{ font-size:18px;}
.main_1 .main_1_1 .postion{ float:right; color:#1F54A5;  font-size:12px; margin-right:10px; background:url(../images/postion.jpg) no-repeat left center; padding-left:10px;}
.main_1 .main_1_1 .postion a{}

h2{ display:inline; font-weight:100}

.main_1 .more {
	width:130px; height:30px; line-height:30px; background:#F7F7F7; text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-65px; z-index:4;

-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;

}
.main_1 .more a{ display:block; background:#fff; -moz-border-radius: 15px; 
    -webkit-border-radius: 15px;
    border-radius:15px; font-size:14px; color:#8E8E8E}

.main_1 .more a:hover{background:#0074bf; color:#FFF}


.main_1 .main_1_2{ margin-bottom:20px; margin-top:30px;}
.main_1 .main_1_2 a{ display:block; float:left; width:98px; height:36px; text-align:center; line-height:36px; margin-left:10px; margin-right:10px; font-size:16px; color:#206fbc; font-family:'Microsoft YaHei'; font-weight:100; background-color:#F5F5F5}

.main_1 .title_h2{font-size: 14px;
font-weight: bold;
line-height: 24px; font-family:'Microsoft YaHei'; color:#646464; padding-left:20px; background:url(../images/h2bg.png) no-repeat left center; margin-left:10px;}
.main_1 .title_con{ width:605px; line-height:20px; margin-left:30px; margin-bottom:12px;}

.main_2{ padding-top:15px;}
.main_2 .main_2_1 .title_h2{font-size:18px; color:#3b3b3b; font-family:'Microsoft YaHei'; padding-left:25px; background:url(../images/main_2bg1.png) no-repeat left center; margin-left:19px;}
.main_2 .main_2_1 dd{ margin-left:13px; margin-top:10px; height:20px;}
.main_2 .main_2_1 a{ color:#868686; display:block; float:left; margin-left:5px; margin-right:4px; margin-bottom:7px;  background-color: #F5F5F5; width:62px; height:25px; line-height:25px; text-align:center}
.main_2 .main_2_1 .ddht{ width:90px;}
.main_2 .main_2_1{ padding-bottom:26px; margin-bottom:0px;}


.blk_29 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; OVERFLOW: hidden; PADDING-TOP:0px; ZOOM: 1; POSITION: relative; width:224px; margin-left:19px;padding-bottom:0px; margin-bottom:10px; line-height:25px; margin-top:28px;}


.blk_29 h2{font-size:18px; color:#3b3b3b; font-family:'Microsoft YaHei'; padding-left:25px; background:url(../images/main_2bg2.png) no-repeat left center; margin-left:0px; width:144px; float:left}
.blk_29 .more{ float:right; padding-top:3px;}
.blk_29 span{ display: block; width:108px; text-align:center; overflow:hidden; height:25px; line-height:25px; float:left; margin-bottom:5px; background-color: #F5F5F5; margin-top:5px;}
.blk_29 span a{ color:#868686}
.blk_29 .sfright{ float:right}

.main_2{ margin-bottom:10px;}
.main_2 .cases{ float:left; font-size:18px; color:#3b3b3b; font-family:'Microsoft YaHei'; padding-left:25px; background:url(../images/main_2bg3.png) no-repeat left center; margin-left:0px; width:144px; margin-left:19px;}
.main_2 .cases_more{ float:right; padding-top:3px; margin-right:20px;}

.main_2 .list-archives{ width:228px; margin-left:19px; margin-top:10px; padding-bottom:10px;}
.main_2 .list-archives li{ text-indent:25px; height:27px; line-height:27px; background:url(../images/articlebg.png) no-repeat left center; overflow:hidden}

.main .list-news{ width:322px; height:213px; border:1px solid #d7d7d7; float:left; margin-top:15px;}
.main .list-news .title{ background:url(../images/titlebg.png); height:36px; line-height:36px; text-indent:20px;}

.main .word14bold{ text-indent:10px; font-size:18px; font-family:'Microsoft YaHei'; color:#206fbc; vertical-align:middle;}
.main .word14bold img{ margin-right:10px;}


.banner-pro{ width:100%; margin:0 auto; margin-top:0px; margin-bottom:0px; background:#f7f7f7; position:relative; height:312px; overflow:hidden}
.banner-pro .banner-pro_1{ width:670px; height:115px; background:url(../images/bannerbg.png) no-repeat; padding-left:45px;}
.banner-pro .list{ width:1920px; height:312px; position:absolute; left:50%; margin-left:-960px; top:0px;}
.banner-pro_2 { float:right;}
.banner-pro p{ width:500px; text-align:center; color:#FFF; position:absolute; left:50%; margin-left:-250px; font-size:30px; z-index:2;top: 110px;
    line-height: 47px;}
.banner-pro p span{ font-size:18px;}
.main .synews{ width:1200px; overflow:hidden; margin:0 auto;}

.subMain{ width:1200px; margin:0 auto; background:url(../images/submainbg.png) repeat-x; margin-top:10px;}
.subMain .title{ height:36px; line-height:36px; font-size:16px; font-family:'Microsoft YaHei'; font-weight:bold; color:#FFF; padding-left:6px;}
.subMain .catalog{width:128px; float:left}
.subMain .show{ float:left; background-color:#f6f6f6; min-height:300px; border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8; border-:1px solid #d8d8d8; width:1198px;}

.subMain dl dt{ height:37px; border-bottom:1px solid #d8d8d8;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8; line-height:37px; text-indent:15px; font-size:14px;}
.subMain dl dt:hover{background:url(../images/catalogbg.png) no-repeat 5px center; background-color:#f6f6f6;}
.subMain .hover{  border-right:none; font-weight:bold; background:url(../images/catalogbg.png) no-repeat 5px center;background-color:#f6f6f6; font-size:14px;}
.subMain .hover a{ color:#f54609; font-size:14px;}
.subMain .out{ margin-top:100px; border-right:none; border-top:1px solid #d8d8d8;}
.subMain .hover2{  border-right:none; background:url(../images/catalogbg.png) no-repeat 5px 10px;background-color:#f6f6f6; font-size:14px;}
.subMain .hover2 a{ color:#f54609; font-size:14px;}
.subMain .item{ height:auto; padding-bottom:8px; line-height:30px; font-weight:bold}

.subMain .item:hover{background:url(../images/catalogbg.png) no-repeat 5px 10px; background-color:#f6f6f6;}
.subMain .item dt{ border:none; font-size:12px; height:22px; line-height:22px; text-indent:20px;}
.subMain .item dt:hover{ background:none; background-color:#f6f6f6}
.subMain .item dt a{ color:#9a9a9a; font-size:12px; font-weight:100}
.subMain .item dt a:hover{ color:#535353; font-size:12px; font-weight:100}

.show .title{ text-align:center; width:500px; margin:0 auto; display:block; font-size:18px; color:#444444; height:50px; line-height:50px;}
.show .article{ border-top:1px solid #cdcdcd; width:1170px; margin:0 auto; padding-top:20px; font-size:14px; line-height:150%; min-height:500px; color:#3D3D3D}
.show .article table{  border-collapse:collapse; border-color:#000}   
.show .article th, .show .article td{  padding:3px; border-color:#000; text-align:center}  
.show .article .bg1{ background:url(../images/site/bg1.png) no-repeat; height:40px; width:623px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; text-indent:10px;}
.show .article .bg2{ background:url(../images/site/bg2.png) no-repeat; height:32px; width:623px; line-height:32px; font-size:12px; font-weight:bold; color:#0058a4; text-indent:10px;}
.show .article .bg3{background:url(../images/site/bg3.png) no-repeat; height:49px; width:641px; line-height:49px; font-size:16px; font-weight:bold; color:#fff; text-indent:10px;}
.show .article .bg4{background:url(../images/site/bg4.png) no-repeat; height:57px; width:793px; line-height:57px; font-size:16px; font-weight:bold; color:#fff; text-indent:10px;}


.content .list-cases{ background:url(../images/listcasesbg.png) no-repeat left 15px; height:461px; background-color:#eaeaea; margin-top:25px; margin-left:1px; padding-bottom:15px;}

.content .list-cases h2{ float:left; padding-top:12px; padding-left:20px; font-size:16px; font-family:'Microsoft YaHei'; font-weight:bold; color:#0048ff}
.content .cases_more{ float:right; padding-top:15px; margin-right:20px;}
.content .list-cases ul{ float:left; margin-top:20px; margin-left:40px;width:1100px;}
.content .list-cases ul li{ float:left; margin:15px; text-align:center; line-height:150%}
.content .tags{ margin-left:20px; padding-top:30px;float:left; font-weight:bold;color:#505050}
.content .tags a{ color:#505050}
.main_1 .list-cases{ margin-top:15px;}
.main-cases .main_1{ background:none}
.main_1 .list-cases-title{ float:left; width:680px; height:30px; border-bottom:1px dashed #CCC; margin-bottom:10px;}
.main_1 .list-cases-title h3{ float:left; font-size:16px; font-weight:bold; color:#206fbc;font-family:'Microsoft YaHei'; }
.main_1 .list-cases-title span{ float:right; background:url(../images/morebg.png) no-repeat; width:76px; height:18px; text-align:center; line-height:18px;}
.main_1 .list-cases-title span a{ color:#FFF}



.main_1 .list-cases .pic{ float:left; margin-bottom:30px; width:274px; margin-left:13px; margin-right:13px; overflow:hidden; background:#f5f5f5}
.main_1 .list-cases .pic:hover{ background:#FFF}
.main_1 .list-cases .pic .casespic{ display:block; width:100%; height:100%; background:#ececec; text-align:center; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #fff; position:relative; overflow:hidden}



.main_1 .list-cases .pic .casespic .casespic1{ position:absolute; left:0; top:0; border:11px solid #356bcf; display:block; width:252px; height:167px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.main_1 .list-cases .pic .casespic .casespic2{ position:absolute; left:0; top:190px; height:40px; color:#FFF; background:url(../images/casesliabg.jpg) no-repeat 6px 7px #356bcf; width:272px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.main_1 .list-cases .pic .casespic .casespic3{ position:absolute; left:121px; top:28px; height:44px; color:#FFF; background:url(../images/mroefd.png) no-repeat; width:44px; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}





.main_1 .list-cases .pic .casespic img{ width:255px; height:168px;}
.main_1 .list-cases .title{ font-size:16px; font-family:Microsoft YaHei; margin-top:0px; display:block;  padding:9px; position:relative;  height:42px}
.main_1 .list-cases .title span{ background:url(../images/casesbgbg.png) no-repeat; position:absolute; display:block; width:100%; height:100%; top:0; left:0; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.main_1 .list-cases .title a{ color:#5D5D5D}
.main_1 .list-cases .title span{display:block; float:left;}
.main_1 .list-cases .title .title-1{ width:370px; text-align:left;}
.main_1 .list-cases .title .title-2{ width:100px; text-align:center}
.main_1 .list-cases p{ float:left; line-height:150%; margin-top:0px; font-size:12px; color:#868686; padding:9px}
.main_1 .list-cases p a{ display:block; height:23px; text-align:center; line-height:23px; width:100px; background:#175eb6; color:#FFF; margin-top:10px; font-size:12px;}



.main_1 .show{ width:694px; border:1px solid #eaeaea; margin-top:10px; padding:15px; min-height:700px;}
.main_1 .show .title{ width:648px; height:40px; font-size:26px; font-weight:bold;font-family:'Microsoft YaHei'; color:#206fbc; text-align:left}
.main_1 .show .source{ width:648px; margin:0 auto; display:block; text-align:left; padding-bottom:5px;}
.main_1 .show .source a{}
.main_1 .show .article{ width:648px; line-height:200%; min-height:400px; padding-bottom:10px; overflow:hidden}
.main_1 .show .article p{ margin-top:12px; margin-bottom:12px; text-indent:2em}
.main_1 .show .article h2{ margin-bottom:10px; margin-top:10px;}
.main_1 .show .article table{ border:1px dashed #F5F5F5; background:#fcfaf7}
.main_1 .show .article table p{ padding:10px; line-height:200%}
.main_1 .show .article img{ border:1px solid #F3F3F3}
.main_1 .show .article .logo{ width:330px; height:238px; border:1px solid #F2F2F2; float:left; margin-right:8px; margin-bottom:8px;}
.main_1 .show .article .logo .companyname{ text-align:center; line-height:150%; font-size:12px;}
.main_1 .show .article h3{ display:inline; font-size:13px;}



.cases-pic{ width:100%; margin-bottom:10px; min-width:1200px; padding-top: 20px;}
.cases-pic h2{ padding-top:40px; padding-left:0px; font-size:30px; font-family:'Microsoft YaHei'; color:#333; width:150px; display:block; text-align:center; width:100%; font-weight:normal; padding-bottom:20px; font-weight:bold;}


.cases-pic p{ width:100%; text-align:center; font-size:18px; color:#888}
.cases-pic p strong{}
.cases-pic .cases_more{width:150px; margin:0 auto; height:29px; line-height:29px; background:#FFF; text-align:center;

-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;
 margin-bottom:40px; margin-top:20px;}
.cases-pic .cases_more a{ display:block; background:#2C8BE9; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px; font-size:14px; color:#fff}
.cases-pic .cases_more a:hover{background:#0074bf; color:#FFF}


.cases-pic li{

	float: left;
    margin-bottom: 25px;
    padding-bottom:25px;
    transition: all 0.2s ease-in-out 0s;
	width: 30%;
    margin-left: 1.6%;
    margin-right: 1.6%;
}
.cases-pic li img{ width:100%}

.cases-pic li p{    width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top:24px; text-align:left; text-indent:15px; color:#000}

.cases-pic li:hover{

    -moz-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 35px 5px rgba(0, 0, 0, 0.2);
    transform: translateY(-15px);
}


.cases-pic ul{margin-top:10px; margin-bottom:0px; margin:0 auto; width:100%;}
#bdshare{width:508px;margin-top:10px; margin-left:20px;}
.article-footer{line-height:150%; margin-left:24px;}

.list-ku{background:url(../images/kubg.png) no-repeat; width:488px; height:154px; margin:40px;}
.list-ku .list-ku-1{width:103px; height:104px; float:left; margin:20px; border:3px solid #CCC;}
.list-ku .list-ku-2{float:left; width:314px; margin-left:10px; margin-top:20px;}
.list-ku .list-ku-2 h4{ height:30px; line-height:30px;}
.list-ku .list-ku-2 p{ line-height:150%}

.newsfont{ font-size:14px; color:#545454}
.newstimea{ text-align:right; color:#A0A0A0}




.about{}
.about h2{ height:40px; font-size:16px; font-weight:bold;font-family:'Microsoft YaHei'; color:#6E6E6E; line-height:40px; border-bottom:2px solid #c6c6c6; display:block; margin-bottom:10px;}
.about p img{ float:left; margin:30px; margin-bottom:20px;}
.about p{ line-height:210%; font-size:14px; padding:10px; height:auto; margin-top:20px;}
.about li{ line-height:250%; list-style-type:disc}
.about strong{ line-height:200%; font-size:15px;}
.about ul{ margin-top:8px; margin-bottom:10px; margin-left:15px;}

.main_case{ background:url(../images/websitebg.png) no-repeat; height:38px; line-height:38px; color:#FFF; font-family:"Microsoft YaHei"; font-size:18px; font-weight:100; text-indent:10px;}

.main_case h2{ float:left;}
.main_case .postion{ float:right; color:#1F54A5;  font-size:12px; margin-right:10px; background:url(../images/postion.jpg) no-repeat left center; padding-left:10px;}
.main_case .postion a{}



.casescon{color:#333; margin:0 auto;  width:1200px; margin-top:20px; padding:20px; background:#FFF}
.casescon p{ display:inline}
.casescon_1{ color: #999}
.casescon span{ color:#999}
.casefile img{ margin-top:15px; display:block; margin:0 auto}
.casescon td{ line-height:150%; vertical-align:top;}
.casescon h1{ font-size:25px; line-height:25px;}
.casescon td img{ vertical-align:top; margin-bottom:0px;}


.casefile{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:30px; line-height:150%; font-size:16px;     line-height: 190%;  padding:80px; padding-top:20px; background:#FFF}
.casefile h3{ margin-bottom:10px;}
.casecon{ width:1200px; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.updown{ width:1200px; text-align:right; font-size:14px; margin-bottom:30px; margin-top:30px; margin:0 auto; height:200px; line-height:30px}
.updown span{ font-size:12px;}





.links-text{ width:1000px; margin:0 auto; padding-bottom:20px;}
.links-text a{ color:#868686}

.xgnews1{padding-left:25px; border:1px dashed #F5F5F5; padding:10px; width:628px; margin-left:24px; background:#F9F9F9; border-bottom:none; line-height:25px; margin-top:10px;}
.xgnews{ padding-left:25px; border:1px dashed #F5F5F5; padding:10px; width:628px; margin-left:24px; background:#F9F9F9}
.xgnews li{ line-height:25px;}
.xgnews li a{ font-size:14px;}
.nycjwt{ background:#f5f5f5;}
.nycjwt2 td a{ font-size:13px; height:25px; line-height:25px;}

.listsma{ margin:0px; padding:0px; padding:10px; line-height:23px;}
.listsma .times{background:url(../images/timebg.png) no-repeat no-repeat center; width:38px; height:20px; text-align:center; padding-top:20px;}
.listsma h2{ font-size:16px; font-weight:bold}
.listsmb{ padding-left:97px; line-height:20px; border-bottom:1px dashed #F0F0F0; padding-bottom:5px;}




.head_title,.head_titletwo,.head_titlethree{ height:80px; width:1200px; margin:0 auto; margin-top:0px; margin-bottom:20px;}

.head_title{ margin-top:50px; margin-bottom:150px;}
.head_titletwo{ padding-top:50px;}
.head_titleal{ margin-top: 0px;
    background-color: #000;
    width: 100%;
    height: 312px;
    padding-top: 190px;
    background: url(../images/albg.jpg) center top; color:#FFF}



.head_titlethree{ margin-bottom:70px;}
.head_title h1,.head_titletwo h1,.head_titlethree h1{ height:40px; line-height:40px;width:430px; font-size:18px; text-indent:12px; color:#333; font-family: "Microsoft YaHei"; margin:0 auto; text-align:center; font-size:40px; font-weight:100;}
.head_titleal h1{ width:570px; color:#FFF; height:55px;}
.head_title h1,.head_titlethree h1{ margin-top:40px;}
.head_title p,.head_titletwo p,.head_titlethree p{ margin:0 auto; text-align:center; margin-top:10px; font-size:20px;}
.head_titleal p{line-height: 35px;}

.head_title h2,.head_titletwo h2,.head_titlethree h2{ height:40px; line-height:40px; width:190px; font-size:30px; margin-top:40px; float:left; color:#6f6f6f; font-family: "Microsoft YaHei";}
.head_title h2 a,.head_titlethree h2 a{ font-weight:bold; color:#000}

.casestype{ width:870px; margin:0 auto; overflow:hidden; margin-bottom:50px;}
.casestype li{ width:109px; height:26px; float:left; margin-left:6px; margin-right:6px;}
.casestype li a {
    display: inline-block;
    background:#fff;
    margin: 0px 5px;
    width: 109px;
    height: 26px;
    line-height: 25px;
    color: #7e7e7e;
    font-size: 14px; text-align:center;
-moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
}

.casestype li a:hover{ background:#eb3900; color:#FFF}
.casestype .hover{ background:#eb3900; color:#FFF}


.head_title .postion ,.head_titlethree .postion{ float:right; margin-top:40px; color:#919191; background:url(../images/postion.png) no-repeat left center; text-indent:20px; height:30px; line-height:30px;}
.head_title .postion p,.head_titletwo .postion p,.head_titlethree .postion p{ color:#919191; font-size:12px; margin-top:0px;}
.head_title .postion a,.head_titletwo .postion a,.head_titlethree .postion a{ color:#919191; font-size:12px;}
.head_title .postion a:hover,.head_titlethree .postion a:hover{ color:#23aae8}

.main .Solution1{ width:1200px;background:url(../images/Solutionbg1.jpg) no-repeat left center; height:354px; margin:0 auto; margin-bottom:50px;}
.main .Solution1 p{ display:block; width:400px; margin-left:75px; margin-top:50px; font-size:14px; font-family: "Microsoft YaHei"; line-height:20px; float:left}
.main .Solution1 img{ float:right; margin-top:5px;}

.main .Solution2{ width:100%; display:block; text-align:center; font-family: "Microsoft YaHei"; font-size:18px; background:url(../images/Solutionbg3.jpg) no-repeat center; margin-bottom:20px;}


.main .Solutionleft{float:left; border:1px solid #F3F3F3; width:245px;}
.main .Solutionleft h2{ height:50px; line-height:50px; background:#23aae8; color:#FFF; display:block; font-family: "Microsoft YaHei"; font-size:18px; text-indent:10px;}
.main .Solutionleft li{ height:35px; line-height:35px; border-bottom:1px solid #F3F3F3; text-indent:10px;}
.main .Solutionleft li a{ font-size:15px; display:block; background:#fbfbfb}
.main .Solutionleft li a:hover{ background:#72d1fd; color:#FFF}
.main .Solutionright{float:right; width:915px; min-height:500px; margin-bottom:50px; background:url(../images/Solutionbg4.jpg) no-repeat left top; font-size:14px;}


.main .Solutionright h1{ margin-left:70px; padding-top:10px; font-family: "Microsoft YaHei"; font-weight:100; float:left}
.main .soljs{width:304px; margin-left:70px; font-size:14px; font-family: "Microsoft YaHei"; line-height:20px; margin-top:20px; float:left}
.mainali{ margin-top:0px; width:96%;}
.main .Solutionright h2{ font-size:16px; font-weight:bold; color:#23aae8}
.main .Solutionright p{ line-height:22px; font-size:14px; margin-top:15px;}
.main .Solutionother{ width:100%; margin-top:100px; height:153px;}
.main .Solutionother .Solutionother1{ width:25%; float:left; background:#CCC; height:153px; text-align:center; line-height:120px; position:relative}
.main .Solutionother .Solutionother1 img{ width:100%;}
.main .Solutionother .Solutionother1 a{ position:absolute; z-index:5; display:block; line-height:153px; top:0; text-align:center; width:100%; color:#FFF; font-size:25px; font-family: "Microsoft YaHei";}
.main .Solutionother .Solutionother1 span{ display:block; background:#39F; position:absolute; z-index:4; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0)}

.main .Solution{ width:1200px; margin:0 auto; height:40px; line-height:40px; font-size:18px; font-family: "Microsoft YaHei"; color:#000; border-bottom:1px solid #e2e2e2; margin-bottom:20px; font-weight:100}
.main .Solution a{ margin-left:90%; font-size:13px; color:#53AAD5; font-family: "Microsoft YaHei";}


.products_list{ width:100%; font-family:"Microsoft YaHei";font-size:14px; padding-top:20px; padding-bottom:40px; margin:0 auto; position:relative}
.products_list li{float: left;
    width: 217px;
    height: 150px;
    padding-top: 100px;
    text-align: center;
    width: 33.5%;
    margin-left:0;
    margin-right:0;}

.myserver{ width:100%; background:#F7F7F7; padding-top:40px; padding-bottom:40px; overflow:hidden}
.mainnr .products_list li{ width: 33.333%;}
.myserver .products_list{ width:96%; margin-left:2%;}
.products_list .flickity-page-dots li{ width:15px; height:15px; padding:0px;}
.products_list h2{font-size:18px;}
.products_list h2 a{color: #000;}
.products_list code{ margin-left:24px;}
.products_list code a{ color:#658fbd}
.products_list p{  line-height:22px; width:80%; margin:0 auto; margin-top:15px;     color: #909090;}
.products_list .products_list1{background: url(../videopic/website.png) no-repeat top;}
.products_list .products_list2{background: url(../videopic/guche.png) no-repeat top;}
.products_list .products_list3{background: url(../videopic/group.png) no-repeat top;}
.products_list .products_list4{background: url(../videopic/app.png) no-repeat top;}
.products_list .products_list5{background: url(../videopic/weixin2.png) no-repeat top;}
.products_list .products_list6{background: url(../videopic/yx.png) no-repeat top;}
.products_list .products_list7{ background:url(../videopic/diq.png) no-repeat top;}
.products_list .products_list8{ background:url(../videopic/hlwj.png) no-repeat top;}








.page{text-align:right; margin-top:0px; height:40px}

.page a {
	background: rgb(213, 219, 226); border: 1px solid rgb(221, 221, 221); border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(128, 135, 146); line-height: 35px; float: left; margin-right:10px;
}
.page a:hover {
	background: rgb(0, 71, 177); border: 1px solid rgb(0, 71, 177); border-image: none; color: rgb(255, 255, 255);
}
.page b {
	background: rgb(0, 71, 177); border: 1px solid rgb(0, 71, 177); border-image: none; width: 35px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; float: left; margin-right:10px;
}

.page .nextpage{ width:60px;}
.page .pripage{ width:60px;}








.kfcen{width:52px; height:160px; position: fixed; top:140px; right:0; background:url(../images/qq.png) no-repeat; text-align:center; padding-top:30px; padding-right:10px;}
.kfcen .onlidh{ display:block; width:50px; height:35px; text-align:center; line-height:35px; background:#FFF;
 -moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px; margin-bottom:5px;}

.link {width:1180px; margin:0 auto; line-height:150%;  padding:10px; margin-top:10px; padding-left:0px; color:#D5D5D5}
.link a{ margin:3px; color:#D5D5D5}

.plxq{ padding:24px; padding-right:22px; font-size:13px;}
.pltitle td{ height:25px; line-height:25px; background:#EFEFEF; color:#575757; font-weight:bold; padding-left:10px; padding-right:10px;  font-size:13px;}
.wypl { line-height:30px; padding-top:8px;  font-size:13px;}
.wypl input{ width:250px; border:1px solid #EFEFEF; margin-right:5px;  font-size:13px;}
.wypl textarea{ width:645px; border:1px solid #EFEFEF; margin-right:5px;  font-size:13px;}
.wypl .subpl{ width:90px; padding-top:4px; border:none}
.plnr{ padding:24px;  font-size:13px; padding-top:0px;}
.plnr td{font-size:13px;}

.main .Solutionleft{float:left; border:1px solid #F3F3F3; width:190px;}
.main .Solutionleft h2{ height:80px; line-height:80px; background:#23aae8; color:#FFF; display:block; font-family: "Microsoft YaHei"; font-size:18px; text-indent:10px; border-bottom:3px solid #2670A6}
.main .Solutionleft li{ height:55px; line-height:55px; border-bottom:1px solid #F3F3F3; text-indent:10px;}
.main .Solutionleft li a{ font-size:15px; display:block; background:#fbfbfb}
.main .Solutionleft li a:hover{ background:#23aae8; color:#FFF}
.main .Solutionright{width:970px; float:right; margin:0 auto; min-height:500px; margin-bottom:50px; background:url(../images/Solutionbg4.jpg) no-repeat left top; font-size:14px;}


.main .Solutionright h1{ margin-left:70px; padding-top:10px; font-family: "Microsoft YaHei"; font-weight:100; float:left}
.main .soljs{width:404px; margin-left:70px; font-size:14px; font-family: "Microsoft YaHei"; line-height:20px; margin-top:20px; float:left}

.main .Solutionright h2{ font-size:20px; font-weight:bold; color:#23aae8}
.main .Solutionright p{ line-height:22px; font-size:14px; margin-top:15px;}

.Solutionother{ width:1200px; height:223px; margin:0 auto}
.Solutionother .Solutionother1{ width:25%; float:left; background:#CCC; height:200px; text-align:center; line-height:200px; position:relative}
.Solutionother .Solutionother1 img{ width:100%;}
.Solutionother .Solutionother1 a{ position:absolute; z-index:5; display:block; line-height:200px; top:0; text-align:center; width:100%; color:#FFF; font-size:25px; font-family: "Microsoft YaHei";}
.Solutionother .Solutionother1 span{ display:block; background:#39F; position:absolute; z-index:4; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0)}


.banner-i { width:408px; height:280px; margin-bottom:50px; overflow:hidden; float:right; margin-top:15px;}
.banner-cont-i { position:relative; height:280px; width:408px; overflow:hidden;}
.banner-solve-i { position:relative; height:280px; overflow:hidden;}
.banner-scroll-i { position:absolute; top:0; left:0; padding-top:0px; background:url(../images/s-bg.jpg) no-repeat left top;}
.banner-text-i,.banner-img-i { float:left;}
.banner-text-i { width:339px; height:136px; margin-left:20px; background:url(../images/s-l-ii.png) no-repeat; padding:60px 23px; font-size:18px; color:#1a1a1a; font-family:"Microsoft YaHei";}
.banner-text-i p { text-indent:25px; }
.banner-img-i { width:408px; height:255px; margin:0 0 0 0px; border:1px solid #F5F5F5}
.banner-sbtn-i { width:100px; height:18px; position:absolute; bottom:0; _bottom:-3px; left:158px; z-index:1000; top:260px;}
.banner-sbtn-i a { background:url(../images/jdbg.jpg) no-repeat 0px 0px; cursor:pointer; width:10px; height:10px; float:left; margin:2px; line-height:2000px; overflow:hidden;}
.banner-sbtn-i a.activeSlide { background-position:-10px 0px;}

.fadownload{ margin-top:15px; padding:13px; background: #EAEAEA; border:1px solid #C8C8C8; width:300px; text-align:center}


.kf{ width:57px; position:fixed; left:100%; height:158px; top:50%; margin-top:-79px; margin-left:-57px; z-index:5; background: rgba(0, 0, 0, 0.55);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; padding-top:7px;}

.kf .kf2,.kf .kf4{ display:none}

.kf li{ width:57px; height:50px; text-align:center; line-height:50px; font-family: "Microsoft YaHei"; font-size:15px; color:#FFF; position:relative;}
.kf li:hover{cursor:pointer; color:#fff} 
.kf li a{ color:#fff}
.kf li a:hover{ color:#FFF}
.kf .kf1{
	background:url(../images/tel.png) no-repeat left center;
    width: 238px;
    padding-left: 57px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	}

.kf .kf1:hover{ margin-left: -239px;
    background:url(../images/tel.png) no-repeat left center rgba(0, 0, 0, 0.55); }
	
	
.kf .tela{    
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 2px;
	}





.kf .kf2 a{ display:block; width:57px; height:58px;}
.kf .kf4 a{ display:block; width:57px; height:58px;}

.kf .kf5{ border: none;
    background: none;
    line-height:50px;
    cursor: default;
    overflow: hidden;
    background: url(../images/qq.png) no-repeat left center;
    width: 189px;
    padding-left: 57px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	}	
.kf .kf5:hover{
	background: url(../images/qq.png) no-repeat left center rgba(0, 0, 0, 0.63);
	margin-left:-189px;
	
	}	
	
	
	
	
	
.kf .kf5 a{ display:inline-block; vertical-align:sub;     margin-right: 10px; margin-left: 14px;}
.kf .kf6{ background:url(../images/totop.png) no-repeat 6px 20px; border: none; opacity:0; filter:alpha(opacity=0)}
.kf .kf6:hover{background:url(../images/totop2.png) no-repeat 7px 20px; border: none}



.kf .kf11{ background: url(../images/weixin.png) no-repeat left center; }
.kf .weixin{ 
	position: absolute;
    height: 218px;
    width: 216px;
    margin-left:-140px;
    line-height: 25px;
    font-family: "Microsoft YaHei";
    background: rgba(0, 0, 0, 0.55);
    border-right: none;
    margin-top:-98px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    padding-top: 15px;
    padding-bottom: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; 
	transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -webkit-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -moz-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
    -ms-transition: all .4s cubic-bezier(0.45,0.55,0.55,0.45) 0s;
	transform: scale(0,0);
	-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
	}
	
.kf .kf11:hover .weixin{ 

	 margin-left:-245px; margin-top: 2px;
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);

}
	
	
	

.morecasbtn{ width:134px; height:62px; background:url(../images/xm.gif) no-repeat; position: fixed; left:50%; margin-left:-60px; bottom:0px;}
.morecase{ width:100%; height:220px; background:#FFF; position: fixed;overflow:hidden; bottom:-235px; border-top:3px solid #EBEBEB; padding-bottom:10px;}
.morecase h2{ height:60px; line-height:60px; font-family: "Microsoft YaHei"; font-size:18px; margin-left:10px; display:block}
.morecase ul{ padding-bottom:20px; padding-top:30px;}
.morecase li{ float:left; width:230px; height:152px; background:#EAEAEA; margin-top:0px; margin-left:10px; margin-right:10px; position:relative; overflow:hidden;}
.morecase li img{ width:230px}
.morecase span{ display:block; position:absolute; top:0; opacity:0; filter:alpha(opacity=0);}
.morecase .aa1{ height:40px; background:#5868DA; color:#FFF; width:218px; margin-left:6px; top:140px; z-index:4; padding-top:8px; line-height:20px; font-size:14px}
.morecase .aa2{width:218px; height:140px; border:6px solid #5868DA; z-index:3}
.morecase .aa3{ background:url(../images/mroefd.png) no-repeat; z-index:5; width:44px; height:44px; top:30px; left:90px}




.main .fyh1{ width:920px; margin-bottom:20px; border-left:10px solid #0074bf; text-indent:10px; font-size:30px; font-family: "Microsoft YaHei";}
.main .fyjj{ line-height:22px; width:930px; font-size:14px; margin-bottom:20px; font-family: "Microsoft YaHei";}
.main .fyjj p{font-size:14px; margin-bottom:10px; font-family: "Microsoft YaHei";}
.main .fytitlebg{ width:930px; height:49px; line-height:49px; text-indent:10px; background:url(../images/fytitlebg.jpg) repeat-y; display:block; font-size:18px; color:#FFF;font-family: "Microsoft YaHei";}
.main .fytitlebg2{ height:30px; line-height:30px; text-indent:10px; color:#5F5F5F; background:#f1f1f1; width:180px; margin-top:10px; margin-bottom:10px;}
.main .fynr{ line-height:25px; font-size:14px; padding-left:0px; width:930px; color:#3c3c3c; letter-spacing:1px; margin-bottom:25px;}
.main .fynr p{ font-size:14px;}
.main .fynr strong{ font-size:14px;}
.main .fynr td{ vertical-align:top; line-height:22px; padding-bottom:10px;}
.main .fynr a{ font-size:14px; color:#0074bf}
.main .fynrimg{ float:right; margin-right:200px; padding:40px;}
.main .fynr table{ padding-bottom:10px;}
.main .fydh{  height:100%;  position:absolute; top:0; left:50%; margin-top:100px; margin-left:376px; width:220px;}
.main .fydh dl{ position:fixed; bottom:150px; }
.main .fydh dl dd{ background:url(../images/fydhbg1.jpg) no-repeat; width:222px; height:28px; line-height:28px; text-indent:35px; margin-bottom:15px; margin-left:4px; color:#FFF}
.main .fydh dl dd:hover{background:url(../images/fydhbg1hover.jpg) no-repeat; cursor:pointer}
.main .fydh .hover{background:url(../images/fydhbg1hover.jpg) no-repeat; cursor:pointer}
.main .fydh dl dd a{ color:#FFF}


.bominfo{width:1200px;overflow:hidden; margin:0 auto; border:1px solid #F3F3F3; background:url(../images/shuminbg.jpg) no-repeat 10px 6px;}
.bominfo ul{padding-top:8px;}
.bominfo li{height:60px;float:left;width:180px;padding-right:10px;line-height:18px; padding-left:50px; color:#9a9a9a}


.lqpic {width:1200px;
    margin: 0 auto;
    margin-bottom: 20px; background:#fff;}
.lqpic_1 li{ width:20%;
    display: inline-block; }
.lqpic_1 li:hover{}
.lqpic_1 li a{    display: inline-block;
    width: 100%;
    height: 30px;
    padding-top: 90px;
    color: #666;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: url(../images/nav_icons_new.png) no-repeat 92px 20px;}
.lqpic_1 li a:hover{ color:#175eb6;}

.lqpic_1 li .lqpic-index{   background-position:92px 20px;   }
.lqpic_1 li .lqpic-safe{  background-position: -156px 20px;  }
.lqpic_1 li .lqpic-keywords{  background-position: -401px 20px;  }
.lqpic_1 li .lqpic-search{   background-position:-647px 20px;  }
.lqpic_1 li .lqpic-fk{   background-position: -897px 20px; }

.lqpic_1 li .lqpic-index:hover{ background: url(../images/nav_icons_newhover.png) no-repeat 92px 20px;   }
.lqpic_1 li .lqpic-safe:hover{  background: url(../images/nav_icons_newhover.png) no-repeat  -156px 20px;  }
.lqpic_1 li .lqpic-keywords:hover{  background: url(../images/nav_icons_newhover.png) no-repeat -401px 20px;  }
.lqpic_1 li .lqpic-search:hover{   background: url(../images/nav_icons_newhover.png) no-repeat -647px 20px;  }
.lqpic_1 li .lqpic-fk:hover{   background: url(../images/nav_icons_newhover.png) no-repeat -897px 20px; }












.xlone{height:280px; background:url(../images/xlbg1.png) repeat-x; position:fixed; top:50px;  z-index:100; width:100%; min-width:1200px; height:0px; overflow:hidden;
}
.xlone ul{ width:1200px; margin:0 auto; padding-top:40px; overflow:hidden}
.xlone li{ float:left;}
.xlone li a{ font-size:14px;}
.xlone .xlone_1,.xlone .xlone_2{ width:299px; height:198px; border:1px solid #f9f9f9; margin-right:20px;}
.xlone .xlone_2{ margin-right:100px;}
.xlone .xlone_1 img,.xlone .xlone_2 img{ width:299px; height:198px}

.xlone .xlone_3,.xlone .xlone_4,.xlone .xlone_5,.xlone .xlone_6,.xlone .xlone_7,.xlone .xlone_8{ width:220px; height:30px; line-height:30px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #dcdcdc;}


.xltwo{ background:url(../images/xlbg1.png) repeat-x; height:280px; position:fixed; top:119px;z-index:100; width:777px;  left:50%; margin-left:-350px; padding-left:40px; height:0px; overflow:hidden;}
.xltwo ul{ width:777px; margin:0 auto; padding-top:40px; overflow:hidden; background:url(../images/fabg.png) no-repeat 524px 50px;}
.xltwo li{ float:left;}
.xltwo li a{ font-size:14px;}
.xltwo .xlone_1,.xltwo .xlone_2{ width:299px; height:198px; border:1px solid #f9f9f9; margin-right:20px; margin-right:60px;}
.xltwo .xlone_1 img,.xltwo .xlone_2 img{ width:299px; height:198px}

.xltwo .xlone_3,.xltwo .xlone_4,.xltwo .xlone_5,.xltwo .xlone_6,.xltwo .xlone_7,.xltwo .xlone_8{ width:200px; height:30px; line-height:30px; padding-top:10px; padding-bottom:10px; }


.xlthree{ background:url(../images/xlbg1.png) repeat-x;height:280px;position:fixed;top:119px; z-index:100; width:100%; min-width:1200px; height:0px; overflow:hidden;}

.taocan{ width:1200px; margin:0 auto; overflow:hidden}
.taocan .taocan1{ width:220px; float:left; margin-left:15px; margin-right:15px; padding-top:50px; text-align:center}
.taocan .taocan1 a{ font-size:18px;}
.taocan h3{font-family: "Hiragino Sans GB","Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; font-weight:100; text-align:center;  font-size:18px; color:#000;   margin-top: 10px; display:block}
.taocan p{ margin-top:10px; text-align:center; font-size:12px; line-height:20px; padding-left:5px; padding-right:5px; color:#7B7B7B}
.taocan .taocanmx{ width:120px;padding-top:130px;}
.taocan .taocanmx a{ font-size:15px; font-family: "Hiragino Sans GB","Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif; display:block; border:1px solid #dcdcdc; padding:5px;}


.xlfour{height:280px; background:url(../images/xlbg1.png) repeat-x; position:fixed;top:119px;  z-index:100; width:400px; height:0px; overflow:hidden; left:50%; margin-left:120px;}
.xlfour ul{ width:360px; margin:0 auto; padding-top:40px; overflow:hidden; background:url(../images/fabg.png) no-repeat 170px 30px;}
.xlfour li{ float:left; width:150px; height:40px; line-height:40px; margin-left:26px;}
.xlfour li a{ font-size:14px;}







.zxnews{ width:1200px; height:422px; margin:0 auto; margin-bottom:20px;}
.zxnews .zxnews_1{ background:#f8f8f8; width:290px; height:422px; overflow:hidden; float:left}
.zxnews .zxnews_1 h3{ height:40px; padding-top:12px; line-height:40px; color:#6b6b6b; font-family: Arial, Microsoft YaHei; font-size:18px; text-indent:20px;}
.zxnews .zxnews_1 h3 a{ float:right; display:block; text-align:center; width:101px; color:#6b6b6b; font-size:14px; text-indent:0px; font-weight:100}

.zxnews .zxnews_1 ul{ padding:10px; margin-top:10px;}
.zxnews .zxnews_1 ul li{ height:31px; line-height:31px; text-indent:10px;  -webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}

.zxnews .zxnews_1 ul li:hover{ margin-left:10px;}
.zxnews .zxnews_1 ul li a{ font-size:14px; color:#696969; font-family: Arial, Microsoft YaHei; display:block; width:100%; height:100%;    white-space: nowrap;
    text-overflow: ellipsis;     overflow: hidden; }
.zxnews .zxnews_1 ul li a:hover{ color:#175eb6}

.zxnews .zxnews_2{ margin-left:20px;}




.zxnews .zxnews_3{ float:right; background:#f8f8f8; width:582px; height:422px; overflow:hidden; position:relative}


.zxnews .zxnews_3 h3{ height:40px; padding-top:12px; line-height:40px; color:#6b6b6b; font-family: Arial, Microsoft YaHei; font-size:18px; text-indent:20px;}
.zxnews .zxnews_3 h3 a{ float:right; display:block; text-align:center; width:101px; color:#6b6b6b; font-size:14px; text-indent:0px; font-weight:100}




.zxnews_3 .LeftBotton{ width:70px; height:60px; background:url(../images/jta1.png) no-repeat center #f8f8f8; position: absolute; cursor: pointer; left:340px; top: 1px;}
.zxnews_3 .LeftBotton:hover{ background:url(../images/jta1hover.png) no-repeat center #f8f8f8; }





.zxnews_3 .Cont{float:left; width:542px; height:180px; overflow:hidden; margin-left:20px; margin-top:30px;}
.zxnews_3 .Cont .boxal{ float:left; width:542px; margin-top:0px; position:relative; font-family: Arial, Microsoft YaHei; }
.zxnews_3 .Cont .boxal a{ color:#B3B3B3;  }
.zxnews_3 .Cont .boxal .title{ display:block; font-size:14px;color:#515050; margin-bottom:5px;}
.zxnews_3 .Cont .boxal .time{ font-size:12px; color:#B3B3B3}
.zxnews_3 .Cont .boxal p{ margin-top:10px; line-height:22px; font-size:13px; color:#B3B3B3}

.zxnews_3 .Cont .boxal img{ width:280px; float:left; margin-right:15px; height:180px;}

.zxnews_3 .RightBotton{width:70px; height:60px; background:url(../images/jtb1.png) no-repeat center #f8f8f8;  position: absolute;cursor: pointer; left:411px; top: 1px;}
.zxnews_3 .RightBotton:hover{  background:url(../images/jtb1hover.png) no-repeat center #f8f8f8; }



.zxnews_3 .typemore{ position:absolute; width:34px; height:37px; position:absolute; margin-left:197px; margin-top:151px;z-index:1000; opacity:0; filter:alpha(opacity=0);}
.zxnews_3 .typemore a{ display:block; background:url(../images/morego.png) no-repeat; width:34px; height:37px; } 
.zxnews_3{ float:left; width:135px; height:188px;}
.zxnews_3 span{ display:block}
.zxnews_3 .main_2_1{ color:#007dc6; font-size:14px; font-weight:bold; margin-top:15px; margin-left:25px;}
.zxnews_3 .main_2_2{ color:#84be45; font-family:Arial, Helvetica, sans-serif; font-size:10px;  margin-left:25px;}
.zxnews_3 .main_2_3{ margin-top:112px; margin-left:25px; background:url(../images/more1.png) no-repeat; width:42px; height:16px;}
.zxnews_3 .main_2_3:hover{background:url(../images/more2.png) no-repeat;}
.zxnews_3 .main_2_3 a{ display:block; width:100%; height:100%}



.zxnews_3 .zxqy{ width:542px; margin:0 auto; overflow:hidden; margin-top:13px;}
.zxnews_3 .zxqy li{ height:46px; float:left; width:271px; margin-top:11px; margin-bottom:11px;}
.zxnews_3 .zxqy li a{font-family: Arial, Microsoft YaHei; color:#B3B3B3;}
.zxnews_3 .zxqy .title{display:block; font-size:14px;color:#515050; margin-bottom:5px;     white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.zxnews_3 .zxqy .time{font-size:12px;}
.zxnews_3 .zxqy img{ float:left; width:46px; height:46px; margin-right:15px;}



.youshi{background-color: #F5F5F5;height:290px; padding:126px 0 0; font-family: Arial, Microsoft YaHei; margin-bottom:20px; position:relative; overflow:hidden;}
.linzh{height:85px;text-align: center; position:relative; z-index:2}
.linzh .title{color: #333;font-size: 30px;line-height: 30px; font-weight: bold; font-family: Arial, Microsoft YaHei;}
.linzh p{color: #333;font-size: 16px;padding: 15px 0 0;line-height: 14px;}


.youshi video{position: absolute;
    top: -430px;
    width: 1920px;
    height: 1460px;
    left: 0px;
    }

.youshi .youbg{position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.86);
    z-index: 1;
    top: 0px;
    left: 0px;
}


.youshitwo{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px; position:relative; z-index:2}
.youshitwo div{width: 298px;float: left; text-align:left; line-height:25px;}
.youshitwo div h4{font-size:24px; font-weight:bold;margin-top:0px; text-align:left; padding-top:0px;}
.youshitwo div img{margin:0 auto; margin-top:30px; float:left;}
.youshitwo-a{display: block; position: relative;text-decoration: none;}
.youshitwo-a{color: #666; font-size:16px;}
.youshitwo-a u{ color:#2f89e6; text-decoration:none; font-size:14px;}
.youshitwo-a u:hover{ color:#f87500; font-size:14px; text-decoration:underline;}
.youshitwo span{width:28px; float: left;height: 109px;}

.aone{ padding-left:90px; background:url(../images/a1.png) no-repeat left top}

.bone{ padding-left:80px; background:url(../images/a2.png) no-repeat left top}

.cone{ padding-left:80px; background:url(../images/a3.png) no-repeat left top}




.step{ width:100%; padding-top:50px; padding-bottom:50px;}
.step h1{ text-align:center; width:500px; font-size:30px;
    color: #000000;
    font-weight: normal;
    text-align: center;
    padding: 20px; margin:0 auto;}
.step .shum{
    color: #000000;
    font-size: 38px;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight:bold; width:500px; margin:0 auto; display:block; position:relative;
} 

.step .shum:after {
    content: "";
    width: 36px;
    height: 2px;
    background: #175eb6;
    position: absolute;
    bottom: 0px;
    left: 50%; 
    margin-left: -18px;
}

.step .lcjs{ width:700px; text-align:center; margin:0 auto; line-height:25px; color:#ADADAD; font-size:14px;}

.step ul{ width:1200px ;box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; overflow:hidden; margin:0 auto; margin-top:50px;}
.step ul li{width: 150px;
    height: 150px;
    margin: 0 25px;
    border: 1px solid #E4E4E4;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    color: #7FBE25;
    float: left;
    color: #9E9E9E;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    list-style: none;
    cursor: pointer;}
.step ul li p{ position:absolute; bottom: 36px; text-align:center; left:0; width:100%; font-size:14px;}
.step li span{    position: absolute;
    top: 40px;
    display: block;
    padding: 7px;
    height: 25px;
    width: 25px;
    font-size: 25px;
    font-weight: bold;
    left: 54px;
    border-radius: 50%;
    background: #B9B9B9;
    color: #FFF;
    text-align: center; line-height:25px;}
.step li:hover{background:#2C8BE9; color:#FFF; border:1px solid #2C8BE9}
.step li:hover span{ background:#FFF; color:#2C8BE9}
.step6{ margin-right:0px;}

.step .imgimg{ width:100%; text-align:center}


.otherpage{ width:1200px; text-align:center; margin:0 auto; margin-top:50px;}
.otherpage a{ display:inline-block;margin: 0px 5px;
    width: 109px;
    height: 26px;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px; background:#000}
.otherpage a:hover{ background:#2C8BE9; color:#FFF;}
.otherpage a.hover{ background:#2C8BE9; color:#FFF;}


.server_lione{ width:786px; margin:0 auto; overflow:hidden}
.server_lione li{float: left;
    width: 120px;
    height: 100px;
    margin: 0px 50px;
    border: 1px solid #C5C5C5;
    border-radius: 50%;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
    padding-top: 40px;}

.server_tx{ text-align:center; color:#000; font-size:18px; margin-top:60px; margin-bottom:30px;}
.server_tx p{ width:500px; margin:0 auto; text-align:center; font-size:14px; color:#ADADAD; margin-top:10px;}
.server_litwo{ width:1200px; margin:0 auto; overflow: hidden;}
.server_litwo li{width: 238px;
    padding: 0px;
    float: left;
    border: 1px solid #C5C5C5;
    margin: 0px 20px;
    font-size: 14px;
    height: 100px;
    padding: 10px;
    text-align: center;  border-radius:5px;}
.server_litwo li p{ margin-top:10px;}
.server_litwo li em{ display:inline-block; font-style:normal;
    padding: 7px;
    height: 25px;
    width: 25px;
    font-size: 25px;
    font-weight: bold;
    left: 54px;
    border-radius: 50%;
    background: #000;
    color: #FFF;
    text-align: center;
    line-height: 25px;}

.service_tel{ width:100%; text-align:center; margin-top:70px;}
.service_tel li{ width:50%; height:250px; float:left; color:#FFF; text-align:center;     font-size: 30px;}
.service_tel li img{ margin-top:50px;}
.service_tel li span{ font-size:18px;}
.service_tel .service_tel_1{ background:url(../videopic/service_tel1_bg.jpg) right top;}
.service_tel .service_tel_2{ background:url(../videopic/service_tel2_bg.jpg) right top;}

.topnr{ min-height:500px;}








/* footer */

.foot_link{width:100%; background:#171819; padding:24px 0 23px;}
.foot_link span{float:left; width:93px; height:36px; display:block; border:1px solid #3d3c3f; color:#fff; text-align:center; font:13px/36px "微软雅黑";}
.flin{float:right; width:988px;}
.flin a{float:left; font:12px/22px "微软雅黑"; color:#8d8d8d; margin-right:15px;}
.flin a:hover{color:#e23200;}

.container {
    width: 1100px;
    margin: 0 auto;
}

.clearfix:after {
  clear:both;
  content:'.';
  display:block;
  width: 0;
  height: 0;
  visibility:hidden;
}
.clearfix{
  zoom:1;
}

.footer {
    width: 100%;
    background-color: #1f2021;
}
.footer{border-top: 1px solid #2b2c2f;height: 178px;overflow: hidden;}
.footer .ftr_let{width:296px;background:url(../images/footer_01.jpg) no-repeat 13px 39px; border-left: 1px solid #2b2c2f;border-right: 1px solid #2b2c2f;min-height:150px;_height:150px;padding:34px 0 0 110px;min-height:144px;}
.ftr_let .let_bti{color:#b3b5ba;font-size:14px;padding-bottom:10px;}
.ftr_let .site{font-size:12px;color:#606266;line-height:20px;}
.ftr_let .tel{font-size:12px;color:#b3b5ba;padding-top:8px;}
.footer .ftr_seu{width:410px; padding:35px 0 0 34px;}
.ftr_seu .seu_xdh a{color:#b3b5ba;font-size:13px;}
.ftr_seu .seu_xdh a:hover{color:#E23200;text-decoration:none;}
.ftr_seu .seu_xdh i{background:url(../images/footer_04.jpg) no-repeat center center;width:17px;display:inline-block;}
.ftr_seu .seu_copt{color:#606266;font-size:12px;padding-top:10px;line-height:20px;}
.footer .ftr_rgt{padding-top:39px;}
.share{margin-top:8px;}
.share a{display:block;width:40px;height:40px;float:left;margin-right:2px;background:url(../images/footer_03.png) no-repeat 0 0;}
.share .wei{background-position:0 0;}
.share .xin{background-position:-42px 0;}
.share .wei:hover{background-position:0 -43px;}
.share .xin:hover{background-position:-42px -43px;}
.footer_tj{margin-top:10px;}
.left {
    float: left;
}
.right {
    float: right;
}