/* CSS Document */
/* From Evolve */
@import url("wguo-header.css");

@import url("wguo-style2.css");	
body { background: #fff; font-size: 16px; line-height: 24px; color:#333333; }
/* Main Font */
body, h1, h2, h3, h4, h5, h6,
.button, input[type="button"], input[type="submit"],
input[type="text"], input[type="password"], input[type="email"], textarea, select, button { font-family:"Microsoft YaHei", "Times New Roman", Times, serif; }
h2.single.single-text{ font-size:16px; border-top:#CCC dashed 1px; margin-left:20px;}

h2.single.single-text i{font-size:18px;}
a {color:#333333;font-family:"Microsoft YaHei"; font-size: 16px;}
a:hover {color:#AA312C;}

.mfp-image-holder .mfp-close {right:0px;}
.tabs-nav li.act-ive a { background: #AA312C!important; color: #FFF; border-right:1px solid #eceef0; border-left:1px solid #eceef0; border-top:1px solid #eceef0;}

.featured-boxes { float: left; margin: 10px 0 5px 0; }

.landing-imac { height:450px;}
.landing-imac img { width:100%;}
.landing-imac.side  {background:#AA312C;}
.landing-imac.side2  {background:#FFF;}
.landing-imac .content { padding:50px 90px; color:#FFF;  overflow:hidden;}
.landing-imac .content h2 { padding:0; height:60px; line-height:60px; font-family:"Microsoft YaHei"; font-size:42px; color:#FFF; text-align:center; font-weight:bold; overflow:hidden;}
.landing-imac .content h2.news { font-size:30px;}
.landing-imac .content h2 i {color:#AA312C; background:#FFF; padding:0 13px; font-family:Arial; font-size:36px; margin-right:8px; font-weight:bold;border-radius:30px;}
.landing-imac .content .hr-line { margin:0 auto; width:60%; height:6px; background:#FFF;}
.landing-imac .content p { padding: 20px 0; line-height:1.8em; font-size:16px; height:150px; color:#FFF;}
.landing-imac .content p.more {height:50px; padding:0; line-height:50px; text-align: center;}
.landing-imac .content p.more a{border-radius:3px;border:1px solid #fff; padding:0; background:#AC3229; color:#fff; padding:6px 15px;font-size:14px;}
.landing-imac .content p.more a:hover{border-radius:3px; border:1px solid #FFF;background:#fff;color:#AC3229;}

.landing-imac .content h3.imac { padding:25px 5px; margin-bottom:15px;font-family:"Microsoft YaHei"; line-height:1.8em; font-size:14px; color:#FFF;}

a.button.line-color{border-radius:3px;border:1px solid #003577;background:#003577;color:#FFFFFF;padding:6px 15px;font-size:12px;font-weight:normal;}
a:hover.button.line-color{border-radius:3px;border:1px solid #003577;background:#FFFFFF;color:#003577;padding:6px 15px;font-size:12px;font-weight:normal;}

#content-wrapper                  { padding: 0 0 10px 0;background:url(../images/home-bg.jpg) center top repeat-y;}
#portfolio-wrapper .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper1 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper2 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper3 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper4 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper5 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper6 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper7 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper8 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper9 .column        { margin-left:0; margin-right:0;}
#portfolio-wrapper10 .column       { margin-left:0; margin-right:0;}
.container .home-thre.column                 { width: 400px; }
.container .home-twos.column                 { width: 600px; }
.container .home-twos21.column               { width: 800px; display:block;  margin-left:0; margin-right:0; }
.container .home-twos21.column:nth-child(2n) { width: 400px; }

.container .five.columns                     { width: 360px; margin-left:20px; margin-right:20px;}
.container .list-3.columns         { width: 265px; }
.container .list-6.columns         { width: 180px; }
.container .home-thre.column:nth-child(1) { background:#68727C url(../images/home-thre-bg.png) no-repeat -250px 0;}
.container .home-thre.column:nth-child(2) { background:#4B535A url(../images/home-thre-bg.png) no-repeat -250px 0;}
.container .home-thre.column:nth-child(3) { background:#AA312C url(../images/home-thre-bg.png) no-repeat -250px 0;}

.container .home-thre-box      { margin:20px 30px; overflow:hidden;}
.container .home-thre-box h3   { color:#FFF; font-size:36px; margin-top:30px; margin-bottom:30px; text-align:center;}
.container .home-thre-box h3   .hr-line {height:6px; width:70%; background:#FFF;}

.container .home-thre-box p{  margin:20px 18px;height:200px; color:#FFF; line-height:1.6em; font-size:16px; font-weight:normal; overflow:hidden; }

.container .home-thre-box p.dates{  margin:0 18px;height:20px; color:#FFF; line-height:1.6em; font-size:12px; font-weight:normal; overflow:hidden; }
.container .home-thre-box p.title{  margin:0 18px;height:40px;  color:#FFF;height:51px; line-height:1.6em; font-weight:normal; overflow:hidden;}
.container .home-thre-box p.title i{ vertical-align:middle;}
.container .home-thre-box p.title a{color:#fff;}
.container .home-thre-box p.title a:hover{ text-decoration: none;}
.container .home-thre-box p.text{  margin:0 18px; color:#FFF;height:100px; padding-top:28px; border-top:1px solid #fff; line-height:1.6em; overflow:hidden;}

.container .home-thre-box p.more1 { height:50px; line-height:50px; text-align:right;}
.container .home-thre-box p.more1 a{border-radius:3px;border:1px solid #fff; background:#68727C; color:#fff; padding:6px 15px;font-size:14px;}
.container .home-thre-box p.more1 a:hover{border:1px solid #68727C;background:#fff;color:#68727C;}

.container .home-thre-box p.more2 {height:50px; line-height:50px; text-align:right;}
.container .home-thre-box p.more2 a{border-radius:3px;border:1px solid #fff; background:#4B535A; color:#fff; padding:6px 15px;font-size:14px;}
.container .home-thre-box p.more2 a:hover{border:1px solid #4B535A;background:#fff;color:#4B535A;}

.container .home-thre-box p.more3 {height:50px; line-height:50px; text-align:right;}
.container .home-thre-box p.more3 a{border-radius:3px;border:1px solid #fff; background:#AC3229; color:#fff; padding:6px 15px;font-size:14px;}
.container .home-thre-box p.more3 a:hover{border:1px solid #AC3229;background:#fff;color:#AC3229;}

.container .home-thre-box ul li{ list-style:none; color:#FFF;}


/* banner*/
.tp-caption.big_text    { font-size:32px;line-height:28px;color: #262626;font-style:normal;}
.tp-caption.middle_text { font-size:24px;line-height:28px;color: #262626;font-style:normal;}
.tp-caption.small_text  { font-size:18px;line-height:28px;color: #262626;font-style:normal;}


.tabs-nav.blog li { width: auto;}
.tabs-nav li a { background-color:#AA312C; color: #FFFFFF; }

.widget-tabs li {border-bottom:#CCC solid 1px;}
.widget-tabs > li > div img { border:#ccc solid 5px;}
.widget-text h4 { line-height:1em;}
.widget-text h4 i{ vertical-align:middle; margin-right:5px; font-size:14px; font-weight: normal;}
.widget-text h4 a { color: #333333; font-size:14px;}
.widget-text h4 a:hover {color:#AA312C;}

.widget-text h5 i{ vertical-align:middle; margin-right:5px; font-size:18px;}
.widget-text h5 a {color: #333333; font-size:16px; font-weight: normal;}
.widget-text h5 a:hover {color:#AA312C;}
.widget-text p img { width:100%;}
.widget-text span {color: #333333; font-size:14px; font-weight: 300; line-height:1.5em; margin: 4px 0 0 0; display: block; }

.brd-headling { border-bottom: 1px solid #AA312C; width:100%; float: left; margin: 0 0 10px 0; }
.categories a { color:#333333;}
.categories a:hover{ color: #AA312C; }

.headline { font-size:12px; color:#333333; letter-spacing:0;}
h3.headline{ font-size:16px; color:#333333; letter-spacing:0;}
.menu > ul li { float:left; margin-left:30px;}

#parallex-inner { margin-bottom:20px; }
#parallex-inner .many-left h1{ font-family:"Microsoft YaHei"; }

.main-headline h1          { text-align:left; padding-left:20px; margin:20px 0;}
.main-headline h1.tit0     { font-size:46px; font-weight:bold; font-family:"Microsoft YaHei"; color:#000; line-height:80px;text-transform:uppercase;}
.main-headline h1.tit1     { font-size:30px; font-weight:bold; font-family:"Microsoft YaHei"; color:#AC3229; line-height:40px;text-transform:uppercase;}
.main-headline h1.tit2     { font-size:32px; font-weight:bold; font-family:"Microsoft YaHei"; color:#AA312C; line-height:26px;}
.main-headline h1 p.line   { height:6px; width:20%; margin:10px 0 0 0; overflow:hidden; background:#AC3229;}

#filt-ers      { text-align:center;margin:0 auto 20px!important;}
#filt-ers li   { display:inline-block;line-height:24px;background:#fff;margin:0 0 0 5px;border-radius:3px; overflow:hidden;}
#filt-ers a    { color:#333;font-size:14px;font-weight:500;display:block;padding:5px 10px;margin:0;border-radius:3px;line-height:20px;border:1px solid #cccccc;-webkit-transition:background-color 200ms ease-in-out,color 200ms ease-in-out;-moz-transition:background-color 200ms ease-in-out,color 200ms ease-in-out;-o-transition:background-color 200ms ease-in-out,color 200ms ease-in-out;-ms-transition:background-color 200ms ease-in-out,color 200ms ease-in-out;transition:background-color 200ms ease-in-out,color 200ms ease-in-out;}
#filt-ers a:hover,
.selected      { background-color:#AA312C !important;color:#fff !important;border:1px solid #AA312C !important;}

.feedback { margin-left:10px;}

.featured-desc-center            {margin:10px 0;}
.featured-desc-center h3         { font-family:"Microsoft YaHei", "Times New Roman", Times, serif; }
.featured-desc-center h3 a       { font-size: 26px;color:#000000; margin:0; text-align:left; padding:20px;}
.featured-desc-center h3 a:hover { color:#FFFFFF;}
.featured-desc-center p          { margin:3px; text-align:left;line-height:1.6em; font-size:16px; padding-left:20px; padding-right:20px;color:#000000;}
.featured-desc-center p.text         { padding-bottom:30px;}
.featured-desc-center p.text a       { border-radius:3px;border:1px solid #C00;background:#C00;color:#FFFFFF;padding:6px 15px;font-size:12px;font-weight:normal;}
.featured-desc-center p.text a:hover { border:1px solid #C00;background:#FFFFFF;color:#C00;}
.featured-desc-center p.more         { padding-bottom:30px; text-align:right;}
.featured-desc-center p.more a       { border-radius:3px; background:#AC3229; color:#fff;padding:6px 15px;font-size:14px;font-weight:normal;}
.featured-desc-center p.more a:hover { border:1px solid #000;background:#fff;color:#000;}
.featured-desc-center p.line{ height:6px; width:40%; margin:10px 0 0 0; overflow:hidden; background:#AC3229;}


@media only screen and (min-width: 960px) and (max-width: 1199px) {
.container .home-thre.column                { width: 320px; }
.container .home-twos.column                { width: 480px; }
.container .home-twos21.column              { width: 640px; }
.container .home-twos21.column:nth-child(2) { width: 320px; }

.container .five.columns                   { width: 290px; margin-left:15px; margin-right:15px;}
.container .list-3.columns                 { width: 320px; }
.container .list-6.columns                 { width: 172px; }
.landing-imac                              { height:359px;}
.landing-imac .content                     { padding:20px 40px; line-height:45px; font-size:36px; }
.landing-imac .content p                   { height:110px;padding:0;}
.menu > ul li                              { float:left; margin-left:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container .home-thre.column                { width: 256px; }
.container .home-twos.column                { width: 384px; }
.container .home-twos21.column              { width: 512px; }
.container .home-twos21.column:nth-child(2) { width: 256px; }

.container .five.columns                    { width: 236px; margin-left:10px; margin-right:10px;}
.container .list-3.columns                  { width: 252px; }
.container .list-6.columns                  { width: 172px; }

.landing-imac                      { height:287px;}
.landing-imac .content             { padding:0 20px}
.landing-imac .content h2          { padding:0; height:30px; line-height:30px; font-size:28px; }
.landing-imac .content p           { height:100px;padding:0; font-size:14px;}
.menu > ul li                      { float:left; margin-left:2px;}
}

@media only screen and (max-width: 767px) {
.container .home-thre.column                { width: 100%; margin:0;  }
.container .home-twos.column                { width: 100%; margin:0;  }
.container .home-twos21.column              { width: 100%; margin:0; }
.container .home-twos21.column:nth-child(2) { width: 100%; margin:0; }

.container .five.columns                    { width: 98%; margin:1%; }
.container .list-3.columns                  { width: 98%; margin:1%; }
.container .list-6.columns                  { width: 98%; margin:1%; }
#header .topbar { display:block!important;}

#parallex-inner { margin-bottom:10px; }

.main-headline h1                  { margin:0;}
.main-headline h1.tit0             { font-size:38px; line-height:50px;}
.main-headline h1.tit1             { font-size:20px; line-height:30px;}
.main-headline h1.tit2             { font-size:16px; line-height:30px;}

.landing-imac                      { height:231px;}
.landing-imac.side                 { height:320px }
.landing-imac .content             { padding:20px}
.landing-imac .content h2          { padding:0; height:50px; line-height:50px; font-size:32px; }
.landing-imac .content .hr-line    { margin:0 auto; width:60%; height:6px; background:#FFF;}
.landing-imac .content p           { height:100px; padding:10px 30px; font-size:16px;}

.featured-desc-center h3 a { font-size:20px;color:#AA312C;}
.featured-desc-center p    { font-size:16px;}

#filt-ers { margin: 10px 0 30px 0; }
#filt-ers a { margin: 0 5px 5px 0; }

#weixin { display:none;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container .home-thre.column               { width: 100%; margin:0; }
.container .home-twos.column               { width: 100%; margin:0;  }
.container .home-twos21.column             { width: 100%; margin:0; }
.container .home-twos21.column:nth-child(2){ width: 100%; margin:0; }

.container .five.columns                   { width: 98%; margin:1%; }
.container .list-3.columns                 { width: 98%; margin:0;  }
.container .list-6.columns                 { width: 98%; margin:0;  }
#header .topbar { display:block!important;}

#parallex-inner { margin-bottom:10px; }
.main-headline h1 { margin:0;}
.main-headline h1.tit0{font-size:38px; line-height:50px; }
.main-headline h1.tit1{font-size:20px; line-height:30px; }

.landing-imac                      { height:231px;}
.landing-imac.side                 { height:360px }
.landing-imac .content             { padding:20px}
.landing-imac .content h2          { padding:0; height:50px; line-height:50px; font-size:32px; }
.landing-imac .content .hr-line    { margin:0 auto; width:60%; height:6px; background:#FFF;}
.landing-imac .content p           { height:100px; padding:10px 30px; font-size:16px;}

.featured-desc-center h3 a{font-size:20px;color:#AA312C;}
.featured-desc-center p {font-size:16px;}

#filt-ers { margin: 10px 0 30px 0; }
#filt-ers a { margin: 0 5px 5px 0; }

#weixin { display:none;}

}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container .home-thre.column                { width: 100%; margin:0; }
.container .home-twos.column                { width: 100%; margin:0; }
.container .home-twos21.column              { width: 100%; margin:0; }
.container .home-twos21.column:nth-child(2) { width: 100%; margin:0; }

.container .five.columns                    { width: 98%; margin:1%; }
.container .list-3.columns                  { width: 98%; margin:0;  }
.container .list-6.columns                  { width: 98%; margin:0;  }

#header .topbar { display:block!important;}

#parallex-inner { margin-bottom:10px; }
.main-headline h1 { margin:0;}
.main-headline h1.tit0{font-size:38px; line-height:50px; }
.main-headline h1.tit1{font-size:20px; line-height:30px; }
.main-headline h1.tit2{font-size:16px; line-height:30px;}

.landing-imac                      { height:168px;}
.landing-imac.side                 { height:360px }
.landing-imac .content             { padding:20px}
.landing-imac .content h2          { padding:0; height:50px; line-height:50px; font-size:32px; }
.landing-imac .content .hr-line    { margin:0 auto; width:60%; height:6px; background:#FFF;}
.landing-imac .content p           { height:100px; padding:10px 30px; font-size:16px;}

.featured-desc-center h3 a { font-size:20px;color:#AA312C;}
.featured-desc-center p    { font-size:16px;}

#filt-ers { margin: 10px 0 30px 0; }
#filt-ers a { margin: 0 5px 5px 0; }

#weixin { display:none;}

}
#contact fieldset div { margin-bottom: 15px; }
#contact input, #contact textarea, #contact select { border: 1px solid #cccccc; }
.feedback img { float:left; margin-top:5px; }


