@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'helvetica_ce_35_thinregular';
    src: url('../font/helvetica_neue_ce_35_thin_0-webfont.eot');
    src: url('../font/helvetica_neue_ce_35_thin_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/helvetica_neue_ce_35_thin_0-webfont.woff2') format('woff2'),
         url('../font/helvetica_neue_ce_35_thin_0-webfont.woff') format('woff'),
         url('../font/helvetica_neue_ce_35_thin_0-webfont.ttf') format('truetype'),
         url('../font/helvetica_neue_ce_35_thin_0-webfont.svg#helvetica_ce_35_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.helvetica_ce_35_thinregular {font-family:'helvetica_ce_35_thinregular';}


#page_slides { width:100%; height:200px;position:relative;}
#page_slides li { display:block; width:100%; height:200px;list-style:none; padding:0; margin:0; position:absolute; margin:0 auto; z-index:-1;}
#page_slides li a { display:block; width:1000px; height:50px; z-index:99; margin:0 auto; color:#fff; font-size:55px; padding-top:150px;} 


/* company page css */
.company_out { width:100%; height:200px; margin:0 auto; overflow:hidden; position:relative;}
.company_out .company_center { width:1000px; margin:0 auto; padding:70px 0; overflow:hidden;}
.company_out .company_center h1, h2 { color:#000;}
.company_out .company_center h1 { font-size:20px; text-transform:uppercase;}
.company_out .company_center h2 { font-size:24px;}

/* news page css */
.company_out .company_center2 { width:1000px; margin:0 auto; padding:70px 0; overflow:hidden;}
.company_out .company_center2 h1, h2 { }
.company_out .company_center2 h1 { font-size:20px; text-transform:uppercase;color:#fff;}
.company_out .company_center2 h2 { font-size:24px;color:#fff;}


.where_out { width:100%; height:50px; margin:0 auto;}
.where_out .where_center { width:1000px; line-height:50px; margin:0 auto; overflow:hidden;}
.where_out .where_center ul { float:right;}
.where_out .where_center ul li { display:inline; margin-left:5px; color:#555;}
.where_out .where_center ul li a { color:#555;}
.where_out .where_center ul li a:hover { color:#964eb4;}

/* company_mainout css */
.company_mainout { width:100%; height:auto; margin:0 auto; padding:30px 0; overflow:hidden; background-color:#9f9f9f;}
.company_mainout .company_maincenter { width:1000px; margin:0 auto; overflow:hidden;}
.company_mainout .company_maincenter ul.ulleft {width:180px; display:block; margin-right:20px; background-color:#fff;}
.company_mainout .company_maincenter ul.ulleft li {}
.company_mainout .company_maincenter ul.ulleft li a { display:block; width:160px; height:50px; line-height:50px; border-bottom:1px solid #aaa; font-size:14px; padding-left:20px; color:#333;}
.company_mainout .company_maincenter ul.ulleft li a:hover { background:url(../images/dot_white.png) no-repeat 150px center; background-color:#7e3f98; color:#fff;}
.company_mainout .company_maincenter ul.ulleft li a.linknow { display:block; width:160px; background:url(../images/dot_white.png) no-repeat 150px center; background-color:#7e3f98; color:#fff}
.company_mainout .company_maincenter ul.ulleft h1 { display:block; line-height:24px; color:#fff; background-color:#000; padding:20px 0 20px 20px; }


.company_mainout .company_maincenter ul h1 span.title14 { font-size:14px; color:#fff; text-transform:uppercase;}
.company_mainout .company_maincenter ul h1 span.title18 { font-size:18px; color:#fff;}

.company_mainout .company_maincenter ul.ulright { width:720px; background-color:#fff; padding:40px ;font-size:14px;line-height:26px;color:#333;}
.company_mainout .company_maincenter ul.ulright h1 { font-size:18px; color:#964eb4; border-bottom:1px solid #888; padding-bottom:10px; margin-bottom:10px;}
.company_mainout .company_maincenter ul.ulright h2 { }
.company_mainout .company_maincenter ul.ulright h2 p { }

/* product page css */
.company_out .product_center { width:1000px; margin:0 auto; padding:40px 0; overflow:hidden;}
.company_out .product_center h1 { font-size:48px; text-transform:uppercase; color:#fff;}
.company_out .product_center h2 { width:360px; font-size:12px; color:#eee;}

.company_mainout .company_maincenter ul.ulright2 { width:800px;}
.company_mainout .company_maincenter ul.ulright2 a { width:260px;display:block; float:left; margin:0 6px 10px 0; background-color:#fff; padding:4px 0px 0px 0px; color:#333; text-align:center;}
.company_mainout .company_maincenter ul.ulright2 a:hover { box-shadow:0px 0px 20px #000;}
.company_mainout .company_maincenter ul.ulright2 a img { display:inline-block;border:1px solid #aaa;}
.company_mainout .company_maincenter ul.ulright2 a h2 {  display:block; margin:5px auto; font-size:18px; border-bottom:1px solid #aaa; padding-bottom:5px; text-align:left;}

/* knowledge page css */
.company_mainout .company_maincenter ul.ulright3 { width:800px; display:block;}
.company_mainout .company_maincenter ul.ulright3 li { width:800px; display:block;}
.company_mainout .company_maincenter ul.ulright3 li a { width:800px; height:170px; display:block; background-color:#fff; margin-bottom:10px;}
.company_mainout .company_maincenter ul.ulright3 li a:hover { box-shadow:0px 0px 5px #000; }
.company_mainout .company_maincenter ul.ulright3 li a:hover span.width2 h1 { color:#7e3f98;text-decoration:underline;}
.company_mainout .company_maincenter ul.ulright3 li a:hover span.width2 h2 { color:#333; } 

.company_mainout .company_maincenter ul.ulright3 li a span { display:block;}
.company_mainout .company_maincenter ul.ulright3 li a span.width1 { width:250px; height:160px;}
.company_mainout .company_maincenter ul.ulright3 li a span.width1 img { padding:5px;}
.company_mainout .company_maincenter ul.ulright3 li a span.width2 { width:500px; padding:20px;}

.company_mainout .company_maincenter ul.ulright3 li a span h1 { font-size:18px; color:#000;}
.company_mainout .company_maincenter ul.ulright3 li a span h2 { font-size:12px; color:#333; line-height:24px; padding-top:15px;}

.company_mainout .company_maincenter ul.ulright3 li.boxpage { background-color:none; color:#333;}
.company_mainout .company_maincenter ul.ulright3 li.boxpage a { display:inline; height:30px; line-height:30px; background-color:#9f9f9f; padding:0 7px; color:#333;}
.company_mainout .company_maincenter ul.ulright3 li.boxpage a:hover { box-shadow:none; color:#7e3f98;}

/* knowledge more page css */
.company_mainout .company_maincenter ul.ulright { width:720px; background-color:#fff; padding:40px ;}
.company_mainout .company_maincenter ul.ulright h3 { font-size:18px; color:#000;  padding-bottom:5px;}
.company_mainout .company_maincenter ul.ulright h4 { font-size:12px; color:#888;}
.company_mainout .company_maincenter ul.ulright h5 { padding-top:20x;}
.company_mainout .company_maincenter ul.ulright h5 p { font-size:14px; color:#000; line-height:26px; margin-bottom:20px;}
.company_mainout .company_maincenter ul.ulright h6 { margin-top:50px;}
.company_mainout .company_maincenter ul.ulright h6 a { color:#888; text-decoration:underline; margin-right:10px;}
.company_mainout .company_maincenter ul.ulright h6 a:hover { color:#7e3f98;}

/* products more page css */
.company_mainout .company_maincenter ul.ulright .product_box { width:720px; margin:0 auto; overflow:hidden; position:relative;}
.company_mainout .company_maincenter ul.ulright .product_box ul { display:block;}
.company_mainout .company_maincenter ul.ulright .product_box ul li.boxboder { width:380px; height:380px; float:left; display:block; border:1px solid #ccc; margin-bottom:20px;}
.company_mainout .company_maincenter ul.ulright .product_box ul li.pagenext { width:395px; display:block; clear:both;}
.company_mainout .company_maincenter ul.ulright .product_box ul li.pagenext a { display:block; height:35px; line-height:35px; border:1px solid #ccc; padding:0px 30px 0 43px; color:#555; font-size:14px; margin-right:9px; float:left;}
.company_mainout .company_maincenter ul.ulright .product_box ul li.pagenext a.pagebg1, .pagebg2, .pagebg3 { height:35px; background-image:url(../images/dot_download.png); background-repeat:no-repeat;}
.pagebg1 { background-position:13px top;}
.pagebg2 { background-position:13px -35px;}
.pagebg3 { background-position:13px -70px;}
.company_mainout .company_maincenter ul.ulright .product_box ul li.pagenext a:hover { background-color:#7e3f98; color:#fff;}
.company_mainout .company_maincenter ul.ulright .product_box ul li.pagenext a.pagebg1:hover, .pagebg2:hover, .pagebg3:hover  { height:35px; background-image:url(../images/dot_download2.png); background-repeat:no-repeat;}

.company_mainout .company_maincenter ul.ulright .product_box ul.prorightbox { width:300px; margin:0 auto; overflow:hidden; position:relative;}
.company_mainout .company_maincenter ul.ulright .product_box ul.prorightbox li { line-height:30px; color:#555; font-size:14px;}
.company_mainout .company_maincenter ul.ulright .product_box ul.prorightbox li span { width:300px; display:block; font-size:20px; color:#7e3f98; border-bottom:1px solid #ccc; padding-bottom:5px;}

.company_mainout .company_maincenter ul.ulright .proimgcenter { width:720px; margin:0 auto; overflow:hidden; position:relative; margin-top:30px;} 
.company_mainout .company_maincenter ul.ulright .proimgcenter h1 { display:block; height:30px; line-height:30px; font-size:18px; padding-left:50px; border-bottom:2px solid #ccc; margin-bottom:20px;}
.company_mainout .company_maincenter ul.ulright .proimgcenter h1 span { width:140px; height:33px; text-align:center; border-top:4px solid #ccc; border-left:1px solid #ccc;  border-right:1px solid #ccc; display:block; background-color:#fff; }
.company_mainout .company_maincenter ul.ulright .proimgcenter img { max-width:720px;}

/* contact page css */
.company_mainout .company_maincenter ul.ulright .mapbg { width:720px; margin:0 auto; text-align:center;}
.company_mainout .company_maincenter ul.ulright .mapbg img { border:1px solid #ccc; padding:10px;}

.company_mainout .company_maincenter ul.ulright .contactbox { width:720px; margin:0 auto; margin-top:30px; overflow:hidden; position:relative;}
.company_mainout .company_maincenter ul.ulright .contactbox ul { width:350px; display:block; float:left;}
.company_mainout .company_maincenter ul.ulright .contactbox ul span { display:block; float:left;}
.company_mainout .company_maincenter ul.ulright .contactbox ul span li { display:inline-block;}

.company_mainout .company_maincenter ul.ulright .contactbox .contact_mainbox { width:350px; background-color:#f1f1f1; float:left; margin:0 10px 10px 0;}
.company_mainout .company_maincenter ul.ulright .contactbox .contact_mainbox img { display:block; margin-right:10px; float:left;}
.company_mainout .company_maincenter ul.ulright .contactbox .contact_mainbox .contact_text { padding:15px 10px;}
.company_mainout .company_maincenter ul.ulright .contactbox .contact_mainbox .contact_text h3 { font-size:16px; color:#333; font-weight:bold;}

/* contact page css */
.company_mainout .company_maincenter2 { width:1000px; margin:0 auto; overflow:hidden; padding:30px 0;}
.company_mainout .company_maincenter2 ul { display:block; width:250px; height:250px; float:left;}
.company_mainout .company_maincenter2 a { display:block; width:250px; height:250px; float:left;}
.company_mainout .company_maincenter2 a.boxbg1 { width:190px; height:110px; background-color:#02a8c1; color:#fff; padding:70px 30px;}
.company_mainout .company_maincenter2 a.boxbg1 h1 { font-size:26px; text-transform:uppercase;}
.company_mainout .company_maincenter2 a.boxbg1 h2 { font-size:30px; color:#fff;}

.company_mainout .company_maincenter2 a.boxbg2 { width:190px; height:110px; background-color:#fff; color:#000; padding:70px 30px;}
.company_mainout .company_maincenter2 a.boxbg2 h1 { font-size:26px; text-transform:uppercase;}
.company_mainout .company_maincenter2 a.boxbg2 h2 { font-size:30px; color:#000;}


/* search page css */
.company_mainout .company_maincenter3 { width:1000px; margin:0 auto; overflow:hidden; padding:30px 0; background-color:#fff;}
.company_mainout .company_maincenter3 .support_input { width:900px; height:50px; line-height:50px; margin:0 auto; position:relative;}
.company_mainout .company_maincenter3 .support_input .inputwidth { display:block; width:460px; height:45px; line-height:45px; color:#888; font-size:14px; padding-left:30px; border:1px solid #ccc;}
.company_mainout .company_maincenter3 .support_input .butttonwidht { display:block; width:43px; height:43px; background:url(../images/search2.png) no-repeat center top; position:absolute; left:440px; top:0; z-index:999; border:none; cursor:pointer;}
.company_mainout .company_maincenter3 .support_input .butttonwidht:hover { display:block; width:43px; height:43px; background:url(../images/search2.png) no-repeat center -42px; position:absolute; left:440px; top:0; z-index:999; border:none; cursor:pointer;}

.company_mainout .company_maincenter3 .support_input2 { width:900px; height:50px; line-height:50px; margin:0 auto; margin-top:30px; position:relative;}


.company_mainout .company_maincenter3 .searchbox { width:900px; margin:0 auto; margin-top:30px; overflow:hidden;}
.company_mainout .company_maincenter3 .searchbox a { width:260px; height:200px; display:block; float:left; border:1px solid #ccc; margin-right:10px; padding:10px; background-color:#fff;}
.company_mainout .company_maincenter3 .searchbox a li {width:260px; line-height:30px; margin:0 auto; text-align:center; font-size:14px; color:#555;}
.company_mainout .company_maincenter3 .searchbox a li img { text-align:center; text-align:center; margin:0 auto; background-color:#eee;}
.company_mainout .company_maincenter3 .searchbox a:hover { box-shadow:0px 0px 10px #555; behavior: url(pie.htc);}