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;}
html{ font-size:62.5%;}

body{font-size:1.3rem; line-height:26px;color:#666; width:100%; font-family:microsoft yahei; background:#e7ecee;}
fieldset,img,input,button{border:0; margin:0; padding:0;}
input,button,textarea{font-family:"Open Sans";}
ul,li{list-style-type:none;}
a{ color:#666;text-decoration:none;}
a:hover{ color:#1c97d2; text-decoration:underline;}

/*index*/
#head{ width: 94%; height: 30px; position: fixed; left: 0; top: 0; z-index: 999; background: #fff; padding: 10px 3%; box-shadow:2px 1px 5px 1px #dedede;}
#head h1{ float: left; height: 30px;}
#head h1 img{ float: left; height: 100%;}
.head_r{ float: right; height: 30px;}
.ss{ float: left; width: 40px; text-align: center;}
.ss a{ color: #666; text-decoration: none; font-size: 1.8rem; width: 100%; line-height: 30px;}
.ss a:hover{color: #518ad0;}
.header-button{ float: left;}
#toggle-search {float: right;background-position: -50px 0;}
#toggle-search.open:after {top: 30px; display: none;}
#toggle-search:after {-moz-transition: top, 0.5s;-o-transition: top, 0.5s;-webkit-transition: top, 0.5s;transition: top, 0.5s;position: absolute;top: 42px;right: 50%;margin-left: -8px;content: "";border-color: transparent transparent #e1e4e7;border-style: solid;border-width: 8px 8px 12px; display: none;}
#toggle-basket {position: relative;float: right;background-position: -120px 0;}
#toggle-basket:before {position: absolute;top: 5px;left: 0;width: 2px;height: 50px;content: "";background-color: #000;}

#search-form {-moz-transition: max-height, 0.5s;-o-transition: max-height, 0.5s;-webkit-transition: max-height, 0.5s;transition: max-height, 0.5s;position: absolute;top: 50px;left: 0;width: 100%;max-height: 0;overflow: hidden;background-color: #e1e4e7;z-index: 999;}
#search-form.open {max-height: 50px;}
#search-form fieldset {position: relative;margin: 0 60px 0 0;padding: 0;border: none;}
#search-form input {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;height: 50px; outline: none; width:calc(100% - 50px); background:none; border-radius:0px; padding:0 5px; font-size:12px;}
#search-form input[type="search"] {width: 100%;padding: 0 5px 0 22px;background: transparent;border: none;}
#search-form input[type="submit"] {position: absolute;bottom: 0;right: 0;width: 60px;margin: 0;padding: 0;font-weight: 700;text-transform: uppercase;color: #fff;background: #518ad0;border: none;cursor: pointer; -webkit-appearance:none; border-radius:0px;}

.yh{ float: left; width: 40px; line-height: 30px;}
.yh a{ font-size: 1.8rem; text-decoration: none; width: 100%; height: 100%; text-align: center; float: left;}


.sp_nav{width:40px;float:left;position:relative;cursor:pointer; height: 29px; margin: 1px 0 0 0;}
.sp_nav span{display:block;background:#518ad0;width:18px;height:2px;position:absolute;left:0;transition:all ease 0.35s; margin: 7px 0 0 11px;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:6px}
.sp_nav span:nth-of-type(3){top:12px}
.sp_nav_se span:nth-of-type(1){top:6px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:6px;transform:rotate(-45deg)}


.menu{position:fixed;background:#fff;border-top: 1px solid #ddd; width:97%; padding:2% 3% 2% 0; height:calc(100% - 60px);top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index: 99;}
.nav_show{top:50px}
.menu>ul>li:first-child{overflow:hidden;border-top:0}
.menu>ul>li:first-child>a{float:left;width:100%;}
.menu ul li i{position:absolute;top:4px;right:0; height:28px;}
.menu ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.menu ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.menu ul li{border-top:1px #ddd solid;margin-left:3%;position:relative;line-height:40px;font-size:1.2rem; width: 97%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.menu>ul >li:last-child{border-bottom:1px #ddd solid;}
.menu ul li ul{display:none}
.menu ul li a{color:#333;width:90%;display: block; font-size:14px;}
.menu ul li ul li a{color:#666;display:block;text-align:left;}
.menu ul li i svg{width:28px;height:28px;fill:#999;}
.menu ul li .sjj_nav_i_se svg{fill:#518ad0}
.menu ul li ul li ul li a{color:#999;display:block;text-align:left;}

.menu>ul>li select{ float: left;border: solid 1px #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../img/sjx.png") no-repeat scroll right center transparent; width:100%; height: 30px;outline: none; color: #999;font-size: 1.2rem;}



#banner{float: left;width: 100%; margin: 50px 0 0 0;}
#banner .main_visual{overflow:hidden;position:relative; width:100%;}
#banner .main_image{position:relative; width:100%; float:left;overflow:hidden;}
#banner .main_image ul{width:9999px; float:left; padding-bottom:45.8%;}
#banner .main_image li{float:left;width:100%; text-align:center;}
#banner .main_image li img{ float:left; width:100%;}
#banner .main_image li span{display:block;width:100%;}
#banner .main_image li a{display:block;width:100%;}

#banner div.flicking_con{position:absolute;top:92%;left:0;z-index:99;width:100%;height:6px; overflow:hidden;}
#banner div.flicking_con a{float:left;width:6px;height:6px; border-radius:50%;padding:0;background-color:rgba(255,255,255,0.3);display:block;text-indent:-1000px; margin:0 3px;}
#banner div.flicking_con a.on{background:#fff;}
#banner #btn_prev,#banner #btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;}



#i_products{ float: left; width: 100%; background: #fff; padding: 3% 0;}
.i_products_tit{ float: left; width: 94%; line-height: 32px; padding: 0 3%;}
.i_products_tit h2{float: left; width: 20%; font-size: 1.6rem; color: #1c97d2; font-weight: normal;}
.i_products_tit p{ float: right; width: 28px; height: 28px; margin:2px 0 0 0;}
.i_products_tit p img{ width: 28px; height: 28px; float: left;}
.i_products_tit p a{ width: 100%; float: left; background: #ddd; border-radius: 50%;}
.ren_order_tit{ float:left; width:68%; margin-top:0px;}
.ren_order_tit>.wrap{min-width: 220px; width:100%; float:left;overflow:hidden;}
.ren_order_tit>.wrapper01 {position:relative;height:32px;width: 100%;overflow: hidden; float:left;}
.ren_order_tit>.wrapper01>.scroller {position:absolute}
.ren_order_tit>.wrapper01>.scroller li{float: left; position:relative;}
.ren_order_tit>.wrapper01>.scroller li a{color:#666;display:block; margin:0 10px; float:left;line-height: 32px;font-size:1.2rem;height: 32px;text-decoration:none;}
.ren_order_tit>.wrapper01>.scroller li.selectTag a{ font-weight: bold;}

.i_products_con{ float: left; width: 100%; margin: 2% 0 0 0;}
.i_pro{ float: left; width: 100%; display: none;}
.ipp{ float: left; width: 45.5%; margin: 0 0 3% 3%; position: relative;}
.ipp p{ float: left; width: 98.6%; border: 1px solid #ddd;}
.ipp p img{ float: left; width: 100%;}
.ipp dl{ float: left; width: 100%; margin: 2% 0 0 0;}
.ipp dl dt{ float: left; width: 100%; line-height: 30px; font-size: 1.4rem; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ipp dl dd{ float: left; width: 100%; line-height:16px; color: #999;}
.ipp dl dd a{ color: #999;}

#i_news{ float: left; width: 94%; background: #fff; margin: 3% 0 0 0; padding: 3%;}
.i_news_tit{ float: left; width: 100%; line-height: 32px;}
.i_news_tit h3{ float: left; font-size: 1.6rem; color: #1c97d2; font-weight: normal;}
.i_news_tit p{ float: right; width: 28px; height: 28px; margin: 2px 0 0 0;}
.i_news_tit p img{ width: 28px; height: 28px; float: left;}
.i_news_tit p a{ width: 100%; height: 100%; float: left; background: #ddd; border-radius: 50%;}
.i_news_con{ float: left; width: 100%; margin: 3% 0 0 0;}
.i_news_con p{ float: left; width: 100%; position: relative;}
.i_news_con p img{ float: left; width: 100%;}
.i_news_con p s{ width: 94%; height: 32px;background-color: rgba(11,11,11,0.5); position: absolute; left: 0; bottom: 0; text-decoration: none; text-align: center; color: #fff; line-height: 32px; padding: 0 3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.i_news_con p a{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.i_news_con ul{ float: left; width: 100%; margin: 3% 0 0 0;}
.i_news_con ul li{ float: left; width: 100%; line-height: 32px; border-bottom: 1px dashed #ddd;}
.i_news_con ul li span{ width: 68%; float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: url("../img/sjx2.png") no-repeat left center; padding: 0 0 0 2%;}
.i_news_con ul li s{ float: right; color: #aaa; text-decoration: none;}



#i_case{ float: left; width: 94%; background: #fff; margin: 3% 0 0 0; padding: 3%;}
.i_case_con{ float: left; width: 100%;}
.icc{ width: 100%;float: left; margin: 3% 0 0 0; position: relative;}
.icc p{ width: 32%; float: left; overflow: hidden;}
.icc p img{ float: left; width: 100%;}
.icc dl{ float: right; width: 65%;}
.icc dl dt{ float: left; width: 100%; line-height: 30px; font-size: 1.6rem; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.icc dl dd{ width: 100%; float: left; line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all; color: #999;}



#i_download{ float: left; width: 94%; padding: 3%; background: #fff; margin: 3% 0 0 0;}
.i_download_con{ width: 100%; float: left; margin: 3% 0 0 0;}
.i_download_con span{ float: left; width: 100%;}
.i_download_con span img{ float: left; width: 100%;}
.i_download_con dl{ float: left; width: 100%; margin: 3% 0 0 0;}
.i_download_con dl dt{ float: left; width: 100%; line-height: 32px; color: #333; font-size: 1.4rem;}
.i_download_con dl dd{ float: left; width: 100%; line-height: 22px; color: #999;}



#i_study,#i_support{ width: 94%; padding: 3%; background: #fff; margin: 3% 0 0 0; float: left;position: relative;}
#i_study p,#i_support p{ width: 32%; float: left; overflow: hidden;}
#i_study p img,#i_support p img{ float: left; width: 100%;}
#i_study dl,#i_support dl{ float: right; width: 65%;}
#i_study dl dt,#i_support dl dt{ float: left; width: 100%; line-height: 36px; font-size: 1.8rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #1c97d2;}
#i_study dl dd,#i_support dl dd{ width: 100%; float: left; line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all; color: #999;}
#i_study dl dd,#i_support dl dd p{ width: 100%; float: left; line-height: 22px; color: #999;}

.learnmore{ display:block; background:#2faae5; width:100px; height:2.9rem; float:right; color:#FFF; line-height:2.9rem; text-align:center; border-radius:3px; margin-top:0.7rem; padding-top:0.1rem;}
.learnmore:hover{ background:#1797d4; color:#FFF;}

#map{ float: left; width: 100%; background: #1797d4; margin: 3% 0 0 0; padding: 0 0 3% 0;}
.mmm{ width: 100%; float: left; margin: 3% 0 0 0;}
.mmm dl.dl_1{ width: 45.5%; float: left; margin: 0 0 0 3%;}
.mmm dl.dl_1 dt{ float: left; width: 100%; line-height: 32px; font-size: 1.4rem; color: #fff;}
.mmm dl.dl_1 dd{ width: 100%; float: left;}
.mmm dl.dl_1 dd a{ width: 100%; float: left; line-height: 28px; color: #a7cfea; text-decoration: none;}
.mmm dl.dl_2{ width: 94%; float: left; margin: 0 0 0 3%;}
.mmm dl.dl_2 dt{ float: left; width: 100%; line-height: 32px; font-size: 1.4rem; color: #fff;}
.mmm dl.dl_2 dd{ float: left; width: 100%;}
.map_inp{ width: 70%; height: 32px; float: left; padding: 0 2%; background: url("../img/white.jpg"); color: #333; outline: none; -webkit-appearance: none;border-radius:0;}
.map_but{ width: 26%; height: 32px; float: left; padding: 0 2%; background: url("../img/blue.jpg"); color: #fff; outline: none;cursor: pointer;-webkit-appearance: none;border-radius:0;}
.mmm dl.dl_2 dd{ width: 100%; float: left; line-height: 22px; color: #a7cfea; margin: 2% 0 0 0;}



#bottom{ float: left; width: 94%; line-height: 22px; padding: 3%; text-align: center;}
/*index*/


/*contact*/
#n_banner{ width: 100%; margin: 50px 0 0 0; float: left;}
#n_banner img{ float: left; width: 100%;}


#content{ float: left; width: 100%; background: #fff;}
.n_title{ float: left; width:100%; line-height:2rem; height:2rem; padding:1.5rem 0; text-align:left; text-indent:1.5rem;}
.n_title h6{ font-size: 1.6rem; color: #1c97d2;}

.contact{ float: left; width: 94%;padding: 3%;}
.contact dl.dl_3{ width: 100%; float: left; overflow:hidden;}
.contact dl.dl_3 dt{ float: left; width: 100%; line-height: 38px; font-size: 1.6rem; color: #1c97d2;}
.contact dl.dl_3 dd{ float: left; width: 100%;}
.contact dl.dl_3 dd s{ text-decoration: none; color: #1c97d2;}
.contact dl.dl_4{ width: 100%; float: left; margin: 3% 0 0 0;}
.contact dl.dl_4 dt{ float: left; width: 100%; line-height: 38px; font-size: 1.6rem; color: #1c97d2;}
.contact dl.dl_4 dd{ float: left; width: 47%; margin: 3% 3% 0 0;}
.contact dl.dl_4 dd p{ float: left; width: 100%;}
.contact dl.dl_4 dd p img{ float: left; width: 100%;}
.contact dl.dl_4 dd s{ float: left; width: 100%; text-align: center; line-height: 30px; text-decoration: none; margin: 2% 0 0 0;}
.contact dl.dl_3 img{ float: left; width: 100%;}
/*contact*/



/*feedback*/
.feedback{ float: left; width: 94%;padding: 0 3% 3% 3%;}
.feedback ul{ float: left; width: 100%;}
.feedback ul li{ float: left; width: 100%; margin: 3% 0 0 0;}
.feedback ul li p{ float: left; width: 100%; line-height: 32px;}
.fee_inp{ float: left; width: 95.6%; height: 36px; line-height: 36px; border: 1px solid #ddd; padding: 0 2%; border-radius: 3px; background: url("../img/white.jpg"); outline: none; color: #333; font-size: 1.4rem;}
.fee_text{ float: left; width: 95.6%; height: 120px; line-height: 32px; border: 1px solid #ddd; padding: 5px 2%; border-radius: 3px; background: url("../img/white.jpg"); outline: none; color: #333; font-size: 1.4rem;}
.fee_but{ width: 100%; border-radius: 3px; height: 38px; text-align: center; line-height: 38px; color: #fff; font-size: 1.6rem; background: url("../img/white2.jpg");outline: none; cursor: pointer;}
/*feedback*/



/*partner*/
.partner{ float: left; width: 100%;padding: 3% 0;}
.partner li{ float: left; width: 45%; margin:0 0 3% 3%; border: 1px solid #ddd; min-height:65px; display: table-cell; vertical-align:middle; padding:2.5rem 0px 0rem 0; text-align:center;}
.partner li img{width:95%; float:none; vertical-align:middle;}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}/*����ͼƬ����*/
/*partner*/



/*news*/
.news{ float: left; width: 100%;padding: 0 0 3% 0;}
.lie{ float: left; width: 100%;}
.nnn{ float: left; width: 45.5%; margin: 3% 0 0 3%; position: relative;}
.nnn p{ float: left; width: 100%;}
.nnn p img{ float: left; width: 100%; height:110px;}
.nnn dl{ float: left; width: 100%; margin-top:0.4rem;}
.nnn dl dt{ float: left; width: 100%; margin: 2% 0; line-height: 22px; color: #333; min-height:66px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.nnn dl dd{ color: #aaa; width: 100%; float: left;}

.paging{float: left;width: 100%;margin: 6% 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:28px; height:28px; border:1px solid #ddd; float:left; display:block; border-radius:5px; text-align:center; line-height:28px;}
.paging li a:hover{ border:1px solid #1c97d2; color:#fff; text-decoration:none; background:#1c97d2;transition:all 0.50s ease-in-out;}
.paging li a.hov4{ border:1px solid #1c97d2; color:#fff; text-decoration:none; background:#1c97d2;}
/*news*/



/*news_1*/
.news_1{ float: left; width: 94%;padding:3%;}
.news_1 dl{float: left;width: 100%;}
.news_1 dl dt{float: left;width: 100%; padding: 0 0 3% 0; text-align: center;  margin-bottom:1.5rem; border-bottom:#f0f0f0 solid 1px;}
.news_1 dl dt p,.service_1 dl dt span,.service_1 dl dt s{float: left;width: 100%;}
.news_1 dl dt p{ font-size:2rem; color: #1c97d2; line-height:2.8rem; padding-bottom:0.5rem; }
.news_1 dl dt s{ line-height: 26px;color: #999; text-decoration: none;}
.news_1 dl dt span{ width: 100%; float: left; overflow: hidden;}
.bdsharebuttonbox{ margin: 0 auto; width: 138px;}
.news_1 dl dd{float: left;width: 100%; font-size:1.5rem;}
.news_1 dl dd p{float: left;width: 100%; margin: 0 0 3% 0;}
.news_1 dl dd p img{ float: left; max-width:100%; height:auto;}
.news_1 img{ float: left; max-width:100%; height:auto;}
.news_1 dl dd a{ font-size: 16px; line-height: 40px; color: #999;}
.news_1 dl dd a.jie1{float: left;}
.news_1 dl dd a.jie2{ float: right;}

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


.new_title{ float: left; width:97%; padding:0.5rem 0 0.5rem 3%;}
.new_title ul li{ float:left; padding:2px 5px 1px 5px; background:#d5d5d5; margin:4px 1% 4px 0; text-align:center; border-radius:3px; min-width:14.5%;}
.new_title ul li:last-child{ margin-right:0px;}
.new_title ul li a{ text-indent:0px; margin:0px; padding:0px;}
.new_title ul li.hov2{ background:#1c97d2;}
.new_title ul li.hov2 a{ color:#FFF;}
/*news_1*/



/*about*/
.about{ float: left; width: 94%;padding:3%;}
.about p{float: left;width: 100%; margin: 0 0 3% 0; font-size:1.3rem;}
.about p video{ width: 100%; float: left;}
.about p img{ float: left; width: 100%;}
/*about*/


/*certificates*/
.certificates{ float: left; width: 100%;padding: 0 0 3% 0;}
.certificates li{ float: left; width: 45.5%; margin: 3% 0 0 3%; text-align: center;}
.certificates li a{ width: 99%; height: 198px; float: left; border: 1px solid #ddd;}
.certificates li a img{ max-width:100%; max-height:100%;}
/*certificates*/


/*marketing*/
.marketing{ float: left; width: 94%;padding:0 3% 3% 3%;}
.mar{ width: 100%;float: left; margin: 3% 0 0 0; position: relative;}
.mar p{ width: 32%; float: left; overflow: hidden;}
.mar p img{ float: left; width: 100%; min-height:8rem;}
.mar dl{ float: right; width: 65%;}
.mar dl dt{ float: left; width: 100%; line-height:24px; font-size: 1.4rem; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mar dl dd{ width: 100%; float: left; line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all; color: #999;}
/*marketing*/



/*support*/
.support{ float: left; width: 100%;}
.support_tit{ width: 94%; float: left; overflow: hidden; background: #f6f6f6; margin:3% 3% 0 3%;}
.support_tit>.wrap{min-width: 320px; width:100%; float:left;overflow:hidden;}
.support_tit>.wrapper01 {position:relative;height:32px;width: 100%;overflow: hidden; float:left;}
.support_tit>.wrapper01>.scroller {position:absolute}
.support_tit>.wrapper01>.scroller li{float: left; position:relative;}
.support_tit>.wrapper01>.scroller li a{color:#666;display:block; padding: 0 10px; float:left;line-height: 32px;font-size:1.2rem;height: 32px;text-decoration:none;}
.support_tit>.wrapper01>.scroller li a.hov3{ background: #1c97d2; color: #fff;}

.support_con{ float: left; width: 94%; margin: 3% 3% 0 3%;}
.support_con_a{ float: left; width: 100%;}
.support_con_a li{float: left; width: 94%; line-height: 36px; padding: 0 3%;}
.support_con_a li p{float: left;width: 67%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: url("../img/sjx2.png") no-repeat left center; padding: 0 0 0 3%;}
.support_con_a li span{float: right;color: #999;}
/*support*/



/*videos*/
.videos{ float: left; width: 100%; padding: 0 0 3% 0;}
/*videos*/


/*traffic*/
.traffic{ float: left; width: 94%; padding: 0 3% 3% 3%;}
/*traffic*/


/*products*/
.products{ float: left; width: 94%; padding: 0 3% 3% 3%;}
.products p{ float: left; width: 93.6%; margin: 3% 0 0 0; line-height: 38px; border: 1px solid #ddd; font-size: 1.4rem; padding: 0 3%; color: #333; cursor: pointer;}
.products p i{ float: right; line-height: 38px; font-size: 1.4rem; color: #999;}
.products p.current{ background: #1c97d2; color: #fff; border: 1px solid #1c97d2;}
.products p.current i{color: #fff;}
.products div{ float: left; width: 93.6%; border: 1px solid #ddd; padding: 3%; border-top: 0; display: none;}
.products div a{ width: 97%; float: left; line-height: 32px; border-bottom: 1px dashed #ddd; background: url("../img/sjx2.png") no-repeat left center; padding: 0 0 0 3%;}
/*products*/



/*products_1*/
.products_1{ float: left; width: 100%; padding: 3% 0;}
.ppp{ float: left; width: 45.5%; margin:3% 0 3% 3%; position: relative;}
.ppp p{ float: left; width: 98.6%; border: 1px solid #ddd;}
.ppp p img{ float: left; width: 100%;}
.ppp dl{ float: left; width: 100%; margin: 2% 0 0 0;}
.ppp dl dt{ float: left; width: 100%; line-height: 30px; font-size: 1.4rem; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ppp dl dd{ float: left; width: 100%; line-height: 22px; color: #999;}
.ppp dl dd a{ color: #999;}
/*products_1*/



/*products_2*/
.products_2{ float: left; width: 94%; padding: 3%;}
.products_2_a{ float: left; width: 100%;}
.products_2_a p{ float: left; width: 100%;}
.products_2_a p img{ float: left; width: 100%;}
.products_2_a dl{ float: left; width: 100%;}
.products_2_a dl dt{ float: left; width: 100%; font-size: 1.6rem; color: #333; line-height: 38px;}
.products_2_a dl dd{ float: left; width: 97%; padding: 0 0 0 3%; background: url("../img/sjx2.png") no-repeat left center;}

.products_2_b{ float: left; width: 100%; margin: 3% 0 0 0;}
.products_2_b_tit{float: left;width: 100%; height: 40px;background: #f6f6f6;}
.products_2_b_tit li{float: left;width: 20%;}
.products_2_b_tit li a{width: 100%; height: 40px;text-align: center;float: left; line-height: 40px;color: #333;text-decoration: none; background: url("../img/x4.jpg") repeat-x left bottom;font-size: 5px;white-space: nowrap;    text-overflow: ellipsis;overflow: hidden;}
.products_2_b_tit li.selectTag a{ background: url("../img/x3.jpg") repeat-x left bottom;color: #0d85bf;}

.w2 li{ width:50%;}
.w3 li{ width:33.33%;}
.w4 li{ width:20%;}
.w5 li{ width:20%;}

.products_2_b_con{float: left;width: 100%;}
.spe_con,.ove_con,.dow_con,.fee_con{float: left;width: 100%; margin: 3% 0 0 0;}



.fee_con dl{float: left;width: 100%;}
.fee_con dl dd{float: left;width: 100%; margin:3% 0 0 0;}
.fee_con dl dd p{float: left;width: 100%; line-height: 40px; text-align: left;}
.fee_con dl dd span{float: left;width: 100%;}
.dis_input{float: left;width: 95.8%;border: 1px solid #ddd; height: 38px; border-radius: 5px; outline: none;color: #333;font-size: 14px; padding: 0 2%;}
.dis_textarea{float: left;width: 95.8%; border: 1px solid #ddd; height: 200px; padding: 2%;color: #333; outline: none; border-radius: 5px;}
.dis_button2{float: left;width: 100%; height: 40px; background: #1797d4; border-radius: 3px; font-size: 1.4rem;color: #fff; outline: none; cursor: pointer;}


.ove_con p{ float: left; width: 100%; text-align:justify;}
.ove_con p b,.ove_con p strong{ color: #333; font-size: 1.4rem; line-height:3.5rem;}
.ove_con p img{ max-width:100%; height:auto;}

.spe_con table{ border: 1px solid #ddd; border-right: 0; border-bottom: 0; width: 100%;float: left;border-spacing:0px;}
.spe_con table td{ border: 1px solid #ddd;border-left: 0; border-top: 0; padding:1.5rem 0.5rem 1.5rem 0.5rem; word-break:break-word;}
.spe_con table tr td:first-child{width:10rem; word-break:break-word;}
.spe_con table td b{color: #333;}


.dow_con li{float: left; width: 100%; line-height: 40px; border-bottom: 1px dashed #ddd;}
.dow_con li p{float: left;width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url("../img/sjx2.png") no-repeat 5px center; padding:0 0 0 5%;}
.dow_con li span{float: right;color: #999; margin-top:0.3rem;}
.dow_con li span a{width:32px; height: 32px; background: url("../img/download_ico.png") no-repeat center center; background-size: 12px; float: right;}
.dow_con li span a:hover{ background: url("../img/download_ico2.png") no-repeat center center; background-size: 12px;}
/*products_2*/