em,i {font-style:normal;}
.tit {width:1200px;height:108px;margin:30px auto 15px;text-align:center;overflow:hidden;position:relative;}
.tit em:first-child {display:block;font:33px/53px "Microsoft Yahei";color:#555;margin-bottom:5px;}
.tit em:first-child+em {display:block;font:18px/25px "Microsoft Yahei";color:#555;height:40px;margin:0 auto;text-align:center;}
.dui-navbar{border-bottom:1px solid #dae1e6;}
 /* -- 新闻 -- */
.place {height:220px;background:#f6f7f8;padding-top:80px;}
.place h2 {font:31px/40px "Microsoft Yahei";color:#2c9dfe;}
.place h2 span {color:#777;margin-right:15px;}
.place h3{height:48px;font:15px/30px "Microsoft Yahei";color:#888;}
.place h3 a{color:#777;}
.place h3 a:hover{color:#2c9dfe;}
.main{width:1200px;margin:0 auto;padding:30px 0;overflow:hidden;}
.main-left{width:800px;float:left;color:#555;background:#fff;}
.main-left h1 {font:bold 18px/30px "Microsoft Yahei";color:#2c9dfe;}
.main-left .info{height:45px;line-height:45px;color:#888;}
.main-left .info span{background:#2c9dfe;color:#fff;padding:1px 3px;margin-right:10px;border-radius:2px;}
.main-left .content{font:normal 15px/26px "Microsoft Yahei";}
.main-left .content img{margin:15px 0;}
.main-left .pre{margin-top:15px;}
.main-left .pre li,.main-left .pre a{font:bold 15px/26px "Microsoft Yahei";}
.main-left .pre a{color:#2c9dfe;}
.main-left .pre a:hover{color:#016fc9;}
.main-right{width:340px;float:right;background:#fff;}
.tbox{width:338px;border:1px solid #ddd;margin-bottom:25px;padding-bottom:10px;}
.tbox dt{width:300px;margin:0 auto;border-bottom:1px solid #ddd;padding:10px 0;font:600 17px/30px "Microsoft Yahei";color:#777;}
.tbox dd{width:300px;margin:7px auto;}
.tbox dd a{color:#2c9dfe;}
.tbox dd.on a {font-weight:bold;}
.tbox dd a:hover{color:#016fc9;}
.tbox li{width:300px;margin:7px auto;list-style:none;}
.tbox li::before{content:"\02022";color:#888;margin-right:8px;;}
.tbox li a{width:300px;margin:8px auto;font:15px/22px "Microsoft Yahei";color:#555;}
.tbox li a:hover{width:300px;margin:8px auto;font:15px/22px "Microsoft Yahei";color:#2c9dfe;}
.tbox li a img{width:300px;margin:10px 0;}
.asklist li{height:60px;line-height:60px;border-bottom:1px solid #ddd;}
.asklist li a{color:#2c9dfe;}
.asklist li a:hover{color:#016fc9;}
.one li{line-height:40px;}
.one li a{color:#2c9dfe;}
.one li a:hover{color:#016fc9;}
.one li a img{width:760px;margin-bottom:10px;display:block;}
.time,.sort{padding:1px 3px;margin-right:10px;border-radius:2px;font-size:14px;}
.time{background:#eee;color:#333;}
.sort{background:#2c9dfe;color:#fff;}
.four li{width:360px;display:inline-block;margin: 0px 30px 10px 0px;line-height:40px;}
.four li a{color:#2c9dfe;}
.four li a:hover{color:#016fc9;}
.four li a img{width:360px;height:240px;margin-bottom:10px;display:block;}
.newslist li{height:190px;border-bottom:1px solid #ddd;padding:20px 0;}
.newslist li:first-of-type{border-top:1px solid #ddd;margin-top:20px;}
.newslist .infos{width:550px;height:240px;margin-bottom:12px;display:inline-block;}
.infos h4{width:550px;font:20px/50px "Microsoft Yahei";color:#2c9dfe;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.timeclick{height:20px;line-height:20px;display:block;color:#888;margin-bottom:11px;}
.intro{width:550px;height:50px;line-height:25px;display:block;color:#666;overflow:hidden;text-overflow:ellipsis;}
.newslist .img{width:220px;height:150px;float:right;display:inline-block;}
.newslist .img img{height:140px;float:right;}
.newslist li a{color:#2c9dfe;}
.newslist li a:hover{color:#016fc9;}
 /* -- 翻页 -- */
.apage a:link,a:visited{color:#555;}
.apage {line-height:28px; margin: 30px 0 20px;text-align: center; }
.apage .active{ background-color: #2c9dfe;color: #fff;}
.apage ul li { display:inline-block; text-align:center; margin:0 2px; color:#888; padding:0 8px;font-size:13px; height:30px; border:1px solid #888; }
.apage a:hover, .apage .curr { border:1px solid #2c9dfe !important; background-color:#2c9dfe; color:#fff; text-decoration:none; }
 /* -- 案例 -- */
.case1{height:570px;color:#fff;padding-top:80px;background:url(../images/case1.gif);background-repeat: no-repeat;background-position:center center;background-size: cover;padding-left:90px;text-align:left;}
.case1 .tit {height:120px;margin:0 0 50px 0;text-align:left;}
.case1 .tit em:first-child {display:block;font:31px/50px "Microsoft Yahei";color:#fff;margin-bottom:15px;}
.case1 .tit em:first-child+em {display:block;font:16px/25px "Microsoft Yahei";color:#fff;height:60px;margin:0 auto;text-align:left;}
.case1-1{height:178px;}
.case1-1 a{height:54px;color:#fff;padding:1px 3px;padding:6px 10px;border-radius:2px;border:1px solid #fff;}
.case1-1 a:first-of-type,.case1-1 a:first-of-type+a:hover{background:#fff;color:#55c7cb;margin-right:20px;}
.case1-1 a:first-of-type+a{background:none;color:#fff;border:1px solid #fff;}
.case2{height:500px;color:#fff;background:#f6f6f6;}
.case2-1{height:234px;background:url(../images/case2.gif);}
.case3{height:420px;color:#fff;}
.case3 .tit {height:300px;width:500px;margin:70px 0 50px 90px;text-align:left;display:inline-block;}
.case3 .tit em:first-child {display:block;font:31px/70px "Microsoft Yahei";margin-bottom:15px;}
.case3 .tit em:first-child+em {display:block;font:16px/25px "Microsoft Yahei";height:60px;margin:0 auto;text-align:left;}
.case3-1{height:384px;width:300px;display:inline-block;float:right;background:url(../images/case3.jpg) no-repeat 0 0;margin-right:50px;}
.case4{height:815px;color:#fff;padding-top:0;background:url(../images/case4.jpg);background-repeat: no-repeat;background-position:center center;background-size: cover;}
.case5{height:652px;background:url(../images/case5.jpg);background-repeat: no-repeat;background-position:center center;background-size: cover;padding-left:90px;}
.case5 .tit {height:300px;width:500px;margin:140px 0 50px 0;text-align:left;display:inline-block;}
.case5 .tit em:first-child {display:block;font:31px/70px "Microsoft Yahei";margin-bottom:15px;}
.case5 .tit em:first-child+em {display:block;font:16px/25px "Microsoft Yahei";height:60px;margin:0 auto;text-align:left;}
.case6 {height:130px;background:#4aa1ef;text-align:center}
.case6 a{font:33px/70px "Microsoft Yahei";color:#fff;letter-spacing:4px}
.case6 a:hover{color:#fcfec9;}
/* -- 产品详情 -- */
.place2 {height:50px;background:#fff;padding:55px 0 0 0;margin-bottom:10px;}
.place2 h3{font:15px/25px "Microsoft Yahei";color:#888;}
.place2 h3 a{color:#555;}
.place2 h3 a:hover{color:#2c9dfe;}
.pro_main {width:1200px;margin:0 auto;padding:30px 0;overflow:hidden;}
.detail{overflow:hidden; position:relative;}
.de{width:540px; float:left; overflow:hidden; height:560px;margin-right:30px; position:relative;}
.de .photo_scroll{width:540px; height:540px; overflow:hidden; margin:36px auto 0;}
.de li img{display:block; width:540px; height:540px;}
.detail h1{display:block; float:left; overflow:hidden; font: "Microsoft Yahei"; color:#222; font-size:23px;}
.you{width:610px;height:100px;display:inline-block;border-bottom:1px solid #ddd;}
.you em{width:583px;height:52px;font:14px/24px "microsoft yahei";display:block;color:#555;font:16px/54px "microsoft yahei";}
.you em:nth-child(2n){width:583px;height:40px;background:url(../images/i.gif) no-repeat 0 0;padding:0 0 7px 30px;font:18px/24px "microsoft yahei";display:block;color:#2c9dfe;}
.view_data{width:610px;height:132px;float:right;padding:12px 0 5px 0;font:17px/30px "microsoft yahei";display:inline-block;color:#555;}
.view_data li{list-style-type:none;float:left;width:260px;line-height:38px;display:inline;}
.view_data li:nth-child(2n){padding-left:30px;width:320px;}
.ys{width:610px;display:inline-block;border-bottom:1px solid #ddd; padding-bottom: 5px;}
.ys dt{width:610px;height:60px;display:inline-block;font:26px/54px "microsoft yahei";color:#333;}
.ys dd{width:190px;height:60px;margin:5px 5px;background:url(../images/dot.png) no-repeat 18px center;text-align:center;display:inline-block;font:22px/54px "microsoft yahei";border-radius:2px;border:1px solid #ddd;color:#333;}
.ys dd:hover{border:1px solid #72bffe;background:#d7edff url(../images/dot.png) no-repeat 18px center;}
.zixun a{width:200px;height:50px;margin-top:25px;text-align:center;display:inline-block;font:22px/50px "microsoft yahei";background:#2c9dfe;border-radius:4px;color:#fff;}
.zixun a:hover{background:#0180e7;border-radius:4px;}
.canshu{background:#fff;color:#333;}
.canshu .hd{font:23px/35px "Microsoft Yahei";width:1200px;overflow:hidden;margin:0 auto;border-bottom:1px solid #ddd;}
.canshu .hd li{ position:relative; height:50px;text-align:center;width:400px;float:left;}
.canshu .hd li:hover,.canshu .hd li.on{ cursor:pointer;border-bottom:1px solid #2c9dfe; color:#2c9dfe;}
.canshu .bd{width:1200px;overflow:hidden;margin:30px auto; padding:10px 0 0 0;line-height:25px;}
.canshu .bd img{margin:0 auto;text-align:center;}
.bz{height:397px;width:1200px;margin:0 auto;background:url(../images/pro-bz.gif) no-repeat 0 0;padding:0 0 7px 10px;font:18px/24px "microsoft yahei";display:block;color:#222;}
.bz li{list-style-type:none;float:left;width:390px;line-height:38px;display:inline;text-align:center;padding-top:300px;}
/* -- 产品列表 -- */
.sidemenu{ width:120px;float:left;}
.sidemenu .title{ height:32px; line-height:32px; font:bold 16px/32px "Microsoft YaHei";color:#2c9dfe;}
.sidemenu h3{ height:32px; line-height:32px; cursor:pointer;font:bold 16px/32px "Microsoft YaHei";}
.sidemenu h3:hover,.sidemenu a:hover{ color:#2c9dfe;}
.sidemenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoadd.png) 16px 12px no-repeat; cursor:pointer; }
.sidemenu h3.on em{ background-position:16px -57px; }
.sidemenu ul{ padding:5px 0; color:#999; display:none;}
.sidemenu ul li a{font:normal 15px/32px "Microsoft YaHei";color:#555;}
.prolist{width:1000px;float:right;background:#fff;}
.prolist .title{ width:1000px;margin:0 auto 20px;text-align:center;font:bold 16px/32px "Microsoft YaHei";color:#2c9dfe;}
.prolist ul.u1 li.l1{width:150px;display:inline-block;margin:10px 95px 20px 0;text-align:center;}
.prolist ul.u1 li.l1:hover{background:#2c9dfe;}
.prolist ul.u1 li.l1 a{color:#555;font:14px/20px "Microsoft YaHei";}
.prolist ul.u1 li.l1 a:hover{color:#fff;}
.prolist ul.u1 li.l1 a img{width:150px;height:150px;margin:0 auto;text-align:center;}
/* -- 行业应用 -- */
.yy1{height:495px;color:#fff;padding-top:100px;background:url(../images/y1.jpg);background-repeat: no-repeat;background-position:center center;background-size: cover;padding-left:70px;text-align:left;}
.yy1 .tit {height:160px;margin:0 0 50px 0;text-align:left;}
.yy1 .tit em:first-child {display:block;font:33px/55px "Microsoft Yahei";margin-bottom:15px;color:#333;}
.yy1 .tit em:first-child+em {display:block;font:18px/28px "Microsoft Yahei";height:90px;margin:0 auto;text-align:left;}
.yy1-1{height:178px;}
.yy1-1 a{height:54px;background:#2c9dfe;color:#fff;padding:9px 18px;border-radius:2px;}
.yy1-1 a:hover{background:#0180e7;color:#fff;}

.yyjs { position:absolute; right:100px; top:50px; width:380px; height:280px}
.yyjs li{ position:absolute; width:50px; height:50px; }
.yyjs #js1{left: 58px;top: 51px;}
.yyjs #js1 .txt {left:35px; top:-30px;}

.yyjs #js2{left: 68px;top: 171px;}
.yyjs #js2 .txt {left:-120px; top:30px;}

.yyjs #js3{top: 150px;left: 250px;}
.yyjs #js3 .txt {left:-120px; top:30px;}

.yyjs li img { position:absolute; left:0px; top:0px;}
.yyjs li .txt { background:#fff; padding:10px 5px; color:#999; position:absolute;  width:251px; height:85px;display:none }
.yyjs li .txt h4{ font-size:15px; font-weight:bold; padding-bottom:5px}
.yyjs li .txt p{ font-size:14px; line-height:20px;}

.yy2{height:420px;color:#333;background:#f4f5f7;}
.yy2 .tit {height:60px;margin:0 0 10px 0;display:block;font:25px/45px "Microsoft Yahei";}
.yy2 ul li{width:373px;height:290px;margin-left:20px;display:inline-block;}
.yy2 ul li:first-of-type{margin-left:25px;}
.yy2 ul li img{width:340px;height:193px;}
.yy2 ul li strong{width:340px;line-height:43px;margin:0 ;display:block;font:bold 17px/40px "microsoft yahei";}
.yy3 {margin:10px auto;position:relative;width:1172px;height:809px;padding-top:25px;color:#fff;}
.yy3 .hd {width:270px;height:200px;position:absolute;left:0;top:80px;z-index:2;}
.yy3 .hd li {width:270px;border-right:1px solid #fff;}
.yy3 .hd a {font-size:22px;color:#fff;text-decoration:none;display:block;position:relative;width:270px;height:62px;line-height:62px;margin-left:50px;padding-left:70px;}
.yy3 .hd a:hover,.yy3 .hd .on a{background:url(../images/arrow.png) 0 15px no-repeat;}
.yy3 .bd {width:1172px;height:479px;z-index:-1;}
.yy3 .bd .con {display:inline;width:1172px;height:479px;position:relative;}
.yy3 .bd .con .img {float:left;width:1172px;height:479px;display:inline;}
.yy3 .bd .con .img img {width:1172px;height:479px;}
.yy3 .bd .con .txt {float:right;width:610px;height:350px;margin-top:-45px;padding:30px;display:inline;position:absolute;left:350px;top:120px;}
.yy3 .bd .con .txt .t1 {font:22px/40px arial,sans-serif;}
.yy3 .bd .con .txt .t2 {font:17px/50px '微软雅黑';position:absolute;left:30px;top:180px;}
.yy4{height:460px;color:#333;background:#f4f5f7;box-shadow:0 2px 6px #ddd inset;}
.yy4 .tit em {height:50px;display:block;font:25px/45px "Microsoft Yahei";color:#333;}
.yy4 .tit i {height:60px;background:url(../images/gou.png) 0 4px no-repeat;padding-left:20px;margin:0 15px;}
.yy4 ul li{width:195px;height:220px;display:inline-block;text-align:center;}
.yy4 ul li:first-of-type{margin:0;}
.yy4 ul li img{width:102px;height:102px;}
.yy4 ul li strong{line-height:43px;display:block;font:bold 17px/40px "microsoft yahei";}
.yy4-1{height:178px;text-align:center;}
.yy4-1 a{height:54px;background:#2c9dfe;color:#fff;padding:9px 18px;border-radius:2px;}
.yy4-1 a:hover{background:#0180e7;color:#fff;}
.yy5{height:310px;box-shadow:0 2px 6px #ddd inset;}
.yy5 .tit {height:50px;margin:0;display:block;font:25px/45px "Microsoft Yahei";}
.yy5-1{height:203px;text-align:center;}
/* -- 关于我们 -- */
.aboutbg{height:550px;color:#fff;padding-top:100px;background:url(../images/about-bg.jpg);background-repeat: no-repeat;background-position:center center;background-size: cover;}
.aboutbg ul{width:700px;height:40px;line-height:40px;margin:340px auto 0;text-align:center;background:#fff;border-radius:6px;}
.aboutbg ul li{width:95px;height:40px;display:inline-block;text-align:center;}
.aboutbg ul li a{color:#333;}
.aboutbg ul li a:hover{color:#2c9dfe;}
.about ul.text{width:1100px;margin:0 auto;text-align:center;}
.about ul.text li{line-height:29px;border-bottom:1px solid #eee;text-align:left;padding:15px 0;margin-bottom:15px;}
.about ul.text p{padding:10px 0;}
.zc{width:1100px;margin:0 auto;text-align:center;padding:15px 0 40px 0;}
.zc p{padding-top:25px;text-align:left;line-height:29px;}
.wh .tit,.sh .tit {height:130px;margin:0 0 0 23px;text-align:left;}
.wh .tit em:first-child,.sh .tit em:first-child {display:block;font:33px/55px "Microsoft Yahei";color:#333;}
.wh .tit em:first-child+em,.sh .tit em:first-child+em {display:block;font:18px/28px "Microsoft Yahei";height:40px;margin:0 auto;text-align:left;}
.wh ul li{width:542px;height:540px;margin:0 23px;display:inline-block;font:16px/25px "microsoft yahei";color:#555;vertical-align:top}
.wh ul li img{width:544px;height:296px;border:1px solid #eee;}
.wh ul li i{width:530px;display:block;font:22px/45px "microsoft yahei";color:#333;}
.wh ul li em{width:530px;margin-bottom:10px;display:block;font:17px/22px "microsoft yahei";color:#333;}

.sh1,.sh2{width:1150px;height:500px;margin:0 auto;padding:15px 0 10px 0;position:relative;}
.shtxt{width:350px;float:left;display:inline-block;margin-top:110px;}
.shimg{width:760px;height:465px;float:right;display:inline-block;}
.sh2 .shtxt{float:right;}
.sh2 .shimg{float:left;}
.shtxt em{height:50px;display:block;font:25px/45px "Microsoft Yahei";color:#2c9dfe;}
.shtxt i{font:16px/27px "Microsoft Yahei";color:#666;}
.sh1 .h01{width:33px; height:55px; overflow:hidden; position:absolute; top:220px; left:410px;}
.sh1 .h02{width:33px; height:55px; overflow:hidden; position:absolute; top:220px; right:25px;}
.sh2 .h01{width:33px; height:55px; overflow:hidden; position:absolute; top:220px; left:20px;}
.sh2 .h02{width:33px; height:55px; overflow:hidden; position:absolute; top:220px; right:410px;}

.about .tit {height:50px;margin:10px 0 10px 0;text-align:left;display:block;font:30px/50px "Microsoft Yahei";border-bottom:1px solid #ccc;color:#666;}
.zzlist li{width:280px;height:390px;margin-right:20px;display:inline-block;font:16px/25px "microsoft yahei";color:#555;text-align:center;padding:20px 0;}
.zzlist li:nth-child(4n){margin:0;}
.zzlist li:hover{background:#eee;}
.zzlist img{width:200px;height:300px;}
.zzlist i{width:280px;height:40px;display:block;font:16px/40px "microsoft yahei";background:#eee;color:#333;margin-top:10px;}
.zzlist li:hover i{color:#2c9dfe;}

.timeline{width:940px;margin:0 auto;}
.timeline_ch{}
.timeline_main{position:relative;padding:25px 0 0 220px;overflow:hidden;}
.line{width:1px;height:100%;background-color:#ddd;position:absolute;left:227px;z-index:-1;}
.timeline_main ul li{padding:40px 0 25px 45px;font-size:14px;color:#444;font:16px/27px "Microsoft Yahei";background:url(../images/timeline.png) left 25px no-repeat;}

.timeline_main em{display:block;font:30px/45px "Microsoft Yahei";color:#999;margin-top:-30px;}
.timeline_main ul li:first-of-type em{color:#2c9dfe;}
/* -- 应用详情 -- */
.yybanner {height:400px;background:#f6f7f8;padding-top:80px;color:#fff;background-repeat: no-repeat;background-position:center center;background-size: cover;text-align:left;}
.yybanner h2 {font:50px/70px "Microsoft Yahei";margin:80px 0 0 300px;}
.yybanner h3{font:32px/60px "Microsoft Yahei";margin:0 0 0 300px;}
.yy-left{width:260px;float:left;color:#555;background:#fff;margin-top:40px;}
.yy-left ul li{font:16px/16px "Microsoft Yahei";margin-bottom:16px;}
.yy-left ul li a{color:#555;padding-left:20px;border-left:3px solid #fff;}
.yy-left ul li a:hover,.yy-left ul li.on a{color:#2c9dfe;border-left:3px solid #2c9dfe;}
.yy-right{width:930px;float:right;background:#fff;line-height:25px;color:#666;}
.yy-right h1 {font:20px/90px "Microsoft Yahei";}
.yy-right h1 em{font:17px/30px "Microsoft Yahei";color:#2c9dfe;margin-left:15px;}





/*关于我们*/
.contact_map .mapbox{height: 460px;border:1px solid #ddd;}
.contact_detail{padding:45px 0;}
.contact_detail .t_tit{font-size: 36px;color: #000000;margin-bottom: 25px;}
.contact_detail .lbox,.contact_detail .rbox{padding:0 45px;width: 50%;box-sizing:border-box;float: left;}
.contact_detail .lbox{border-right:1px solid #ddd;}
.contact_detail .txt{margin-bottom: 30px;}
.contact_detail .txt p{font-size: 18px;color: #5b5b5b;line-height: 30px;}

.contact_form{margin-top: 40px;}
.contact_form .title{font-size: 36px;color: #5b5b5b;}
.contact_form .brief{font-size: 18px;color: #5b5b5b;line-height: 30px;margin-top: 25px;}
.contact_form .form{margin-top: 25px;}
.contact_form .form .row{margin-bottom: 20px;}
.contact_form .form .w_tit{font-size: 24px;color: #5b5b5b;line-height: 30px;}
.contact_form .form .w_tit i{color: #ff0000;}
.contact_form .form .info{margin-top: 15px;}
.contact_form .form .ipt{width: 450px;height: 40px;border:1px solid #d2d2d2;border-radius:15px;font-size: 22px;color: #666;}
.contact_form .form .ipt_txt{padding:0 15px;}
.contact_form .form .ipt_textarea{padding:8px 15px;height: 165px;resize:none;}
.contact_form .form .ipt_button{background: #008fd7;width: 105px;height: 35px;line-height: 35px;border:none;font-size: 18px;color: #fff;border-radius:15px;}
.contact_form .form .ipt_button:hover{opacity: .9;}
:focus{outline:none!important;border-color:inherit;}