/*css*/
@import "grid.css";
@import "alimaofade.css";
/************Header************/
header{width:100%;z-index:10; margin-bottom:10px}
.transparency{background: url(../images/header_bg.png) repeat-x 0 bottom; position:fixed}
.top{height:30px; line-height:30px; background:#eaeff5}
header h1,#logo{position:relative;z-index:9;float:left}
header h1 a.logo,#logo a.logo{display:block;padding-top:10px}

/* Menu */
nav{position:relative;float:right}
.sf-menu .current a{border:1px solid #f84400; color:#f84400}
.sf-menu,.sf-menu ul {margin:0;padding:0;list-style:none}
.sf-menu:before,.sf-menu:after {display:table;content:""}
.sf-menu:after {clear:both}
.sf-menu {zoom:1}
.sf-menu li {float:left;border-radius:15px;text-align:center;position:relative; margin:0 6px;}
.sf-menu a span {display:block}
.sf-menu li a {color:#324252;border:1px solid #fff;font-size:14px; padding:5px 15px;border-radius:15px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;display:block}
.sf-menu li:hover a {margin:0;padding:5px 15px;border:1px solid #f84400; color:#f84400;text-decoration:none}
.sf-menu li:hover ul li a {margin:0;padding:0px 15px;border:0;color:#324252}
.sf-menu li:hover ul li a:hover {color:#324252} 
.sf-menu ul {opacity:0;margin:0px 0 0 0px; width:525px;visibility:hidden;background:#fff;color:#324252;position:absolute;top:26px;left:0;border-radius:5px;padding:46px 20px 16px;z-index:999;}
.sf-menu li:hover ul {opacity:1;visibility:visible;margin:0;transition-delay:0s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s}
.sf-menu ul li h3 {overflow:hidden; width:240px}
.sf-menu ul li h3 a{font-size:16px; display:block;}
.sf-menu ul li h3[id="1"] i{ margin-left:5px; background:url(../images/nav_ico.png) no-repeat;  height:22px; width:22px; display:inline-block ;}
.sf-menu ul li h3[id="2"] i{ margin-left:5px; background:url(../images/c_2.png) no-repeat;  height:22px; width:28px; display:inline-block ;}

.sf-menu ul > li:hover a,.sf-menu ul > li:hover > a {margin:0;padding:5px 15px;border:0; color:#f84400;text-decoration:none}
.sf-menu ul li {display:block;float:none; margin:0;padding:0 !important;text-align:left}

.sf-menu ul a {display:block;float:none;border-bottom:1px solid #7e7e7e;-webkit-transition:none;-o-transition:none;transition:none;border-radius:0;margin:0; width:100px;padding:10px 0 !important;font-size:13px;color:#d2d2d2;background:none !important;white-space:nowrap;text-transform:none}
.sf-menu > li:hover ul a:hover{color:#f84400; text-decoration: underline}
.sf-menu ul a span {display:inline}
.sf-menu ul ol {float:left; width:249px; margin-bottom:20px; }
.sf-menu ul li:first-of-type ol{border-right:1px solid #878383; margin-right:21px;}
.sf-menu ul li:last-of-type ol h3,.sf-menu ul li:last-of-type ol li{ padding-left:5px}
.sf-menu ul li:last-of-type ol li{ margin-left:5px}
.sf-menu ul li:last-of-type ol li{ margin-left:5px}
.sf-menu ul li ul{ border:1px solid #000000}
nav hr{float:left;width:200px; height:0; border:0; border-bottom:1px dashed #ccc; overflow:hidden}
/*search*/
.searchbar{float:right; margin-left:50px}
.searchbar .search{border-radius:15px; padding:2px 8px; background:#fff; border: 1px solid #939393}
.searchbar input{border:0; font-size:12px; background: none; color:#939393}
.searchbar .search-btn{width:16px; margin-right:2px;background: url(../images/search_go.png) no-repeat right 0px;}
/*content*/
.cont_pad{padding:28px 0 !important}
.img_wrap1{display:block;float:left;padding:10px;background:#fff;box-shadow:1px 1px 5px #101010;position:relative;}
.img_wrap2{display: block;padding:8px;background:#fff;box-shadow:0px 0px 4px #d2ccc1;position: relative;}
.img_wrap1 strong, .img_wrap2 strong{display:block;position: absolute; top:0;left:0;width:0;height:0;background:#fc8703;}
.img_wrap1 img, .img_wrap2 img{position: relative; z-index:1;}
a.img_wrap1:hover strong, a.img_wrap2:hover strong{height:100%;width:100%;}

/* Button */
.button2,.button2_1{width:100px; height:30px;display:inline-block;line-height:30px;font-size:12px;background:#0ea1f8; margin-right:20px; margin-top:10px}
.button2 a,.button2_1 a{background: url(../images/c_1.png) no-repeat 5px 3px; text-align:left; padding-left:32px; color:#fff; display:block}
.button2 a{background: url(../images/c_3.png) no-repeat 5px 3px}
.button3,.button3_1{width:100px; height:30px;display:inline-block;line-height:30px;font-size:12px;background:#ff7200;margin-top:10px}
.button3 a,.button3_1 a{background: url(../images/c_3.png) no-repeat 5px 3px; text-align:left; padding-left:32px; color:#fff; display:block}
.button3 a{background: url(../images/c_1.png) no-repeat 5px 3px}
.button6,.b_check,.m_button6,.m_b_check {width:100px; height:30px; margin-top:10px;display:inline-block; line-height:30px;color:#0A0A0A;font-size:12px;background:#eaeff5;border:1px solid #0A0A0A}
.button6 a,.b_check a,.m_button6 a,.m_b_check a{background: url(../images/c_1.png) no-repeat 5px -25px; text-align:left; padding-left:32px; display:block}
.m_button6 a,.m_b_check a{background: url(../images/c_3.png) no-repeat 5px -24px; text-align:left; padding-left:32px; display:block}
.button6:hover,.m_button6:hover{background:#ff7200;border:1px solid #ff7200}
.button6 a:hover,.b_check a:hover,.m_button6 a:hover,.m_b_check a:hover{background: url(../images/c_1.png) no-repeat 5px 2px; color:#fff}
.b_check{background:#ff7200;border:1px solid #ff7200; margin-left:30px}
.m_button6 a:hover,.m_b_check a:hover{background: url(../images/c_3.png) no-repeat 5px 3px;}
.b_check,.m_b_check{background:#ff7200;border:1px solid #ff7200; margin-left:30px}
.b_check a{background: url(../images/c_1.png) no-repeat 5px 2px;color:#fff}
.m_b_check a{background: url(../images/c_3.png) no-repeat 5px 3px;color:#fff}
.button9{background:#ff7200;padding:7px 12px 5px 5px;font-size:12px;text-transform:none;color:#fff;float:left; height:17px}
.button9 img{margin-right:8px;vertical-align:text-bottom}
.button9 a{color:#fff;}
.button9:hover{background:#ff6915;color:#fff;} 
.button8{border:1px solid #0A0A0A; background:#eaeff5; padding:5px 3px 5px 5px; margin-left:30px; }
.button8 img{ margin-right:10px;}
.button8:hover{border:1px solid #ff7200;background:#ff7200;;color:#fff}
.button10{background:#0ea1f8;padding:7px 12px 7px 5px;font-size:12px;text-transform:none;color:#fff;float:right; margin-right:20px; height:15px}
.button10 img{margin-right:8px;vertical-align:text-bottom}
.button10:hover{background:#ff6915}
.button6_mac,.b_check_mac{width:100px; height:30px; margin-top:10px;display:inline-block; line-height:30px;color:#0A0A0A;font-size:12px;
background:#eaeff5;border:1px solid #0A0A0A}
.button6_mac a{background: url(../images/c_2.png) no-repeat 5px 2px; text-align:left; padding-left:38px; display:block}
.b_check_mac a{background: url(../images/c_2.png) no-repeat 5px -50px; text-align:left; padding-left:38px; display:block;color:#fff}
.button6_mac:hover{background:#ff7200;border:1px solid #ff7200}
.button6_mac a:hover{background: url(../images/c_2.png) no-repeat 5px 2px; color:#fff}
.b_check_mac{background:#ff7200;border:1px solid #ff7200; margin-left:30px}

.guide_b1,guide_b2{background-color:#ff7200;color:#fff;border-radius:5px; width:150px;}
/*first*/
.pro_bar .row{margin-left:-20px}
.pro_bar .grid_6{margin-left:20px}
.pro_bar .grid_6 .row{margin-left:-16px}
.pro_bar .grid_3{margin-left:16px; width:277px}
.pro_bar .pro_1,.pro_bar .pro_2,.pro_bar .pro_3{position:relative}
.pro_bar i{position:absolute; background:#fff; width:100%; height:30%; bottom:0; display:block; opacity:0.6; z-index:1;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.pro_bar .pro_1:hover i,.pro_bar .pro_2:hover i,.pro_bar .pro_3:hover i{height:40%}
.pro_bar .pro_1 div,.pro_bar .pro_2 div,.pro_bar .pro_3 div{position:absolute; z-index:2; bottom:20px; padding:0 20px; left:0;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.pro_bar .pro_2 div,.pro_bar .pro_3 div{bottom:3%}
.pro_bar .pro_2 i,.pro_bar .pro_3 i{height:25%; bottom:-1px}
.pro_bar .button li{float:right;width:103px; height:32px; line-height:100px;display:inline-block; margin-left:10px;overflow:hidden}
.pro_bar .button li a{background: url(../images/win_icon.png) no-repeat 0 0px;-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s;display:block; color:#000}
.pro_bar .button li a:hover{background: url(../images/win_icon_hover.png) no-repeat 0 0px}
.pro_bar .button li a.a1{background-position: -104px 0}
.pro_bar .button li a:hover.a1{background-position: -104px 0}
/*second*/
.comment_ico{float:left;width:15%; overflow:hidden}
.user_say{float:left;width:75%;color:#fff;overflow:hidden}
.user_say .list{width:100%;overflow:hidden;position:relative;}
.user_say .list li{float:left;width:100%;color:#fff;min-height:220px;}
.user_say .left_click,.user_say .right_click{display:inline-block;background:url(../images/icon-user-tag.png) no-repeat;width:36px;height:27px;float:right;cursor:pointer;margin-bottom:10px}
.user_say .right_click{background-position:-37px 0px;margin-right:30px}
.star_01,.star_02,.star_03{width:20px; height:20px;background:url(../images/star_ico.png) no-repeat; display:inline-block}
.star_02{background-position:-20px 0}
.star_03{background-position:-40px 0}
/*third*/
.third {color:#808290}
.third h3{color:#aebac6}
.third li {padding:3px 0}
.third li a{color:#808290; line-height:22px}
.third li a:hover{color:#fff; text-decoration: underline}
.social a{margin-right:10px}
.third time{padding-bottom:5px}
/*fourth*/
/*fifth*/
/*other*/
.other p{padding-left:10px;line-height:20px; font-family:"Segoe UI",Arial,Helvetica,sans-serif; }

.other h4{padding-top:10px; margin-bottom:20px;border-bottom:1px solid #EAEFF5;padding-bottom:5px; display:block}

/* Footer */
footer{width:100%; background:#272930;padding-top: 30px;padding-bottom: 10px}
.footer_link li{display:inline; line-height:22px;color: #808290;}
.footer_link a{margin: 0 5px;color: #808290; display: inline-block}
.footer_link a:hover{color: #be3948}
.footer-copyright{padding: 20px 0 25px;text-align: center;color: #808290}
.footer-copyright a{position: absolute; left:0}
.footer-about a{line-height:25px;}
.footer-safety li {padding:18px 0px !important;}
.footer-email {padding-top:50px; clear:both;}
.footer-email a {padding: 0px 0px; font-size:20px; margin: 10px 0px 0px 0px;}
.footer-email .submitinfo {padding: 0px;margin: 0px;font-size: 14px;margin-top: 5px;color: #A9E26A;}
.footer-safety {padding-left: 60px; margin-right: -60px;}
.google{margin:10px 0;}
/*To top*/
#toTop {background:url(../images/back_to.png) center top no-repeat;border:none;bottom: 180px !important;color:transparent;display:none;font-size:0;height:42px;line-height:0;overflow:hidden;position:fixed;right:50%;margin-right: -660px !important;text-decoration:none;width:42px;z-index:20;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s}
#toTop:hover{background-position:center -42px}
#toTop:active, #toTop:focus {outline:none}
/*Page Css*/
article h1{float: none}
.pro_list>div{ padding-bottom:20px;} 
.pro_list h3 { display:inline-table}
/*commod*/
.banner_menu a{color:#fff; font-size:14px; margin-right:30px; float:none; display:inline}
.banner_menu a:hover{color:#fb4800;}
.banner_menu .current{color:#fb4800;}
.comment .pingjia{ margin-left:20px;}
.pingjia input:first-child{margin-left:0px;}
.pingjia input{margin-left:40px;}
.comment div:first-child span{ margin-top:-10px;}
.comment  star_*{ margin-top:-20px；}
.comment  input[type=text]{ height:24PX; width:88%;margin-bottom:50px;}
.comment  textarea{ height:125PX; margin-bottom:50xp; width:88%; display:inline-table;}
.submi_btn{ display:block;border:0px; padding:10px; background-color:#ff7200; margin-bottom:15px}
/*othes-banner*/
.others-banner{background:#324252}
.others-banner h1{ margin-top:100px;}
.others-banner .sup-b{margin-top:50px;margin-bottom:50px; }
.others-banner .sup-b h1{margin-top:0px; margin-bottom:20px; font-size:24px; font-weight:800}
.others-banner .sup-b p{font-size:13px; margin-left:5px; line-height:25px; font-weight:500}
/*tab*/
.labmax a:hover,.labwin a:hover{color:#324252}
.tab-div{color:#fff;}
.tab-div input,.tab-div section{clear:both;display:none;}
.tab-div .title{height:50px; line-height:50px; padding-left:25px;color:#fff;}
.tab-div .title a{margin-top:8px; margin-right:20px; float:right; width:165px; height:42px;line-height:42px;color:#fff;background:#ff7200; font-size:20px}
.tab-div .title a label:hover{cursor:pointer;} 
.tab-div #tab1:checked ~ div a:first-of-type,.tab-div #tab2:checked ~ div a:last-of-type{background:#fff;color:#ff7200}
.tab-div #tab1:checked ~ a #lable1,.tab-div #tab2:checked ~ a #lable2{background-color:#fff; color:#ff7200} 
.tab-div #tab1:checked ~ #content1,#tab2:checked ~ #content2{display:block; border:0} 
/*product list*/
.product label{padding-left:60px}
.product a #lable1{background:url(../images/a_0041_03.png) no-repeat 20px -52px}
.product a #lable2{background:url(../images/a_401.png) no-repeat 20px -48px}
.product #tab1:checked ~ div a #lable1{background-position:20px -8px;}
.product #tab2:checked ~ div a #lable2{background-color:#fff; background-position:20px -8px }
<!------------>
.product .por_main p{height:62px; display: block; overflow:hidden}
.product h4{ height:45px; display: block;}
.product .w_img{height:140px}
.product .w_img+p{height:65px; overflow:hidden} 
.poject_context .user_say img{ float:left}
.poject_context .user_say p{ float: right; color:#324252; display:block; width:800px; margin-right:50px; line-height:24px;}
.poject_context .user_say p span{ float: right;display:block; margin-top:40px;}
.poject_context .user_say{ float:none; width:auto;color:#fff;overflow:hidden}
.poject_context .user_say .list{width:100%;overflow:hidden;position:relative; margin-top:40px;}
.poject_context .user_say .list li{float:left;width:100%;color:#324252;min-height:50px;}
.poject_context .user_say .left_click,.poject_context .user_say .right_click{display:inline-block;background:url(../images/icon-user-tag_1.png) no-repeat;width:36px;height:27px;float:right;cursor:pointer;margin-bottom:10px}
.poject_context .user_say .right_click{background-position:-37px 0px;margin-right:30px}
/*---Product list----*/
.por_main{position:relative}
.por_main h2{ position: absolute; width:270px; left:0;height:68px;background:#eaeff5;overflow:hidden}
.por_main h2.d0,.por_main h2.d5{top:32px}
.por_main h2.d1,.por_main h2.d6{top:100px}
.por_main h2.d2,.por_main h2.d7{top:168px}
.por_main h2.d3,.por_main h2.d8{top:236px}
.por_main h2.d4,.por_main h2.d9{top:304px}
.por_main .grid_9{ float:right}
.por_main h2:hover{background:#ff7200}
.por_main h2 a {width:100%;line-height:68px; font-size:16px;display:block}
.por_main h2 .a_1,.por_main h2 .a_2,.por_main h2 .a_3,.por_main h2 .a_4,.por_main h2 .a_5,.por_main h2 .a_6,.por_main h2 .a_7,.por_main h2 .a_8,.por_main h2 .a_9,.por_main h2 .a_10{background: url(../images/a_1.png) no-repeat 20px 0; padding-left:70px; display:block}
.por_main h2 .a_2,.por_main h2 .a_7{background:url(../images/a_2.png) no-repeat 20px 0}
.por_main h2 .a_3,.por_main h2 .a_8{background:url(../images/a_5.png) no-repeat 20px 0}
.por_main h2 .a_4,.por_main h2 .a_9{background:url(../images/a_3.png) no-repeat 20px 0}
.por_main h2 .a_5,.por_main h2 .a_10{background:url(../images/a_4.png) no-repeat 20px 0 }
.por_main h2:hover .a_1,.por_main h2:hover .a_2,.por_main h2:hover .a_3,.por_main h2:hover .a_4,.por_main h2:hover .a_5,.por_main h2:hover .a_6,.por_main h2:hover .a_7,.por_main h2:hover .a_8,.por_main h2:hover .a_9,.por_main h2:hover .a_10{background-position:20px -64px; color:#fff}
/*----context_product----*/
.cp .fl{float:left;}
.cp .fr{float: right;}
.cp .fr,.cp .fl{height:auto;}
.cp .fl,.cp .fr{width:570px; text-align:center;}
.cp h3,.cp p {width:520px}
.cp .ml20{margin-left:20px}
.cp p img{ float:left; margin-top:6px;margin-right:5px;}
.cp p{width:500px; line-height:180%;margin-top:5px;padding: 7px 0;} 
.cp h3{font-size:18px; padding-bottom:10px; font-weight:bold;}
.cp p,.cp h3{display:table-row; }
.cp h3{display:inline-table}
.cp .fealist2 p,.cp .fealist2 h3{ margin-left:0px;}
.cp .fl +p{font-size:13px; padding-bottom:20px; line-height:160%; display:inline-table; width:520px} 
.cp .clear{padding-top:50px; margin-bottom:50px; height:1px; border-bottom:1px solid #ccc}
.cpp {width:100% !important;}
.cpp .fl{width:300px !important;}
.cpp .fr{width:300px !important;}
.cpp p {width:300px !important;}
.fealist2 .clear{ border:0}
.cp .clear:last-of-type{padding-top:0px; height:1px; border:0; margin-bottom:0}
.fealist2 .fl,.fealist2 p{width: auto} 
.cp .fealist2{display:block; float:left; width:365px; margin-left:20px;margin-top:60px;} 
.cp .fealist2>.text .f1{float:left;}
.cp .fealist2 .text {float:right;width:290px;}
.cp .fealist2 .text p{color:#5c6c7c;}
.fealist2 .text strong{ font-weight:600}
.cp .fealist2 .text p,.fealist2 .text strong{ display:block; float:left; margin-bottom:10px;}

.cp .piclist>p{float:none; width:auto}
.cp .piclist>h4{ color:#333333; font-size:20px;}
.cp .piclist .dd{ float:none; margin-left:0px; margin-top:20px}
.cp .piclist img{display:block;}
.cp .noBor>p{ display:block; float:right}
.cp .noBor .dd,.cp .noBor h4{float:left}
.break2{clear:both}
.related_img{ margin-right:35px;}
.related h3{ height:20px; overflow:hidden}
.related h3, .related p{ margin-left:140px;}
.related p{ height:40px; overflow:hidden; margin-bottom:30px;}
.related_img img{ max-width:160px; max-height:170px}

/*----guide_list----*/
.guide_list h4{color:#555;padding-bottom:4px; font-weight:bold; font-size:24px}
.guide_list strong{color:#555;padding-bottom:4px;font-weight:bold}
.guide_list .grid_9  p{ color:#5c6c7c}
 /*downlans*/
.downlans{margin-bottom:0px; }
.downlans h3{ border-bottom:2px solid #ff7200; background-color:#ffffff; padding:15px 0}
.downlans .store_pic{ float:left; width:94px; margin-left:10px; margin-right:20px}
.downlans .store_pic+h4{ padding-right:0px;}
.downlans h4{ font-size:16px; margin-bottom:10px; height:33px;overflow:hidden; }
.downlans p{padding:0; line-height:20px; color:#777; height:60px; overflow:hidden; display:block}
.downlans .button10:nth-last-of-type(2){margin-top:15px}
/*right_list*/
.right_list ul a strong{color:#324252; font-weight:bold}
.right_list div{background-color:#eaeff5;}
.right_list ul{padding:10px 5px;} 
.right_list h3{ background-color:#ff7200;padding:15px 0px 15px 15px; color:#fff;}
.right_list div li{line-height:22px; padding:5px 15px;font-size:13px; margin-left:20px;}
.right_list div ul li{ background:url(../images/images/title_aa_03.png) no-repeat 0px 10px}
.right_list div:last-of-type ul{padding:5px; padding-bottom:35px; list-style-type:none; margin:10px 20px; line-height:17px;}
.right_list div:last-of-type ul li{list-style-type: none; margin-left:5px; padding:2px 10px;}
.right_list img{ padding:20px 0 0 35px;}
.right_list>div:last-child ul{margin:20px; line-height:20px}
/*button_body*/
.button_body {color:#727985; background-color:#2f323c;font-size:13px;font-weight:600}
.button_body div{overflow:hidden}
.button_body div div{ margin-top:15px}
.button_body div p{overflow:hidden;padding:20px 0; margin-right:30px}
.button_body div h2{color:#aebac6;}
.button_body div article{padding-left:50px;}
.button_body div a{color:#727985;display:table;}
.button_body div ul li{padding:15px 0; color:#aebac6}
.button_body div ul li img{width:36px;margin-right:30px}
.button_body div ul li span{margin-left:30px}
.button_body div ul li:last-of-type span{margin-left:25px}
.button_body div div div:last-of-type div{ margin-right:15px; margin-top:20px}
.button_body div div div:last-of-type div div{width:60px;height:23px;}
/*foot*/
.foot a{ float:left; margin-top:20px; margin-left:20px}
.foot a:nth-of-type(1){margin-top:20px; margin-left:0px}
/*resouce*/
.resouce div div div{ background-color:#eaeff5;}
.resouce h3{text-align:center;background-color:#ff7200;color:#fff; padding:15px;margin:10px; height:25px; overflow:hidden;line-height:25px;}
.resouce img{margin:0 auto;}
.resouce ul{color:#fff;margin:10px auto; padding-left:0px;overflow:hidden}
.resouce ul li{text-align:left;color:#fff; padding:5px 0; list-style-type:armenian; height:12px;overflow:hidden;line-height:15px; background:url(../images/images/title_aa_03.png) no-repeat 0px 8px; padding-left:15px}
.resouce ul li a{ }
.resouce span a{float:right; margin:40px 60px;color:#fb4800;text-decoration:none;-webkit-mask-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.3)));}
.resouce div{color:#fff;}
.resouce input[type="radio"],.resouse section{clear:both;padding-top:10px;display:none;}
.resouce label{background-color:#5c6c7c; color:#fff; padding:10px 13px 6px 15px}
.resouce .user{ margin-top:-20px; background-color:#fff;}
.resouce .user select img{vertical-align:text-bottom;}
.resouce .user_form2{margin-left:0px;}
.resouce textarea{ width:85%; height:70px; background-color:#f7f7f7}
.resouce .user_form2 img{ display:inline}
.resouce textarea[name="longwith"]{margin-top:0px; width:73%; height:30px; background-color:#f7f7f7; display:inline}
.resouce .user select{ border:0}
.resouce label:hover{cursor:pointer;text-decoration: underline;}
.resouce #content2_1{border-top:1.8px solid #ff7200; background-color:#eaeff5;}
.resouce #content1_1{border-top:1.8px solid #ff7200; background-color:#eaeff5}
.resouce #lable1_1{}
.resouce section{ display:none;}
.resouce #tab1_1:checked ~ #content1_1, #tab2_1:checked ~ #content2_1{display:block;border-top:1.8px solid #ff7200; } 
.resouce #tab1_1:checked ~ #lable2_1{}
.resouce input:checked + label {text-decoration:none;background-color:#ff7200;}
.resouce h3 a{ color:#fff; font-weight:bold}
.resouce  .grid_4{ background:#eaeff5; margin-bottom:30px;}
.resouce{ margin-top:30px}
.resouce ul{margin:0 50px; margin-top:10px}
.searces .sidebar .p15{ padding:15px}
.searces .box h4{ padding:10px; padding-left:20px;}
.searces .box .mb10{ margin-bottom:10px}
.searces .box a{display: inline-flex}
.searces ul{ margin-left:8px}
/*support2*/
.support2 input,.support2 section{clear:both;padding-top:10px;display:none;}

.support2 label{font-weight:bold;font-size:14px;display:block;float: left;padding: 10px 30px;background-color:#eaeff5}
.support2 label:hover{cursor: pointer;text-decoration: underline;}
.support2 #lable1{border-top:1px solid #ff7200;border-left:1px solid #ff7200}
.support2 #tab1:checked ~ #content1, .support2  #tab2:checked ~ #content2{display:block;border-top:2px solid #ff7200 } 
.support2 #tab1:checked ~ #lable2{border-right:1px solid #ff7200;border-top:1px solid #ff7200;}
.support2 input:checked + label {text-decoration:none;background-color:#ff7200; color:#fff}
.support2 p{}
.support2 section{text-align:center;}
.support2 section div{padding:10px 0px;}
.support2 section a img{margin:30px auto 35px;display:block}
.support2 section a:last-child i{-webkit-mask-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.3)));}
.support2 section {margin:0 auto 35px;}
/*support3*/
.support3 div div{text-align:center;}
.support3 div div div{margin:35px auto; width:80px;height:80px;overflow:hidden}
.support3 div div p{ padding:20px; margin-bottom:50px; color:#fff;line-height:20px; font-size:13px; overflow:hidden}
/*support4*/
.support4 div div{margin:35px 35px 90px; width:150px; height:150px;-moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;}
.support4 div h2{margin:70px auto 0}
.support4 div p{margin:30px auto}
.banner_menu a{ display:inline;}
/*productbander*/
.productbander{ margin-top:100px}

.float{position:fixed;z-index:999;top:0px;width:100%;height:80px; display:none;background:#273441}
.float .f_down a{margin-top:15px}
.float .features_l{padding-top:30px}

.Social .list1{ margin:20px auto; display:block; width:200px}

/*support5*/
.sort_list li{height:68px;overflow:hidden}
.sort_list li:hover{background:#ff7200}
.sort_list a {width:100%;line-height:68px; font-size:16px;display:block}
.sort_list li .a_1,.sort_list li .a_2,.sort_list li .a_3,.sort_list li .a_4,.sort_list li .a_5{background: url(../images/a_1.png) no-repeat 20px 0;  padding-left:70px; display:block}
.sort_list li .a_2{background:url(../images/a_2.png) no-repeat 20px 0}
.sort_list li .a_3{background:url(../images/a_5.png) no-repeat 20px 0}
.sort_list li .a_4{background:url(../images/a_3.png) no-repeat 20px 0}
.sort_list li .a_5{background:url(../images/a_4.png) no-repeat 20px 0 }
.sort_list li:hover .a_1,.sort_list li:hover .a_2,.sort_list li:hover .a_3,.sort_list li:hover .a_4,.sort_list li .a_5:hover{background-position:20px -64px; color:#fff}
.featureArticles figure{ margin-left:20px;}
.featureArticles figure img{ margin-right:30px;}
.featureArticles figure h5{ line-height:16px; overflow:hidden; margin-bottom:10px; display:block}
.featureArticles figure p{ height:100px;overflow:hidden;}
/*poject*/
.poject p{ display:table-row}
.contentII a{color:#335BF1}
.contentII a:first{ margin:0 auto}
.contentII strong{color:#324252;font-size:13px;font-weight:bold; float:left; margin-right:5px;}
.contentII .totips{color:#333}
.contentII .totips strong{color:#fb5a26; font-weight:bold}
.nav-primary ul{ border-bottom:1px solid #ff7200}
/*BUY*/
.buy .focus{padding-top:20px}
.but .focus h2{margin-top:15px }
.f_tab label{float:right;}
.f_tab ul{ display:list-item;}
.f_down a{float:right; margin-right:30px;border-radius:5px; padding:5px 20px 10px 50px;border:1px solid #0ea1f8; margin-top:40px;}
.f_down .buy_1{background: url(../images/che.png) no-repeat 10px 8px; background-color:#ff7200; border:1px solid #ff7200}
.f_down .down_1{background: url(../images/jiantou_11.png) no-repeat 10px 8px;border:1px solid #0ea1f8}
.f_down .down_1:hover{background: url(../images/jiantou_11.png) no-repeat 10px -41.5px; background-color:#ff7200; border:1px solid #ff7200}
.f_down a{color:#fff}
.features {background: #273441 none repeat scroll 0% 0%;height: 130px;}
.features_l {padding-top: 50px;}
.features_l li {float: left;margin-right: 26px;}
.features_l li a {color: #FFF;font-size: 14px;}
.project_context+section>row{ border:1px solid #000000}
 /*background:url(../images/jiantou_11.png) no-repeat 18px -40px;background-color:#ff7200;*/
.f_down a span{ display:block; font-size:20px; font-weight:bold}
.f_down a small{ display:block; font-size:12px; padding-top:3px;}

.poject div{overflow:hidden} 
.poject section{clear:both;} 

.poject #content1_1{display:block;}
.poject li:hover{cursor:pointer;}
.poject li{display:block;font-weight:bold;font-size:14px; margin-right:100px;float:right;border:1px solid #273441;text-decoration:none;}
.labmax_c{background: url(../images/c_2.png) no-repeat 10px 4px;background-color:#fff;padding:5px 30px 5px 45px;color:#273441;}
.labmax_c,.labwin_c{color:#273441;display:block;font-weight:bold;font-size:14px; margin-right:100px;float:right;border:1px solid #273441;text-decoration:none;}
.labmax,.labwin{display:block;font-weight:bold;font-size:14px; margin-right:100px;float:right;border:1px solid #273441;text-decoration:none;}
.labmax:hover,.labwin:hover{color:#fff}
.labmax_c:hover,.labwin_c:hover{color:#273441}
.labmax{color:#fff; background: url(../images/c_2.png) no-repeat 10px -48px; padding:5px 30px 5px 45px;background-color:#273441; border:1px solid #273441;}
.labwin_c{background: url(../images/c_1.png) no-repeat 10px -22px;background-color:#fff;padding:5px 10px 5px 40px;color:#273441;}
.labwin{color:#fff;background: url(../images/c_1.png) no-repeat 10px 6px;padding:5px 10px 5px 40px; background-color:#273441; border:1px solid #273441}
.poject #lable2_1{ margin-right:30px}


.poject #lable2_1{ margin-right:30px}
.grid_9 .grid_3{ margin-left:20px; width:260px;}
.float_poject_1{top:100px; position:fixed}

/*resouse Search*/

/*store*/
 
.store input,.store section{clear:both;padding-top:10px;display:none;}
.store label{background-color:#ff7200;display:block;padding:5px 20px;float:right; text-decoration:none}
.store label:hover{cursor:pointer;}
.store #lable1_1{margin-top:-23px;margin-right:25px}
.store #lable2_1{margin-top:-23px;margin-right:100px}
.store #tab1_1:checked ~ #content1_1, #tab2_1:checked ~ #content2_1{display:block; border:0} 
.store #tab1_1:checked ~ #lable2_1{}
.store input:checked + label {text-decoration:none;background-color:#fff;}
.store .grid_4{margin-bottom:30px}
.store{margin-top:30px;margin-bottom:0px; }
.store h3{ border-bottom:1.8px solid #ff7200; background-color:#ffffff; padding:15px 0}
.store .store_pic{ float:left; width:94px; margin-left:30px; margin-right:20px}
.store h4{ font-size:16px; margin-bottom:10px; height:30px; overflow:hidden}
.store p{padding:0; line-height:20px; height:80px; color:#777; height:56px; overflow:hidden}
 

.faq_content{padding-bottom:20px}

.fl{ float:left}
.mr20{ margin-right:20px;}
.guide_tips,.Social,.hot_topics{height:450px}
.guide_tips ul li{margin-left:30px;margin-right:30px; line-height:30px;font-weight:40px; font-size:14px; color:#727e89; font-weight:500px; }
.hot_topics{padding-left:20px; padding-right:20px; line-height:30px; }
.hot .t_follow{ height:50px; }
.hot ul{ margin:20px; line-height:25px;}
.hot ul li{ margin-top:10px;}
.hot ul li{ background:url(../images/images/title_aa_03.png) no-repeat 0px 6px;line-height: 22px;padding:0px 15px;font-size: 13px;margin-left: 20px;}
 .hot .list1{ margin:20px auto; display:block; width:200px}

.hot_search p{ padding:20px; line-height:22px; color:#324252}
.hot_search p strong{ font-weight:bold; font-size:14px}
.Social img{ display:block ; margin:auto auto}

#xiangzi{ width:129px; height:180px;}

.pagedo1{font-size:13px; font-weight:bold;}
.pagedo1 a{margin-left:30px;font-size:15px; font-weight:bold;}
.pagedo1 .curr{color:#ff7244}
.pagedo1 span{ background-color:#ff7244; padding:5px 10px;}
.companyInfo{background-color:#eaeff5; padding-bottom:20px}
.companyInfo li{ margin-left:20px; margin-top:15px}
.companyInfo h4{color:#0066FF;padding-bottom:4px}


.item_kf:nth-of-type(1){ background-color:#ff7200;text-align: center;}
.item_kf:nth-of-type(2){ background-color:#5c6c7c;  text-align: center;}
.item_kf:nth-of-type(3){ background-color:#0ea1f8;  text-align: center;}
.item_kf:nth-of-type(4){ background-color:#53b8ad;  text-align: center;}
.item_kf{ height:350px; margin-top:2px;}

.item_kf>img{-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; margin-top:30px;}
.item_kf>dl a{color: #fff;  font-size:18px;}
.item_kf>dl{ margin-top:30px;color: #fff;  font-size: 18px; margin-bottom:30px}
.item_kf>dl dd div{  font-size: 13px; margin-top:30px; line-height:20px; margin-bottom:80px; margin-left:20px; margin-right:20px}
.pppp {padding-top:50px; padding-bottom:80px; margin:0 30px}
.pppp >h3{ margin-top:20px}
.pppp >p{margin-top:30px; line-height:20px}
.pppp >div{ background:url(../images/support_01_2_14.png) no-repeat; width:159px; height:165px; float:left; margin-left:20px; margin-right:60px;}

address a{ color:#324252 }
address { color:#324252}
address big{padding:3px 3px 3px 3px}
.location{ border-top:3px solid #324252}
.location_1 a,.location_1{ color:#fff}
.pm .grid_3{ margin-bottom:20px}
.button9{ margin-top:20px;}
.articre_a{display:list-item;}
.articre_a li{display: block; float:left}
/*buy*/
.focus h2 strong img{ margin:10px 10px}
.focus h2 strong{ margin:20px 0px;}
.focus h2{ display:inherit; }
.focus h2 strong img{ display:inherit; vertical-align: top; float: left}
.focus ul{ display:inline-block; margin-top:20px; margin-left:20px}
.focus ul li{ height:25px;line-height:20px}
.focus >h3{ display:inline-block; margin-left:20px}

.faq .focus h3{display:block}
.focus >p{ line-height:25px;margin-left:20px}
.focus >p a{color:#3458BB; text-decoration:underline}
.focus table{ width:96%}
.focus table tr{ margin:0; padding:0; border:1px solid #ccc; border-bottom:0; border-right:0}
.focus table th{width:20%;border:1px solid #ccc; border-top:0; border-left:0}
.focus table td p{ text-align:left; padding:0 5px}
.focus table td{width:78%;border:1px solid #ccc; border-top:0; border-left:0}
.adwards .t_follow a img{ display:block;margin:20px auto;}
.focus .green {display:block;font-weight:bold ; color:#333}
.focus strong {font-weight:bold ; color:#333;;margin-top:10px}
.error404>div>img{ margin:10px auto; display:block}
.error404 #support{ margin-top:20px}
.errorbanner h1{margin-top:30px}
.errorbanner span{margin-top:70px; display:block}
.errorbanner p{margin-top:30px; margin-right:470px; line-height:20px;}
.errorbanner img{ display: inherit; position:relative; z-index:2; margin-top:-130px; float:right}
.errorcontent>div{ margin-top:30px;}
.errorcontent>div .grid_9 h2{ margin-top:20px; margin-bottom:20px;}
.errorcontent>div .grid_3 h4{ margin-bottom:20px;}
.errorcontent>div .grid_9 .grid_3 a{ display:block;margin-top:10px; color:#0B29DD }
.errorcontent>div .grid_3 ul li a{  color:#0B29DD }
.errorcontent>div .grid_3 h4{ margin-top:20px; }
.errorcontent>div .grid_3 ul li{ margin-top:20px; }
 
.SitemapMain{float:left;}
.faq_content .SitemapMain{width:40%;}
.articleshow h4,.articleshow h4{ margin:10px;margin-top:10px}
.SitemapMain { margin-left:10px;}
.SitemapMain .feature-green{ font-size:15px; display:block; font-weight:bold;margin-top:10px;}
.SitemapMain dl dd{display: list-item; list-style-type:none; margin-left:10px;line-height:20px;}
.articleshow li{display: list-item; list-style-type:none; margin-left:10px}


.faq_content p{padding:0 10px;}
.faq_content+p{text-align:center}

 
.companyInfo li{background:url(../images/images/title_aa_03.png) no-repeat 0px 10px;line-height: 22px;padding: 5px 15px;font-size: 13px;margin-left: 20px; list-style-type:none}
n #content { float:left; width:764px; position:relative; z-index:0; height:100%; background:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px #ddd; -moz-box-shadow:0 2px 2px #ddd; box-shadow:0 2px 2px #ddd; border:1px solid #ddd; margin:0;}
#content a { text-decoration:none;color:#0099FF;}
.focus{ margin:0 auto; display:block ;}
#title_kn ul{background:url(../images/topbg1.gif) no-repeat 20px 38px; padding:0 20px}
#title_kn ul li{ float:left; margin-left:100px; }
#title_kn ul li:first-of-type{margin-left:0px; }
#title_kn ul li{padding-left:18px;margin-bottom: 6px;line-height: 1.8em;float: left;width: 134px;height: 39px;text-align: center;list-style: outside none none;font-weight: bold;}
#title_kn ul li a{line-height: 39px; background:url(../images/btn-title1.gif) scroll 0px bottom;;font-size: 12px;display: block;color: #333;padding: 0px 4px 0px 0px;margin: 0px;font-weight: bold;}
#title_kn ul .curr a{background-position: 0px 0px;}
.content-main h2{ padding-left:20px}
.cp  h3:last-of-type{ margin:20px auto;width:auto;text-align:center;background:url(../images/line.png) no-repeat center 40px; color:#ff7200; font-size:22px; padding-bottom:40px;display: block;}
/*producttech*/
.producttech .grid_6 h2{ padding-bottom:20px}
.producttech .grid_6 .focus > p {margin-left:0}
#search{ display:none;}
.cp table{ width:100%;}
.cp table tr{border:1px solid #ccc;border-bottom:0; border-right:0}
.cp table th{padding:0 15px;border:1px solid #ccc; border-top:0; border-left:0; height:20px; text-align:left; }
.cp table .title{ background:#ccc; height:30px; font-weight:bold}
.cp table td p{text-align:left; padding:0 5px}
.cp table td img{ margin-bottom:5px}
.cp table td{width:2%;border:1px solid #ccc; border-top:0; border-left:0; text-align:center;}
.faq_content li{ background:url(../images/images/title_aa_03.png) no-repeat; background-position:10px 18px; padding-left:25px;height:30px}
.faq_content h4{height:20px}
.gridshow h1{ margin-bottom:10px }
.gridshow .content p a{color:#1F32C0}
.gridshow .content:first-child p em{ font-style:italic}
.articleInfo{ background-color:#eaeff5}
.articleInfo img{margin-right:10px}
.articleInfo a{color:#4C7FF4}
 /*==================================RESPONSIVE LAYOUTS===============================================*/
@media (min-width: 980px) and (max-width: 1199px) {
/*product */
.product .grid_9 .grid_3{ margin-left:50px;  width: 280px}
.poject li{  margin-right:20px;}
.poject_context .user_say p{width:620px; margin-right:20px; }

#title_kn ul {padding: 0px 5px;margin-left:0px}
.resouce a img{ width:200px}
.resouce ul{margin: 0px 20px;}
.resouse .list1 .t_follow a{ display:block}
.store>div>div{ margin-left:10px;}
.store p { height:100px}
.button9{ margin-left:50px;}
.related .button6{ margin-left:140px;}
.cp .fealist2{ width:280px;} 
.cp .fealist2 .text {width:200px;}
.downlans .button4{float:right; padding:5px 4px}
.errorcontent>div .grid_9 .grid_3{height:auto}
.pagedo2{ display:none}
.demo{margin-left:0px;} 
.demodown{float:none;margin-left:10px;}
#xiangzi{ width:100px; height:138px;}
.second .grid_6 .m_t40{ margin-top:10px}
.user_say .list li{min-height:160px;}

.articre_a{display:list-item;}
.articre_a li{display:none}
.articre_a .crent{ display:block}
.por_main h2{width:220px}
.poject .buy_1{ margin-right:15px}
.button2,.button2_1,.button3,.button3_1{width:90px;margin-right:5px} 
.guide_tips,.Social,.hot_topics{height:500px}

}
@media only screen and (max-width: 1199px) {
/*downlans*/
.downlans p{display:block;height:60px}
.resouce a img{ width:250px}
.resouce ul{margin: 0px 10px; margin-top:5px}
.poject_context .user_say p{width:500px; margin-right:0px; }
.cp .fl,.cp .fr{width:460px; text-align:center}
.cp h3,.cp p {width:420px}
.cp table p{width:auto}
 .fealist2 .fl,.fealist2 p{width: auto} 
.right_list ul{padding: 10px 5px;}
.articre_a{display:list-item; position:absolute; top:415px}
.articre_a li{display:none; float:none; background-color:#273441; padding:8px 40px;color:#EB6210}
.articre_a li a{ height:35px; width:100px;}
.articre_a li:hover a{color: #273441; display:inline-block}
.articre_a li:hover{background-color:#fff; }
.articre_a .crent{ display:block}
header .container{position:relative}
#search{float:right;display: inline-block;margin-left:20px; margin-top:45px}
.searchbar{ position:absolute;top:32px; z-index:9999; right:0; display:none}
.cp .fl{float:left; }
.cp .fr{float: right;}
 
.sort_list a{ font-size:13px}
#xiangzi{ width:90px; height:124px;}
<!--downlans-->
.downlans .button10:nth-last-of-type(2) {margin-top: 20px}
.poject > div > div>div>div>div img{ width:352px;}
.resouce textarea{ width:80%;}
.sf-menu li ul{ left:-180px}
.support5 div div div:last-of-type div{ margin-right:40px; }
.poject section span a{padding:50px 10px; float:left; color:#fff} 
.foot a{margin-top:20px; margin-left:10px}
.pagedo2{ display:none}
.related p{height:100px}
.pro_bar .grid_6 .grid_3{width:222px}
.pro_bar .pro_1 i{height:40%}
.pro_bar .pro_1:hover i{height:50%}
.cp .grid_4 p{ width:100%}
.cp .grid_4 h4{ text-align:center}
}

@media (min-width: 768px) and (max-width: 979px) {
.cp>.fr,.cp>.fl{ height:400px}
/*button*/
.button10{margin-left:2px; }
/*othes-banner*/
.others-banner h1{ margin-top:60px; font-size:26px}
.others-banner p{font-size:16px}
/*downlans*/
#title_kn ul,#title_kn ul li{margin-left:0px}
.content-main p img{ max-width:460px}
.searces .sidebar .p15{ padding:0px;}
.searces .sidebar .p15{ margin-left:-2px}
.searces .sidebar .{ margin-left:-2px}
.searces .sidebar h4{padding: 10px 10px 20px 5px;margin-left:-2px}
.resouce a img{ width:200px}
.resouce ul{margin: 0px 10px; margin-top:5px}
.resouse>div > .grid_3,.resouse>div > .grid_9{ width:740px}
.focus h2 strong img{vertical-align:middle;float:none}
.features_l li{margin-right:8px}
.articre_a{display:list-item; position:absolute; top:435px}
.articre_a li{display:none; float:none}
.articre_a .crent{ display:block}
 
.storebanner{ margin-top:50px}
.downloadbanner{ margin-top:50px}
.productbander{ margin-top:50px}
.f_down a{ margin-right:5px;}

.cp .fl,.cp .fr{width:324px; text-align:center}
.cp h3,.cp p {width:364px; margin-left:0}
.cp .fealist2{ width:225px;} 
.cp .fealist2 .text {width:200px; margin-top:30px;}
 .fealist2 .fl,.fealist2 p{width: auto} 
.demo small{margin-left:55px; margin-top:5px; font-size:10px;}
.downlans .button10:nth-last-of-type(2) {margin-top: 15px}
 .related p{ height:110px;}
 .related h3{}
.grid_9 .grid_3{ margin-left:20px; width:240px;}
.demo{ margin-top:50px;} 
.grid_4{ width:330px;}
.cp .grid_4{ width:236px;}
.resouce .grid_4{width:236px}
.poject_context{ margin-top:0px}
.poject p i{ margin-bottom:20px;}
.poject section a{color:#fff}
.f_down a{}
.store >div> div{ width:350px} 
.store> div >div >div .grid_4{float:right; width:320px} 
.store p{height:80px;}
.foot a:nth-of-type(1){margin-top:20px; margin-left:3px;float:left}
.foot a:nth-of-type(2){margin-top:20px; margin-left:3px;float:left}
.foot a:nth-of-type(3){margin-top:20px; margin-left:3px;float:left}
.foot a:nth-of-type(4){margin-top:20px; margin-left:3px;float:left}
.pagedo2{ display:none}
.item_kf {height:300px}
h1 img,#logo img{ width:170px}
.searchbar{margin-left:20px}
.sf-menu > li { margin-left:0px}
.sf-menu a {margin:0px 0;padding:5px 6px;border-radius:5px}
.sf-menu > li:hover a,.sf-menu > li:hover > a,.sf-menu > li.sfHoverForce > a {padding:5px 15px}
.support5 div div div:last-of-type div{ margin-right:30px; }
.button4{margin: 10px 5px;}
#float_poject{position:relative;width:100%;}
#float_poject label{float:right;margin-right:100px;}
.store .button9:nth-last-of-type(1){ margin-left:10px;}
.second .grid_6 .m_t40{ margin-top:10px}
.user_say .list li{min-height:120px;}
.user_say .list li .lh_26{ line-height:20px}
.second .user_say_pic img{ min-height:241px}
.por_main h2{width:180px}
.por_main h2 .a_1,.por_main h2 .a_2,.por_main h2 .a_3,.por_main h2 .a_4,.por_main h2 .a_5,.por_main h2 .a_6,.por_main h2 .a_7,.por_main h2 .a_8,.por_main h2 .a_9,.por_main h2 .a_10{background-position: 10px 0; padding-left:50px; display:block}
.por_main h2:hover .a_1,.por_main h2:hover .a_2,.por_main h2:hover .a_3,.por_main h2:hover .a_4,.por_main h2 .a_5:hover,.por_main h2 .a_6:hover,.por_main h2 .a_7:hover,.por_main h2 .a_8:hover,.por_main h2 .a_9:hover,.por_main h2 .a_10:hover{background-position:10px -64px}
.articleshow .grid_3,.articleshow .grid_9{width:720px; margin-right:80px}
.related p{height:100px}
.related h3{ font-size:16px;}
.b_check{margin-left:20px}
.pro_bar .grid_6 .grid_3{width:174px}
.pro_bar .grid_6 .grid_3 .f16,.pro_bar .grid_6 .grid_3 .f14{font-size:12px}
.pro_bar .pro_1 i{height:58%}
.pro_bar .pro_1:hover i{height:65%}
.pro_bar .pro_2 i,.pro_bar .pro_3 i{height:35%}
.pro_bar .pro_2:hover i,.pro_bar .pro_3:hover i{height:40%}
.related .button6{ margin-left:80px;}
.button2,.button2_1{width:100px;margin-right:2px} 
.button3,.button3_1{width:90px;margin-right:5px} 
/*buy*/
.cp table{ width:95%;}
.cp table th{ width:auto}
}
@media only screen and (max-width: 767px) {
/*othes-banner*/
.others-banner img{width:70%; margin-bottom:20px;}
.others-banner h1{ margin-top:30px; font-size:26px}
.others-banner p{font-size:16px}
.others-banner .m_b50{margin-bottom:0}
.others-banner .m_t30{margin-top:0}
/*tab-div*/
.tab-div .title a {width:130px; margin-right:10px;}
.tab-div .title a label{font-size:19px;}
.tab-div .title h3{font-size:17px}
/*product*/
.product label{padding-left:50px}
.product a #lable2{ background:url(../images/a_401.png) no-repeat 10px -48px;}
.product #tab2:checked ~ div a #lable2{background:url(../images/a_401.png) no-repeat 10px -8px;}
.poject_context .user_say .list{ }
.poject_context .user_say p{width:auto; margin-right:0px; margin-top:20px }
/*downlans*/
.cp table{ width:100%;}
#title_kn ul li{margin-left:0px; padding-left: 10px;}
#title_kn ul { margin-left:0;padding: 0px 0px;}
.content-main p img{ max-width:420px}
.searces .grid_3{ margin-left:0px;}
.articleshow .grid_9>div{ height: auto}	
.SitemapMain{float: none; margin-top:20px;}
.resouce a img{ width:400px}
.resouce ul{margin: 0px 20px; margin-top:5px}

.guide_tips ul li{ display:list-item;}
..hot_topics a{ display:block}
.cp .fl,.cp >.fr{float:none;width:460px; margin-bottom:30px}
.cp > .fr .fl{width:100%}
.cp .img {width:auto; margin-bottom:30px}
.cp h3,.cp p {margin-left:0; width:auto}
.cp .fealist2 .fl{ float:left; width:auto; margin-right:15px}
.cp .fealist2 .text p, .fealist2 .text strong { margin-bottom:5px}
.cp .fealist2 .text { width:380px} 
.cp .fealist2{display: block;float: left;width:auto;margin-left:0px;margin-top: 60px;} 
.related  .button6{ margin-left:160px}
.resouse>div > .grid_3{margin-left:0px;}
.errorbanner h1{ font-size:10px;}
.errorbanner img{ margin-top:-350px}
.errorbanner span{ margin-top:300px}
.errorbanner p{ margin-right:0px;}
.focus h2 strong img{vertical-align:middle;float:none}
.store>div>div{ margin-left:0px;}
.downloadbanner_f>div>div>div>img{ height:180px; width:360px}
.downloadbanner_f .m_t30{ margin-top:10px;}
.downloadbanner_f .lh_48{ line-height:30px}
.downloadbanner_f .m_b50{ margin-bottom:15px;}
.downloadbanner h1{ font-size:22px; }
.downloadbanner p{ font-size:16px; }
.f_down{ margin-top:30px;}
.float .f_down{margin-top:0px}
.poject li{ margin-right:10px;}
.poject label{margin-right:20px;}
.poject #lable2_1{margin-right:10px;}
.articre_a{display:list-item; position:absolute; top:591px} 
.storeg .grid_4{height:175px}
.storeg .grid_4 p{ margin-right:10px}
.storebanner{ margin-top:30px}
.downloadbanner{ margin-top:30px}
.productbander{ margin-top:20px}
.productbander h1{ font-size:20px}
.productbander p{font-size:16px;margin-bottom:0; padding:0}
.pro_banner .grid_6 img { width:300px}
.pro_banner .m_b50 { margin-bottom:20px}
.pro_banner .m_t30 { margin-top:0}
.pro_banner .lh_48{ line-height:24px}
.pro_bar .grid_3{width:230px}
.poject p{ display: inline-block}
.demo small{margin-left:55px; margin-top:5px; font-size:10px;}
.f_down {margin-top:10px;}
.poject p i{ margin-bottom:20px;}
.resouce textarea{ width:70%;}
.downlans .button10:nth-last-of-type(2) {margin-top: 15px}
.downlans .row >div{ padding-bottom:50px; padding-top:50px;}
.leftproduct .grid_3{margin-left:0px}
.grid_9 .grid_3{ margin-left:20px; width:350px;}
.grid_9 .grid_3{ margin-left:20px; width:350px;}
.guide_list .grid_3{ margin-left:0px;}
.grid_3{width:100%;} 
.right_list{width:100%; margin-left:0px}
.poject_context{ margin-top:0px}
.poject section a{ color:#fff}
.f_down {margin-top:10px;}
.poject section div div div{ margin-top:10px; float:right}
.pagedo2{ display:block}
.pagedo2 select{ margin-left:20px;}
.button_body div article{padding-left:0px;}
header h1,#logo{width:130px}
.top{display:none}
header h1.m_t15{margin-top:10px}
nav.m_t40{margin-top:30px;}
nav li{display:none}
#search{ margin-top:35px; }
#mm0{min-width:120px; max-width:260px;margin-right:10px}
.button1 { font-size:13px; padding:8px 10px}
#foot {position:fixed;bottom:0;left:0;width:100%;z-index:9;text-align:center; display: block}
.footer-copyright a{position: inherit; display:block}
.resouce span a{float:none;margin-left:350px;padding-bottom:40px;display:block}
.support2 section a img{ }
.support2 section a{  }
#float_poject{position:relative;width:100%}
#float_poject label{float:right;margin-right:120px;}
.features{ height:150px;}
.comment_ico{ margin-left:10px}
.sort_list a {font-size:16px}
.pro_2 .grid_9 { float:left}
.pm .grid_3{ width:200px}
.pm .grid_3 h4{ height:50px; overflow:hidden}
.banner_menu a{ margin-top:5px; display:block; width:100px; float:left; margin-bottom:30px; text-align:center}
.button6,.b_check{width:90px}
.b_check{margin-left:10px}
.fealist2 .clear{ display:none}
.cp .fealist2{margin-top:20px;}
.features_l{padding-top:0; margin-top:-32px; position:absolute; z-index:999}
.features_l ul{display:list-item;float:left; height:10px;width:80px}
.features_l ul a{ color:#000}
.features_l li{-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s; opacity:0; line-height:32px; padding:0 10px;border-left: 1px solid #273441;border-right: 1px solid #273441;width:80px}
.features_l ul:hover li{opacity:1; background:#fff;width:80px}
.features_l .curr{ display:block; background:#fff;border: 1px solid #273441; border-bottom:0; font-weight:bold;opacity:1 }
/*---Product list----*/
.por_main{position:relative}
.por_main h2{position: relative; width:100%; left: auto; margin:10px 0;height:68px;background:#eaeff5;overflow:hidden}
.por_main h2.d1,.por_main h2.d2{top: auto}
.por_main .grid_9{ float: none}
.por_main h2:hover{background:#ff7200}
.por_main h2 a {width:100%;line-height:68px; font-size:18px;display:block}
.por_main h2 .a_1,.por_main h2 .a_2,.por_main h2 .a_3,.por_main h2 .a_4,.por_main h2 .a_5{background: url(../images/a_1.png) no-repeat 20px 0;  padding-left:70px; display:block}
.por_main h2 .a_2{background:url(../images/a_2.png) no-repeat 20px 0}
.por_main h2 .a_3{background:url(../images/a_5.png) no-repeat 20px 0}
.por_main h2 .a_4{background:url(../images/a_3.png) no-repeat 20px 0}
.por_main h2 .a_5{background:url(../images/a_4.png) no-repeat 20px 0 }
.por_main h2:hover .a_1,.por_main h2:hover .a_2,.por_main h2:hover .a_3,.por_main h2:hover .a_4,.por_main h2 .a_5:hover{background-position:20px -64px; color:#fff}
.por_main .grid_3{ width:200px}
.por_main .grid_3 h4{ height:50px; overflow:hidden}
.por_main h2{ position: static}
.support_content .row,.support_content .grid_3{margin-left:0}
.pppp p{ width:200px; float:left; margin-right:20px; margin-top:10px;}
.item_kf{ height:256px}
.articleshow .grid_3{ margin-left:0px;}

.pro_list,.pro_list h3{display:none}
.faq>div>.grid_3{margin-left:0}
.pro_bar .grid_6 .grid_3{width:232px}
.pro_bar .pro_1 i{height:40%}
.pro_bar .pro_1:hover i{height:45%}
.pro_bar .pro_2 i,.pro_bar .pro_3 i{height:30%}
.pro_bar .pro_2:hover i,.pro_bar .pro_3:hover i{height:35%}
#bandder .m_t50{ margin-top:20px; margin-bottom:20px}
.button3,.button3_1{width:90px;margin-right:25px}
.content p img{margin-left:0} 
.buy .focus p>img{ width:390px;}
.pppp >h3{ margin-top:20px; text-align:center}
.pppp >p{margin-top:15px; line-height:20px; width:100%}
.pppp >div{ display:block;width:159px; height:165px; float: none; margin:0 auto;}
.guide_tips, .Social, .hot_topics {height:auto; padding-bottom:80px}

}
@media only screen and (max-width: 479px) { 
.cp  h3:last-of-type{ margin:20px auto;width:auto;text-align:center;background:url(../images/line.png) no-repeat center 70px;
 color:#ff7200; font-size:22px; padding-bottom:20px;display: block;}

.cp .piclist>p{ width:100%}

.labmax_c{ background: url(../images/c_1.png) no-repeat 5px -22px;background-color:#fff; padding:5px 10px 5px 30px;color:#273441;}

.labmax{color:#fff; background: url(../images/c_1.png) no-repeat 5px 6px;background-color:#273441; border:1px solid #273441;}
.labwin_c{ background: url(../images/c_2.png) no-repeat 5px 6px; background-size:24%;background-color:#fff;padding:5px 10px 5px 30px;color:#273441;}
.labwin{color:#fff; background: url(../images/c_2.png) no-repeat 5px -35px; background-size:24%;padding:5px 10px 5px 30px; background-color:#273441; border:1px solid #273441}
.cp>.fr,.cp>.fl{ height:auto}

.cp table{ width:100%;}
#search{ margin-top:35px; margin-left:10px }
#mm0{margin-right:0}
option[value='product-mac.html'],option[value='product-win.html']{ display:none}
/*othes-banner*/
.others-banner h1{ margin-top:15px; line-height:25px; font-size:20px}
.others-banner p{font-size:15px;line-height:20px; margin-top:15px; margin-left:5px}
.others-banner img{ float:right}
/*tab-div*/
.tab-div .title h3{display:none}
/*product*/
/*downlans*/
.downlans p {height: 80px}
/*buy*/
.buy p img{ width:292px}
.resouce a img{ width:270px}
.buy .focus p img{ width:140px;}
.buy .focus p>img{ width:280px;}
.product #tab1:checked ~ div a #lable1 {background-position: 15px -8px;}
.product a #lable1 {background: url(../images/a_0041_03.png) no-repeat 15px -52px;}
.poject_context .user_say p {width: 320px;margin-right: 0px;margin-top: 20px}	
.resouce ul{margin: 0px 20px; margin-top:5px}
.cp >.fl{float:none;width:auto; margin-bottom:30px}
.cp > .fr .fl{width: auto}
.cp .fl, .cp .fr {width: auto}
.cp h3, .cp p { width:auto}
.cp .ml20{ margin-left:0px;}
.cp .img width:{auto;}	
.cp > .fr .fl { width:300px}
.cp .fealist2 .text { width:230px;}
.errorcontent>div .grid_9 .grid_3{ margin-left:0px}
.focus h2 strong img{ display:block;}
.focus ul li{ height:auto;line-height:25px;}
.focus p img{ height:auto;}
.poject li{ margin-right:10px;}
.articre_a{display:list-item; position:absolute; top:629px} 
.banner_menu a{ margin-top:5px; display:block; width:100px; float:left; margin-bottom:30px; text-align:center}
.cp .fealist2 .text p { width:200px;}
.pppp{ float:left; margin-left:10px }
.pppp div{ margin-bottom:20px;}
.storeg .grid_4{height:195px}
.storeg .grid_4 p{ margin-right:10px}
.fl{ float:none}
.pro_bar .grid_3{width:320px}
.pro_bar .grid_3 img{min-width: 320px}
.grid_9 .grid_3{ margin-left:20px; width:280px;}
.resouce textarea{ width:55%;}
#float_poject{position:absolute;width:100%;}
#float_poject label:first-of-type{float:right;margin-right:25%;}
#float_poject label:last-of-type{float:right;margin-right:5%;}
.store #lable1_1{margin-top:-23px;margin-right:0px}
.store #lable2_1{margin-top:-23px;margin-right:65px; padding-left:10px}
.button_body div article{padding-left:0px;} 
.pagedo1{ display:none}
.pagedo2{ display:block}
.pagedo2 button{ margin-left:10px;}
.pagedo2 select{ margin-left:10px;}
.support2 label{font-weight:bold;font-size:14px;display:block;float: left;padding:10px 7px;background-color:#eaeff5}
.support3 div div{border:1px solid #F5EBEC}
.support4 div div{text-align:center;} 
.support4 div div{margin:35px auto 30px;margin:35px auto;float:none}
.support4 div h2{display:inline-table;margin:0 auto 0}
.resouce span a{float:none;margin-left:200px;padding-bottom:30px;display:block}
.downlans .button4{padding:5px 40px}
.downlans div div div{margin-right:10px} 
.button4{margin: 10px 5px;} 
.button6,.b_check{width:100px}
.b_check{margin-left:30px}
#float_poject{position:relative;width:100%;}
#float_poject label{float:right;margin-right:50px;}
#xiangzi{ margin-left:40px;}
.features{height:130px}
.features .grid_6 .f_down{ margin-top:10px}
.f_down a{ margin-top:10px}
.labmax, .labwin{margin-right:5px}
.labmax_c, .labwin_c{margin-right:5px}
.f_down a{ float:right;}
.f_down .down_1{width:120px;padding: 5px 0 5px 30px;margin-left:80px;background: url(../images/jiantou_11.png) no-repeat 5px 5px;background-size:15%;}
.f_down .down_1:hover{background: url(../images/jiantou_11.png) no-repeat 5px -34px;background-color:#ff7200;background-size:15%;}
.f_down .buy_1 { width:120px;padding:5px 0 5px 30px; background:url(../images/che.png) no-repeat 3px 6px;background-color:#ff7200;background-size:19%;}
.f_down a span{font-size:10px;}
.f_down a small{font-size:10px;}
.poject label{margin-right:10px;}
.storebanner h1{font-size:20px;}
.storebanner p{font-size:15px;}
.productbander h1{ font-size:20px;}
.productbander p{ font-size:15px;}
.related .related_img{ height:100px; width:100px}
.related h3, .related p{ margin-left:120px;}
.related h3{ font-size:13px; line-height:15px; height:auto}
.related p{height: 88px; line-height:20px; padding-right:10px;}
.store p { height:100px}
.button9{ margin-left:50px; margin-bottom:20px;}
.storeg .grid_4 { height:210px}
.fealist2 .clear{ display:none}
.cp .fealist2{margin-top:20px;}
#title_kn ul{background: none; border-bottom:1px solid #EAEFF5; padding:0}
#title_kn ul li{margin-left:10px;width:95px; padding:0; margin-bottom:0 }
#title_kn ul li a{background: none; border:1px solid #ccc; border-bottom:0}
#title_kn ul .curr a{background:#EAEFF5}
.content-main p img{ max-width:280px}
.pro_bar .grid_6,.pro_bar .grid_6 .grid_3 {width:320px}
.pro_bar .grid_6 .lh_22{ line-height:18px}
.pro_bar .pro_1 i{height:60%}
.pro_bar .pro_1:hover i{height:70%}
.pro_bar .pro_2 i,.pro_bar .pro_3 i{height:25%}
.pro_bar .pro_2:hover i,.pro_bar .pro_3:hover i{height:30%}
.related_img img{ max-width:120px; max-height:130px}
#p_main .img{max-width:300px}
.button2,.button2_1{margin-right:0} 
.fealist2 .fl,.fealist2 p{width: auto}
 .related  .button6{ margin-left:40px}
 .pppp {padding-top:20px; padding-bottom:20px}
.guide_button .p_20{padding:3px 3px 3px 3px; float:left; margin-left:10px}
.guide_button .m_r10{margin-right:5px}

.float .f_down a{margin-top:0px}
}
.paging{ text-align:center; margin:20px 0;}
.paging a{padding: 3px 7px ;text-decoration: none; color:#f75a50; font-size:16px; }
.paging a:hover{background:#f75a50; border-radius:5px; color:#fff;}
.paging a.curr{color:#333; font-weight:bold; background:none !important;}
.paging .bb{ padding: 5px 10px ; margin:0 10px;  border:none; background:#f75a50; color:#fff; border-radius:5px}
.paging .bb:hover{background:#f75a50; text-decoration:underline;}
.top_close_bg {
    background: none repeat scroll 0% 0% #FEFEB6;
}
.re {
    position: relative !important;
}
.top_close_bg .closeBtn_new {
    position: absolute;
    width: 27px;
    height: 25px;
    line-height: 22px;
    cursor: pointer;
    z-index: 10;
    display: block;
    padding-top: 2px;
    text-align: center;
    border-radius: 36px;
    font-weight: bold;
    font-size: 16px;
    top: 7px;
}
.top_banner_closeBtn {
    position: absolute;
    max-width: 25px;
	height:auto;
    cursor: pointer;
    z-index: 10;
    display: block;
    text-align: center;
    border-radius: 36px;
    font-weight: bold;
    font-size: 16px;
	right: 20px;
}
.submitEmailInput {
    margin-top: 10px;
    height: 34px;
    width: 60%;
	color: #939393;
	float:left;
	-webkit-appearance: none;
	border:none;
}
.submitEmail {
    background-color: #ff7200;
    border: 0px;
    height: 36px !important;
    font: inherit;
    margin-left: -1px;
	margin-top:10px;
	float:left;
	border-radius: 3px;
	color:#ffffff;
	-webkit-appearance: none;
	cursor:pointer;
}
.closeBtn_video {
    position: absolute;
    width: 27px;
    height: 25px;
    line-height: 22px;
    cursor: pointer;
    z-index: 10;
    display: block;
    padding-top: 2px;
    text-align: center;
    border-radius: 36px;
    font-weight: bold;
    font-size: 16px;
    top: -10px;
}
.playvideo-container {
    position: relative;
}
.playvideo_img {
    cursor: pointer;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -48px;
	margin-top: -36px;
}
.product-main-img {
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
.product-watch-video {
	color: rgb(255, 255, 255);
	font-size: 14px;
	margin: 20px auto;
	display: block;
	text-align: center;
}
.app_playvideo_img {
    position: absolute;
    margin-top: -75px;
    cursor: pointer;
	text-align:center;
	left:40%;
	right:50%;
}
.download {
	text-align: center;
	padding-right: 20%;
	margin-left: -20%;	
}
.download a {
    float: right;
    margin: 9px 0px;
    border-radius: 10px;
    overflow: hidden;
	background-color: #a4a4a4 !important;
	text-align: center;
    color: #FFF;
    font-size: 22px;
    width: 60%;
	clear: both;
	display:block;
	padding-top: 15px;
	padding-bottom: 15px;
}
.inunstall-body {
	width:100%;
	background: #5086CB none repeat scroll 0% 0%;
	padding-top:20px;
	padding-bottom:20px;
}
.inunstall-body h1 {
    font-size: 4.6em;
    font-weight: normal;
    color: #FFF;
    text-align: center;
}
.inunstall-body p {
    font-size: 2em;
    margin-top: 30px;
    color: #FFF;
    margin-left: 20px;
    line-height: 30px;
}
.install-title{	
	background-color: #324252;
}
.install-title-container {
	background: url("/images/installbg.png") no-repeat;
	background-position: right;
}
.install-title h3 {
	color: #fff;
	padding-top:20px;
	padding-bottom:20px;
	font-size:30px;
}
.install-title h2 {
	color: #fff;
	padding-bottom:20px;
}
.install-title p {
	color: #fff;
	padding-bottom:20px;
	line-height:30px;
}
.install-title .f_down {
	color: #fff;
	padding-bottom:20px;
}
.install-title .f_down a {
	padding: 5px 20px 0px 0px !important;
}
.install-title .buy_1 {
	background: none !important;
	border: none !important;
}
.install-title .f_down a span {
	line-height:40px;
}
.install-title .buy_1 {
	float:left !important;
	margin:0px !important;
}
.install_support1 {
	background-color:#adede6;
	margin-top:20px;
	text-align: center;
}
.install_support1 img {
	width:100px;
	height:100px;
	margin-top:10px;
	margin-bottom:10px;
}
.install_support1 .support-title {
	font-size:16px; 
	line-height:40px;
	color: #324252;
}
.install_support1 .support-title:hover {
	color: #324252;
}
.unstallbox h2 {
	margin-left:0px;
	margin-top:30px;
	margin-bottom:10px;
}
.unstallbox input[type="checkbox"] {
	margin-left:20px;
}
.unstallbox input[type="radio"] {
	margin-left:20px;
}
.unstallbox textarea {
	margin-left:20px;
	width: 80%;
}
.unstallbox input[type="text"] {
	width:80%;
	height:30px;
	margin-left:0px;
}
.unstall_radio{
	width:100% !important;
	float:left;
	margin-top: 10px;
}
.unstall_btn{
	margin-left: 50px;
	width: 140px;
	height: 40px;
	color: #fff;
	background: #ff7200;
	border: none;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	margin-top:20px;	
	-webkit-appearance: none;
}
.unstall_btn:hover {
	background:#ff9200;
}
.unstall-email-tip {
	margin-left:50px;
	color:#ff7200;
	font-size: 14px;
}
.unstall-email-tip:hover {
	color:#ff7200;
}
.installh2 {
	margin-top:20px;
}
.pro-nav-bg {
	background: #324252 none repeat scroll 0% 0%;
	display: block;
}
.pro-nav {
    margin-top: 12px;
	background: #324252 none repeat scroll 0% 0%;
    float: left;
    font-size: 1.3em;
    margin: 0px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pro-nav a {
    display: inline-block;
    float: left;
    line-height: 25px !important;
    margin-left: 20px !important;
    color: #FFF !important;
	font-size: 14px;
	margin-top: 15px;
}
.pro-nav a:hover {
	text-decoration:underline !important;
}
.pro-nav h2 {
	color: #fff;
}
.pro-nav .current {
	color: #F6762B !important;
}
.pro-nav .current:hover {
	text-decoration:none !important;
}
.nav-body .try {
    background-color: #3AC060;
    border-radius: 12px;
    width: 60px;
    text-align: center;
	color:#fff;
	font-size: 13px;
}
.nav-body .try:hover {
    text-decoration:none !important;
}
.nav-body .buy {
    background-color: #ED4D4B;
    border-radius: 12px;
    width: 60px;
    text-align: center;
	color:#fff;
	font-size: 13px;
}
.nav-body .buy:hover {
    text-decoration:none !important;
}
.install-title p {
	font-size: 14px;
}
.install-title img {
	margin-bottom: 10px;
}
.unstallbox {
	line-height: 20px;
}
.unstallbox span {
	float:left;
	clear: both;
	vertical-align: middle;
	padding-top: 5px;
}
.unstallbox a:hover {
	color: #324252;
}
.emailbox {
	
}
.clearboth {
	clear: both;
}

table {
	border:1px #cccccc solid !important;
}
table tr {
	border:1px #cccccc solid !important;
}
table tr td{
	border:1px #cccccc solid !important;
}

.guide-list-sub {
	float: left;
	width: 50%;
}

/*message*/
.message {display: none;position:fixed;width:100%; height:100%; overflow:hidden; margin:0 auto; left:0; right:0; bottom:0; z-index:50001; background:rgba(0,0,0,0.8)}
.message .grid_9{float:none;margin:0 auto;position: relative; z-index:1; max-height:660px; top:100px; background:#fff;overflow-y:auto}
.message h2{padding:15px 0;background:#04dcfc; font-size:36px; color:#fff; text-align:center}
.message h2 span{margin-left:20px; font-size:18px}
.message p{ margin-top:20px;padding:0 20px; font-size:16px}
.message .grid_6{float:none; margin:0 auto; padding-bottom:30px; margin-top:20px}
.message label{margin-bottom:10px}
.message input{width:100%;text-indent:2em;color:#999; margin-top:15px;height:34px; border:1px solid #bbb; background:url(../images/message_icon.png) no-repeat 5px 10px; display:block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message textarea{margin-top:15px;width:100%;text-indent:2em;color:#999; font-size:13px !important;height:158px;border:1px solid #bbb; font-family:Verdana; display:block; overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.message input#email{ background-position: 5px -32px}
.message input#mycall{ background-position: 5px -72px}
.message select{width:100%;height:34px; margin:15px 0px 0px 0px;border:1px solid #bbb;color:#999}
.message textarea#saytext{background:url(../images/message_icon.png) no-repeat 5px -120px}
.message .empty,.empty1{display:none; color:red}
.message .submit{text-align:center; clear: both; padding-top: 30px;}
.message .submit a{ padding:6px 30px; color:#fff; border-radius:3px; text-align:center; font-size:16px; display:inline-block;background:#fe8c01}
.message .close{top:15px; right:20px}

.message .upload input{text-indent: 0em; width: 40%; float: left;}
.filetype-tag {color:#aaaaaa; float: left; margin-top:15px; line-height: 34px; margin-left: 10px;}
/*To top*/
#side-button{position:fixed;right:0; z-index:1999}
.message_write,#messageToTop{position:relative;right:-78px; width:120px; height:42px; line-height:42px; background:rgba(0,0,0,0.8);color:#fff; font-size:14px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;}
.message_write img{width:22px}
.message_write span{display:inline-block; margin-left:10px}
.message_write:hover{right:0; cursor:pointer; opacity:1; background:#fe8c01}
#messageToTop{display:none; position:absolute;width:42px;text-align:center; margin-top:2px;overflow:hidden;right:0}
#messageToTop img{width:32px;}
#messageToTop:hover{background:#fe8c01;cursor:pointer}
#messageToTop:active, #messageToTop:focus {outline:none}
.messageClose {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 10px;
    right: 30px;
    background: transparent url("../images/close.png") no-repeat scroll 0% 0%;
    display: inline-block;
    transition: all 0.9s ease 0s;
}
.messageClose:hover {
	cursor: pointer;
}
.resouse .content h1 {
	line-height: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*new buy page style*/
.new-buy-table{
	width: 100%;
	overflow: hidden;
	float: left;
}
.new-buy-table ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.new-buy-table ul li {
    border-right: 1px solid #e7e7e7;
    text-align: center;
    font-size: 27px;
}
.new-buy-table .new-buy-left {
	float: left;
	width: 48%;
	padding: 30px 0px;
}
.new-buy-table .new-buy-right {
	float: left;
	width: 48%;
	padding: 30px 0px;
	margin-left: 4%;
}
.new-buy-table ul li.one_year {
    border-right: none;
    background-color: #ff7200;
    border-left: 1px solid #e7e7e7;
    padding: 20px;
    color: #fff !important;
    text-align: center;
}
.new-buy-table ul li.one_year strong {
    color: #fff !important;
	font-size: 27px;
}
.new-buy-table ul li#one_year_price {
    background-color: #ffffff;
    border-left: 1px solid #e7e7e7;
    font-size: 52px;
    color: #fe1200;
    padding: 30px 0 25px 0;
}
.new-buy-table ul li del {
    font-size: 20px;
    margin-right: 10px;
    color: #2A3762;
}
.new-buy-table ul li#one_year_buy {
    border-left: 1px solid #e7e7e7;
    background-color: #ffffff;
    overflow: hidden;
    padding-bottom: 60px;
}
.new-buy-table ul li#one_year_intro, .new-buy-table ul li#lifetime_intro {
    background-color: #f5f5f5;
    border-left: 1px solid #e7e7e7;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    color:#595959;
}
.new-buy-table ul li.lifetime {
    background-color: #04a0f6;
    color: #fff;
    padding: 20px;
}
.new-buy-table ul li.lifetime strong {
    color: #fff !important;
	font-size: 27px;
}
.new-buy-table ul li#lifetime_price {
    border-left: 1px solid #e7e7e7;
    background-color: #ffffff;
    font-size: 52px;
    color: #fe1200;
    padding: 30px 0 25px 0;
}
.new-buy-table ul li#lifetime_buy {
    border-left: 1px solid #e7e7e7;
    background-color: #ffffff;
    overflow: hidden;
    padding-bottom: 60px;
}
.new-buy-table ul li#lifetime_intro {
    background-color: #f5f5f5;
    border-left: 1px solid #e7e7e7;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0;
    color:#595959;
}
.new-buy-select {
	width: 100%;
}
.new-buy-select select {
    border: 1px solid #a0a0a0;
    display: block;
    width: 45%;
    margin: 5px 0;
    font-size: 15px;
    color: #888;
    padding: 8px 10px;
    float: left;
    margin-left: 30px;
}
.new-buy-select p {
	line-height: 20px;
	font-size: 20px;
	margin-left: 30px;
}
.new-buy-price {
	font-size: 30px;
	line-height: 30px;
	color:#fe1200;
	display: block;
	float: left;
	padding-top: 20px;
}
.new-buy-price:hover {
	color:#fe1200 !important;
}
.new-buy-cart {
	margin-left: 20px;
}
.new-buy-select div {
	padding-left: 30px;
	display: block;
}
.new-buy-select div a:hover {
	color: #324252;
}
.new-buy-price del {
	font-size: 14px;
	color:#000;
	padding-right: 10px;
}
.new-buy-bank{
	background-color: #efefef;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	float: left;
}
.new-buy-bank img{
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}
.new-buy-license {
	width: 33.33%;
	float:left;
}
.new-buy-license p {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 18px;
	text-align: center;
	color: #5c6c7c;
}
/*end new buy page style*/

@media (max-width: 767px) {
	.unstallbox h2 {
		padding-left: 0px !important;
	}
	.unstall_radio {
		width: 100% !important;
		float: left;
	}
	.unstallbox input[type="text"] {
		margin-left:20px;
	}
	.unstall_btn {
		margin-left: 20px !important;
	}
	.guide-list-sub {
		width: 100%;
	}
	.new-buy-license {
		width: 100%;
		float:left;
	}
	.new-buy-table .new-buy-left {
		float: left;
		width: 100%;
		padding: 30px 0px;
	}
	.new-buy-table .new-buy-right {
		float: left;
		width: 100%;
		padding: 30px 0px;
	}
	.new-buy-select select {
		width:80%;
		margin-left: 10%;
	}
}
@media (min-width: 480px) and (max-width: 768px) {
	
}
@media (min-width: 768px) and (max-width: 979px) {
	.nav-body {
		margin-left: 20px;
	}
	.nav-body a:first-of-type{
		margin-left: 0px !important;
	}
	.unstallbox input[type="checkbox"] {
		margin-left:40px;
	}
	.unstallbox input[type="radio"] {
		margin-left:40px;
	}
	.unstallbox textarea {
		margin-left:40px;
		width: 80%;
	}
	.unstallbox span {
		height: 50px;
	}
	.emailbox {
		margin-left: 40px !important;
	}
	.unstall_btn {
		margin-left: 40px !important;
	}
	.new-buy-select select {
		margin-left: 10px;
	}
}
@media (min-width: 980px) {
	.pro-nav h2 {
		width: 50%;
		float: left;
	}
	.nav-body {
		margin-left: 30px;
	}
	.install-title p {
		width: 60%;
	}
	.unstallbox input[type="checkbox"] {
		margin-left:40px;
	}
	.unstallbox input[type="radio"] {
		margin-left:40px;
	}
	.unstallbox textarea {
		margin-left:40px;
		width: 80%;
	}
	.unstallbox span {
		height: 50px;
	}
	.emailbox {
		margin-left: 40px !important;
	}
	.unstall_btn {
		margin-left: 40px !important;
	}
}