﻿@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:0;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:12px; height:12px; display: block; background: #666; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #ffc000; cursor: default;}


.contTit{position:relative; height:52px; line-height:52px; background:url(../images/contIitBg.png) repeat-x center; border-bottom:1px solid #e0e0e0;}
.contTit .titA{margin-left:20px; padding-left:16px; background:url(../images/titA_ico.png) no-repeat left center; color:#2d2f76;font-size:18px;}
.contTit .titMore{position:absolute; right:20px; top:0px; padding-right:20px; background:url(../images/titMore_ico.png) no-repeat right center; font-family:arial; font-size:12px; text-transform:uppercase; color:#5d5d5d;}

/*cb_产品列表*/
.g-mian {overflow: hidden;background-color: #f3f3f3; padding: 38px 0;}


#product{ width:auto; height:590px; margin:40px 0 40px 0;}
.product_l{ width:255px;}
.product_r{ width:715px; overflow:hidden;}

.product_l p{ width:255px; height:70px; background-color:#2d2f76 !important; color:#fff; font-size:18px; line-height:70px;}
.product_l p img{ float:right;}
.product_l p span{ font-size:10px; font-family:Arial; margin-left:6px;}
.product_l p a{ color:#fff;}
.product_l p a img{ margin:26px 22px 0 0;}


.product_l .pro_lx{background-color:#2d2f76 !important;font-size:13px; line-height:32px; padding: 15px; color: #fff;}
.product_l .pro_lx .pst{ padding: 6px 0; font-size: 18px; font-weight: bold;}

.product_l ul{ width:255px;}
.product_l li{ height:53px; border-bottom:1px solid #dddddd;line-height:53px; background:url(../images/xjt.png) #fff 25px center no-repeat; padding-left:10px;}
.product_l li a{ font-size:15px; color:#333; margin-left:36px;}
.product_l li a img{ margin-right:11px;}

.cpList{width:910px; height:auto; overflow:hidden;}
.listBox{margin-bottom:20px;border:1px solid #e0e0e0; background-color:#fff;}
.listBox ul{padding:15px;  margin-left:-2%; overflow:hidden;}
.listBox ul li{float:left; margin-left: 2%; width:31.333%; text-align:center;}
.listBox ul li img{border:1px solid #e5e5e5; max-width:98%;}
.listBox ul li p{padding: 6px 0; line-height:36px; font-size:14px;}


.four-security{display: block;margin-top: 20px;}
.four-security .item{position: relative;float: left;overflow: hidden;width: 292px;height: 140px;background-color: #fff;}
.four-security .item.mr10{margin-right: 10px;}
.four-security .item dl{display: inline-block;margin: 30px 0 0 20px;width: 132px;}
.four-security .item dl dt{margin-bottom: 8px;}
.four-security .item dl dd{color: #999;}
.four-security .item span.jp-ico{position: absolute;top: 0;right: 0;z-index: 999;width: 148px;height: 139px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;top: -48px;right: 0px;width: 200px;height: 200px;}
.four-security .item span.jp-ico img{width: 100%;}
.four-security .item:hover .jp-ico{-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-o-transform: scale(1.15);transform: scale(1.1);-ms-transform: scale(1.15);}
/*ä¸¤è¡Œ*/.four-security .item{width: 594px;}
.four-security .item:nth-child(2){margin-right: 0px!important;}
.four-security .item:nth-child(1){margin-bottom: 20px;}
.four-security .item:nth-child(2){margin-bottom: 20px;}
.four-security .item dl{width: 264px;}
.four-security .item .f18{font-size: 22px; color: #000;}
.four-security .item dl dd{font-size: 14px;line-height: 24px;}


/*--优势--*/
.sec{margin-top:0;width:100%;height:140px;background:url(../images/sec.jpg) center no-repeat}
.sec-img{float:right;margin-top:34px;padding-left:60px;width:225px;background:url(../images/phone1.png) no-repeat;color:#fff;font-size:16px;line-height:30px}
.sec-img span{font-weight:700;font-size:32px}
.adv{overflow:hidden;margin-top:40px; margin-bottom: 25px; height:auto}
.adv h2{text-align:center;font-size:38px;line-height:55px; color: #333;}
.adv h2 span{color:#2d2f76}
.adv .par-title{margin:0 auto;border-bottom:1px solid #bfbfbf;text-align:center}
.adv .par-title1{border-bottom:0 solid #bfbfbf}
.adv .par-title span{position:relative;top:5px;display:inline-block;padding:3px 20px;background-color:#fff;color:#fa8405;font-size:20px;font-weight: bold;}
.adv i{display:block;margin:25px auto 0;width:60px;height:7px;background:#2d2f76}

.container1{margin:0 auto;width:100%;height:911px;background:url(../images/sel.png) top center no-repeat}
.pr-con,.pr-left,.pr-right,.pr-u12{height:auto}
.pr-u12{margin:20px auto;padding-top:20px;width:1200px}
.pr-u12 li{padding:20px 0 0}
.pr-left{float:left;margin-top:20px;width:577px}
.pr-right{float:right;box-sizing:border-box;padding-left:25px;width:623px}
.pr-con{overflow:hidden}
.pr-con .pr-h1{float:left;margin-right:20px}
.pr-con .pr-p{float:left;margin-bottom:33px;width:500px}
.pr-con .pr-p .pr-p2{height:auto;color:#666;font-size:15px; line-height: 26px;}
.pr-con .pr-p .pr-p1{padding-bottom:10px;border-bottom:1px dashed #a3a3a3;color:#2d2f76;font-weight:700;font-size:24px}
.pr-con .pr-p .pr-p1 span{margin-left:10px;color:#888;font-weight:400;font-size:18px}
.pr-con .pr-p .pr-p2 p{margin-top:12px;padding-left:12px;background:url(../images/ka.png) left 8px no-repeat}
.pr-more{margin-top:25px;width:78px;height:24px}
.device,.pr-u12-top{overflow:hidden;height:auto}
.new_top{overflow:hidden;margin-top:20px}
.new_top .pr-left{float:right;margin-top:35px;width:546px}
.new_top .pr-right{float:left;margin-top:35px;padding-left:0}
.new_top .pr-right .img4{display:block;margin-top:20px}
.new_top .pr-left .pr-con .pr-p{width:471px}

/*简介*/
.sy_gsjj{width:100%;height:715px;margin: 30px 0; padding: 25px 0; background:#f4f4f4 url(../images/bg.jpg) top center no-repeat}

.about-top{ width: 100%; overflow: hidden; height: auto; margin-top: 33px;}
.about-left{ float: left; width: 42%; }
.about-left img{ display: block; width: 500px;  background: #fff; padding:5px; border:4px solid #ccc;}
.about-right{ float: right; width: 53.5%;}
.about-right h2{ height:auto; overflow: hidden; font-size:25px; padding-bottom: 10px; color: #2d2f76; line-height: 32px;}
.about-right p{ font-size: 14px; color:#555; line-height:28px; margin-bottom: 25px; margin-top:0;}
.about-right a{ display: block; width: 135px; height: 39px;color:#fff; line-height: 39px; font-size: 15px; text-align: center; background: #2d2f76; border-radius: 3px;}



/*设备*/
.alBox{margin:25px 0; }
.alBox .alCont{padding:20px 0px; position:relative;}
.alBox .alCont ul{margin:0 auto; width:1064px; overflow:hidden;}
.alBox .alCont li{margin:0 4px; float:left; width:265px; text-align:center;}
.alBox .alCont li img{padding:4px; width:100%;}
.alBox .alCont li p{margin-top:8px; font-weight:normal;}
.alBox .alCont .btnLeft , .alBox .alCont .btnRight{position:absolute; top:50%; margin-top:-25px; width:15px; height:33px;}
.alBox .alCont .btnLeft{left:-40px; background:url(../images/BtnLeft.png) no-repeat center;}
.alBox .alCont .btnRight{right:-40px; background:url(../images/BtnRight.png) no-repeat center;}


.dtSpan{padding-top:14px; padding-bottom:35px;}

/*动态*/
.dtBox{width:400px; height:435px; border:1px solid #e0e0e0;}
.dtBox .dtImg{padding:12px 0px; text-align:center;}
.dtBox .dtImg img{ width:95%;}
.dtBox ul{margin:0px 10px;}
.dtBox li{position:relative; padding-left:14px; height:36px; line-height:36px; border-bottom:1px dashed #e0e0e0;  background:url(../images/ys_icon1.gif) no-repeat 2px center; }
.dtBox li a{color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display: block;width: 75%;}
.dtBox li span{position:absolute; right:0px; top:0px;font-size: 12px;}

.dtList{margin-left:25px; width:400px; height:435px; border:1px solid #e0e0e0;}
.dtList .dtImg{padding:12px 0px; text-align:center;}
.dtList .dtImg img{width:95%;}
.dtList ul{margin:0px 10px;}
.dtList li{position:relative; padding-left:14px; height:36px; line-height:36px; border-bottom:1px dashed #e0e0e0;  background:url(../images/ys_icon1.gif) no-repeat 2px center; }
.dtList li a{color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display: block;width: 75%;}
.dtList li span{position:absolute; right:0px; top:0px; font-size: 12px;}

/*常见问题*/
.wtjd{width:345px; height:435px; border:1px solid #e0e0e0;}
.wtjdCont{margin-top:10px; height:354px; overflow:hidden;}
.wtjdCont dl{margin:0px 10px; padding-bottom:6px; margin-bottom:16px; border-bottom:1px dashed #a4a4a4;}
.wtjdCont dt{background-image:url(../images/tw_ico.png);}
.wtjdCont dt a{color:#333; font-weight:bold;}
.wtjdCont dd{line-height:18px; background-image:url(../images/jd_ico.png); color:#333;}
.wtjdCont dt , .wtjdCont dd{padding:2px 0px 2px 30px; margin:4px 0; line-height:25px; background-position:left top; background-repeat:no-repeat;overflow: hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.dzSpan{background:url(../images/dzSpan.jpg) no-repeat center;}


/*友情链接*/
.yqljBg{background-color:#f2f2f2;}
.yqlj h4{}
.yqlj p{margin-left:150px; height:70px; line-height:70px; overflow:hidden;}
.yqlj p a{display:inline-block; padding:0 18px; color:#333;}



.zxlyBox .m_form .iptD p{background:url(../images/ip04.png) no-repeat center;}
.zxlyBox .m_form .iptD ul{position:absolute; top:30px; left:72px; z-index:999; display:none; width:240px; background-color:#fff; border:1px solid #999; border-top:none; height:120px; overflow:hidden;}
.zxlyBox .m_form .iptD ul li{height:30px; line-height:30px; overflow:hidden;}
.zxlyBox .m_form .iptD ul li{display:block; padding:0px 10px; font-size:14px; text-decoration:none; cursor:pointer;}
.zxlyBox .m_form .iptD ul li:hover{background-color:#eee;}



/*内页代码*/
.Inbanenr{width:100%; height:299px; position:relative;overflow:hidden;}
.Inbanenr img.banenrimg{position:absolute; left:50%; top:0; margin-left:-960px;}

/* 内页公用菜单 */
.listMenu{height:60px;line-height:60px;overflow:hidden;border-bottom:1px solid #e8e8e8;}
.listMenu .fr{background: url('../images/home_icon.png') no-repeat left center;padding-left:20px;color:#888;}
.listMenu .fr a{color:#888; margin: 0 6px;}
.listMenu .fr a:hover,.listMenu .fr a.bc{color:#555;}
.menuSub a{color:#333;position:relative;height:60px;display:inline-block;margin-right:45px; font-size: 16px;}
.menuSub a:before{position:absolute;content: "";left:0;bottom:0;width:0;height:2px;background:#2d2f76;transition:all 0.3s;}
.menuSub a.current,.listMenu a:hover{color:#2d2f76;}
.menuSub a.current:before,.listMenu a:hover:before{width:100%;}


/*内页内容居中*/
.cont_nd{width:100%; overflow: hidden;}
.cont_nd .cont_nc{width:1200px;margin:0 auto;}

.anout_jj{width:100%;padding:45px 0;}
.anout_jj h3{font-size:30px;text-align:center;position:relative;padding-bottom:14px;margin-bottom:24px;}
.anout_jj h3 i{position:absolute;left:50%;bottom:0;display:block;width:50px;border-bottom:2px solid #04a3ea;margin-left:-25px;}
.anout_jj .text_p{ padding:20px 0 10px 0; margin-bottom: 20px;font-size:14px;color:#333;line-height:32px;}
.anout_jj .text_p img{max-width:100%;}
.anout_jj .text_p table td{ padding: 5px; text-align:  center}



/*图片列表*/

.ulimg { margin: 0 auto;width: 100%;   }
.ulimg ul { list-style: none;  overflow:hidden; margin-left:-2%;}
.ulimg li { width:23%; margin-left:2%; float: left; margin-bottom:10px;}
.ulimg li a{ height:207px; overflow:hidden; display:block; text-align:center; border: 1px solid #e2e2e2; padding: 2px;}
.ulimg li img { width:100%;}
.ulimg li span { display: block; text-align: center; line-height:30px; color: #222; font-size: 12px; }


.zhengshu{max-width: 100%;margin: 0 auto; padding:20px 0 10px 0; overflow: hidden;}
.zhengshu ul{ margin-right:-3%;}
.zhengshu ul li{float:left;width:22%; margin-right: 3%; margin-bottom: 10px; text-align:center;}
.zhengshu ul li img{max-width:96%; border: 1px solid #e1e2e2; padding: 4px;}
.zhengshu ul li span{ line-height:25px; font-size: 14px; padding: 5px 0; display: block;}


.app_list{width: 100%; overflow: hidden; border-bottom: 1px solid #ccc;padding-bottom: 20px; margin-bottom: 20px;}
.app_list .wz_xx{width: 52%; padding: 1%; line-height: 32px; font-size: 15px;}
.app_list .wz_xx h3{font-size: 30px; color: #e3a90a; text-align: center; padding-bottom: 0;}
.app_list .wz_img{width: 46%; }

/*产品中心页面*/
.pro_list{ width:100%; margin-top:28px;overflow: hidden; }
.pro_list ul{ margin-left:-2%}
.pro_list li{ float:left; width:23%; margin:0.5% 0 1% 2%; text-align:center;}
.pro_list li a{ overflow:hidden; display:block; text-align:center; }
.pro_list li img{ max-width:95%;border:2px solid #e2e2e2; padding:2px;}
.pro_list li img:hover{border:2px solid #2d2f76; padding:2px;  }
.pro_list ul li span{ line-height:25px; font-size: 15px; padding:10px 0 5px 0; display: block;}

.product-show-content{ width:100%; margin-top:8px;overflow: hidden; }
.product-show-content .pic{width: 46%;height: auto;border: 1px solid #d2d2d2;}
.product-show-content .pic img{ max-width:100%;}
.product-show-content .cont{width: 50%;padding-top: 0;}
.product-show-content .cont h3{text-align: left; font-size: 22px;color: #444;padding-bottom: 15px;border-bottom: 1px dashed #d2d2d2;margin-bottom: 15px;}
.product-show-content .cont .des{padding-top: 0; margin-bottom:50px; line-height: 30px;}
.product-show-content .cont .more-bar{font-size: 22px;color: #333;}
.product-show-content .cont .more-bar span{font-size: 24px;color: #28499d;}
.product-show-content .cont .com-more{margin-right: 20px;}

.com-more{display: inline-block;width: 150px;height: 45px;line-height: 45px;color: #fff !important;background: #e3a90a;font-size: 16px;text-align: center;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.com-more:hover{ background: #2d2f76;}

.product-detail{padding-top:12px;overflow: hidden;}
.product-detail .tit_show{ font-size: 15px;color: #333;line-height:32px;}
.product-detail .tit_show img { max-width:100%;}


/* 相关产品样式 */
.relatedPro{margin-bottom:0;height:auto; overflow: hidden;}
.relatedPro .tie{ text-align: left; height:42px;line-height:42px;background:#eee;color:#f69a00;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 30px;background:#2d2f76;display:inline-block;color:#fff;}

.relatedPro ul{ margin-left:-2%}
.relatedPro li{ float:left; width:23%; margin:0.5% 0 1% 2%; text-align:center;}
.relatedPro li a{ overflow:hidden; display:block; text-align:center; }
.relatedPro li img{ max-width:95%;border:2px solid #e2e2e2; padding:2px;}
.relatedPro li img:hover{border:2px solid #2d2f76; padding:2px;  }
.relatedPro ul li span{ line-height:25px; font-size: 15px; padding:10px 0 5px 0; display: block;}

/*资讯中心*/
.ny_news{ width:100%; margin-top:28px; overflow: hidden;}
.news-list { background:#fff; border:2px solid #eee; height:180px; padding:20px; overflow:hidden;margin: 0 5px 30px 5px;}
.news-list:hover, .news-list.cur { box-shadow: 0 0 10px #bbb;}
.news-list .image { float:left; width:253px; height:180px; padding-right:20px; }
.news-list .image img{ width:250px; height:180px;  }
.news-list .text h2 {padding-top: 6px; font-weight:600; line-height:22px; height:40px; overflow:hidden;  }
.news-list .text h2 a { color:#444; text-decoration:none;font-size:16px;}
.news-list .text p { line-height:30px; color:#333; font-size:14px; text-align:justify; margin-bottom:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.news-list .text .date { padding:20px 0 20px;font-size:13px;color:#2d2f76;}


.newShow{ padding:0 0 20px;}
.newShow .name{ text-align:center; font-size:20px; color:#222; font-weight:bold; padding-bottom:12px;}
.newShow .time{ text-align:center; font-size:14px; color:#666; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.newShow .time em{ padding:0 15px;}
.newShow .contss{ padding:10px 0; font-size:14px; line-height:28px;}
.newShow .imgDiv{ text-align:center; padding:20px 0;}


.pageDown{height:90px; position:relative;}
.pageDown .box{border-top:1px dashed #ccc; padding-top:20px;}
.pageDown li{font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; color:#acacac;}
.pageDown li b{ color:#666; font-weight:400;}
.pageDown .btnDiv{ position:absolute; right:0px; top:28px; z-index:5}
.pageDown .btnDiv a{ width:102px; height:35px; display:block; background:url(../images/btn2.jpg) no-repeat; text-indent:23px; color:#fff; font-weight:bold; line-height:35px; font-size:14px;}

.faq-list{margin-top: 40px;margin-left: -30px;margin-right: -30px;}
.faq-list li{border-bottom: 1px solid #F1F1F1;transition: all 0.4s;}
.faq-list li .question{cursor: pointer;padding-left: 20px;height: 50px;line-height: 50px;padding-right: 100px;position: relative;font-size: 15px;}
.faq-list li .question .title{float: left;max-width: 1200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.faq-list li .question .title:before{content: '';display: inline-block;margin-right: 10px;border-left: 5px solid #e3a90a;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.faq-list li .question .date{float: right;color: #999;}
.faq-list li .question .arrow{display: block;width: 18px;height: 9px;background: url("../images/arrow01.png") no-repeat center;position: absolute;right: 30px;top: 23px;}
.faq-list li .question .open{background: url("../images/arrow02.png") no-repeat center !important;}
.faq-list li .question:hover,
.faq-list li .question.active{background: #2d2f76;color: #fff;}
.faq-list li .question:hover .title:before,
.faq-list li .question.active .title:before{border-left-color: #fff ;}
.faq-list li .question:hover .date,
.faq-list li .question.active .date{color: #fff;}
.faq-list li .question:hover .arrow,
.faq-list li .question.active .arrow{background: url("../images/arrow03.png") no-repeat center;}
.faq-list li .answer{display: none;font-size: 13px;color: #666;line-height: 24px;padding: 25px 20px;background: #F8F8F8;}



/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #e3a90a;border:none;}




