*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0; outline:none; }
body{color:#333;margin:0px auto; font-family: "Verdana", "Helvetica", "Arial", "微软雅黑"; font-size:14px; line-height:1.71428571; background:#fff; min-width:1200px; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; }
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; }
li{ list-style: none outside none;}
i,em { font-style:normal; }


a{ text-decoration:none; color:#333; background: transparent;  outline:none}
a:visited { color:#333; }
a:hover{ color:#dd5317;}
a:focus { outline:none; }
a:active{ outline:none;}


h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}


form {margin: 0;}
button,input,select,textarea { font-size: 100%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #EEE;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color:#EEE;width:99%;}


blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}





.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}


.clear:after { content:""; display:block; clear:both; }
.float_left { float:left; }
.float_right { float:right; }


.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}


.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  }

.btn {background-color:#dd5317; color: #fff; }
.btn:hover {  background-color: #aa370e; color:#fff;}
.btn:active {}

.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}

.btn-block {display: block;}


.form_text, .form_text_verifycode{ border: 1px solid #ddd;border-width:1px; height:36px; line-height:36px;clip: rect;padding: 2px 12px; color: #000000; background:none; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:100px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:103px; border: 1px solid #ddd;border-width:1px; padding:12px; background:none; }
.form_button { width:auto; vertical-align:middle; border:0 none;}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}


.hide { display:none; }  
.more{ float: right; padding-right:5px; display:none;} 
.code_image{ cursor: pointer; padding-bottom:6px; } 





.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1000px;margin:0 auto; background:#fff; padding:0 70px; position:relative; overflow:hidden; 
border:30px #f3f3f1 solid; border-width:0 30px; }

.single:before,.job:before,.article:before,.picture:before { content:""; display:block; width:1000px; height:100%; background:#ecebeb; position:absolute; left:0; top:0; 
border:70px #fff solid; border-width:140px 70px 70px 70px; border-color:#fff transparent transparent transparent; }

#top, #logo, #banner, #announcement, #link, #copyright,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9
,#floor_10,#floor_12,#floor_13,#floor_14 { width:1200px;  margin:0 auto; overflow:hidden; }
#left { float:left; width:250px; }
#right { float:left; width:100%; background:#fff; position:relative; padding:50px 20px 0; box-sizing:border-box; min-height:300px; }

.body_single,.body_job,.body_article,.body_picture { background:#f3f3f1; }



.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; }



.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0;}
.right_body { overflow:hidden; zoom:1; }


.achievement { background:#eb633b; padding:35px 0; overflow:hidden; }
.achievement ul { width:1200px; margin:0 auto; position:relative; }
.achievement ul li { float:left; width:300px; font-size:20px; color:#fff; text-align:center; }
.achievement ul li span { display:block; font-size:36px; line-height:36px; font-family:Arvo; }

.achievement ul .li0 {
    -webkit-animation: scaleIn .7s ease .2s both;
    -moz-animation: scaleIn .7s ease .2s both;
    -ms-animation: scaleIn .7s ease .2s both;
    animation: scaleIn .7s ease .2s both;
}

.achievement ul .li1 {
    -webkit-animation: scaleIn .7s ease .6s both;
    -moz-animation: scaleIn .7s ease .6s both;
    -ms-animation: scaleIn .7s ease .6s both;
    animation: scaleIn .7s ease .6s both;
}

.achievement ul .li2 {
    -webkit-animation: scaleIn .7s ease 1s both;
    -moz-animation: scaleIn .7s ease 1s both;
    -ms-animation: scaleIn .7s ease 1s both;
    animation: scaleIn .7s ease 1s both;
}
.achievement ul .li3 {
    -webkit-animation: scaleIn .7s ease 1.4s both;
    -moz-animation: scaleIn .7s ease 1.4s both;
    -ms-animation: scaleIn .7s ease 1.4s both;
    animation: scaleIn .7s ease 1.4s both;
}


#floor_1_main { height:900px; position:relative; overflow:hidden; }
.case_bg { background:url("../image/bg1-1.png") center; background-attachment:fixed; width:100%; height:100%; position:absolute; top:0; left:0; }
#floor_1 { padding:px; position:relative; }
.floor_1_title { text-align:center; font-size:26px; margin:50px 0 0; }
.floor_1_title p { font-size:15px; color:#a9a9a9; text-transform:uppercase; }
.floor_1_1 { margin:60px 0 80px; overflow:hidden; }
.floor_1_1 li { float:left; width:280px; text-align:center; margin:10px; }
.floor_1_1 li img { display:block; width:280px; height:240px; }
.floor_1_1 li span { display:block; font-size:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:10px 0 0; }
.case_slogan { float:left; width:350px; }
.case_slogan span { display:block; font-size:30px; line-height:30px; color:#ddd; text-tranform:uppercase; }
.case_slogan h3 { font-size:26px; line-height:26px; font-weight:normal; margin:20px 0 10px; }
.case_slogan p { font-size:14px; color:#777; margin:0 0 40px; }
.case_slogan a { background:#dd5317; color:#fefefe; padding:8px 40px; display:inline-block; }
.case_slogan a:hover { border:1px #dd5327 solid; background:none; color:#dd5317; }
.floor_1_2 ul { float:right; width:770px; overflow:hidden; }
.floor_1_2 ul li { float:left; width:280px; margin:0 90px 90px 0;  }
.floor_1_2 ul li:nth-child(2n) { margin-right:0; }
.floor_1_2 ul li h4 { font-size:18px; font-weight:normal; }
.floor_1_2 ul li p { font-size:14px; color:#777; height:48px; overflow:hidden; }
.floor_1_2 ul li:nth-child(1) { background:url("../image/case_icon1-1.png") no-repeat top left; padding-left:60px; }
.floor_1_2 ul li:nth-child(2) { background:url("../image/case_icon2-1.png") no-repeat top left; padding-left:60px; }
.floor_1_2 ul li:nth-child(3) { background:url("../image/case_icon3-1.png") no-repeat top left; padding-left:60px; }
.floor_1_2 ul li:nth-child(4) { background:url("../image/case_icon4-1.png") no-repeat top left; padding-left:60px; }

.floor_1_2 ul .li1 { background:url("../image/case_icon1-1.png") no-repeat top left; padding-left:60px; }
.floor_1_2 ul .li2 { background:url("../image/case_icon2-1.png") no-repeat top left; padding-left:60px; margin-right:0; }
.floor_1_2 ul .li3 { background:url("../image/case_icon3-1.png") no-repeat top left; padding-left:60px; }
.floor_1_2 ul .li4 { background:url("../image/case_icon4-1.png") no-repeat top left; padding-left:60px; margin-right:0; }


#floor_2_main { height:1075px; padding:80px 0; position:relative; }
.hr_bg { background:url("../image/bg2-1.jpg") no-repeat center #2b2b37; background-attachment:fixed; width:100%; height:100%; position:absolute; top:0; left:0; }
#floor_2 { padding:0 45px; background:rgba(255,255,255,.95);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);
box-sizing:border-box; position:relative; }
.floor_2_1 { overflow:hidden; }
.floor_2_1 img { display:block; float:left; width:482px; height:412px; }
.floor_2_1 .floor_2_1_text { float:left; width:358px; margin-left:60px; }
.floor_2_1 .floor_2_1_text span { display:block; font-size:30px; color:#b6b6b5; text-transform:uppercase; margin:30px 0 0; }
.floor_2_1 .floor_2_1_text h3 { font-size:26px; font-weight:normal; }
.floor_2_1 .floor_2_1_text i { display:block; font-size:14px; color:#888; margin:10px 0; }
.floor_2_1 .floor_2_1_text p { font-size:18px; line-height:42px; }
.floor_2_2>h3 { text-align:center; font-size:26px; color:#dd5317; font-weight:normal; margin:70px 0 0; }
.floor_2_2>p { text-align:center; font-size:16px; color:#888; }
.floor_2_2 ul { margin:60px 0; }
.floor_2_2 ul li { float:left; width:260px; background:rgba(254,254,254,.95);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);
 border-radius:15px; behavior: url("404.png"); margin-right:75px; padding:30px;  }
.floor_2_2 ul li:nth-child(3n) { margin-right:0; }
.floor_2_2 ul .li3 { margin-right:0; }
.floor_2_2 ul li img { display:block; width:216px; height:216px; margin:0 auto; }
.floor_2_2 ul li span { display:block; text-align:center; font-size:20px; margin:10px 0; }
.floor_2_2 ul li p { text-align:center; color:#666; }


#floor_3_main { background:url("../image/bg3-1.jpg") center; position:relative; padding:140px 0; box-sizing:border-box; }

#floor_3 { position:relative; }
#floor_3 ul li { float:left; text-align:center; width:210px; height:210px; margin:0 37px 0 0; background:rgba(255,255,255,.85); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);
border-radius:10px; position:relative;
transition:all 0.5s;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
 }
#floor_3 ul li:after { content:""; display:block; width:0; height:0; border:20px transparent solid; border-color:transparent transparent transparent rgba(255,255,255,.85); position:absolute; top:50%; margin-top:-20px; right:-40px; }
#floor_3 ul li:last-child { margin-right:0; }
#floor_3 ul li:last-child:after { border:none; }
#floor_3 ul .li5 { margin-right:0; border:none; }
#floor_3 ul li i { display:block; font-size:20px; color:#dd5317; margin:50px 0 0; }
#floor_3 ul li span { display:block; font-size:20px; }

#floor_3 ul .picDelay1{
            -webkit-animation:scaleAll  .5s ease-in-out both;
	    -moz-animation:scaleAll  .5s ease-in-out both;
	    -ms-animation:scaleAll  .5s ease-in-out both;
            -o-animation:scaleAll  .5s ease-in-out both;
	    animation:scaleAll  .5s ease-in-out both;
}
#floor_3 ul .picDelay2{
            -webkit-animation:scaleAll  .5s ease-in-out .4s both;
	    -moz-animation:scaleAll  .5s ease-in-out .4s both;
	    -ms-animation:scaleAll  .5s ease-in-out .4s both;
            -o-animation:scaleAll  .5s ease-in-out .4s both;
	    animation:scaleAll  .5s ease-in-out .4s both;
}
#floor_3 ul .picDelay3{
            -webkit-animation:scaleAll  .5s ease-in-out .8s both;
	    -moz-animation:scaleAll  .5s ease-in-out .8s both;
	    -ms-animation:scaleAll  .5s ease-in-out .8s both;
            -o-animation:scaleAll  .5s ease-in-out .8s both;
	    animation:scaleAll  .5s ease-in-out .8s both;
}
#floor_3 ul .picDelay4{
            -webkit-animation:scaleAll  .5s ease-in-out 1.2s both;
	    -moz-animation:scaleAll  .5s ease-in-out 1.2s both;
	    -ms-animation:scaleAll  .5s ease-in-out 1.2s both;
            -o-animation:scaleAll  .5s ease-in-out 1.2s both;
	    animation:scaleAll  .5s ease-in-out 1.2s both;
}
#floor_3 ul .picDelay5{
            -webkit-animation:scaleAll  .5s ease-in-out 1.6s both;
	    -moz-animation:scaleAll  .5s ease-in-out 1.6s both;
	    -ms-animation:scaleAll  .5s ease-in-out 1.6s both;
            -o-animation:scaleAll  .5s ease-in-out 1.6s both;
	    animation:scaleAll  .5s ease-in-out 1.6s both;
}


#floor_4_main { }
#floor_4 { padding:0 0 50px;}
.partner_title { text-align:center; font-size:26px; color:#dd5317; margin:60px 0; }
.partner_title span { display:block; font-size:16px; color:#888; text-transform:uppercase; }
.partner_list li { float:left; width:208px; height:120px; margin:0 15px 30px; overflow:hidden; border:1px #ddd solid;  position:relative;
    -webkit-perspective: 900px;
    -moz-perspective: 900px;
    perspective: 900px;
 }
.partner_list li:nth-child(5n) { margin-right:; }
.partner_list li img { display:block; width:100%;}

.partner_list li .partner_img {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;

    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.partner_list li .partner_info {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;

    background: rgba(0,0,0,.85);
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out 0.3s;
    -moz-transition: all 0.35s ease-in-out 0.3s;
    transition: all 0.35s ease-in-out 0.3s;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.partner_list li .partner_info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-weight: normal;
    font-size:16px;
    margin: 40px 0 0 0;
}

.partner_list li:hover .partner_img {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
    visibility: hidden;
}

.partner_list li:hover .partner_info {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    visibility: visible;
    opacity: 1;
}


.news_list { text-align:center; }
.news_list li { text-align:left; border-bottom:1px #ddd dotted; padding:15px 0; margin:0 0 15px; }
.news_list li span { display:block; font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.news_list li p { color:#777; margin:5px 0 0; }


.gridlist { text-align:center; }
.gridlist li { text-align:left; float:left; width:310px; margin:0 15px 30px 0; }
.gridlist .li2 { margin-right:0; }
.gridlist li .case_img { width:310px; height:190px; overflow:hidden; }
.gridlist li .case_img img { display:block; width:100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
 }
.gridlist li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
.gridlist li span { display:block; font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:10px 0; }
.gridlist li p { color:#777; height:48px; overflow:hidden; }






#top_main { background:#f8f8f8; border-bottom:1px #e6e5e5 solid; line-height:34px; }
#top { font-szie:12px; }
#top span { color:#dd5317; }


#logo_main { background:#fff; }
#logo {overflow:hidden; }
#logo .WebLogo { float:left; margin:17px 0; }
#logo .WebLogo img{ display:block; max-width:100%; }


#navigation_main {}
#navigation { float:right; }
#navigation ul.navigationlist li { float:left; line-height:90px; margin-left:60px; }
#navigation ul.navigationlist li a { display:block; font-size:16px; color:#333; text-align: center; padding: 0; position:relative; }
#navigation ul.navigationlist>li:hover>a:after { content:""; width:0; height:0; border:5px #dd5317 solid; border-color:#dd5317 #fff #fff #fff; display:block; position:absolute; bottom:-5px; left:50%; margin-left:-5px;  }
#navigation ul.navigationlist li a:hover { color:#dd5317; } 
#navigation ul.navigationlist .current { color:#dd5317; }

#navigation  ul.subnavigationlist {display:none; overflow:hidden; position:absolute; background:rgba(255,255,255,.9); padding:15px 0; z-index:120; width:467px; margin-left:-30px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);
 }
#navigation ul.navigationlist li:nth-child(5) .subnavigationlist { margin-left:-155px; }
.subnavigationlist .nav_left { float:left; border-right:1px #ddd solid; width:72px; padding:0 30px; }
.subnavigationlist .nav_right { float:right; border-left:1px #ddd solid; padding:0 40px; width:254px; margin-left:-1px; }
.subnavigationlist .nav_right img { display:block; width:254px; height:110px; }
.subnavigationlist .nav_right p { font-size:13px; line-height:24px; margin:10px 0 0; }
#navigation  ul.subnavigationlist li {  float:none; padding:0; margin:0; line-height:30px; display:inline;}
#navigation  ul.subnavigationlist li a {display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#555; font-size:14px; padding:0; text-align:center;}
#navigation  ul.subnavigationlist li a:hover { color:#dd5317; }


#banner_main { position:relative; }
#banner { margin:0 auto; overflow:hidden; width:100%; }
.bannerlist { }
.bannerlist li { text-align:center; overflow:hidden; display:block;}
.bannerlist li img { margin:0 auto; display:block; }
#banner_main .hd { width:100%; position:absolute; bottom:20px; left:0; text-align:center; }
#banner_main .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; border-radius:50%; border:1px #dd5317 solid; margin-right:15px; overflow:hidden; font-size:0px; }
#banner_main .hd ul li.on {  background:#dd5317; }

#banner_main1 { width:100%; margin:0 auto; position:relative; height:400px; overflow:hidden; }
#banner1 img { display:block; position:absolute; top:0; left:50%; margin-left:-960px; }


.subchannel_main { background:#fff; position:relative; margin:0 0 50px; }
.subchannel { }
.subchannellist { text-align:center; margin:10px 0 0; }
.subchannellist li { display:inline-block; border-top:1px #bcbbbb dotted; padding:0 25px; }
.subchannellist li a:before { content:""; display:block; width:18px; height:18px; background:#fff; border:1px #bbb solid; border-radius:50%; margin:-10px auto 10px; }
.subchannellist li a { display:block; color:#555; }
.subchannellist li:hover a { color:#dd5317; }
.subchannellist #current a { color:#dd5317; }
.subchannellist li a:hover:before { background:#dd5317; border-color:#dd5317; }
.subchannellist #current a:before { background:#dd5317; border-color:#dd5317; }
.subchannellist .depth1{ font-size:14px; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}


table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}


.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}


.body_index #copyright_main { border:none; }
#copyright_main { background: #212327; color:#494d53; padding:30px 0; border-top:5px #aca7a6 solid; }
#copyright_main a { color:#494d53; }
#copyright_main a:hover { color:#fff; }
.bottom_left { float:left; width:870px; }
.bottom_left img { display:block; max-width:100%; }
.bottom_left .bottom_nav { border-bottom:1px #494d53 solid; padding:20px 0; margin:0 0 20px; }
.bottom_left .bottom_nav a { display:inline-block; font-size:14px; margin-right:50px; }
.wechat { float:right; width:140px; border:1px #494d53 solid; margin:30px 0 0; }
.wechat img { display:block; width:136px; margin:2px auto; }


.page { float:right; clear:both; margin:40px 0; text-align:center; }
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; margin-left:4px; width:24px; height:24px; line-height:24px; }
.page .pageup,.page .pagedown,.page .pagepreall,.page .pagenexttall { width:54px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#dd5317; color:#fff; }
.page .current{ background:#dd5317; color:#fff;}
.page #total{color:red}
.page .pageinfo,.page .pagefirst,.page .pageend { display:none; }



table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}


table.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}


table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}

table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
table.forget_table2 .operation{text-align:center}






.ChannelContent{ }
.ChannelSContent, .ChannelSContent p{ }
.ChannelContent a{ }
.ChannelContent img {max-width:100%;height:auto!important;}
 
.ChannelSContent{ }
.ChannelSContent a{ }
.ChannelSContent img, .InfoContent img{ max-width:100%; }

.info_from_wrap { margin:30px 0; border:1px #ddd dashed; border-width:1px 0; padding:10px 0; text-align:center; color:#777; }
.info_from_wrap b { font-weight:normal; }
.info_from_wrap a { color:#777; }
.info_from_wrap a:hover { color:#555; }
.InfoContent { border-bottom:1px #ddd dashed; padding:0 0 30px; }

#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}

.InfoTitle h1 { text-align:center; font-weight:normal; font-size:16px; }
.info_previous_next_wrap { background:#F0F0F0; padding:5px; border:1px solid #E3E3E3; color:#333; margin:40px 0; }
.info_previous_next_wrap b { font-weight:normal; }
.Next a{ }
.Previous a{ }

.ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}




.job{ }
.joblist { margin:0 0 50px; }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}

table.resume_table { margin:0 0 50px; text-align:center; width:100%; border-collapse:collapse;}
table.resume_table th{ font-weight:normal; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}



.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:55px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:center }


.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }


.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#01673A; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
.message_title1{padding-bottom: 20px; font-size:20px;}



.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}




@keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-opacity:0;
        filter:alpha(opacity=0); 
        transform: scale(0) rotate(-60deg);
    }
    100% {
        opacity: 1;
        -moz-opacity:1;
        filter:alpha(opacity=100); 
        transform: scale(1) rotate(0);
    }
}
@-webkit-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-opacity:0;
        filter:alpha(opacity=0); 
        -webkit-transform: scale(0) rotate(-60deg);
    }
    100% {
        opacity: 1;
        -moz-opacity:1;
        filter:alpha(opacity=100); 
        -webkit-transform: scale(1) rotate(0);
    }
}
@-moz-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-opacity:0;
        filter:alpha(opacity=0); 
        -moz-transform: scale(0) rotate(-60deg);
    }
    100% {
        opacity: 1;
        -moz-opacity:1;
        filter:alpha(opacity=100); 
        -moz-transform: scale(1) rotate(0);
    }
}
@-ms-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-opacity:0;
        filter:alpha(opacity=0); 
        -ms-transform: scale(0) rotate(-60deg);
    }
    100% {
        opacity: 1;
        -moz-opacity:1;
        filter:alpha(opacity=100); 
        -ms-transform: scale(1) rotate(0);
    }
}
@-o-keyframes scaleAll {
    0% {
        opacity: 0;
        -moz-opacity:0;
        filter:alpha(opacity=0); 
        -o-transform: scale(0) rotate(-60deg);
    }
    100% {
        opacity: 1;
        -moz-opacity:1;
        filter:alpha(opacity=100); 
        -o-transform: scale(1) rotate(0);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        transform: scale(3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(3);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scaleIn {
    0% {
        opacity: 0;
        -moz-transform: scale(3);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1);
    }
}

@-ms-keyframes scaleIn {
    0% {
        opacity: 0;
        -ms-transform: scale(3);
    }
    100% {
        opacity: 1;
        -ms-transform: scale(1);
    }
}