body,div,ul,li,ol,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,fieldset,form,textarea,p,th,td,button,blockquote,span,img{margin:0;padding:0;}
body{font-size:14px;line-height:22px;color:#666; width:100%; min-width:1200px; font-family:"Open Sans",Arial; background:#e7ecee;}
fieldset,img,input,button{border:0; margin:0; padding:0;}
input,button,textarea{font-family:"Open Sans",Arial;}
ul,li{list-style-type:none;}
a{ color:#666;text-decoration:none;}
a:hover{ color:#1c97d2; text-decoration: none;}
.center{ width:1200px; margin:0 auto;}
@font-face{  font-family:"Open Sans";src: url('../font/OpenSans-Regular.ttf');}
/*index*/
#head{float: left;width: 100%; height: 38px; background:#2faae5; transition-delay:2s; transition: ease; -moz-transition:ease-in; /* Firefox 4 */ -webkit-transition:ease-in; /* Safari and Chrome */ -o-transition:ease-in; /* Opera */}
#head p{float: right; line-height: 38px;color: #CCC; margin-right:15px;}
#head p a{ padding: 0 5px; font-size: 14px; color:#FFF;}
#head p a:hover { color:#c0c0c0; transition:all 0.30s ease-in-out;}
#head dl{ float: right;}
#head dl dt{float: left; margin: 0 10px 0 0;}
#head dl dt s{float: left;width: 16px; height: 16px; margin: 11px 0;}
#head dl dt s img{float: left;width: 100%;}
.head_sel{float: left; margin: 10px 0 0 5px;width:90px;background: #eee; border: 1px solid #eee;color: #666; outline: none;}
#head dl dd{float: left; padding: 4px 0;}
.head_inp{float: left;width: 225px; background: url("../img/ss_bj.png") no-repeat; height: 30px; padding: 0 0 0 15px; outline: none; color: #333; line-height: 30px;}
.head_but{float: left;width: 41px; height: 30px;background: url("../img/ss_an.png") no-repeat; cursor: pointer; outline: none;}

#top{float: left;width: 100%; background: #fff; height:100px;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
#top h1{float: left; margin:18px 0 0 0;}
#top h1 img{ height:64px;-webkit-transition: height 0.3s;-moz-transition: height 0.3s;-ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
#top ul{float: right; margin:0px; height:100px; -moz-transition: height 0.3s;-ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;}
#top ul li{float: left; font-size: 18px;}
#top ul li a{ color: #333;float: left; line-height:100px;  /*padding: 0 30px;*/ padding: 0px 0px 0px 48px; }
#top.smaller {height:75px; position:fixed; top:0px; left:0px; z-index:999; box-shadow:0px 2px 5px 1px #ccc;}
#top.smaller h1 { margin-top:12px;}
#top.smaller h1 img{ height:50px;}
#top.smaller ul{ height:75px;}
#top.smaller ul li a{ line-height:75px;}
#top.smaller ul li #drop-down{top:75px;}
#top.smaller ul li:last-child:hover:before { height: 75px; }

#top ul li:last-child { position:relative; }
#top ul li:last-child:hover:before { content: ""; background: #fff url(../img/1.png) no-repeat; display: block; position: absolute; width: 48px; height: 100px; left: 100%;}
#top ul li:hover > a{ color:#fff; background:#2faae5  url(../img/2.png) no-repeat; text-decoration:none;}
#top ul li:hover+li>a { background:#fff  url(../img/1.png) no-repeat; text-decoration:none; }
#top ul li #drop-down{position:absolute;left: 0; top: 138px; width: 100%;z-index: 999; background: #e7ecef; visibility:hidden;opacity:1; padding-bottom:20px; box-shadow: 0px 5px 5px 1px #ccc;}
#top ul li:hover #drop-down { visibility:visible;opacity:1; }
.classification{ width: 1200px; padding: 0px; margin:20px auto 0 auto;}
#top ul li #drop-down dl{float: left; width:284px; min-height:152px; margin:0px 20px 0 0; color: #fff; border-right:#c9ced1 solid 1px; padding:10px 0px;}
#top ul li #drop-down #support dl{ min-height:230px;}

#top ul li #product dl{float: left; width:222px; margin:0px 20px 0 0; color: #fff; padding:15px 0px;}
#top ul li #product .dl10,#top ul li #product .dl11{ min-height:30px;}
#top ul li #drop-down #support .dl4,#top ul li #drop-down #support .dl5{ min-height:30px;}

#top ul li #drop-down dl dt{float: left;width: 100%;font-size:16px; line-height: 38px; margin: 0 0 10px 0;font-weight: bold;}
#top ul li #drop-down dl dd{float: left;width: 100%;font-size: 14px;line-height: 30px;}
#top ul li #drop-down dl dd a{color: #5a5e61; line-height:30px; padding:0px;}
#top ul li #drop-down dl dd a:hover{color:#0d85bf;text-decoration: none;}
#top ul li #drop-down dl dt a{ padding:0px; line-height:normal; color:#5a5e61;}
#top ul li #drop-down dl dt a:hover{ color:#0d85bf;}

#banner{float: left;width: 100%;height:550px;}
.slide-main{height:550px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222; top:50%; margin-top:-22px; overflow:hidden;cursor:pointer;opacity:0.6; /*-moz-opacity:0.6;*/ filter:alpha(opacity=60);_border:1px solid #fff;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:550px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:550px;position:absolute;z-index:8;}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:520px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden; border-radius:2px;}
.item a.cur{background:#fff; width: 36px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


.bounced{width: 574px; height: 189px; background: url("../img/bounced_bj.png"); margin: 171px auto 0 auto; padding: 40px 30px;position: relative;}
.bounced dl{float: left;width: 100%; text-align: center;}
.bounced dl dt{float: left;width: 100%; font-size: 46px; color: #1c97d2; line-height: 80px;}
.bounced dl dd{font-size: 18px;width: 100%; line-height: 30px; margin: 0 0 25px 0;}
.bounced p{width: 16px; height: 16px; position: absolute;right: 20px; top: 20px;}
.bounced p img{width: 100%;float: left;}


.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }




/*动画效果设置start*/
@keyframes showscale{
	0% { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
	30% { transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); }
	60% { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); }
	100% { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
}
#ind_pro{float: left;width: 100%; margin: 40px 0;}
.ind_pro_le{float: left;width: 280px;background: #29AAE3; height: 355px; padding:15px 0 20px 0px;color: #fff;border-bottom: 1px solid #e4e4e4;border-top: 1px solid #e4e4e4;}
.ind_pro_le h2{float: left; line-height:68px;font-size: 32px; margin: 0 0 0px 20px;}
.ind_pro_le ul{float: left;width: 100%;}
.ind_pro_le ul li{float: left;width: 255px; line-height: 36px;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; padding: 0 10px 0 20px;cursor: pointer;}
.ind_pro_le  ul  li:hover { background-color:#007fbb; }
.ind_pro_le ul li.off{ background:#0378b0 url("../img/sjx2.png") no-repeat 276px 16px;}

.ind_pro_ri{float: left;width:915px;background: #fff;padding: 20px 0 20px 0;}
.i_pro{float: left;width:255px;background: #fff; height: 320px;margin: 0 0 0 20px; padding: 15px; overflow: hidden; position: relative;}
.i_pro:hover{transition:all 0.30s ease-in-out;box-shadow: 0 0 15px #ccc;}
.i_pro p{float: left;width: 100%; margin: 10px 0 0 0; display:block; overflow: hidden; background-color: #ffffff;}
.i_pro p img{float: left;width: 100%;  transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s;}
.i_pro:hover img { animation:showscale 1.5s; }
.i_pro dl{float: left;width: 100%; margin:0px 0 0 0;}
.i_pro dl dt{float: left;width: 100%; line-height: 36px; font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_pro dl dd{float: left;width: 100%;font-size: 14px; line-height: 26px; color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_pro dl dt a{ color:#333;}
.ind_pro_ri>div{display: none;}

/*动态滚动条样式	21.06.11	cxh*/
.blackboard {
    float: left;
    width: 4px;
    background: #fff;
    height: 355px;
    padding:15px 0 20px 0px;
    /* color: #fff; */
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
}

.blackboard p{
    /*border:1px solid #f6f6f6;*/
    width:100%;
    height: 36px;
}

/*给第一个设置大小*/
.blackboard p:first-child {
    margin-top:68px;
}

.blackboard p.off{
    background: #333;
}

#content{float: left;width: 100%;}
.ind_news{float: left;width: 100%;}
.ind_news_con{float: left;width: 555px; background: #fff; height: 514px; padding: 21px;}
.ind_news_con:hover,.ind_case:hover{transition:all 0.30s ease-in-out;box-shadow: 0 0 15px #ccc;}
.title{float: left;width: 100%;}
.title p{float: left;line-height: 48px;font-size: 32px;color: #1c97d2;}
.title p a{ color: #000000; text-decoration:none;font-weight: bold;}
.title span{width: 31px; height: 31px;float: right;margin: 8px 0 0 0;}
.title span a{ width: 100%; float: left;border-radius: 50%;background: #ddd;}
.title span a:hover{background: #1c97d2;transition:all 0.30s ease-in-out;}
.ind_news_c_con{float: left;width: 100%; margin: 11px 0 0 0;}
.ind_news_c_con dl{float: left;width: 100%;}

.ind_news_c_con dl dt{float: left;width: 100%; position: relative; margin: 0 0 18px 0; overflow: hidden;}
.ind_news_c_con dl dt img{float: left;width: 100%;}

.ind_news_c_con dl dt s{ text-decoration: none;position:absolute;width: 100%; left: 0;bottom: 0;height: 40px;font-size: 18px;color: #fff; text-align: left;line-height: 40px; background: url("../img/h_bj.png");overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-indent:15px; display:none;}
.ind_news_c_con dl dt div { transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s; }
.ind_news_c_con dl dt:hover a div { transform: scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.ind_news_c_con dl dt:hover s{ display:block;}

.ind_news_c_con dl dt s a{ color:#FFF;}
.ind_news_c_con dl dd{float: left;width: 100%; line-height: 42px;font-size: 16px;}
.ind_news_c_con dl dd p{float: left;width: 415px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: url("../img/sjx3.png") no-repeat left center; padding: 0 0 0 15px;}
.ind_news_c_con dl dd span{float: right;color: #ccc;}

.ind_case{float: right;width: 555px; background: #fff; height: 514px; padding: 21px;}
.title2{float: left;width: 100%;}
.title2 p{float: left;line-height: 48px;font-size: 32px;color: #000000;font-weight: bold;}
.title2 span{height: 31px;float: right;margin: 8px 0 0 0;}
.title2 span a{ width: 31px; float: left;border-radius: 50%;background: #ddd; margin: 0 0 0 10px;}
.title2 span a:hover{background: #1c97d2;transition:all 0.30s ease-in-out;}
.ind_case_con{float: left;width: 100%; margin: 11px 0 0 0;}
.rollBox{width:550px;overflow:hidden; float:left;}
.rollBox .Cont{width:550px;overflow:hidden; float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .i_case{width:550px;float:left;}
.i_case_con{float: left;width:100%; margin: 0 0 20px 0;}
.i_case_con p{width:220px;height:220px;float: left; overflow:hidden;}
.i_case_con p img{float: left;width: 100%; transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s;}
.i_case_con:hover p img { transform: scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.i_case_con dl{float: right;width:310px;}
.i_case_con dl dt{float: left;width: 100%;font-size: 18px; line-height: 28px;color: #333; margin: 8px 0 0 0;}
.i_case_con dl dd{float: left;width: 100%;font-size: 16px;color: #999; line-height: 26px; margin: 20px 0 0 0;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: .3rem;}
/*案例按钮处理start cxh 21.5.13 modify*/
/* .i_case_con dl dd a{ color: #2faae5; text-decoration: none;} */
.i_case_con dl dd a{float: left;width: 96px;border: 1px solid #ddd; height: 30px; line-height: 30px; text-align: center; border-radius: 16px;}
.i_case_con dl dd a:hover{ border: 1px solid #1797d4; color: #ffffff;background:#29aae3; text-decoration: none;transition:all 0.30s ease-in-out;box-shadow: 0 0 10px #bde0f1;}
/*按钮处理end*/
.rollBox #List1,.rollBox #List2{float:left;}
#scrollDiv{ height:460px; overflow:hidden;}
#scrollDiv li { overflow:hidden;}
/*案例按钮处理start cxh 21.5.13 清除这里按钮样式*/ 
/* .set_9_btn4-corner {  padding: 0px 25px;  border: none;  background: transparent; color: #333;  width:auto;  float:left;  position:relative;  line-height: 35px; cursor: pointer; margin-right: 2em; width: 70px; text-align: center;}
.set_9_btn4-corner span {  position: absolute;  background-color: #56c5ff;  display: block; transition: all 200ms;}
.set_9_btn4-corner .line1,
.set_9_btn4-corner .line3 {  height: 2px;  width: 20px;}
.set_9_btn4-corner .line2,
.set_9_btn4-corner .line4 {  height: 20px;  width: 2px;}
.set_9_btn4-corner .line1,
.set_9_btn4-corner .line2 {  top: 0;  right: 0;}
.set_9_btn4-corner .line3,
.set_9_btn4-corner .line4 {  bottom: 0; left: 0;}
.set_9_btn4-corner.reverse .line1,
.set_9_btn4-corner.reverse .line3 {  width: 100%;}
.set_9_btn4-corner.reverse .line2,
.set_9_btn4-corner.reverse .line4 {  height: 100%;}
.set_9_btn4-corner:hover,
.set_9_btn4-corner:active {  background-color: transparent;  color: #2faae5;}
.set_9_btn4-corner:hover .line1,
.set_9_btn4-corner:active .line1,
.set_9_btn4-corner:hover .line3,
.set_9_btn4-corner:active .line3 {  width: 100%;}
.set_9_btn4-corner:hover .line2,
.set_9_btn4-corner:active .line2,
.set_9_btn4-corner:hover .line4,
.set_9_btn4-corner:active .line4 { height: 100%;}
.set_9_btn4-corner:hover.reverse .line1,
.set_9_btn4-corner:active.reverse .line1,
.set_9_btn4-corner:hover.reverse .line3,
.set_9_btn4-corner:active.reverse .line3 {width: 20px}
.set_9_btn4-corner:hover.reverse .line2,
.set_9_btn4-corner:active.reverse .line2,
.set_9_btn4-corner:hover.reverse .line4,
.set_9_btn4-corner:active.reverse .line4 {height: 20px;} */
/*按钮处理end*/


.i_download{float: left;width: 100%; height: 350px;background: #fff; margin: 40px 0; overflow:hidden;}
.i_download:hover{transition:all 0.30s ease-in-out;box-shadow: 0 0 15px #ccc;}
.i_download_le{float: left;width:590px; overflow:hidden;}
.i_download_le img{float: left;width: 100%; height:350px; transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s;}
.i_download:hover img { transform: scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.i_download_ri{float: left;width: 530px; padding: 0 40px;}
.i_download_ri .ptitle{float: left;width: 100%; line-height: 64px;font-size: 32px; color: #30aae4; margin: 30px 0 30px 0; background: url("../img/x2.jpg") no-repeat left bottom;}
.i_download_ri dl{float: left;width: 100%;}
.i_download_ri dl dt{float: left;width: 100%;line-height: 50px;font-size: 20px; color: #333;}
.i_download_ri dl dd{float: left;width: 100%;font-size: 16px;color: #999;line-height: 32px;}
/*.i_download_ri dl dd span a{ width: 31px; float: left;border-radius: 50%;background: #ddd;}
.i_download_ri dl dd span a:hover{background: #1c97d2;transition:all 0.30s ease-in-out;}*/

.i_con{float: left;width: 100%; height: 280px; margin: 0 0 40px 0;}
.i_con_a{float: left;width: 590px; background: #fff; transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s;}
.i_con_a:hover,.i_con_b:hover{transition:all 0.30s ease-in-out;box-shadow: 0 0 15px #ccc;}
.i_con_a:hover img,.i_con_b:hover img{ transform: scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.i_con_b{float: right;width: 590px; background: #fff;}
.i_con_a_le img {  transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s; }
.i_con_a_le{width: 275px;float: left; overflow:hidden;}
.i_con_a_ri{float: left;width: 215px; padding: 0 30px; overflow:hidden;}
.i_con_a_ri .ptitle{float: left;width: 100%;background: url("../img/x2.jpg") no-repeat left bottom; line-height: 64px;font-size: 32px;color: #30aae4; margin: 23px 0 0 0;}
.i_con_a_ri dl{float: left;width: 100%; margin: 20px 0 0 0;}
.i_con_a_ri dl dd{float: left;width: 100%;font-size: 16px;color: #999; line-height: 28px;}

/*.i_con_a_ri dl dd span a{ width: 31px; float: left;border-radius: 50%;background: #ddd;}
.i_con_a_ri dl dd span a:hover{background: #1c97d2;transition:all 0.30s ease-in-out;}*/




#bottom{float: left;width: 100%;background:#1797d4; padding: 40px 0;}
.bottom_le{float:right;width: 284px;}

.bottom_le p{width: 284px; float: left; margin: 10px 0 0 0;}
.bottom_le p a{width: 35px; height: 35px;float: left; margin: 0 10px 0 0;}
.bottom_le p a img.img_1{display: block;}
.bottom_le p a img.img_2{display: none;}
.bottom_le p a:hover img.img_1{display: none;}
.bottom_le p a:hover img.img_2{display: block;}
.bottom_le ul{width: 284px; float: left;}
.bottom_le ul li{width: 122px;float: left; text-align: center;color: #a7cfea; line-height: 22px; margin: 22px 20px 0 0;}
.bottom_le ul li img{width: 105px; height: 105px; border: 8px solid #fff; margin: 0 0 10px 0;float: left;}

.bottom_ri{float:left;width: 1000px;}
.bottom_ri dl{float: left; width: 180px; margin:0 20px 0 0;}
.bottom_ri dl dt{float: left;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px; color: #fff; line-height: 38px; margin: 0 0 15px 0;}
.bottom_ri dl dd{float: left;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 14px;line-height: 28px;color: #a7cfea;}
.bottom_ri dl dd a{color: #a7cfea;}
.bottom_ri dl dd a:hover{color: #fff; text-decoration: none;}

#copyright{float: left;width: 100%;background:#e7ecee; height: 50px; text-align:center; line-height: 50px;color: #333; font-size: 14px;}
/*index-0378b0*/


/*about*/
#n_banner{width: 100%;height: 651px;float: left;}


#n_content{width: 100%; float: left; margin: -600px 0 30px 0;}
.content{float: left;width: 1160px; background: #fff; padding: 20px;}
.location{float: left;width: 1090px; line-height: 40px;color: #999; background:url("../img/ico_2.png") no-repeat 0 center; margin: 0 0 10px 0; padding: 0 20px; font-size:14px;}
.left{float: left;width: 220px;}
.n_menu{float: left;width: 100%;}
.n_menu p{float: left;width:100%; line-height: 40px; border-top: 1px solid #0d85bf; background: #1797d4 url("../img/n_menu_jt.png") no-repeat 200px center;}
.n_menu p a{width:175px; padding: 0 30px 0 15px; height: 100%;float: left; color: #fff;font-size: 16px; text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.n_menu p:hover a{background: #0d85bf url("../img/n_menu_jt.png") no-repeat 200px center;}
.n_menu p.hov2 a{background: #0d85bf url("../img/n_menu_jt.png") no-repeat 200px center;}

.right{float: right; width: 910px;}
.right_tit{float: left;width: 910px;line-height: 82px;font-size:32px;color: #0d85bf;border-bottom: 1px solid #ddd;text-indent: 10px;}

.resources{float: left;width: 890px;padding: 10px;}
.resources p{ margin: 15px 0 0 0; width: 100%;float: left;font-size: 14px; line-height: 30px;}
.resources p b{ color: #333;font-size: 16px;}
/*about*/



/*honor*/
.honor{float: left;width: 890px; padding: 0 10px;}
.honor_a{float: left;width: 100%;}
.honor_a dl{float: left;width: 100%; margin: 10px 0;}
.honor_a dl dd{float: left;width: 100%; border-bottom: 1px dashed #ddd; line-height: 40px; font-size: 14px; padding: 5px 0;}
.honor_a dl dd p{float: left; width: 43px; height: 30px; margin: 5px 0; text-align: center;overflow: hidden;border: 1px solid #ddd;}
.honor_a dl dd p img{ height: 100%;}
.honor_a dl dd span{float: right;width: 835px;}

.paging{float: left;width: 100%;margin: 15px 0 0 0; overflow: hidden;}
.paging div{float: left;position: relative;left: 50%;}
.paging ul{position: relative;right: 50%;float: left;}
.paging li{ float:left; margin:0 5px;}
.paging li a{ width:30px; height:30px; border:1px solid #ddd; float:left; display:block; border-radius:5px; text-align:center; line-height:30px; font-size:14px;}
.paging li a:hover{ border:1px solid #1797d4; color:#fff; text-decoration:none; background:#1797d4;transition:all 0.50s ease-in-out;}
.paging li a.hov4{ border:1px solid #1797d4; color:#fff; text-decoration:none; background:#1797d4;}

.honor_b{float: left;width: 100%; margin: 30px 0 0 0;}
.honor_b .rollBox{width:100%;overflow:hidden; float:left;}

.honor_b .rollBox .pic{width:206px;float:left; margin-right:22px;}
.honor_b .rollBox .pic a{float: left;width:206px; height: 145px; text-align: center; position:relative;}
.honor_b .rollBox .pic a img{ height: 100%; width:100%; position:absolute; left:0; top:0;}
.honor_b .rollBox .pic a:hover img{ height: 102%; width:102%; transition:all 0.1s ease-in-out; left:-1%; top:-1%; position: absolute;}
.honor_b .rollBox .pic s{ width: 100%;float: left; line-height: 20px; text-align: center;text-decoration: none;overflow: hidden; margin: 5px 0 0 0; font-size:14px; height:40px;}

.rollBox #List1,.rollBox #List2{float:left;}
.img3{float: left; cursor: pointer; margin: 40px 0 0 0;}
.img4{float: right; cursor: pointer; margin: 40px 0 0 0;}
/*honor*/



/*security*/
.n_search{float: left;width: 220px; background: #fff; margin: 20px 0 0 0;}
.n_search p{float: left;width: 220px; line-height: 26px;font-size: 16px; color: #333;font-weight: bold; margin: 0 0 5px 0;}
.n_sea_inp{width: 159px; border: 1px solid #ddd; border-right:0;height: 34px;float: left; line-height: 34px; outline: none;color: #666;font-size: 14px; padding: 0 10px;border-radius: 5px 0 0 5px;}
.n_sea_but{float: left;width: 40px; height: 36px; border-radius: 0 5px 5px 0;background: #1797d4; color: #fff;font-size: 16px;cursor: pointer;outline: none;}



.security{float: left;width: 910px;}
.security_con{float: left;width: 100%; margin: 20px 0 0 0;}
.security_con p{float: left;width: 100%; margin: 0 0 10px 0;}
.security_con p img{float: left;width: 100%;}
.security_con dl{float: left;width: 100%;}
.security_con dl dt{float: left;width: 100%;font-size: 26px; color: #333;line-height: 50px;}
.security_con dl dd{float: left;width: 100%; line-height: 30px; font-size: 14px;}
.security_con dl dd p{float: left;width: 100%; margin: 20px 0 0 0;}

.security_con2{float: left;width: 880px; background: #f6f6f6; padding: 15px; margin: 30px 0; height: 150px; border-radius: 90px;}
.security_con2 p{float: left;width: 156px; height: 156px;border-radius: 50%;overflow: hidden;}
.security_con2 dl{float: right;width: 654px; padding: 0 30px 0 0;}
.security_con2 dl dt{float: left;width: 100%;font-size: 16px;line-height: 30px; color: #333; margin: 8px 0 20px 0;}
.security_con2 dl dd{float: left;width: 100%;color: #999;}
/*security*/


/*customer*/
.customer{float: left;width: 910px;}
.customer table{ border: 0;}
.customer table td{ border: 0; padding: 0 20px;font-size: 14px;}
.customer table td p{float: left;width: 460px;}
.cus_sel{ width: 150px; height: 30px; border: 1px solid #fff;background: #fff; color: #1797d4;font-size: 16px;}
/*customer*/


/*customer_1*/
.customer_1{float: left;width: 900px; padding: 20px 30px;}
.customer_1_tit{float: left;width: 100%; color: #333;}
.customer_1_tit p{float: left;width: 100%;font-size: 30px; line-height: 50px;}
.customer_1_tit span{float: left;width: 100%;font-size: 16px; line-height: 30px;}

.customer_1_con_1{float: left;width: 100%; margin: 20px 0 0 0;}
.customer_1_con_1 p{float: left;width: 440px;}
.customer_1_con_1 p img{float: left;width: 100%;}
.customer_1_con_1 span{float: right;width: 440px;font-size: 18px;line-height: 32px;}

.customer_1_con_2{float: left;width: 100%;font-size: 14px;line-height: 28px;}
.customer_1_con_2 p{float: left;width: 100%;margin: 20px 0 0 0;}
.customer_1_con_2 p b{color: #333;font-size: 18px;}
/*customer_1*/


/*film*/
.n_menu_2{float: left;width: 100%;}
.n_menu_2 p{float: left;width:100%; line-height: 40px; border-top: 1px solid #0d85bf; background: #1797d4 url("../img/n_menu_jt.png") no-repeat 200px center;}
.n_menu_2 p a{width:175px; padding: 0 30px 0 15px; height: 100%;float: left; color: #fff;font-size: 14px; text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.n_menu_2 p:hover a{background: #1797d4 url("../img/n_menu_jt.png") no-repeat 200px center;}*/
.n_menu_2 p.hov2 a{background: #1797d4 url("../img/n_menu_jt.png") no-repeat 200px center;}
.n_menu_2 span{float: left;width:205px; padding: 0 0px 0 15px; line-height: 40px; border-top: 1px solid #0d85bf; background: #1797d4 url("../img/n_menu_jt.png") no-repeat 200px center; color:#fff; font-size: 14px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.n_menu_2 span a{ color:#FFF; display:block; width:205px;}
.n_menu_2 .menu_head:hover a { color:#c0c0c0; transition:all 0.50s ease-in-out; }
.n_menu_2 span.current{ background: #1797d4 url("../img/n_menu_jt2.png") no-repeat 195px center;}
.n_menu_2 span.current a { color:#c0c0c0; }
.n_menu_2 div{float: left; width: 190px; background: #0d76a8; padding:10px 15px; display: none;}
.n_menu_2 div a{width: 100%; float: left; color: #a7cadd;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:14px;}
.n_menu_2 div a:hover{ color: #fff;text-decoration: none;}
.n_menu_2 div a.hov5{ color: #fff;text-decoration: none;}

.film{float: left;width: 910px; padding: 20px 0;}
.ship{float: left;width: 100%; background: #fff; margin: 0 0 30px 0; text-align: center;}
.film .rollBox{width:100%;overflow:hidden; float:left;}
.film .rollBox .Cont{width:830px;overflow:hidden; float:left; margin: 0 0 0 10px;}
.film .rollBox .ScrCont{width:10000000px;}
.film .rollBox .Cont .pic{width:192px;float:left; margin-right:20px;}
.film .rollBox .Cont .pic a{float: left;width: 100%; height: 130px; overflow: hidden;}
.film .rollBox .Cont .pic a img{float: left;width: 100%;}
.film .rollBox .Cont .pic s{ width: 100%;float: left; line-height: 20px;text-decoration: none; margin: 10px 0 0 0;}
/*film*/


/*dynamics*/
.dynamics{float: left;width: 910px; padding: 20px 0;}
.dynamics_con{float: left;width: 276px; margin: 0 0 20px 20px;}
.dynamics_con p{float: left;width:100%; height:165px; overflow: hidden;}
.dynamics_con dl{float: left;width: 100%;}
.dynamics_con dl dt{float: left;width: 100%; line-height: 26px; font-size: 14px; color: #333; margin:10px 0; min-height:52px;}
.dynamics_con dl dd{float: left;width: 100%;}
.dynamics_con dl dd s{float: left;font-size: 12px;color: #999; text-decoration: none; line-height: 32px;}
.dynamics_con dl dd a{float: right;width: 96px;border: 1px solid #ddd; height: 30px; line-height: 30px; text-align: center; border-radius: 16px;}
.dynamics_con dl dd a:hover{ border: 1px solid #1797d4; color: #ffffff;background:#29aae3; text-decoration: none;transition:all 0.30s ease-in-out;box-shadow: 0 0 10px #bde0f1;}


.dynamics_con2{float: left;width:273px; margin:0 0 20px 20px; overflow:hidden; background:#f3f3f3; height:132px;}
.dynamics_con2 .p1{ width:100%; text-align:center; margin:2px 0px;}
/*dynamics*/


/*dynamics_1*/
.dynamics_1{float: left;width: 910px;}
.dynamics_1 dl{float: left;width: 890px; padding: 20px 10px;}
.dynamics_1 dl dt{float: left;width: 100%; padding: 0 0 15px 0;border-bottom: 1px dashed #ddd; text-align: center;}
.dynamics_1 dl dt p,.news_1 dl dt span，.news_1 dl dt s{float: left;width: 100%;}
.dynamics_1 dl dt p{ font-size: 22px; color: #1797d4; line-height: 50px;}
.dynamics_1 dl dt s{line-height: 30px;color: #999; text-decoration: none; margin: 0 0 20px 0; font-size:14px;}
.dynamics_1 dl dt span{ height: 12px;}
.dynamics_1 dl dd{float: left;width: 100%; margin: 15px 0 0 0; font-size: 14px; line-height: 30px;}
.dynamics_1 dl dd p{float: left;width: 100%; margin: 0 0 20px 0;}

.dynamics_1 dl dd table{ width:100%; background:#dedede; border-spacing:0px; border-top:#dedede solid 1px;}
.dynamics_1 dl dd table tr td:first-child{width:180px; padding:10px 5px;}
.dynamics_1 dl dd table td{ padding:10px 5px; font-size:14px; background:#f6f6f6; word-break:break-word; border-bottom:#dedede solid 1px;}
.dynamics_1 dl dd table td b{ color: #333;}
.dynamics_1 dl dd table td p{ margin:0px; padding:0px;}
/*dynamics_1*/


/*impression*/
.impression{float: left;width: 890px; padding: 0 10px;}
.impression_con{float: left;width:100%; padding: 20px 0; border-bottom: 1px dashed #ddd;}
.impression_con p{float: left;width:200px; height:180px;overflow: hidden;position: relative;}
.impression_con p s{ width:200px; height:180px; position:absolute;left: 0;top: 0;background: url("../img/cases_bg.png") no-repeat;display: none;}
.impression_con p:hover s{display: block;}
.impression_con p img{float: left;width: 100%;}
.impression_con dl{float: right;width:670px; margin:15px 0 0 0;}
.impression_con dl dt{float: left;width: 100%;font-size: 18px;color: #333; line-height: 30px;}
.impression_con dl dd{float: left;width: 100%; font-size: 14px; line-height: 28px; margin: 20px 0 0 0;}
.impression_con dl dd span{float: right;}
.impression_con dl dd span a{float: left; margin: 0 0 0 30px; color: #999; padding:0 0 0 25px;}
.impression_con dl dd span a:hover{ color: #1797d4;text-decoration: none;}
.impression_con dl dd span a.a1{background: url("../img/download_ico.png") no-repeat left center;}
.impression_con dl dd span a.a2{background: url("../img/detailed_ico.png") no-repeat left center;}
.impression_con dl dd span a.a1:hover{background: url("../img/download_ico2.png") no-repeat left center;}
.impression_con dl dd span a.a2:hover{background: url("../img/detailed_ico2.png") no-repeat left center;}
/*impression*/

/*cases*/
.cases{float: left;width: 890px; padding: 0 10px;}
.cases_con{float: left;width:100%; padding: 20px 0; border-bottom: 1px dashed #ddd;}
.cases_con p{float: left;width:200px; height:180px; overflow: hidden;position: relative;}
.cases_con p s{ width:200px; height:180px; position: absolute; left: 0; top: 0;background: url("../img/cases_bg.png") no-repeat;display: none;}
.cases_con p:hover s{display: block;}
.cases_con p img{float: left;width: 100%; height:180px;}
.cases_con dl{float: right;width:670px; margin:15px 0 0 0;}
.cases_con dl dt{float: left;width: 100%;font-size: 18px;color: #333; line-height:30px;}
.cases_con dl dd{float: left;width: 100%; font-size: 14px; line-height: 28px; margin:15px 0 0 0;}
.cases_con dl span{float: right; margin-top:12px;}
.cases_con dl .a2{float:left; color: #999; padding:0 0 0 25px; background: url("../img/detailed_ico.png") no-repeat left center;}
.cases_con dl .a2:hover{ color: #1797d4;text-decoration: none; background: url("../img/detailed_ico2.png") no-repeat left center;}
/*cases*/



/*partner*/
.partner{float: left;width: 910px; padding-top:15px; font-size:14px; min-height:350px;}
.partner dl{ width:900px; padding:20px 0; border-bottom:1px dashed #ddd; float:left;}
.partner dl dt{ float:left; width:200px;}
.partner dl dd{ float:right; width:680px; font-size:14px;}
/*partner*/



/*distributor*/
.distributor{float: left;width: 910px;}
.distributor_a{float: left;width: 880px; padding: 0 15px;}
.distributor_a p{ margin: 15px 0 0 0; width: 100%;float: left;font-size: 14px; line-height: 30px;}
.distributor_a p b{ color: #333;font-size: 16px;}

.distributor_b{float: left;width: 100%; margin: 20px 0 0 0;}
.distributor_b_tit{float: left;width: 870px; height: 40px; background: #f6f6f6; padding: 0 15px;}
.distributor_b_tit p{float: left; line-height: 40px;font-size: 14px;}
.dis_select{float: left;width: 160px; border: 1px solid #ddd; background: #fff; border-radius: 3px; height: 30px; line-height: 30px; margin: 5px 0 0 10px;font-size: 14px;color: #333; outline: none;}
.dis_button{float: left;width: 80px; height: 30px; background: #1797d4; border-radius: 3px; font-size: 16px;color: #fff; outline: none; cursor: pointer; margin: 5px 0 0 10px;}
.distributor_b_tit span{float: right;line-height: 40px;font-size: 14px;color: #999;}
.distributor_b_tit span b{ color: #1797d4;}

.distributor_b_con{float: left;width: 100%;}
.distributor_b_con dl{ width: 880px;padding:20px 15px; border-bottom:1px dashed #ddd; float:left;}
.distributor_b_con dl dt{ float:left; width:200px;}
.distributor_b_con dl dd{ float:right; width:660px; font-size:14px; margin: 10px 0 0 0;}
.distributor_b_con dl dd a{float: left;width: 96px;border: 1px solid #ddd; height: 30px; line-height: 30px; text-align: center; border-radius: 16px; margin: 10px 0 0 0;}
.distributor_b_con dl dd a:hover{ border: 1px solid #1797d4; color: #1797d4; text-decoration: none;transition:all 0.30s ease-in-out;box-shadow: 0 0 10px #bde0f1;}
/*distributor*/



/*distributor_1*/
.distributor_1{float: left;width: 890px; padding: 20px 10px;}
.distributor_1_a{float: left;width: 100%;}
.distributor_1_a dl{float: left;width: 100%;}
.distributor_1_a dl dt{float: left;width: 100%; margin: 0 0 20px 0;}
.distributor_1_a dl dt img{float: left;}
.distributor_1_a dl dd{float: left;width: 100%;font-size: 14px; line-height: 28px; margin: 0 0 20px 0;}
.distributor_1_a dl dd p{float: left;width: 200px;color: #999;}
.distributor_1_a dl dd span{float: left;width: 690px;color: #333;}

.distributor_1_b{float: left;width:100%; margin: 20px 0 0 0;}
.distributor_1_b_tit{float: left;width: 100%; line-height: 40px; font-size: 18px;color: #333;font-weight: bold;}
.distributor_1_b_con{float: left;width: 100%;}
.distributor_1_b_con dl{float: left;width: 100%;}
.distributor_1_b_con dl dd{float: left;width: 100%;font-size: 14px; margin:20px 0 0 0;}
.distributor_1_b_con dl dd p{float: left;width: 200px; line-height: 40px;}
.distributor_1_b_con dl dd span{float: left;width: 690px;}
.dis_input{float: left;width: 280px;border: 1px solid #ddd; height: 38px; border-radius: 5px; outline: none;color: #333;font-size: 14px; padding: 0 10px;}
.dis_textarea{float: left;width: 600px; border: 1px solid #ddd; height: 200px; padding: 10px;color: #333;font-size: 14px; outline: none; border-radius: 5px;}
.dis_button2{float: left;width: 120px; height: 40px; background: #1797d4; border-radius: 3px; font-size: 16px;color: #fff; outline: none; cursor: pointer; margin: 5px 0 0 200px;}
/*distributor_1*/


/*contact*/
.contact{float: left;width: 910px;}
.contact dl{float: left;width: 100%; margin: 20px 0 0 0; font-size:14px; line-height:30px; padding:0 15px;}
.contact dl dt{float: left;width: 880px; line-height: 50px;font-size: 18px;color: #333; background: #f6f6f6; padding: 0 15px; margin: 0 0 10px 0;}
.contact dl dd{float: left;width: 880px; line-height: 30px;font-size: 14px;}
/*contact*/



/*join*/
.join{float: left;width: 910px;}
.join dl{float: left;width: 100%; margin: 20px 0 0 0;}
.join dl dt{float: left;width: 880px; line-height: 50px;font-size: 18px;color: #333;background: #f6f6f6; padding: 0 15px; margin: 0 0 10px 0;}
.join dl dd{float: left;width: 880px; line-height: 30px;font-size: 14px; padding: 0 15px;}
.join dl dd p{float: left;width: 100%;}
.join dl dd b{font-size: 16px;color: #333;}
.join dl dd a{font-size: 22px;color: #1797d4;}
/*join*/




/*feedback*/
.feedback{float: left;width: 850px; padding: 0 30px;}
.feedback dl{float: left;width: 100%;}
.feedback dl dd{float: left;width: 100%;font-size: 14px; margin:20px 0 0 0;}
.feedback dl dd p{float: left;width: 200px; line-height: 40px;}
.feedback dl dd span{float: left;width: 650px;}
/*feedback*/


/*history*/
.history{float: left;width: 910px; padding: 20px 0;}
.history_a{float: left;width: 880px; padding: 0 15px;}
.history_a dl{float: left;width: 100%;}
.history_a dl dt{float: left;width: 100%;font-size: 30px;color: #333; line-height: 50px;}
.history_a dl dd{float: left;width: 100%; line-height: 30px;font-size: 14px;}
.history_a dl dd p{float: left;width: 100%;}
.history_a dl dd p b{font-size: 18px;color: #333;}
.history_b{float: left;width: 910px; margin: 30px 0;}
.history_b h5{float: left;width: 870px;font-size: 30px;color: #333; line-height: 50px;font-weight: normal; padding: 0 15px;}
.history_b s{text-decoration: none;font-size: 18px;color: #333;width: 870px;float: left; padding: 0 15px;}
.history_b div{float: left;width: 870px; padding:0 10px; background: url("../img/xian.gif") repeat-y 15px top; margin: 30px 0 0 0;}
.history_b dl{float: left;width:870px;padding: 20px 0;}
.history_b dl dt{float: left;width: 840px; background: url("../img/jt.png") no-repeat 3px center; line-height: 36px;font-size: 16px; font-weight: bold;color: #1797d4; padding: 0 0 0 30px;}
.history_b dl dd{float: left;width: 840px; padding: 0 0 0 30px;font-size: 14px; line-height: 28px;}
.history_b dl dd p{float: left;width: 100%;}
/*history*/



/*support*/
.support{float: left;width: 890px; padding:20px 10px;}
.support_a{float: left;width: 890px;}
.support_a li{float: left; width: 100%; line-height: 40px; border-bottom: 1px dashed #ddd;}
.support_a li p{float: left;width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px; background: url("../img/sjx3.png") no-repeat 10px center; padding:0 0 0 25px;}
.support_a li span{float: right;color: #999;}
.support_a li span a{width:40px; height: 40px; background: url("../img/download_ico.png") no-repeat center center; float: right;}
.support_a li span a:hover{ background: url("../img/download_ico2.png") no-repeat center center;}

.support_a .video{ float: left; width:280px; margin:0 24px 20px 0px; border:none;}
.support_a .video a{ line-height:22px; display:block;}
.support_a dl dt{ font-size:14px; line-height:26px;}
.support_a dl dd s{float: left; font-size: 12px; color:#999; text-decoration: none; line-height: 32px;}
.support_a dl dd .more{ float: right; width: 96px; border: 1px solid #ddd; height: 30px; line-height: 30px; text-align: center; border-radius: 16px;}
/*support*/



/*Learn Button 处理start*/
.set_4_button4 {  position: relative;  font-weight: 400;  text-align: center;  width: auto;  float:left;  /*padding:0 25px;*/  line-height:45px;  overflow: hidden;  position: relative;  z-index: 0;  cursor: pointer;  color:#252b2d;  margin-right: 2.5em;}
.set_4_button4.raised {  -moz-transition: all 0.1s;  -o-transition: all 0.1s;  -webkit-transition: all 0.1s;  transition: all 0.1s;  /*background: #b9ccd2;*/}
.set_4_button4.raised:active {  background: #515151;  box-shadow: 0px 1px 1px #063e6b;}
.anim {  -moz-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%);  -webkit-transform: translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);  position: absolute;  top: 50%;  left: 50%;  z-index: -1;}
.anim:before { position: relative;  content: '';  display: block;  margin-top: 100%;}
.anim:after {  content: '';  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  border-radius: 50%;}
.clickable .toggle:checked + .anim { -moz-animation: anim-in 0.75s;  -webkit-animation: anim-in 0.75s;  animation: anim-in 0.75s;}
.clickable .toggle:checked + .anim:after {  -moz-animation: anim-in-pseudo 0.75s;  -webkit-animation: anim-in-pseudo 0.75s;  animation: anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim {  -moz-animation: anim-out 0.75s;  -webkit-animation: anim-out 0.75s;  animation: anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after {  -moz-animation: anim-out-pseudo 0.75s;  -webkit-animation: anim-out-pseudo 0.75s;  animation: anim-out-pseudo 0.75s;}

.hoverable:hover > .anim {  -moz-animation: anim-out 0.75s;  -webkit-animation: anim-out 0.75s;  animation: anim-out 0.75s;}
.hoverable:hover > .anim:after {  -moz-animation: anim-out-pseudo 0.75s;  -webkit-animation: anim-out-pseudo 0.75s;  animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in { 0% {    width: 0%;  }  100% {    width: 100%;  }}
@-moz-keyframes anim-in {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@-ms-keyframes anim-in {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@keyframes anim-in {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@-webkit-keyframes anim-in-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@-moz-keyframes anim-in-pseudo { 0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@-ms-keyframes anim-in-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@keyframes anim-in-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@-webkit-keyframes anim-out {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@-moz-keyframes anim-out {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@-ms-keyframes anim-out {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@keyframes anim-out {  0% {    width: 0%;  }  100% {    width: 100%;  }}
@-webkit-keyframes anim-out-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@-moz-keyframes anim-out-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@-ms-keyframes anim-out-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent;  }}
@keyframes anim-out-pseudo {  0% {    background: rgba(0, 0, 0, 0.25);  }  100% {    background: transparent; }}
/*end*/
/*products*/
.le_new{float: left;width: 220px; margin: 20px 0;}
.le_new_tit{float: left;width: 220px; line-height: 26px;font-size: 16px; color: #333;font-weight: bold; margin: 0 0 5px 0;}
.le_new_con{float: left;width: 220px;}
.pro2{float: left;width: 220px; position: relative; margin:10px 0 0 0;}
.pro2 p{float: left; width: 90px; border: 1px solid #ddd; overflow: hidden;}
.pro2 p img{float: left;width: 100%;}
.pro2 dl{float: right;width: 118px;}
.pro2 dl dt{float: left;width: 100%; font-size: 12px;color: #333; line-height: 26px; font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro2 dl dd{float: left;width: 100%;line-height: 22px;color: #999;}


.products{float: left;width: 910px;}
.products_a{float: left;width: 880px;padding:30px 10px;}
.products_a p{float: left;width: 100%;font-size: 14px; line-height: 28px;}
.products_a p b{font-size: 20px; color: #333; line-height: 38px;}
.products_b{float: left;width: 910px;}
.products_b_tit{float: left;width: 910px; height: 40px; background: #f6f6f6;}
.products_b_tit a{ float: left;padding: 0 15px; margin: 0 0 0 0px; line-height: 40px;font-size: 16px;color: #333;}
.products_b_tit a:hover{ background:#0d86bf url("../img/x3.jpg") repeat-x left bottom;color: #FFF; text-decoration: none;}
.products_b_tit a.hov6{ background:#0d86bf url("../img/x3.jpg") repeat-x left bottom;color: #FFF; text-decoration: none;}

.products_b_con{float: left;width: 910px; margin: 30px 0 0 0;}
.pro{float: left;width: 425px; margin: 0 0 20px 20px; position: relative; border:1px solid #ddd;}
.pro p{float: left; width: 168px; border-right: 1px solid #ddd; height:168px; overflow: hidden; background-color:#f4f4f4;}
.pro p img{float: left;width: 100%; transition: all .5s; -webkit-transition: all .5s; -ms-transform: all .5s; -moz-transform: all .5s; -o-transform: all .5s;}
.pro:hover p > a > img { animation:showscale 1.5s; }
.pro dl{float: right;width: 235px; margin-top:15px;}
.pro dl dt{float: left;width: 100%; font-size: 15px;color: #333; line-height: 26px; margin: 0 0 10px 0;}
.pro dl dd{float: left;width: 100%; line-height: 22px; height:62px; font-size:14px;}
.learnmore{ display:block; background:#2faae5; width:120px; height:35px; float:left; color:#FFF; line-height:35px; text-align:center; border-radius:3px; font-size:14px;}
.pro dl dd a{ color:#999;}
.pro dl dd a:hover { color:#2faae5; transition:all 0.30s ease-in-out; }
.learnmore:hover{ /*background:#1797d4;*/ color:#FFF;}
/*products*/



/*products_1*/
.products_1{float: left;width: 910px;}
.products_1_a{float: left;width: 100%;}
.products_1_a_left{float: left;width:440px; position:relative; height:468px;}
.products_1_a_left p{float: left;width:100%; height:440px;overflow: hidden;}
.products_1_a_left p img{ width:90%; margin-left:5%;}

.products_1_a_left ul{float: left;width: 100%; padding:0px; margin:0px; position:absolute; left:0px; top:380px; background:#FFF;}
.products_1_a_left ul li{ display: inline-block; width:75px; height:65px; padding:0px; overflow:hidden; text-align: center; border:#dedede solid 1px; margin:0 6px;}
.products_1_a_left ul li img{ padding:0px; border:none; float:left; margin-top:-5px;}

.products_1_a_right{float: right;width: 450px;}
.products_1_a_right dl{float: left;width: 100%;}
.products_1_a_right dl dt{float: left;width: 100%; line-height: 36px; font-size:28px;color: #333; margin: 20px 0;}
.products_1_a_right dl dd{float: left;width:425px;font-size: 14px;line-height:18px; background: url("../img/sjx3.png") no-repeat left 12px; padding: 8px 0 8px 15px;}

.products_1_a_right .biao{float: left;width: 100%; padding:0px; margin:10px 0 0 0;}
.products_1_a_right .biao li{float: left; width: 76px;text-align: center; line-height: 22px; margin:0px 5px 0 0px;}
.products_1_a_right .biao li s{float: left;width: 100%;}


.products_1_b{float: left;width: 100%; margin: 40px 0 0 0;}
.products_1_b_tit{float: left;width: 100%; height: 50px;background: #f6f6f6;}

.products_1_b_tit li{float: left;width:16.66%;}
.w2 li{ width:50%;}
.w3 li{ width:33.33%;}
.w4 li{ width:25%;}
.w5 li{ width:20%;}

.products_1_b_tit li a{width: 100%; height: 50px;text-align: center;float: left; line-height: 50px;font-size: 16px;color: #333; background: url("../img/x4.jpg") repeat-x left bottom;text-decoration: none;}

.products_1_b_tit li.selectTag a{ background: url("../img/x3.jpg") repeat-x left bottom;color: #0d85bf;}
.products_1_b_con{float: left;width: 910px;}
.spe_con,.vid_con,.dow_con,.acc_con,.ove_con{float: left;width: 100%; margin: 20px 0 0 0; font-size:14px; line-height:26px;}
.ove_con p{ font-size:14px; line-height:30px;}


.spe_con table{ width:100%; background:#dedede; border-spacing:1px; border:0;}
.spe_con table tr td:first-child{width:280px;}
.spe_con table td{ padding:6px 15px; font-size: 14px; background:#FFF; word-break:break-word;}
.spe_con table td b{ color: #333;}

.pro_detail_spe_con table{ width:100%; background:#fff; border-spacing:1px; border:0;}
.pro_detail_spe_con table tr td:first-child{width:280px;}
.pro_detail_spe_con table td{ padding:6px 15px; font-size: 14px; background:#FFF; word-break:break-word;}
.pro_detail_spe_con table td b{ color: #333;}



.vid_con_sp{float: left;width: 100%; background: #333; margin: 0 0 30px 0;}
.vid_con .rollBox{width:100%;overflow:hidden; float:left;}
.vid_con .rollBox .Cont{width:100%;overflow:hidden; float:left; margin:0px;}
.vid_con .rollBox .ScrCont{width:1000px;}
.vid_con .rollBox .Cont .pic{width:190px;float:left; margin-right:20px;}
.vid_con .rollBox .Cont .pic a{float: left;width: 100%; height: 130px; overflow: hidden;}
.vid_con .rollBox .Cont .pic a img{float: left;width: 100%;}
.vid_con .rollBox .Cont .pic s{ width: 100%;float: left; line-height: 20px;text-decoration: none; margin: 10px 0 0 0;}

.dow_con li{float: left; width: 100%; line-height: 40px; border-bottom: 1px dashed #ddd;}
.dow_con li p{float: left;width: 700px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px; background: url("../img/sjx3.png") no-repeat 10px center; padding:0 0 0 25px;}
.dow_con li span{float: right;color: #999;}
.dow_con li span a{width:40px; height: 40px; background: url("../img/download_ico.png") no-repeat center center; float: right;}
.dow_con li span a:hover{ background: url("../img/download_ico2.png") no-repeat center center;}

.acc{float: left;width: 425px; margin:15px 20px 20px 0; position: relative; border:1px solid #ddd;}
.acc p{float:left; width:168px; border-right:1px solid #ddd; height:168px; overflow: hidden; background-color:#f4f4f4;}
.acc p img{float: left;width: 100%;}
.acc dl{float: right;width: 235px; margin-top:15px;}
.acc dl dt{float: left;width: 100%; font-size: 14px;color: #333; line-height: 26px; margin: 0 0 10px 0;}
.acc dl dd{float: left;width: 100%;line-height: 22px;color: #999;}
/*products_1*/

.right-nav {position:fixed; right:5px; top:50%; margin-top:-144px;width:48px; z-index:10000;}
.right-link { position:relative;}
.right-link img{ margin:0px; padding:0px; height:auto; float:left; display:block;}