@charset "utf-8";

/*Fonts*/

@font-face{font-family:Base;src:local(Arial),local(Helvetica),local('MicroSoft YaHei'),local('SimHei'),local(sans-serif);}
@font-face{font-family:YH;src:local('MicroSoft YaHei');}
@font-face{font-family:Title;src:local('KaiTi'),local('KaiTi_GB2312'),local('MicroSoft YaHei'),local(sans-serif);}


/* data_null */

#data_null {text-align:center;padding:5px;font-size:20px;color:#ccc;line-height:40px;}
#data_null img {margin: 80px auto 0;}

/* main */

.module {width:100%;}
.wrap {height:auto;margin:0 auto;width:1200px;}
.sidebar {float:left;width:200px;}
.main {margin-left:220px;margin-right:20px;}

/* head */
.header {width:100%;height:60px;background:#333;color:#fff;}
.header .logo {width:287px; height:60px; float:left; background: url('../img/logo.png') no-repeat center; background-size:auto 46px;}
.header ul{display:block;margin-left:300px;position:relative;}
.header ul li{width:100px;height:60px;line-height:60px; float:left;position: relative;z-index: 200;}
.header ul li > a {width: 100%; color: #fff; font-size: 14px; text-align: center; display: block;height:60px;position:relative;}
.header ul li,.header ul li:after{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header ul li:after {display:block;background:rgba(255,255,255,.8);content:' ';top:100%;right:0;bottom:0;left:0;position:absolute;}
.header ul li:hover > a{color:#333;z-index:100;}
.header ul li:hover:after {top:0;z-index:90;}
.header ul a.active, .header ul span a.active{color:#e36612;}
.header ul .seachbox{width:157px;height:24px;line-height:24px;position:absolute;border:1px solid #e9e9e9;border-radius: 4px;overflow: hidden;top:27px;right:15px;}
.seachbox input[type="text"]{width: calc(100% - 28px);height:100%;background-color:#f8f8f8;border: none;text-indent: .5em;margin-right: 28px;display:block;}
.seachbox input[type="submit"]{width:28px;height:100%;background: #f8f8f8 url('../img/icon.png') no-repeat -22px 2px;float: right;display:block;border:none;}
.header.index {background-color:rgba(255,255,255,.8);position:absolute;top:0;height:60px;padding-top:0;}
.header ul .seachbox{top:16px;}
.header ul li .sub {background:#fcfcfc;position:absolute;top:60px;display:none;width:auto;}
.header ul li:hover .sub {display:block;}
.header ul li .sub a {display:block;height:36px;line-height:36px;width:100px;}
.header ul li .sub a:hover {background:#f4f4f4;}

/* big_banner */
.big_banner {background:#fff;height:500px;}
.big_banner li {height:500px;}

/* adv */
.adv_list {background:#e2e2e2;}
.adv_list .wrap {padding:10px 0;}
.adv_list dl {width:292px;height:90px;background:#fff;display:block;float:left;margin-left:10px;}
.adv_list dl:first-child {margin-left:0;width:293px;}
.adv_list dt {display:block;float:left;height:64px;width:64px;margin:13px 0 13px 13px;}
.adv_list dd {margin-left:90px;display:block;padding-top:10px;text-align:left;}
.adv_list dd b {display:block;height:30px;line-height:30px;font-size:15px;color:#e60;}
.adv_list dd span {display:block;line-height:40px;font-size:13px}
.adv_list .adv_1 dt {background:url('../img/ico_1.png');}
.adv_list .adv_2 dt {background:url('../img/ico_2.png');}
.adv_list .adv_3 dt {background:url('../img/ico_3.png');}
.adv_list .adv_4 dt {background:url('../img/ico_4.png');}

/* index */
.about {background:#333;color:#fff;}
.about .wrap {padding:15px 0;}
.intro_img {background:url('../img/intro.png') center no-repeat; width:500px;height:300px;float:left}
.intro_text {margin:0 200px 0 500px;font-size:15px; line-height:34px;text-align:justify;}
.intro_text span {display:block;padding:10px 0 10px 15px;font-size:18px;border-bottom:3px solid #c33;width:200px}
.intro_text span b {display:block;font-size: 30px;font-family: -webkit-pictograph;line-height: 40px;}
.intro_text p {padding:15px 0;line-height:36px;}
.intro_text a {color:#fff;display:block;float:right;height:24px;line-height:24px;padding:0 10px;border:1px solid;border-radius:14px;font-size:14px;}
.prolist {background:#fff;}
.prolist .wrap {padding:3px 0 15px;height:auto;}
.prolist a {width:276px;height:114px;margin-right:15px;margin-top:15px;display:block;float:left;position:relative;overflow:hidden;border:3px solid #fff;
		box-shadow:0 0 20px rgba(0,0,0,.2);
   -moz-box-shadow:0 0 20px rgba(0,0,0,.2);
-webkit-box-shadow:0 0 20px rgba(0,0,0,.2);
}
.prolist a:nth-child(4n+0) {margin-right:0;}
.prolist a img {margin-left:-10px;}
.prolist a span {display:block;position:absolute;bottom:-30px;height:30px;line-height:30px;width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.8);z-index:150;}
.prolist a:hover span {bottom:0;}
.prolist a:after {z-index:120;position:absolute;background:rgba(0,0,0,.3);display:block;content:'';top:100%;bottom:0;left:0;right: 0;}
.prolist a:hover:after {bottom:30px;top:0;}
.prolist a,.prolist a span,.prolist a:after {
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.video_list li:hover {}

/* sidebar */
.sidebar strong {display:block;height:36px;line-height:36px;background:#e36712;color:#fff;margin-top:15px;}
.sidebar strong:first-child {margin-top:0}
.sidebar .side_sub {display:block;padding:10px 10px 0;background:#f9f9f6;}
.sidebar .side_sub a {display:none;margin-top:10px;background:#eee;color:#333;line-height:24px;padding:0 10px;text-align:left;}
.sidebar .side_sub.on a {display:block}
.sidebar .side_sub a:first-child {margin-top:0;}
.sidebar a:hover {color:#e36712;background:#fff;}
.sidebar .side_sub:last-child {padding-bottom:10px;}

/* nav */
.nav_wrap{width: 100%; height: 52px; line-height: 52px;background-color:#313234;font-size: 14px; color:#fff;}
.nav_wrap ul li{float:left; width:80px; color:#fff;}
.nav_wrap ul li a{color:#fff;}
.nav_wrap ul li a:hover, .nav_wrap ul li a.active{color:#e36712;}

/* animate */

/* content_nav */

.content{}
.cont_wrap { padding:0; }
.cont_wrap h1{ width: 100%; height:48px; line-height:48px; font-size: 14px;text-align: left;border-bottom: 1px solid #e3e3e3;  }

/* list */

.list_wrap {padding:15px 5px 50px;position: relative;}
.list_wrap .list_item {width:250px;height:100px;margin:15px 25px;float:left;display:block;}
.list_wrap .list_item figure {overflow:hidden;text-align:center;display:block;height:100px;position:relative;width:250px;margin:0 auto;}
.list_wrap .list_item figure img {width:100%;}
.list_wrap .list_item figcaption {display:block;position:absolute;top: 70px;left: 0;right: 0;bottom:0;background:rgba(0,0,0,.6);color:#fff;}
.list_wrap .list_item figcaption:before,.list_wrap .list_item figcaption:after{position: absolute;top:5px;right:5px;bottom:5px;left:5px;content:' ';opacity: 0;-webkit-transition: opacity .5s, -webkit-transform .5s;transition: opacity .5s, transform .5s;}
.list_wrap .list_item figcaption:before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0, 1);transform: scale(0, 1);}
.list_wrap .list_item figcaption:after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1, 0);transform: scale(1, 0);}
.list_wrap .list_item figcaption span,.list_wrap .list_item figcaption strong {
	-webkit-transition: all .7s;transition: all .7s;
}
.list_wrap .list_item figcaption strong {display:block;height:30px;line-height:30px;
		transform: translateY(0);
	 -o-transform: translateY(0);
	-ms-transform: translateY(0);
   -moz-transform: translateY(0);
-webkit-transform: translateY(0);
}
.list_wrap .list_item figcaption span {display:block;padding:0 15px;text-align:left;color:#fff;line-height:20px;-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.list_wrap .list_item:hover figcaption {top:0;}
.list_wrap .list_item:hover figcaption strong {
		transform: translateY(5px);
	 -o-transform: translateY(5px);
	-ms-transform: translateY(5px);
   -moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
}
.list_wrap .list_item:hover figcaption span {-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.list_wrap .list_item:hover figcaption:before,.list_wrap .list_item:hover figcaption:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

/* article */

.detail{width:100%;padding: 30px 0;}
.detail h3, .detail span{display: block;margin-bottom: 20px;text-align: center;}
.det_title{font-size: 30px;color:#333;}
.det_time{font-size:16px;color:#adadad;}
.det_content{font-size: 15px;color:#333;text-align: left;text-indent:2em;}

/* contact */

.contact_us{width:100%;height:auto; padding: 30px 0;}
.contact_us .contact_lt{height:100%;width:500px; float:left;}
.contact_us .contact_rt {height:100%; overflow: hidden; font-size:14px; text-align: left; margin-left:540px;}
.contact_us .contact_rt dl{line-height: 30px;padding:5px 0;}
.contact_us .contact_cen [type="submit"]{width:110px;height:30px;background-color:#e36612; color:#fff; border:none; font-size:14px;margin-top: 20px;}
.contact_us .contact_cen dl{line-height: 30px; padding: 5px 0; overflow: hidden; position: relative;width:800px;margin:0 auto;}
.contact_us .contact_cen dl i{color:#ff0000; margin:0 5px;}
.contact_us .contact_cen dl dt {float:left; width:150px; text-align: center; }
.contact_us .contact_cen dl dd {display:block;margin-left:150px;}
.contact_us .contact_cen dl input {height: 24px; float: left; text-indent: .2em; width:90%;}
.contact_us .contact_cen dl textarea{float: left; text-indent: .2em; width:90%; height:100px ; padding: 5px 1px;}
.contact_us .contact_cen dl em{display:block;text-align:right;color:#666;clear:both;width:90%;}
.contact_box {margin:0 15px;padding:15px;background:#fdfbf3;}
.contact_box dl {margin:0;height:26px;line-height:26px;font-size:13px;}
.contact_box dt {float:left;display:block;width:60px;text-align:center;}
.contact_box dd {margin-left:70px;text-align:left;}
.contact_box a{width: 100%; height: 36px; line-height: 36px;display: block; text-align: center;background-color:#e36612;color: #fff;font-size: 14px; margin-top:10px;}
.contact_map {margin:15px auto 0;}
.index .contact_box {margin:0;padding:0;background:none;}

#map {width:880px;height:400px;margin:0 auto;}
.about_us {margin:20px auto;text-align:left;}
.s_banner {height:300px;margin:15px auto;background:url('../img/banner.jpg');}

/* case */

.case_wrap{width:100%; padding: 30px 0;}
.case_wrap .case_banner{width:900px; height:360px; margin: 0 auto;}
.case_wrap .case_banner img{width:100%;height:100%;box-shadow:0 0 10px rgba(0,0,0,.4);}
.case_wrap h4{display: block;margin:0 auto 20px;text-align: center;}
.case_wrap .det_title{font-size: 30px;color:#333;}
.case_wrap .det_content{font-size: 15px;color:#333;text-align: left;text-indent:2em;}
.case_wrap img {display:block;max-width:900px;margin:0 auto 20px;}

/* foot */
.footer {width:100%;background-color: #323335;position: relative;color:#fff;}
.footer_nav {height: 50px;line-height:50px;border-bottom:1px solid #444;}
.footer_nav li{width:100px;font-size: 14px;display:inline-block;}
.footer_nav li a{color:#fff; line-height: 36px;}
.footer_nav li a:hover {color:#e36612;}
.footer_code {}
.footer_info {height:140px;padding-bottom:50px;}
.footer_logo {width:350px; height:100px; background:url('../img/logo.png') no-repeat center;display: block;margin:0 auto;}
.footer_con dl {width:auto;height:40px;display:inline-block;line-height:40px;white-space:nowrap;}
.footer_con dt {width:28px; height:24px;background:url('../img/icon.png') no-repeat;float:left;margin-top:8px;}
.footer_con dt.city {background-position: -63px 2px;}
.footer_con dt.phone {background-position: -108px 2px;}
.footer_con dt.email {background-position: -156px 2px;}
.footer_con dd {text-align: left;margin-left:28px;display:block;}
.copyright{width: 100%;height: 50px; line-height: 50px; color:#cfcfcf; background-color: #1c1c1c;position: absolute;bottom: 0; }
