* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.trans { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
hr { border: none; outline: none; }
h1, h2, h3, h3, h4, h5, h6 { font-weight: normal; }
img { max-width: 100%; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
body { font-family: "微软雅黑", "Microsoft Yahei"; }
.wp { width: 100%; max-width: 1300px; margin: 0 auto; }
a { color: #333; -o-transition: .2s; -ms-transition: .2s; -moz-transition: .2s; -webkit-transition: .2s; transition: .2s; }
a:hover { color: #dc261b; }
/*头部*/
#hd { background: #f77035; height: 114px; position: relative; z-index: 666; border-bottom: #fff solid 4px; }
#hd .hd_top { position: relative; }
#hd .logo { float: left; height: 53px; margin-top: 43px; overflow: hidden; margin-right: 35px; }
#hd .logo a { display: block; height: 100%; }
#hd .logo a img { display: inline-block; vertical-align: middle; }
.nav { margin-top: 40px; float: left; }
.nav ul li { float: left; padding: 8px 25px 0; height: 72px; }
.nav ul li a.one { display: block; box-sizing: content-box; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: bold; color: #fff; height: 26px; line-height: 26px; float: left; padding: 10px 0px; }
.nav ul li.on a.one { border-bottom: #fff solid 5px; }
.nav_pop { display: none; width: 100%; background: #fff; overflow: hidden; position: absolute; left: 0px; top: 110px; }
.nav_pop dl { border-right: #ddd solid 1px; width: 25%; float: left; text-align: left; padding: 20px 0px 20px 40px; min-height: 240px; }
.nav_pop dt { width: 100%; margin-bottom: 10px; overflow: hidden; }
.nav_pop dt a { font-weight: bold; color: #f60; font-size: 16px; }
.nav_pop dd { clear: both; overflow: hidden; width: 100%; height: 34px; line-height: 34px; }
.nav_pop dd a { color: #666; font-size: 14px; font-weight: normal; }
.nav_pop dd a:hover { color: #111; text-decoration: underline; }
.hd_fav { width: 196px; height: 29px; text-align: center; color: #fff; background: url(../image/hd_fav_bg.png) no-repeat center top; position: absolute; right: 0px; top: 0px; overflow: hidden; }
.hd_fav a { color: #fff; display: inline-block; padding: 3px 8px; font-size: 14px; }
/*手机头部*/
#m-hd { display: none; }
#m-hd { height: 50px; line-height: 50px; background-color: #f77035; position: fixed; width: 100%; z-index: 999999; }
#m-hd img { height: 40px; padding: 10px 0 0 10px; }
.m-trigger { position: absolute; top: 0; right: 10px; width: 50px; color: #fff; text-align: center; font-size: 30px; line-height: 45px; cursor: pointer; background: url(../image/menu_add.png) center center no-repeat; -webkit-background-size: 50px; background-size: 25px; height: 50px; }
.m-nav { z-index: 60; position: absolute; top: 50px; width: 100%; left: 0; background: url(../image/alpha_black_70.png) repeat; text-align: center; display: none; }
.m-nav li { border-bottom: 1px solid #565656; }
.m-nav a { display: block; font-size: 12px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; }
.m-nav a:hover, .m-nav a:active { color: #dc261b; }
.m-sub { text-align: left; display: none; width: 100%; }
.m-sub a { border-bottom: none; font-size: 13px; }
/*底部*/
#fd { background: url(../image/fd_bg.jpg) repeat-x center top; border-top: #fff solid 4px; clear: both; color: #fff; font-size: 14px; }
#fd .wp { position: relative; overflow: visible; padding-left: 400px; }
#fd a { color: #fff; }
.fd_download { width: 160px; text-align: center; position: absolute; left: 0px; bottom: 0px; background: url(../image/fd_pro_bg.png) no-repeat center bottom; padding-bottom: 38px; }
.fd_download a { display: block; position: relative; }
.fd_download a b { height: 30px; line-height: 30px; display: block; clear: both; overflow: hidden; font-weight: normal; text-decoration: underline; }
.fd_download a em { display: block; clear: both; overflow: hidden; animation-name: container; animation-duration: 0.5s; animation-fill-mode: both; animation-iteration-count: infinite; }
.fd_download a:hover b { color: #f77036; }
@keyframes container {
50% {
transform: translateY(6px);
}
100% {
transform: translateY(0);
}
}
.fd_up { padding: 20px 0px; font-size: 12px; overflow: hidden; }
.fd_up ul { float: left; width: 650px; }
.fd_up ul li { float: left; border-left: #fff solid 4px; padding: 0px 15px; }
.fd_up ul li.copy { border: none; }
.fd_down { clear: both; overflow: hidden; padding: 30px 10px 30px 0px; }
.fd_down .dl { float: left; font-size: 14px; font-style: italic; }
.fd_down .dl img { vertical-align: top; margin-top: 3px; margin-right: 5px; }
.fd_down .dr { float: right; font-size: 14px; text-align: right; line-height: 1.8; background: url(../image/fd_logo.png) no-repeat right center; padding-right: 180px; }
.fd_down .dr em { font-style: italic; display: block; }
.fd_down .dr b { color: #ff8207; display: block; text-transform: uppercase; }
/*banner*/
#banner { position: relative; text-align: center; }
#banner .flexslider { background: none; }
#banner .flexslider .slides img { max-width: 100%; width: auto; display: inline-block; vertical-align: middle; }
#banner .flex-control-paging li a { width: 40px; height: 3px; border-radius: 0; background-color: rgba(255,255,255,0.7); }
#banner .flex-control-paging li a.flex-active { background-color: #dc261b; }
#banner .flex-control-nav { bottom: 80px; }
#banner .flex-direction-nav a { background: url(../image/ban_prev.png) no-repeat; width: 24px; height: 44px; opacity: 1; filter: alpha(opacity=100); }
#banner .flex-direction-nav .flex-prev { left: 20px; }
#banner .flex-direction-nav .flex-next { background-image: url(../image/ban_next.png); right: 20px; }
/*contact*/
.contact { background: #fff; overflow: hidden; color: #f77035; }
.contact .content { padding: 50px 0px 40px; clear: both; overflow: hidden; color: #f77035; }
.contact_info { width: 50%; float: left; overflow: hidden; padding: 0px 10px; }
.contact_info dt { padding-top: 20px; margin-bottom: 55px; }
.contact_info dt h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
.contact_info dd { }
.contact_info img { max-width: 100%; }
.contact_form { width: 45%; float: right; overflow: hidden; margin-bottom: 50px; }
.contact_form .form_l { width: 43%; float: left; overflow: hidden; }
.contact_form dl { width: 100%; overflow: hidden; clear: both; }
.contact_form dt { padding: 15px 0px 5px; font-size: 15px; }
.contact_form dd { clear: both; overflow: hidden; }
.contact_form .form_r { width: 43%; float: right; }
.contact_form .form_r .btn { padding-top: 20px; }
.ul-contact li { background: url(http://www.softwiper.com/Yourphp/Tpl/Home/Default/Public/images/i_icon2.png) no-repeat; font-size: 15px; line-height: 1.5; padding: 8px 0px; }
.ul-contact li.li1 { background-position: 0 0; }
.ul-contact li.li2 { background-position: 0 -74px; }
.ul-contact li.li3 { background-position: 0 -271px; }
.ul-contact li a { color: #f77035; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.ul-contact li a:hover { color: #f77035; font-weight: bold; }
.contact-form .input-text, .contact-form select { width: 100%; border: 1px solid #f77035; border-radius: 4px; height: 40px; padding: 0 12px; font-family: "Microsoft Yahei"; }
.contact-form textarea { width: 100%; border: 1px solid #f77035; height: 138px; border-radius: 4px; padding: 12px; font-family: "Microsoft Yahei"; }
.contact-form .input-submit { width: 160px; height: 40px; line-height: 40px; text-align: center; border-radius: 6px; color: #fff; background: #f77035; border: 0; cursor: pointer; font-family: "Microsoft Yahei"; font-size: 16px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.contact-form .input-submit:hover { background: #e45b1f; }
/*guestbook*/
.guestbook-form { padding: 30px 0px 50px; }
.guestbook-form table { width: 80%; }
.guestbook-form td { padding: 10px; font-size: 14px; color: #666; vertical-align: middle; }
.guestbook-form td font { padding-right: 3px; vertical-align: middle; }
.guestbook-form #verifyCode { width: 120px; }
.guestbook-form .input-submit { width: 48%; float: left; }
.guestbook-form .input-reset { float: right; }
.guestbook_list { }
.guestbook_list dl { clear: both; overflow: hidden; padding: 10px 0px; border-bottom: #ddd dotted 1px; }
.guestbook_list dt { color: #09F; font-weight: normal; }
.guestbook_list dt span { float: right; font-size: 12px; font-weight: normal; color: #999; }
.guestbook_list dd { clear: both; overflow: hidden; padding: 5px 0px; margin-bottom: 10px; }
/*内页*/
#bd { background: url(../image/bd_bg.jpg) repeat-x left top #D6D6D8; }
#ban-in { position: relative; background-position: center bottom; background-repeat: no-repeat; height: 230px; background-color: #F77035; }
.content { clear: both; overflow: hidden; padding: 10px 0px 6px; }
.left { width: 310px; border: #fff solid 5px; background: #fff; float: left; overflow: hidden; margin-bottom: 80px; }
.right { width: 980px; min-height: 400px; float: right; overflow: hidden; }
.sidebar { }
.sidebar li { font-size: 14px; line-height: 36px; text-align: center; }
.sidebar li h3, .sidebar li h4, .sidebar li dd { margin-bottom: 2px; height: 36px; overflow: hidden; }
.sidebar li a { display: block; height: 100%; text-align: left; padding-left: 35px; color: #fff; background: url(../image/sidebar_point.png) no-repeat 20px center #aeacad; }
.sidebar li h3 a { background: url(../image/sidebar_point.png) no-repeat 20px center #f77035; }
.sidebar li h3 a:hover { background-color: #f40; }
.sidebar li h4 { overflow: hidden; background: url(../image/sidebar_point.png) no-repeat 20px center #aeacad; position: relative; }
.sidebar li h4 a { }
.sidebar li h4 em { display: block; height: 36px; width: 36px; float: right; overflow: hidden; background: url(../image/off.png) no-repeat center center #a1a0a1; cursor: pointer; position: absolute; right: 0px; top: 0px; z-index: 5; }
.sidebar li h4 em.on { background: url(../image/on.png) no-repeat center center #a1a0a1; }
.sidebar li h4 em:hover { background-color: #666; }
.sidebar li.li_cur h4 a { background-color: #666; }
.sidebar li.li_cur dl { display: block; }
.sidebar li .dd_cur { background-color: #333; }
.sidebar li a:hover { background-color: #666; }
.sidebar li dl { display: none; }
.sidebar li dd { padding-left: 36px; }
/**/
.pages { text-align: center; }
.pages a, .pages span { display: inline-block; height: 36px; line-height: 36px; padding: 0px 15px; background: #666; border-radius: 3px; text-align: center; font-size: 13px; color: #fff; margin: 0 4px; }
.pages a:hover, .pages .page-on { background-color: #dc261b; color: #fff; }
.pages span { background: #eee; color: #444; }
.pages .total { display: none; }/**/
.page_turn { border-top: 1px dashed #D5DCE7; clear: both; overflow: hidden; padding-top: 15px; color: #999; }
.page_turn .l { width: 80%; line-height: 2.2; }
.page_turn .r { width: 20%; text-align: right; }
.page_turn a { color: #999; }
.page_turn a:hover { color: #E4392A; }
.page_turn .r a { display: inline-block; padding-right: 15px; background: url(http://www.softwiper.com/Yourphp/Tpl/Home/Default/Public/images/go_list.png) no-repeat right center; }
/*pro_list--------------------------------------------------------------*/
.pro_list { }
.pro_list li { width: 33.33%; overflow: hidden; float: left; padding: 0px 10px; margin-bottom: 10px; }
.pro_list li a { display: block; position: relative; }

.pro_list li span { display: block; overflow: hidden; }
.pro_list li .img { height:300px; overflow:hidden;}
.pro_list li .img img { width: 100%; display: block; }
.pro_list li .txt { width: 100%; height: 40px; line-height: 40px; color: #333; text-align: center; font-size: 18px; font-weight: bold;
-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
.pro_list li a:hover .txt { color:#e00;}
/*info_cont*/
.info_cont { background: #fff; padding: 15px; }
.info_cont h3.info_title { font-size: 20px; font-weight: bold; padding-left: 200px; height: 36px; line-height: 36px; background: #f77035; color: #fff; }
.info_cont .textCont { color: #f77035; font-size: 14px; line-height: 1.8; }
.info_cont .textCont p { padding-left: 200px; }
.info_cont .textCont a { color: #f77035; text-decoration: underline; }
.info_cont .textCont hr { border-bottom: #ccc solid 1px; }
/*about*/
.about { overflow: hidden; position: relative; }
.about img { width: 100%; display: block; margin: 0 auto; }
/*站点地图*/
.sitemap_ul { }
.sitemap_ul li { overflow: hidden; margin-bottom: 20px; }
.sitemap_ul li h3 { font-weight: bold; }
.sitemap_ul li ul { }
.sitemap_ul li li { padding-left: 10px; margin: 0; width: 100%; }