/* CSS Document */
body,ul,li,form,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,input{ margin:0; padding:0;}
body{ font-size:12px; font-family:"微软雅黑"; line-height:22px; width:100%; background-color:#fff; color:#1b1b1b;}
@media screen and (max-width:1120px){
html{ font-size:625%;}/*手机端使用rem单位要/100*/
}
em,i,u{ font-style:normal;}
ul,li{ list-style:none;}
img{ margin:0; padding:0; border:none;}
a{ text-decoration:none; color:#767676;}
input,textarea{ outline:none; border:0;}
.fr{ float:right;}
.fl{ float:left;}
.fc-red{ color:#f00;}
.clear{ zoom:1;}
.clear:after{ display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
.auto{ margin:0 auto;}

/*灰色图片*/
.icon{
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:grayscale(100%);
filter:#000;
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);}
.icon:hover{
filter:none;
-webkit-filter:grayscale(0%);
}

/*resource图片调节亮度*/
.icon2{
filter:progid:DXImageTransform.Microsoft.BasicImage(brightness=0.4);
filter:brightness(40%);
filter:#000;
-webkit-filter:brightness(40%);
-moz-filter:brightness(40%);
-ms-filter:brightness(40%);
-o-filter:brightness(40%);
}

/*面包屑样式*/
.position{ float:right; width:80%; height:40px; font-size:14px; margin-top:9px; text-align:right; color:#b8b8b9;}
.position span{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; background:url(../images/home1.png) 0 center no-repeat; padding-left:15px;}
.position ul{ display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.position ul li{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:30px; line-height:30px; font-size:12px; background:url(../images/position2.jpg) right center no-repeat,url(../images/position1.jpg) left center repeat-x ; padding-left:14px; padding-right:28px; text-align:left;}
.position ul li:first-child{ padding-left:32px; border-radius:6px 0 0 6px; background:url(../images/position4.jpg) 10px 9px no-repeat, url(../images/position2.jpg) right center no-repeat,url(../images/position1.jpg) left center repeat-x;}
.position ul li:last-child{ background:url(../images/position3.jpg) right center no-repeat,url(../images/position1.jpg) left center repeat-x ;}
.position ul li a{ color:#b8b8b9;}

/*上一页下一页*/
.pn-page{ width:94%; margin:30px auto 0 auto; height:194px; border-top:1px dashed #c5c5c5; position:relative; font-size:14px; color:#545454; text-align:left;}
.pn-page span{ height:32px; line-height:32px; border:1px solid #ddd; border-radius:50px; padding:0 14px;}
.pn-page a{ width:50%; font-size:14px; color:#545454;}
.pn-page .prev{ position:absolute; top:72px;}
.pn-page .next{ position:absolute; right:0px; top:72px;}

@media screen and (max-width:767px){
.pn-page{ height:150px; font-size:12px;}
.pn-page span{ width:85%; overflow:hidden;}
.pn-page a{ font-size:12px;}
.pn-page .prev{ left:4px; top:20px;}
.pn-page .next{ left:4px; top:68px;}
}

/* 分页效果样式 */
.dy_page{ padding-top:56px; padding-bottom:86px; width:94%; text-align:right; clear:both;}
.dy_page a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; text-align:center; font-size:14px; color:#555; width:20px; height:30px; line-height:30px;}
.dy_page a:first-child{ width:50px; background-color:#646464; border-radius:4px; margin-right:5px; color:#fffff5;}
.dy_page a:last-child{ width:50px; background-color:#646464; border-radius:4px; margin-left:5px;  color:#fffff5;}
.dy_page a.atv{ color:#b02d00;}/*现在页*/
.dy_page a:hover{ cursor:pointer; background:#d93a3d; color:#fffff5;}
.dy_page a.atv:hover{ cursor:default; background:none; color:#b02d00;}

@media screen and (max-width:767px){
.dy_page{ padding-top:38px;}
}

/*分享*/
.bdsharebuttonbox{ width:188px; margin:0 auto; padding-bottom:12px;}
.product-details .special{ position:absolute; top:-4px; width:188px;  ;}

@media screen and (max-width:767px){
.product-details .special{ margin:5px auto 0 auto;}
}

/*导航*/
.nav{ width:100%; height:48px; border-bottom:1px solid #8c8c8d; background:#333 url(../images/nav-bg.jpg) repeat-x;}
.nav-box{ position:relative; max-width:970px; width:100%; height:100%;}
.nav-box ul a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:92px; height:48px; line-height:48px; color:#fff;}
.nav-box ul li.on1>a{ background:url(../images/nav-li-bg.png) 0 15px no-repeat;}
.nav-box ul li{ float:left; width:92px; height:48px; color:#dadada; line-height:48px; text-align:center; cursor:pointer;}
.nav-box ul a:last-child{ background:none;}
.nav-box ul .on,
.nav-box ul .on2{ height:49px; color:#707070; background:#fff url(../images/nav-on-bg.png) no-repeat;}
.nav-box ul .on a,
.nav-box ul .on2 a{ color:#1b1b1b;}
.nav-box .searchClick{ position:absolute; top:11px; right:8.8%; width:94px; height:28px; line-height:28px; color:#1b1b1b; padding-left:40px; text-align:left; background:#fff url(../images/fangda.png) 4px 4px no-repeat; border:none; cursor:pointer;}
.nav-box .searchClick.on1{ background:#ca2e36 url(../images/fangda2.png) 4px 4px no-repeat; color:#fff;}
.nav-box>a{ display:block; position:absolute; top:11px; width:38px; height:26px; line-height:26px; color:#e6e6e6; text-align:center; border:1px solid #fff;}
.nav-box>a.on{ background:#fff; color:#131d1f;}
.nav-box .cn{ right:40px;}
.nav-box .en{ right:0;}
.nav-box .phone-nav,
.nav-box .phone-logo{ display:none;}

@media screen and (max-width:979px){
.nav{ height:122px; background:#1b1b1b url(../images/phone-nav-bg.jpg) 0 37px repeat-x; position:relative; z-index:102;}
.nav-box ul{ display:none; position:absolute; top:122px; width:100%; background:url(../images/phone-nav.jpg) repeat;}
.nav-box ul li{ position:relative; width:100%; height:56px;}
.nav-box ul .on,
.nav-box ul .on2{ height:56px;}
.nav-box ul a{ width:100%; height:100%; line-height:56px;}
.nav-box .searchClick{ top:62px; right:104px; width:34px; height:34px; background:#1b1b1b url(../images/search-box-bg.png) center center no-repeat; padding-left:0; background-size:80% auto; font-size:0; line-height:0;}
.nav-box .searchClick.on1{ background:#ca2e36 url(../images/search-box-bg.png) center center no-repeat;}
.nav-box>a{ top:4px; right:4px;}
.nav-box .phone-nav{ display:block; position:absolute; top:62px; right:30px; width:48px; height:32px; background:url(../images/phone-nav-bg.png) no-repeat center center; background-size:70% auto;}
.nav-box .phone-logo{ display:block; position:absolute; top:60px; left:20px; width:auto; height:30px;}
}

/*二级导航*/
.nav .sub-nav{ display:none; width:100%; height:396px; border-bottom:4px solid #c8cbcc; background-color:#fff; position:absolute; top:48px; z-index:100;}
.nav .sub-nav-box{ max-width:943px; height:396px;}
.sub-nav ul{ position:relative; width:172px; height:396px; padding:0 8px; float:left;}
.sub-nav ul:hover{ background-color:#eee;}
.sub-nav ul:hover .title a{ color:#c42830;}
.sub-nav ul li:hover a{ color:#c42830;}
.sub-nav ul li:hover span{ color:#c42830;}
.sub-nav ul p{ width:100%; height:130px; overflow:hidden;}
.sub-nav ul p a{ color:#1b1b1b;}
.sub-nav ul p:hover a{ color:#c42830;}
.sub-nav ul li{ height:14px; line-height:14px; margin:6px 0; overflow:hidden;}
.sub-nav ul li:nth-child(11),
.sub-nav ul li:nth-child(12),
.sub-nav ul li:nth-child(13){ display:none;}
.sub-nav ul li a{ color:#1b1b1b;}
.sub-nav ul .title{ width:100%; height:32px !important; padding:0; margin-top:30px; border-bottom:1px solid #b4b3b3;}
.sub-nav ul .title a{ font-size:14px; font-weight:bolder; color:#2b2b2b;}
.sub-nav ul .on a{ color:#c42830;}
.sub-nav ul .img{ width:172px; height:80px; max-height:80px !important; padding:0; line-height:80px; text-align:center; margin:16px 0 10px 0;}
.sub-nav ul img{ max-width:100%; max-height:100%; vertical-align:middle;}
.sub-nav ul li.all{ position:absolute; bottom:20px; display:block; width:172px; height:34px !important; padding:0; line-height:34px; border-top:1px solid #c8cbcc;}
.sub-nav ul li.all a{ color:#343232; line-height:24px;}
.sub-nav ul .long{ display:inline-block; width:70%;}
.sub-nav ul span{ float:right; width:30%; text-align:right;}

/*.nav .sub1 ul{ width:172px; padding:0 8.5px;}*/
.nav .sub1 ul{ width:210px;}
.nav .sub2 ul{ padding:0 8px;}
.nav .sub2 ul:last-child{ margin-top:32px; height:300px; border-left:1px solid #b4b3b3;}
.nav .sub2 ul:last-child li{;}
.nav .sub2 ul:last-child li.title{ height:22px; margin-top:0; margin-bottom:10px;}
.nav .sub2 ul:last-child li.all{ position:absolute; top:297px; left:8px;}
.nav .sub3 ul{ width:29%; padding:0 2%;}
.nav .sub4 ul{ width:29%; padding:0 2%;}
.nav .sub5 ul{ width:29%; padding:0 2%;}

/*搜索框*/
.search{ display:none; position:absolute; width:100%; height:94px; border-bottom:4px solid #dddada; background-color:#fff; z-index:101;}
.search-box{ position:relative; max-width:970px; width:100%; height:94px; background:url(../images/search-box-bg.png) 11px center no-repeat;}
.search-inp{ width:260px; height:16px; border:0; margin-left:50px; margin-top:40px; font-size:14px; color:#d6d3d3;}
.search-close{ position:absolute; top:30px; right:4px; width:32px; height:32px; background:#fff url(../images/close.jpg) no-repeat; cursor:pointer;}

/*幻灯片*/
.slide{ position:relative; width:100%; height:480px; overflow:hidden; z-index:50 ;}
.slide .bd li{ position:relative; width:100%; height:480px; background-size:auto 100%; overflow:hidden;}
.slide .bd li a{ display:block; width:100%; height:100%;}
.slide a.prev,
.slide a.next{ position:absolute; top:50%; width:30px; height:70px; margin-top:-35px; background:url(../images/prev.png) center center no-repeat;}
.slide a.next{ right:0; background:url(../images/prev.png) center center no-repeat; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); /*IE*/filter:FlipH;}
.slide .hd{ position:absolute; z-index:999; bottom:5%; left:0; width:100%;}
.slide .hd ul{ display:block; width:100%; height:12px; text-align:center;}
.slide .hd li{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:10px; height:10px; margin-right:10px; background:url(../images/slide-hd1.png) center center no-repeat; background-size:100% auto; font-size:0; line-height:0; cursor:pointer;}
.slide .hd li.on{ background:url(../images/slide-hd2.png) center center no-repeat; background-size:100% auto;}

@media (min-width:979px) and (max-width:1440px){
.slide{ height:480px;}
.slide .bd li{ height:480px;}
}

@media (min-width:768px) and (max-width:979px){
.slide{ height:4rem;}
.slide .bd li{ height:4rem;}
}

@media screen and (max-width:767px){
.slide{ height:2.5rem;}
.slide .bd li{ height:2.5rem;}
}

/*展示*/
.show{ width:100%;}
.show li{ float:left; width:25%; height:auto; padding:5px; padding-left:0; box-sizing:border-box; font-size:0; line-height:0; overflow:hidden;}
.show li:first-child{ padding-left:5px;}
.show li a{ position:relative; display:block; width:100%; height:100%;}
.show li img{ width:100%; height:auto;}
.show li span{ position:absolute; left:0; bottom:0; display:block; width:100%; height:0; line-height:30px; font-size:14px; text-align:center; color:#fff; background-color:rgba(0,0,0,0.5);}

@media (min-width:768px) and (max-width:979px){
.show li{ width:50%;}
}

@media screen and (max-width:767px){
.show{ border-bottom:2px solid #fff;}
.show li{ float:none; margin:0; padding:5px; padding-top:0; width:100%; background-color:#eff0f2;}
.show li:first-child{ padding-top:5px;}
.show li img{ width:100%; height:auto;}
}

/*子页面公共样式*/
.contect{ width:100%; max-width:1000px;}
.contect .con-title{ width:90%; height:48px; line-height:48px; padding-left:4%; padding-top:16px;  background:url(../images/con-title.jpg) 0 16px no-repeat;}
.contect .con-title span{ font-size:24px; color:#383737;}
.contect .con-nav{ width:94%;}
.contect .con-nav li{ float:left; width:90px;  height:56px; line-height:56px; text-align:center; background:url(../images/con-nav-bg.jpg) left center no-repeat;}
.contect .con-nav li:first-child{ background:none;}
.contect .con-nav .on a{ color:#cc282f;}
.contect .con-nav li a{ color:#484747; font-size:14px;}
.phone-title{ display:none; width:94%; height:60px; line-height:60px; font-size:24px; color:#403f41; background:#000; background:url(../images/phone-title-bg.jpg) 0 bottom no-repeat;}
.phone-title .btn{ display:none; position:relative; top:2px; width:22px; height:16px; margin-left:6px; border:1px solid #d3d3d3; border-radius:3px; background:url(../images/phone-btn-bg.png) center center no-repeat;}
.phone-title .on{ background:url(../images/phone-btn-bg2.png) center center no-repeat;}
.phone-title .classify{ display:none; position:relative; top:-60px; left:90%;  width:30px; height:60px; background:url(../images/classify.png) center center no-repeat;}
.phone-title-open{ display:none; width:100%; height:60px; line-height:60px; text-align:center; font-size:24px; color:#403f41; border-bottom:2px solid #D3D0D0; position:relative; z-index:999;}
.phone-title-open .title-back{ display:block; width:25px; height:60px; background:url(../images/back.png) center center no-repeat; float:left; margin-left:10px;}

@media screen and (max-width:767px){
.contect .con-title{ display:none;}
.phone-title{ display:block;}
.phone-title .btn{ display:inline-block;}
.phone-title .classify{ display:block;}
.contect .con-nav li{ background:none; width:33.3%;}
.contect .con-nav .on a{ padding:3px 23px; border-radius:20px; background:red; color:#fff;}
}

/*服务案例-case*/
 .case-title{ padding-top:12px; width:94%; font-weight:normal; font-size:24px; text-align:center; color:#3e3d3d;}
.case-title2{ padding-top:12px; width:94%; font-size:14px; color:#646363; text-align:center;}
.case-con{ position:relative; width:94%; background:#fff;}
.case-con li{ width:100%; height:220px; text-align:left; overflow:hidden; position:relative;}
.case-con li:first-child{ padding-top:70px;}
 .case-con li em{ float:left; display:block; width:250px; height:180px; margin:0px 30px 0 12px; line-height:180px; text-align:center; border:1px solid #9e9e9e; box-shadow:0px 0px 10px #000;}
.case-con li img{ max-height:100%; max-height:100%; vertical-align:middle;}
.case-con li p{ max-height:34px; padding-bottom:10px; line-height:34px; overflow:hidden; border-bottom:1px solid #cbcbcb;}
.case-con li p a{ font-size:24px; color:#000;}
.case-con li span{ display:block; max-height:76px; padding-top:12px; margin-top:3px; line-height:24px; font-size:14px; color:#676767; overflow:hidden;}
.case-con li span a{ font-size:14px; color:#585858;}
.case-con li i{ position:absolute; bottom:48px; right:12px; width:68px; height:18px; line-height:18px; background-color:#5c5c5c; text-align:center;}
.case-con li i a{ text-align:center; font-size:12px; color:#fff;}
.case-con li i.on{ background-color:#e61f26;}
.case-con li:hover i{ background-color:#e61f26;}

@media screen and (max-width:767px){
.case-con{ width:90%;}
.case-con li{ height:auto; padding-top:50px;}
.case-con li:first-child{ padding-top:25px;}
.case-con li em{ float:none; width:94%; height:200px; margin:0 2%; line-height:200px;}
.case-con li p{ width:94%; margin:14px 2% 18px 2%; max-height:68px;}
.case-con li p a{ font-size:22px;}
.case-con li span{ display:none;}
.case-con li i{ display:none;}
}
	
	
/*服务案例详情页-case_details*/
 .case2-title{ padding-top:12px; width:94%; font-weight:normal; font-size:24px; line-height:35px; text-align:center; color:#3e3d3d;}
.case2-time{ height:38px; width:94%; line-height:38px; color:#a3a3ab; text-align:center;}
.case2-con{ width:94%; border-top:1px dashed #c5c5c5;}
.case2-con p{ margin:16px 0;}

@media screen and (max-width:767px){
.case2-time{ display:none;}
}
	
/*售后服务-afterService*/
.afterService-con{ width:94%; padding-bottom:100px;}
.afterService-con img{ width:100%;}
.afterService-title{ font-size:24px; line-height:54px; margin-top:18px; border-bottom:1px solid #cbcbcb;}
.afterService-con p{ margin:16px 0;}

@media screen and (max-width:767px){
.afterService-con{ padding-bottom:50px;}
}

/*文章资源-*/
 .article-title{ padding-top:12px; width:94%; font-weight:normal; font-size:24px; text-align:center; color:#3e3d3d;}
.article-title2{ padding-top:12px; width:94%; padding-bottom:28px; font-size:14px; color:#646363; text-align:center;}
.article-con{ width:94%;}
.article-con li{ width:96.8%; height:37px; line-height:37px; padding-left:3.2%; border-top:1px dashed #ddd; background:url(../images/article-con.jpg) 12px 12px no-repeat; color:#545454; overflow:hidden;}
.article-con li u a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:73%; height:100%; overflow:hidden; color:#545454;}
.article-con li:hover a{ color:#619b38;}
.article-con li i{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:right; width:70px; height:100%; padding-left:10px;}
.article-con li i a{ color:#999;}
.article-con li span{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; float:right; width:90px; height:100%; background:url(../images/article-down.png) 0 center no-repeat; padding-left:20px;}
.article-con li:hover span{ background:url(../images/article-down2.png) 0 center no-repeat;}
.article-con li span a{ color:#999;}
.article-title,
.article-title2{ display:none;}

@media screen and (max-width:767px){
.article-title,
.article-title2{ display:block;}
.article-con{ width:100%;}
.article-con li{ width:93%; height:auto; max-height:68px; line-height:24px; padding:7px 0 7px 7%; background:url(../images/article-con.jpg) 8px 12px no-repeat;}
.article-con li i{ display:none;}
.article-con li u a{ width:70%;}
.article-con li span{ width:60px;}
}

/*构架-goujia*/
.goujia{ padding-top:30px; padding-bottom:200px; text-align:center;}
.goujia img{ max-width:90%;}

@media screen and (max-width:767px){
.goujia{ padding-bottom:100px;}
}

/*了解建科-about*/
.about-con{ width:94%; padding:50px 0 100px 0;}
.about-con p{ margin:16px 0;}

@media screen and (max-width:767px){
.about-con img{ max-width:100%;}
}

/*文化-wenhua*/
.wenhua-con{ width:94%; padding:40px 0 110px 0;}
.wenhua-con .wenhua-title{ width:100%; text-align:center;}
.wenhua-con h1{ font-size:24px; color:#494848; padding-bottom:40px; font-weight:normal;}
.about-con p{ margin:16px 0;}
.wenhua-con img{ max-width:100%;}

@media screen and (max-width:767px){
.wenhua-con h1{ padding-bottom:23px; font-size:20px;}
}

/*加入建科-join*/
.join{ position:relative; width:94%; padding-bottom:50px;}
.join li{ position:relative; top:0; width:100%;  text-align:center; border-top:3px solid #fff; background:#e7e7e7 url(../images/join-bg2.png) 99% 12px no-repeat; color:#585858; cursor:pointer;}
.join li:first-child{ cursor:default; background-image:none;}
.join li.on{ background:#FAFAFA url(../images/join-bg1.jpg) 99% 18px no-repeat;}
.join .join-title{ width:99.8%; height:50px; line-height:50px; font-size:16px; color:#595759; font-weight:bolder; padding-top:10px; background-color:#fafafa; background-image:none; border:1px solid #dedede;}
.join .join-title span{ display:inline-block; width:40%; height:100%; overflow:hidden; *display:inline; *zoom:1; vertical-align:top;}
.join .join-title em{ display:inline-block; width:20%; height:100%; overflow:hidden; *display:inline; *zoom:1; vertical-align:top;}
.join .join-title u{ display:inline-block; width:20%; height:100%; overflow:hidden; text-decoration:none; *display:inline; *zoom:1; vertical-align:top;}
.join .join-title i{ display:inline-block; width:20%; height:100%; overflow:hidden; *display:inline; *zoom:1; vertical-align:top;}
.join .sub-title{ width:100%; height:40px;}
.join .sub-title span{ display:inline-block; width:40%; height:100%; line-height:40px; overflow:hidden; *display:inline; *zoom:1; vertical-align:top;}
.join .sub-title em{ display:inline-block; width:20%; height:100%; line-height:40px; overflow:hidden; *display:inline; *zoom:1; vertical-align:top;}
.join .sub-title u{ display:inline-block; width:20%; height:100%; line-height:40px; overflow:hidden; text-decoration:none; *display:inline; *zoom:1; vertical-align:top;}
.join .sub-title i{ display:inline-block; width:20%; height:100%; line-height:40px; overflow:hidden; *display:inline; *zoom:1; vertical-align:top;}
.sub-join{ display:none; position:relative; width:100%; min-height:144px; border-top:1px solid #fff; color:#585858; font-size:14px; background:#fffaec url(../images/sub-join1.png) 26px 18px no-repeat; text-align:left; cursor:auto;}
.sub-join em{ display:block; min-height:80px; padding:24px 0 0 13%; overflow:hidden;}

@media (min-width:768px) and (max-width:979px){
.sub-join em{ padding:6px 0 0 130px; min-height:116px;}
}

@media screen and (max-width:767px){
.join{ padding-bottom:0;}
.join li{ text-align:left; font-weight:bolder; font-size:14px;}
.join .join-title{ width:99.5%;}
.join .join-title{ display:none;}
.join .sub-title{ width:97%; padding-left:3%;}
.join .sub-title span{ width:80%;}
.join .sub-title em,
.join .sub-title u,
.join .sub-title i{ display:none;}
.sub-join{ background:#fffaec url(../images/sub-join1.png) 4% 18px no-repeat;}
.sub-join em{ padding:6px 0 0 100px; min-height:116px;}
}

/*联系方式-contact*/
.contact-con{ width:94%; padding-bottom:100px;}
.contact-con p{ margin:16px 0;}
.contact-con .map-box{ width:100%; height:300px; padding-top:18px;}
.contact-con .map{ width:99.8%; height:300px; border:1px solid #d7d7d7;}
.contact-con .contact-title{ width:96%; height:40px; line-height:40px; margin-top:30px; padding-left:4%; border-top:1px dashed #cccbcb; font-size:16px; color:#595858; font-weight:bolder; background:#f7f7f7 url(../images/contact-bg.png) 14px center no-repeat;}
.options{ width:100%; position:relative;}
.options-nav{ width:100%; height:40px; margin-top:16px;}
.options-nav li{ float:left; width:220px; height:40px; line-height:40px; border-top:1px solid #ccc; border-left:1px solid #CCC; border-right:1px solid #ccc; border-radius:8px 8px 0 0; color:#fff; font-size:14px; text-align:center; cursor:pointer; background-color:#999; overflow:hidden;}  
.options-con1,
.options-con2,
.options-con3{ width:100%; height:380px; border:1px solid #d7d7d7;}
  .options-con-left{ width:49%; float:left; overflow:hidden; position:relative;}
.options-con-left li img{ vertical-align:top; width:100%;}

@media screen and (max-width:767px){
.contact-con{ padding-bottom:60px;}
.contact-con .contact-title{ width:92%; padding-left:8%; background:#f7f7f7 url(../images/contact-bg.png) 8px center no-repeat;}
.options-nav{ height:30px;}
.options-nav li{ width:100px; font-size:12px; height:30px; line-height:30px;}
}
	
	
	

/*留言板-liuyan*/
.liuyan-con{ margin:0 auto; width:80%; padding-bottom:170px; line-height:40px;}
.liuyan-title{ width:100%; text-align:center;}
.liuyan-title1{ margin-top:16px; font-size:24px; color:#3e3d3d;}
.liuyan-title2{ margin-top:12px; font-size:14px; color:#585858;}
.liuyan-con input,select,textarea{ width:100%; height:40px; padding:0 10px; box-sizing:border-box; border:1px solid #d6d6d6; font-size:18px;}
.liuyan-con select{ height:40px; padding-left:10px; font-size:14px;}
.liuyan-con textarea{ padding:0; height:130px; resize:none; overflow:auto;}
.liuyan-con .yzmP{ height:48px; position:relative; top:0px; background:none; padding:0; margin-top:20px;}
.liuyan-con .yzm{ width:300px; height:34px; position:relative; top:0px; padding:4px 0 0 10px; background-color:#f9fafc; font-size:18px; color:#aaa;}
.liuyan-con .yzmP img{ position:relative; left:8px; top:8px; border:1px solid #dfdfdf;}
.liuyan-con .yzmP a{ position:relative; left:16px; top:-3px; color:#00a0d8;}
.liuyan-con .submit{ width:320px; height:50px; background-color:#929292; border:none; cursor:pointer; color:#fff;}
.liuyan-con .radioP{ background:none; padding:0; position:relative; top:-10px; color:#717171;}
.liuyan-con .radio{ width:auto; height:auto; position:relative; top:2px;}
.liuyan-con .pic{ max-width:100%; max-height:100%;}

@media screen and (max-width:767px){
.liuyan-con .pic{ max-width:100%; height:auto; margin-top:30px;}
.liuyan-con input,select,textarea{ width:100%; margin-left:0;}
.liuyan-con select{ padding-left:0;}
.liuyan-con form>p{ padding-left:4%; background:url(../images/liuyan.jpg) 4px 21px no-repeat;}
.liuyan-con .special{ padding-left:2px;}
.liuyan-con .submit{ width:280px;}
}

/*合作伙伴-partner*/
.partner{ width:94%;}
.partner-title{ width:100%; padding-top:40px; margin:46px 0 16px 0; background:url(../images/partner.png) no-repeat; font-size:18px; color:#595858; font-weight:bolder;}
.partner>p{ line-height:26px; font-size:14px; color:#686868;} 
.partner-con{ width:94%; padding:52px 0;}
.partner-con li{ float:left; width:16.4%;  ;}
.partner-con li:hover .pic{ background-color:#eee;}
.partner-con li .pic{ display:block; width:100%; height:154px; line-height:154px; text-align:center; border:1px solid #e4e4e4;}
.partner-con li .pic img{ max-width:90%; max-height:90%; vertical-align:middle;}
.partner-con li p{ width:100%; height:34px; margin-bottom:12px; line-height:18px; text-align:center; overflow:hidden;}
.partner-con li p a{ color:#121212;}

@media (min-width:768px) and (max-width:979px){
.partner-con li{ width:33.3%;}
.partner-con li .pic{ height:180px; line-height:180px;}
}

@media screen and (max-width:767px){
.partner-title{ background-size:100% auto;}
.partner-con li{ width:33.3%;}
.partner-con li .pic{ height:130px; line-height:130px;}
}

@media screen and (max-width:450px){
.partner-title{ background-size:100% auto;}
}

/*合作伙伴简介-aboutPartner*/
.aboutPartner-con{ width:94%; padding-bottom:120px;}
.aboutPartner-con p{ margin:16px 0;}
.aboutPartner-con img{ max-width:100%;}

@media screen and (max-width:767px){
.aboutPartner-con{ padding-bottom:55px;}
}

/*视频 rideo-list*/
.rideo-box{ width:96.5%; padding-top:10px;}
.rideo-box>div{ position:relative; width:30.5%; height:auto; display:inline-block; border-bottom:1px solid #f3f1ec; padding-bottom:14px; margin:2% 1.25% 46px 1.25%; *display:inline; *zoom:1; vertical-align:top;}
.rideo-box div .pic{ position:relative; display:block; width:100%; height:188px; line-height:188px; overflow:hidden;}
.rideo-box img{ max-width:100%; max-height:100%; width:100%; height:100%; background-color:#353a3f; vertical-align:middle;}
.rideo-box .name{ display:block; width:96%; height:20px; padding:0 2%; margin:18px 0; font-size:14px; color:#5f5e5e; overflow:hidden; font-weight:bolder;}
.rideo-box em,
.rideo-box em span{ padding-left:2%; color:#666;}
.rideo-box .look{ display:block; position:absolute; right:0; bottom:10px; width:80px; height:16px; padding-top:4px; background:url(../images/rideo-look.jpg) right center no-repeat;}
.rideo-box div:hover p{ display:block;}
.rideo-box div:hover .name{ color:#c9020b;}
.rideo-box p{ display:none; width:100%; height:100%; position:absolute; top:0; right:0; background:url(../images/rideo-bg.png) center center no-repeat;}

@media (min-width:768px) and (max-width:979px){
.rideo-box div .pic{ height:160px; line-height:160px;}
}

@media screen and (max-width:767px){
.rideo-box{ width:94%; margin:0 auto;}
.rideo-box div{ width:100%; margin:2% 0 46px 0;}
.rideo-box .name{ font-size:20px; height:24px;}
}

/*视频详情-rideoDetails*/
.rideo-con{ width:94%;}
.rideo-con p{ margin:16px 0;}
.sub-video{ width:100%; text-align:center; margin-bottom:20px; border-bottom:1px dashed #cbcaca;}
.sub-video .video{ width:65%; height:500px; margin:0 auto; margin-top:70px; margin-bottom:40px; background-color:#222; overflow:hidden; text-align:center; display:table; position:relative;}
.sub-video i{ display:table-cell; vertical-align:middle; width:100%; height:500px; line-height:500px; text-align:center;}
.sub-video i video{ max-width:100%; max-height:100%;  margin:0 auto; vertical-align:middle;}

@media (min-width:768px) and (max-width:979px){
.sub-video .video{ width:80%; height:400px;}
.sub-video i{ width:100%; height:400px; line-height:400px;}
}

@media screen and (max-width:767px){
.sub-video .video{ margin-top:20px;}
.sub-video .video{ width:100%; height:300px;}
.sub-video i{ width:100%; height:300px; line-height:300px;}
}

/*新闻列表- news-list*/
.news-con{ position:relative; width:94%; background:#fff;}
.news-con li{ width:100%; height:155px; padding-top:25px; border-bottom:1px dashed #ddd; text-align:left; overflow:hidden; position:relative;}
.news-con li:first-child{ padding-top:28px;}
.news-con li u{ text-decoration:none; float:right; padding-right:10px; font-size:14px; color:#333;}
.news-con li em{ float:left; display:block; width:235px; height:135px; margin:0 20px 0 0; line-height:135px; text-align:center;}
.news-con li img{ max-height:100%; max-height:100%; width:100%; height:100%; vertical-align:middle;}
.news-con li p{ max-height:30px; line-height:30px; overflow:hidden;}
.news-con li p a{ font-size:14px; color:#b80131;}
.news-con li span{ display:block; max-height:76px; line-height:24px; font-size:14px; color:#676767; overflow:hidden;}
.news-con li span a{ font-size:14px; color:#6b6b6a;}
.news-con li i{ position:absolute; bottom:25px; left:255px; width:80px; height:24px; line-height:24px; border:1px solid #d24f23; background-color:none; text-align:center;}
.news-con li i a{ text-align:center; font-size:14px; color:#d24f23;}
.news-con li i.on{ background-color:#e61f26;}
.news-con li:hover i{ background-color:#e61f26;}
.news-con li:hover i a{ color:#fff;}

@media screen and (max-width:767px){
.news-con li{ height:auto; padding-bottom:60px;}
.news-con li em{ float:none; width:100%; height:240px;}
.news-con li p{ max-height:50px; line-height:50px; padding-left:4px;}
.news-con li p a{ color:#b80131; font-size:16px; font-weight:bolder;}
.news-con li span{ max-height:100px;}
.news-con li i{ left:4px;}
}

/*新闻详情 news-details-con*/
.news-details-con{ width:94%; padding-bottom:10px;}
.news-details-con p{ margin:16px 0;}
.news-details-con img{ max-width:100%; max-height:100%;}

/*照片墙- photoWall */
.photoWall{ width:94%; margin-top:20px;}
.photoWall li{ float:left; margin:10px 1%; width:31%; height:200px;  position:relative; overflow:hidden;}
.photoWall p{ position:absolute; bottom:-36px; margin:0; width:100%; height:36px; text-align:center; line-height:36px; color:#fff; font-size:14px; background-color:rgba(62,62,62,0.8);}
.photoWall img{ width:100%; height:100%; vertical-align:top;}
.photoWall p span{ display:block; margin:0 auto; width:92%; height:36px; overflow:hidden;}

@media (min-width:768px) and (max-width:979px){
.photoWall li{ width:33.3%; height:200px;}
}

@media screen and (max-width:767px){
.photoWall li{ width:100%; height:auto;}
}

/*产品列表 product-list*/
/*li的have类是用来判断需要不需要给前面的+号*/
/*li的on类是用来判断是否按了这个li*/
.product{ width:94%;}
.product-nav{ float:left; width:20%; height:auto; margin-top:18px; border-right:1px solid #f6f6f6; background:url(../images/product-nav-bg.png) no-repeat;}
.product-nav li{ width:83%; line-height:30px; border-top:1px dashed #dcdcdc; padding-left:15%; color:#383737; cursor:pointer;}
.product-nav li:first-child{ border-top:none;}
.product-nav li.have{ background:url(../images/product-nav-li.png) 12px 10px no-repeat;}
.product-nav li.on{ background:url(../images/product-nav-li2.png) 12px 10px no-repeat; color:#ef1616;}
.product-nav li p{ display:none; line-height:25px;}
.product-con{ float:right; width:76.6%; margin-top:18px;}
.pro-cate-info{ margin-bottom:20px; min-height:150px; border-bottom:1px solid #eee;}
.pro-cate-info h1{ margin-bottom:10px; line-height:40px; font-size:24px; font-weight:normal; border-bottom:1px solid #eee;}
.product-con li{ float:left; width:32.3%; height:auto; margin:0 0.5% 34px 0.5%;}
.product-con li .imgA{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:100%; height:160px; line-height:156px; text-align:center; overflow:hidden;}
.product-con li img{ max-width:96%; max-height:96%; vertical-align:middle;}
.product-con li p{ width:96%; padding:6px 2%; height:30px; line-height:16px; text-align:center; overflow:hidden;}
.product-con li p a{ font-size:14px; color:#000;}

@media screen and (max-width:767px){
.product-nav{ display:none; position:absolute; left:-4%; top:180px; z-index:998; width:104%; height:100%; padding-bottom:.2rem; margin-top:4px; border:none; border-bottom:1px solid #999; background:#fff; font-size:16px; overflow-y:scroll;}
.product-nav ul{ display:block; margin:0 auto; width:90%;}
.product-nav li{ padding-left:13%; font-weight:bolder; line-height:40px;}
.product-nav li:first-child{ border-top:1px dashed #dcdcdc;}
.product-nav li.have{ background-position:30px 10px;}
.product-nav li.on{ background-position:30px 10px;}
.product-con{ float:none; width:100%; margin:18px auto 0 auto;}
.product-con li{ width:48%; margin:0 1% 34px 1%;}
.product-con li p{ height:66px;}
}

/*产品详情 product-details*/
.product-details{ float:right; position:relative; width:76.6%; margin-top:18px;}
.product-download{ position:absolute; top:0; right:0; width:60px; height:15px; line-height:15px; padding-left:20px; color:#858585; background:url(../images/product-download.jpg) no-repeat left center;}
.download-img{ position:absolute; top:23px; right:2px; width:100px; height:30px; text-align:right;}
.download-img a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-left:3px; width:22px; height:13px;}
.download-img a.en{ background:url(../images/en.jpg) center center no-repeat;}
.download-img a.cn{ background:url(../images/cn.jpg) center center no-repeat;}
.download-img a.oth{ background:url(../images/oth.jpg) center center no-repeat;}
 
.product-title{ width:100%; font-size:22px; color:#ea090f; font-weight:bolder; overflow:hidden;}
.product-title2{ padding-top:20px; margin-bottom:34px; width:100%; font-size:12px; line-height:22px; color:#7b7b7b;}
.product-line{ position:relative; width:96.7%; padding-left:3.3%; margin-bottom:20px; height:35px; line-height:35px; font-size:16px; color:#4b4b4c; background:url(../images/line-center.png),url(../images/line-bg.png) 2px center no-repeat;}
.product-line .line-left{ position:absolute; left:0; width:10px; height:100%; background:url(../images/line-left.png) no-repeat;}
.product-line .line-right{ position:absolute; right:0; width:10px; height:100%; background:url(../images/line-right.png) right 0 no-repeat;}

@media screen and (max-width:767px){
.product-line{ padding-left:6%;}
.product-tedian .no{ display:none;}
.product-details{ float:none; width:100%;}
.product-download,
.download-img{ display:none;}
}

/*主要特点*/
.product-tedian{ position:relative; padding-bottom:40px; width:100%;}
.product-img{ position:relative; float:right; margin:-2px 0 40px 0; width:290px; height:216px; border:1px solid #d1cfcf;}
.product-img .bd{ width:290px; height:216px; text-align:center;}
.product-img .bd a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:290px; height:216px; line-height:216px; text-align:center;}
.product-img .bd a img{ max-width:100%; max-height:100%; vertical-align:middle;}
.product-img .hd{ position:absolute; bottom:10px; left:0; width:100%;}
.product-img .hd ul{ display:block; margin:0 auto; width:96%; text-align:right;}
.product-img .hd li{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:10px; height:10px; margin-right:6px; text-decoration:underline; font-weight:bolder; color:#7b7979;}
.product-img .hd .on{ color:#e01930; text-decoration:none;}

@media screen and (max-width:767px){
.product-img{ float:none; width:100%;}
.product-img .bd{ width:85%; margin:0 auto 40px auto;}
}

/*产品介绍*/
.product-jieshao{ position:relative; padding-bottom:40px; width:100%;}
.product-jieshao .product-line{ background:url(../images/line-center.png),url(../images/line-bg2.png) 2px center no-repeat;}
.product-jieshao video{ max-width:100%;}
.product-jieshao p{ margin:16px 0;}

@media screen and (max-width:767px){
.product-jieshao video{ max-width:100%;}
}

/*选项卡*/
.product-options{ width:100%; margin-bottom:58px; line-height:30px;}
.product-options-nav{ width:100%; height:42px;}
.product-options-nav li{ float:left; width:120px; height:40px; border-bottom:2px solid #fefefe; border-right:2px solid #fefefe; color:#8f8f8f; font-size:14px; line-height:40px; text-align:center; cursor:pointer; background-color:#dcdcdc;} 
.product-options-con{ display:none; width:100%; min-height:200px; padding:20px 2.3% 30px 1.3%; box-sizing:border-box; background-color:#f2f2f2;}

@media screen and (max-width:767px){
.product-options-nav li{ width:80px;}
}
.ask-price{ display:block; margin:0 auto; width:80%;}
.ask-price input,
.ask-price textarea{ margin-bottom:8px; padding:0 5px; width:100%; height:30px; line-height:30px; box-sizing:border-box; background-color:#fff; border:1px solid #D6D6D6;}
.ask-price textarea{ height:120px;}
.ask-price input.yzm{ width:30%;}
.ask-price input[type=submit]{ width:30%;}

/*其他产品*/
.other{ position:relative; padding-bottom:40px; width:100%; margin-bottom:40px;}
.other .product-line{ background:url(../images/line-center.png),url(../images/line-bg3.png) 2px center no-repeat;}
.other .bd{ width:90%; height:216px; overflow:hidden;}
.other .bd li{ float:left; width:33.3%;}
.other .bd .pic{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:96%; height:150px; text-align:center;}
.other .bd .pic img{ max-width:100%; max-height:100%; vertical-align:middle;}
.other .bd .name{ display:block; width:100%; height:44px; line-height:44px; font-size:14px; color:#3d3e3a; text-align:center;}
.other .hd{ position:absolute; top:10px; right:0;}
.other .hd li{ float:left; width:12px; height:12px; margin-right:5px; font-weight:bolder; color:#7b7979; background:url(../images/other-hd.png) center center no-repeat ; overflow:hidden; font-size:0; line-height:0; cursor:pointer;}
.other .hd .on{ color:#e01930; background:url(../images/other-hd2.png) center center no-repeat ;}
.other .prev{ position:absolute; top:120px; left:10px; display:block; width:12px; height:20px; background:url(../images/other-prev.png) no-repeat;}
.other .next{ position:absolute; top:120px; right:10px; display:block; width:12px; height:20px; background:url(../images/other-next.png) no-repeat;}

@media screen and (max-width:767px){
.other .hd,
.other .prev,
.other .next{ display:none;}
.other .bd{ width:100%;}
.other .bd li{ width:50%;}
.other .bd .pic{;}
}

/*页脚*/
.footer{ width:100%; background:#f5f5f5;}
.footer-box{ position:relative; max-width:970px; max-width:1106px; width:100%; font-weight:bolder;}
.footer-box .code{ overflow:hidden; float:right; padding:32px 0 0;}
.footer-box .code img{ display:block; width:120px; height:auto; margin:0 0 0 20px; float:left;}
.footer-list{ width:auto; margin-right:288px; position:relative;}
.footer-list ul{ width:100%; height:246px;}
.footer-list li{ float:left; width:13.4%; margin-top:20px; margin-left:2px; overflow:hidden;}
.footer-list li p{ line-height:48px; font-size:14px;}
.footer-list li a{ display:block; line-height:24px;}
.lang-list{ position:absolute; top:29px; right:0; width:160px; height:30px; line-height:30px; font-size:14px; background:url(../images/footer-cn-bg.png) 70px center no-repeat;}
.lang-list a{ margin-left:20px; color:#666;}
.lang-list a:first-child{ margin-left:0;}
.lang-list a.on{ color:#929292;}
.Tel{ position:absolute; top:72px; right:0; width:160px; color:#929292;}
.Tel span{ display:block; font-size:22px; line-height:26px; font-weight:normal; color:#666;}
.kefu{ position:absolute; top:130px; right:0;}
.phone-list{ display:none;}
.footer-logo{ margin-left:1%; width:99%; height:60px; line-height:60px; border-top:1px solid #e7e6e6; color:#929292; background:url(../images/footer-logo.png) 99.4% 16px no-repeat;}
.footer-back{ display:block; position:fixed; bottom:70px; right:10px; width:52px; height:52px; background:url(../images/footer-back.jpg) no-repeat;}
.footer-back:hover{ background:url(../images/footer-back2.png) no-repeat;}
.footer-top{ display:none; position:fixed; bottom:10px; right:10px; width:52px; height:52px; background:url(../images/footer-top.jpg) no-repeat;}
.footer-top:hover{ background:url(../images/footer-top2.png) no-repeat;}

@media screen and (max-width:767px){
.footer-list ul,
.lang-list,
.kefu,
.Tel{ display:none;}
.footer-logo{ margin-left:0; padding:0 5%; width:90%; height:64px; padding-top:20px; text-align:center; line-height:24px; border-top:1px solid #e7e6e6; color:#929292; background:none;}
.footer-logo span{ display:block;}
.footer-box .email{ display:none; position:fixed; bottom:20px; right:10px; width:50px; height:50px; background:url(../images/email.png) no-repeat; background-size:100% 100%;}
.footer-box .phone{ position:fixed; bottom:80px; right:10px; width:50px; height:50px; background:url(../images/phone.png) no-repeat; background-size:100% 100%;}
.footer-back{ display:none;}
}

label.BMapLabel{ border-color:#fff !important;}