@charset "utf-8";
*{margin: 0px;padding: 0px;}
body{min-width:1200px;font-size: 12px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{font-size:12px;}
p{color:#686868;}
ul{list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1200px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;color:#009fd9;}


.top-head{height:132px;position:fixed;top:0;width:100%;z-index:1000;background:none;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;}

.top01{width:100%;height:29px;line-height:30px; background-color:#06C;/*color:#f5f5f5;*/ color:#fff;overflow:hidden;}
.top011{width:100%; max-width:1200px; margin:0 auto;}
.top01_center{text-align:left;/* width:362px;*//*padding-left:840px;margin:0 auto;*/ float:right;}
.top01_center img{float:left;margin-top:3px; width:18; height:21;}
.top01_center a{ color:#FFF;}
.top02{height:95px;width:100%;background-color:#fff;}
.top02_center{ width:1200px; margin:0 auto;}
.logo{width:270px;float:left;padding-top:20px; height:60;}
.nav{width:670px;float:right;}
.nav ul{width:780px;}
.nav li{width:85px;margin:0 5px 0 5px;float:left;text-align:center;position:relative;}
.nav a{width:85px;height:42px;padding-top:50px;display:block;font-size:1.33em;/*overflow:hidden;*/}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0; background-color:#009fd9;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}

.nav a#sel{border-bottom:3px solid #f3782a;color:#f3782a;}
.nav a#sel:hover:after{opacity: 0;}

.nav .sub{display:none;width:100%;padding:0;position:fixed;top:125px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#009fd9;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:140px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:200px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:40px;line-height:40px;margin-right:20px;padding-right:10px;width:120px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:120px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nav .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;width:140px;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#009fd9;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}

/*产品中心*/
.card-fouth {padding: 62px 0 88px;background-color:#FFF;}
.card-fouth .sub-title {margin-bottom: 32px;text-align: center;font-size: 40px;color:#333;}
.card-fouth .desc.desc-list {font-size:0; color: #3a3a3a;font-weight: 200px;width: 1200px;margin: 0 auto;margin-bottom: 45px; white-space: nowrap;overflow: hidden;text-align: center;}
/*产品分类*/
.card-fouth .industry {font-size: 20px;color: #999;padding: 8px 0;display: inline-block;border-bottom: 1px solid hsla(0,0%,85%,.4);width: 200px;}
.card-fouth .industry.first {padding-left: 0;}
.card-fouth .industry.last {padding-right: 0;}
.card-fouth .industry.active {padding-bottom: 8px;}
.card-fouth .industry span {font-family: PingFang SC; font-weight: 400;font-size: 20px;}
.card-fouth .industry.active span {font-size: 20px;font-weight: 400;color: #009fd9; border-bottom: 2px solid #009fd9;padding-bottom: 8px;}
/*内容*/
.card-fouth .case-container { position: relative;width: 1200px; margin: 0 auto; height: 300px;}
.card-fouth .case-panel { position: absolute;z-index: 1;opacity: 0;overflow: hidden;padding-left: 10px;}
.card-fouth .case-panel.active {z-index: 100;opacity: 1;-webkit-transition: all .2s ease-out .1s;transition: all .2s ease-out .1s;}

/*产品图片*/
.card-fouth .case-product {display: inline-block;vertical-align: top;margin-left:20px;margin-right:20px;;}
.card-fouth .case-product img {width: 250px;height:250px;}
.card-fouth .product-framework { z-index: 102; position: relative;}
.card-fouth .product-title {font-size:18px; padding-top:10px; padding-bottom:15px; text-align:center;}
.product-more{width:1200px;height:50px; font-size:18px;margin-top:50px; text-align:center; }
.product-more a{color:#009fd9; }

/*关于电明*/
.margintop{width:100%; height:650px; margin-top:350px;}
.about{width:1200px; height:600px; margin:0 auto;}
.about .clear{clear:both}
.about .title{margin-bottom: 60px; text-align: center;font-size: 40px;color:#333;}
.aboutleft{width:700px; height:350px; float:left;}
.aboutleft .text{width:650px; margin:0 auto;}
.aboutleft .text p{font-size: 18px; line-height: 32px; text-indent: 2em;  color: #666;  letter-spacing: 2px;}
.aboutleft .text a{font-size: 18px; line-height: 32px; letter-spacing: 2px; color:#009fd9;}
.aboutright{width:500px; height:360px; float:right; text-align:center;}
.aboutdown{width:1200px; height:200px;}
.aboutdown .left{float:left; margin-right:1px;}


/*项目案例走马灯*/
.case{width:1200px;height:350px;position:relative; margin:100px auto; margin-bottom:200px; }
.case .title{margin-bottom: 60px; text-align: center;font-size: 40px;color:#333;}
.case .conts{margin:0;padding:0;}
.case .conts li{float:left;text-align:center;width:280px;height:350px;padding:0 10px;border-radius:8px;vertical-align:top;list-style:none;}
.case .conts li .s1{width:280px;height:280px;}
.case .conts li .s1 img{ border: 1px solid #ccc; width:280px; height:280px;}
.case .conts li .s1 .span{font-size:16px; color:#666; line-height:50px;}
.case .conts li a{color:#317bac;background:#fff;display:block;width:180px;height:100px;border-radius:8px}
.case .conts li a:hover{color:#fff;background:#4ad585;text-decoration:none}

.case .prev,.case .next{z-index:1;position:absolute; margin-top:50px;top:52%;display:block;width:36px;height:36px;line-height:34px;font-size:22px;color:#fff;box-shadow:0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow:0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow:0px 4px 10px 0px rgba(16,124,195,1);border-radius:50px;background:#ccc;text-align:center;font-family:"Comic Sans MS",cursive;cursor:pointer}
.case .prev{left:-70px;background:#009fd9;}
.case .prev:hover,.case .next:hover{background:#33ccff;color:#fff}
.case .next{right:-70px;background:#009fd9;}
.case a{color:#183b52;text-decoration:none}
.case a:hover{color:#3c3;text-decoration:none}

/*资讯中心*/
/* 必要布局样式css */
.title_cn {margin-bottom: 32px;text-align: center;font-size: 40px;color:#333;}
#new_box {width: 100%;padding: 100px 0px;margin: 0 auto;overflow: hidden;padding-bottom: 0px;}
.new_con {max-width: 1200px;margin: 0 auto;margin-top: 50px;}
.newtel {height: 30px;border-bottom: 1px solid #e7e7e7;padding-bottom: 10px;font-size: 20px;color: #999;}
.new_telst {width: 1200px;margin: 0 auto;position: relative;text-align: center;}
.new_telst li {width: 300px;line-height: 30px;text-align: center;float: left;display: inline;cursor: pointer; font-size:20px;}
.new_telst li.newon {color: #009fd9; font-size: 20px; color: #009fd9; border-bottom: 2px solid #009fd9;padding-bottom: 10px;}
.new_telst p {position: absolute;top: 34px;left: 0px;width: 166px;height: 7px;border-top: 1px solid #217af0;overflow: hidden;text-align: center;}
.new_telst b {display: inline-block;width: 0;height: 0;margin-top: -3px;border-style: solid dashed dashed dashed;border-width: 9px;border-color: #217af0 #fff #fff #fff;
overflow: hidden;zoom: 1;font-size: 0;}
.new_lst {height: 300px;position: relative;overflow: hidden;display: none;margin-top: 10px;padding-top: 20px;}
.new_lst ul {position: absolute;left: 0px;}
.new-wrap {margin-top: 20px;}
.new-wrap .show {display: block;}
li.new_cnlf {width: 370px;float: left;}
li.new_cnlf p {width: 100%;}
li.new_cnlf img{ width:370px; height:210px;}
p.newlf_tel a {color: #009fd9;font-size: 18px;line-height: 30px;text-align: center;display: block;  margin-top:10px;}
p.newlf_tel a:hover {color: #33ccff;}
p.newlf_tx {font-size: 14px;line-height: 26px;color: #999;height: 30px;overflow: hidden;}
li.new_cnrf {float: right;width: 410px;margin-left: 10px;}
.newrf_lst dd {width: 368px;height: 85px;border: 1px solid #e4e4e4;float: left;margin-left: 20px;margin-bottom: 8px;}
p.new_rq {width: 65px;height: 65px;background: #009fd9;float: left;text-align: center;color: #FFF;margin-top: 10px;margin-left: 10px;margin-right: 15px;font-family: Arial, Helvetica, sans-serif;}
p.new_rq span {display: block;font-size: 24px;text-align: center;font-weight: bold;line-height: 35px;padding-top: 5px;}
p.newrf_tx {float: left;width: 270px;margin-top: 5px;}
p.newrf_tx a {color: #333;font-size: 14px;display: block;line-height: 30px;}
p.newrf_tx span {display: block;font-size: 12px;color: #999;height: 50px;overflow: hidden;}
.newrf_lst dd:hover {width: 366px;height: 83px;border: 2px solid #33ccff;box-shadow: 0px 0px 15px rgba(37, 125, 242, .27);}
.newrf_lst dd:hover p.newrf_tx a {color: #009fd9;}
.newrf_lst dd:hover p.new_rq {background: #33ccff;margin-top: 9px;margin-left: 9px;}
.newrf_lst dd:hover p.newrf_tx {margin-top: 7px;}
.mr0 {margin-right: 0px;}

/*合作伙伴走马灯*/
.domo-pic-scroll-lr{width:1200px;height:200px;position:relative; margin:150px auto;}
.domo-pic-scroll-lr .title{margin-bottom: 32px; margin-top:-50px;text-align: center;font-size: 40px;color:#333;}
.domo-pic-scroll-lr .conts{margin:0;padding:0;}
.domo-pic-scroll-lr .conts li{float:left;text-align:center;width:180px;height:200px;padding:0 10px;border-radius:8px;vertical-align:top;list-style:none}
.domo-pic-scroll-lr .conts li .s1{width:180px;height:200px}
.domo-pic-scroll-lr .conts li .s1 img{ border: 1px solid #ccc;}
.domo-pic-scroll-lr .conts li .s1 .span{font-size:16px; color:#666; line-height:50px;}
.domo-pic-scroll-lr .conts li a{color:#317bac;background:#fff;display:block;width:180px;height:100px;border-radius:8px}
.domo-pic-scroll-lr .conts li a:hover{color:#fff;background:#4ad585;text-decoration:none}

.domo-pic-scroll-lr .prev,.domo-pic-scroll-lr .next{z-index:1;position:absolute;top:52%;margin-top:25px;display:block;width:36px;height:36px;line-height:34px;font-size:22px;color:#fff;box-shadow:0px 4px 10px 0px rgba(16,124,195,1);-webkit-box-shadow:0px 4px 10px 0px rgba(16,124,195,1);-moz-box-shadow:0px 4px 10px 0px rgba(16,124,195,1);border-radius:50px;background:#ccc;text-align:center;font-family:"Comic Sans MS",cursive;cursor:pointer}
.domo-pic-scroll-lr .prev{left:-70px;background:#009fd9;}
.domo-pic-scroll-lr .prev:hover,.domo-pic-scroll-lr .next:hover{background:#33ccff;color:#fff}
.domo-pic-scroll-lr .next{right:-70px;background:#009fd9;}
.domo-pic-scroll-lr a{color:#183b52;text-decoration:none}
.domo-pic-scroll-lr a:hover{color:#3c3;text-decoration:none}