* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 19px;
    font-family: arial, sans-serif;
    color: #999ea2;
    background: #edf6ff url(images/body.png) repeat-x 0 0;
    min-width: 956px;
}
ul li{list-style: none}
a { color: #47a1c4; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#wrapper { padding-top: 20px; }

.shell { margin: 0 auto; width: 956px; }
.container { 
	background: #fff;  
	box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.header { padding: 17px 32px 16px;  }
#logo { width: 176px; float: left; }
#logo a { height: 60px; display: block; background: url(images/logo.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

#navigation { height: 35px; line-height: 35px; float:left; position: relative; z-index: 20;margin-left: 20px;margin-top: 12px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; }
#navigation ul li { float: left; position: relative; padding-right: 2px; background: url(images/navigation-border.png) no-repeat right 0; }
#navigation ul > li.last { background: transparent; width: auto; float: left; padding-right: 0; }
#navigation ul > li.last a { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-right: 1px solid #d7e1e8 !important; }
#navigation ul > li.first a { border-radius: 5px 0px 0px 5px ; -moz-border-radius: 5px 0px 0px 5px ; -webkit-border-radius: 5px 0px 0px 5px ; -o-border-radius: 5px 0px 0px 5px; border-left: 1px solid #d7e1e8 !important; }
#navigation ul li a { color: #324957; float: left; padding: 0 30px; border: 1px solid #d7e1e8; border-left: 0; border-right: 0; background: url(images/navigation.png) repeat 0 0;  }
#navigation ul li a:hover,
#navigation ul li.active a { background: url(images/navigation-a.png) repeat 0 0; color: #3995d6; text-decoration: none; }

#navigation ul li a span { background: url(images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px; display: none}

#navigation ul li ul { display: none; float: none; line-height: 28px;  position: absolute; top: 35px; left: 0; width: 100%; background: #e1efff; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
#navigation ul li:hover ul { display: none; }

#navigation ul li ul li { display: block; float: none; padding: 0; background: transparent; } 
#navigation ul li ul li a { float: none; display: block !important; padding: 0 18px; }
#navigation ul li ul li a:hover { float: none; display: block; background: transparent; background-color: #bdd7f4; }
#navigation ul li.last ul li a {  padding: 0 18px !important;  float: none; display: block;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li ul li.last { float: none; display: block; }
#navigation ul li ul li.last a { border-radius: 0px 0px  5px 5px; -moz-border-radius: 0px 0px  5px 5px; -webkit-border-radius: 0px 0px  5px 5px; -o-border-radius: 0px 0px  5px 5px; }

#navigation ul li ul li.first a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li.first ul li a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}

.main h3 { color: #293237; font-size: 19px; line-height: 21px; font-weight: normal; }
.main h3 a { color: #293237; }
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

.flexslider { width: 892px; height: 331px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; margin-bottom: 27px; }
.flexslider ul { list-style: none; list-style-position: outside; position: relative; }
.flexslider ul li { width: 892px; height: 331px; float: left; }

.flexslider ul li .slide-cnt { width: 412px; position: absolute; top: 38px; right: 74px; }
.flexslider ul li .slide-cnt h2 { font-size: 42px; font-weight: bold; color: #fff; line-height: 53px;  text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;  padding-bottom: 17px; }
.flexslider ul li .slide-cnt p { color: #1f3e50; line-height: 26px; }
.flexslider ul li  a.slider-btn { position: absolute; bottom: 0; left: 50%; min-width: 176px; height: 34px; margin-left: -88px; background: #fff; border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; color: #1e3d51; font-size: 19px; font-weight: bold; text-align: center; line-height: 36px; 
}



.flexslider ul li  a.slider-btn:hover { text-decoration: none; color: #3995d6;  }
.flexslider ul li  a.slider-btn span { background: url(images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section { padding: 0 32px 27px; }
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.cols { background: url(images/cols.png) repeat-x 0 bottom; }
.cols h3 { padding-bottom: 14px;margin-top: -10px;}
.cols p { padding-bottom: 10px;  height: 40px;font-size: 12px;}
.cols .col {display: inline-block;vertical-align: top;text-align: center;width: 175px;}
.cols .col a.col-btn { background: url(images/col-btn.png) repeat 0 0; border: 1px solid #afd1f6; height: 28px; line-height: 28px; text-align: center; padding: 0 15px; color: #324957;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
	text-shadow: rgba(255,255,255,0.9) 1px 1px 1px;display: inline-block;
}

.cols .col a.col-btn:hover { background-position: 0 bottom; text-decoration: none; }

.box { background: url(images/box.png) repeat 0 0; padding: 19px 32px 29px 32px; position: relative; height: 100%;  }
.box span.shadow-t { width: 956px; height: 11px; background: url(images/box-shadow-t.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block;}
.box span.shadow-b { width: 956px; height: 11px; background: url(images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}
.box h3 { float: left; }

.entries { padding-top: 24px; }
.entries .entry { background: #fff;  padding: 1px; border: 1px solid #d6dae1; width: 206px; height: 115px; float: left; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.entries .entry a img { width: 206px; height: 115px; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.entries .entry + .entry { margin-left: 17px; }
.entries .entry span.shadow { background: url(images/entry-shadow.png) no-repeat 0 0; width: 197px; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }

.services { border-top: 3px solid #fff; background: url(images/services.png) repeat-x 0 0; padding-top: 23px;position: relative }
.services h3 { padding-bottom: 14px; }
.services p { padding-bottom: 15px; }
.services .widget { float: left; width: 305px; }
.services .widget ul { list-style: none; list-style-position: outside; }
.services .contact-widget {}
.services .widget + .widget { padding-left: 19px; }
.services .socials-widget { width:295px;  }
.services .socials-widget a:hover { opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70); }
.services .socials-widget a.facebook-ico { background-position: 0 0; }
.services .socials-widget a.twitter-ico { background-position: -36px 0; }
.services .socials-widget a.rss-ico { background-position: -72px 0; }
.services .socials-widget a.in-ico { background-position: -108px 0; }
.services .socials-widget a.skype-ico { background-position: -144px 0; }
.services .socials-widget a.google-ico { background-position: -180px 0; }

.footer { padding: 18px 0 64px 0;  }
.footer-nav { float: left; display: none}
.footer-nav ul { list-style: none; list-style-position: outside; font-size: 11px;  }
.footer-nav ul li { float: left; padding-right: 33px; }
.footer-nav ul li a { color: #a6abb2; }
.footer-nav ul li a:hover { color: #3995d6; text-decoration: none; }
.footer p.copy { text-align: center; font-size: 11px; color: #a6abb2; }
.footer p.copy a { color: #8c929b; text-decoration: underline; }
.footer p.copy a:hover { color: #3995d6; text-decoration: none; }


.slides{background: #007cc2;border-radius: 8px !important;padding: 30px 50px !important;}
.slides li{color: white;font-size: 14px;letter-spacing: 1px;line-height: 24px;}
.slides li p{width: 768px;margin-left: 25px;}
.neiye{margin: -15px auto 15px;border: 3px solid #007cc2;width: 880px;border-radius: 5px;}
.neiye p{padding: 10px 20px;font-size: 18px;color: #737373;line-height: 28px;}
.neiye h3,.neiye h4{text-align: center;}
.neiye h3{line-height: 18px;}
.neiye h4{font-size: 18px;padding-top: 10px;line-height: 40px;}

.services .contact-widget label{display: block;float: left;}
.contact-widget label:last-child{position: absolute;left: 26px;}
.contact-widget ul li:first-child{position: relative;padding-bottom: 38px;}

.copy a{display: none}
.widget a{font-size: 12px;}
.box img{width: 280px;}
.box ul{clear: both;margin-top: 30px;}
.box ul li{display: inline-block;list-style: none;}
.box ul li p{text-align: center;font-size: 14px;margin-bottom: 10px;}
.box ul li:nth-child(2){margin: 0 22px;}
.socials-widget{position: absolute;right: 0px;}
.socials-widget h3{text-align: right;padding-right: 30px;}
.socials-widget ul li{display: inline-block;float: left;margin-top: -10px;}
.socials-widget ul li img{width: 70%}
.qiehuan ul{text-align: center;height: 40px;}
.qiehuan ul li{display: inline-block;margin-left: 20px;cursor: pointer;font-size: 16px;}

.moren{padding: 7px 10px;background:  #007cc2;color: white;font-size: 18px;}

.www{margin-left: 5%;margin-bottom: 30px;}
.www h3{line-height: 28px;}
.www p{line-height: 24px;font-size: 17px;}
.fengge{margin: 10px auto}

.lianxi{margin-left: 5%;margin-right: 5%}
.lianxi h3{border-bottom: 1px solid #d2d2d2;padding-bottom: 10px;font-size: 24px;}
.lianxi p{font-size: 16px;line-height: 32px;}
.org{width: 92%;margin: 20px auto;}
.org>div{border-bottom: 1px dashed #007cc2;padding-bottom: 10px;margin-bottom: 10px;}
.org>div p{line-height: 28px;font-size: 16px;}
.org>div h3{line-height: 28px;}

.abo{width: 92%;margin: 0px auto 20px;}
.abo div{margin-bottom: 20px;}
.abo h3{text-align: center;border-bottom: 1px solid #d2d2d2;line-height: 32px;padding-bottom: 15px;margin-bottom: 10px;}
.abo p{line-height: 28px;font-size: 16px;}

.one{width: 92%;margin: 0px auto 20px;}
.one img{width: 400px;border: 1px solid #d2d2d2}
.one ul{text-align: center}
.one ul li p{font-size: 18px;margin-bottom: 10px;}
.one .yi h3{line-height: 32px;margin-bottom: 10px;}
.one .yi p{line-height: 28px;font-size: 16px;}
.flexslider ul{position: relative}
.flexslider ul li:first-child{position: absolute;left: 0px;margin-top: -27px;opacity: 0.7}
.flexslider ul li:first-child img{width: 8%;}
.flexslider ul li:last-child{position: absolute;left: 790px;margin-top: 4px;opacity: 0.7}
.flexslider ul li:last-child img{width: 12%;}
.slides li p span{font-weight: bold;font-size: 15px;}

.box img:hover{transform:scale(1.1,1.1);transition: linear;}
.huace{text-align: center}
.huace img{width:50%}
