*{list-style:none!important;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;font-size:12px;color:#333;text-decoration:none}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;box-sizing:border-box;font:100 14px/1.5 'Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:300}
a{color:#333;text-decoration:none}
a:active{text-decoration:none}
a:visited{text-decoration:none}
a:focus{outline:0;text-decoration:none}
p{padding:0;margin:0}
a:hover{color:#7BCAD7;text-decoration:none}
.fl-l{float:left}
.fl-r{float:right}
.clear{clear:both}
.contain{display:block;width:1100px;margin:0 auto;text-overflow:ellipsis;display:block; opacity: 1;}
.comment_info{background:#e4e4e4;padding:6px;text-align:center;font-size:12px;margin:0 auto;color:#333}
@media all and (max-width:1120px){.contain{width:auto;text-overflow:ellipsis;overflow:hidden;display:block;white-space:nowrap}
.lists{min-width:auto}
}
#header{position:relative;width:100%;height:auto;background-color:#CCC}
#header .top-nav{height:60px;width:100%;line-height:60px;background-color:#0d0d0d}
#header .logo{margin-top:13px;background:#0d0d0d;width:5%}
#header .nav{width:90%;font-size:0;margin-left:100px}
#header .nav a{position:relative;display:inline-block;color:#fff;padding:0 30px;margin:0;font-size:14px;line-height:60px;transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
#header .nav a.on,#header .nav a:hover{color:#aaa}
#header .top-nav .user{width:100px;height:60px}
#header .top-nav .user .car,#header .top-nav .user .info{float:left;width:50%;display:inline-block;height:60px;cursor:pointer;opacity:1;transition:opacity .4s}
#header .top-nav .user .car:hover,#header .top-nav .user .info:hover{opacity:.8}
#header .top-nav .user .car{background:url(../images/common/user-icon.png) center center no-repeat;background-size:30%}
#header .top-nav .user .info{background:url(../images/common/shop-car-icon.png) center center no-repeat;background-size:30%}
.back-list, .kinds-nav{position:absolute;top:60px;left:0;width:100%;background:url(../images/navbg.png) repeat;z-index:99999;/*box-shadow:0 2px 3px 0 #ddd;*/ /*opacity: .5;*/}
.back-list>ul,.kinds-nav>ul{overflow:hidden;height:0;z-index:99;transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;padding:0 100px}
.back-list>ul.active,.kinds-nav>ul.active{height:150px}
.back-list>ul li,.kinds-nav>ul li{width:33.33%;float:left;text-align:center}
.back-list>ul li a,.kinds-nav>ul li a{width:100%;overflow:hidden;display:block;margin:0 auto;margin-top:30px;margin-bottom:10px;transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s; color: #FFF;}
.back-list>ul li a{border-radius:4px;}
.kinds-nav>ul li a:hover{transform:translateY(-2px)}
.kinds-nav>ul li p:nth-of-type(1){color:#666}
.kinds-nav>ul li p:nth-of-type(2){color:#eb0000}
.kinds-nav>ul li a img{width:100%}
./*back-list>ul li{width:43%}
.back-list>ul li img{display:block;margin:13px auto}
.back-list>ul li h3{display:inline;color:#5c6670;font-size:16px;overflow:hidden;z-index:999999;position:relative;left:0;top:-40px;font-weight:500;cursor:pointer}
.back-list01>ul li{width:43%}
.back-list01>ul li img{display:block;margin:13px auto}
.back-list01>ul li h3{display:inline;color:#5c6670;font-size:16px;overflow:hidden;z-index:999999;position:relative;left:0;top:-40px;font-weight:500;cursor:pointer}
*/#footer{height:auto;background:#f2f2f2;padding:30px 0;overflow:hidden}
#footer .contain{padding:0 35px;position:relative}
#footer .links{border-bottom:#e5e5e5 1px solid;padding-bottom:20px}
#footer .links>ul{overflow:hidden}
#footer .links>ul>li{float:left;width:20%;text-align:left;line-height:24px}
#footer .links>ul>li h3{font-size:12px;color:#333;font-weight:700;padding-bottom:10px}
#footer .links>ul>li:last-child h1{font-size:18px;color:#555}
#footer .links>ul>li p{line-height:20px}
#footer .links>ul>li p,#footer .links>ul>li p a{font-size:12px;color:#666}
#footer .links>ul>li p a{transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}
#footer .links>ul>li p:hover a{color:#111}
#footer .links>ul>li.share .wechat{display:inline-block;width:20px;height:20px;float:left;background:url(../images/code-icons.png) left 2px no-repeat;background-size:50px}
#footer .links>ul>li.share .sina{display:inline-block;width:20px;height:20px;float:left;background:url(../images/code-icons.png) right 2px no-repeat;background-size:50px}
#footer .links>ul>li.share p:nth-of-type(1) a:hover span{background-position:left -17px}
#footer .links>ul>li.share p:nth-of-type(2) a:hover span{background-position:right -17px}
#footer .links .line{width:100%;height:1px;background:#e5e5e5;margin:30px 0}
#footer .infos{margin:10px 0 0 0}
#footer .infos .info h1{font-size:12px;color:#333}
#footer .infos .info p{font-size:10px;color:#999;line-height:24px}
.facebook{width:100px;height:100px;position:absolute;left:740px;top:0;background:url(../images/footer/wechat-code.jpg) center center no-repeat;background-size:cover;opacity:0;transition:opacity ease .5s;display:inline-block}
.facebook.show{opacity:1}
.islogcoder{position:relative}
.back-link{width:100%;position:absolute;left:0;height:0;overflow:hidden;transition:height ease .3s;z-index:999}
.leftmenu,.prolist{overflow:hidden;padding-bottom:40px}
.leftmenu li{width:100%}
.leftmenu li a{float:left;line-height:3em;width:100%;font-size:14px!important;background:url(../../style/list_marker.png) left 15px no-repeat;text-indent:2em;font-size:14px!important;border-bottom:#ededed 1px solid;font-weight:700}
.leftmenu li:befter{float:left;width:100%;line-height:2em;background-color:#000;width:1px;height:10px}
.leftmenu li ul.samnav{display:none}
.leftmenu li ul.samnav li a{background:0 0;font-weight:400;font-size:13px!important}
.prolist li{width:25%;float:left;position:relative}
.prolist li img{width:100%}
.prolist li h3{position:absolute;top:0;left:0;width:100%;height:100%;background:#686868;margin-top:0;opacity:0;text-align:center}
.prolist li:hover h3{opacity:1;top:0;left:0;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;color:#FFF}
.pro-list-img{overflow:hidden;position:relative;background:#efefef}
.pro-list-img img{display:block;transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s}
.prolist li.hover img,.prolist li:hover img{transform:scale(1.2);-webkit-transform:scale(1.2)}
.loc{width:100%;background:#efefef}
.loc ul{margin-bottom:0;line-height:2em;font-size:14px}
.loc ul li{float:left;line-height:50px;font-size:20px;color:#333;margin-right:10px;font-weight:700}
.loc ul li span{display:inline-block;position:relative;top:3px}
.loc ul li a{display:inline-block;color:#999;font-size:14px;font-weight:400;height:50px;line-height:50px;transition:all .4s}
.loc ul li a:hover{color:#333}
.loc ul li.active a{color:#333}
.p_b10{padding-bottom:10px}
.p_t10{padding-top:10px}
.text_r{text-align:right}
.imgbox{width:100%;overflow:hidden}
.imgbox img{cursor:pointer;transition:all .6s}
.imgbox img:hover{transform:scale(1.4)}
.cpalt{margin-top:10px;text-align:center;line-height:30px;padding-bottom:30px}
.cpalt img{padding:2px;width:100%}
.cpalt a{font-size:14px;font-size:18px;color:#333}
.cpalt span{padding:0;width:100%;display:block;font-size:12px;color:#999}
.contact .infos{border-bottom:1px solid #e5e5e5;padding-bottom:20px}
.contact .infos .co h3,.contact .infos h1,.my-working-place h1{font-size:20px;color:#333}
.contact .infos h1{margin:20px 0}
.contact .infos .dress{width:50%}
.contact .infos .dress h3,.contact .infos ul li{font-size:14px;color:#999}
.contact .infos .dress h3{line-height:30px}
.contact .infos ul{margin-top:20px}
.contact .infos ul li{line-height:24px}
.contact .infos .dress h3 span,.contact .infos ul li span{display:inline-block;width:20px;height:24px;float:left;margin-right:5px}
.contact .infos .dress h3 span{background:url(../images/about-us/icons.png) 1px 5px no-repeat}
.contact .infos .co ul li:nth-of-type(2) span,.contact .infos .dress ul li:nth-of-type(1) span{background:url(../images/about-us/icons.png) 1px -25px no-repeat}
.contact .infos .co ul li:nth-of-type(3) span,.contact .infos .dress ul li:nth-of-type(2) span{background:url(../images/about-us/icons.png) right -25px no-repeat}
.contact .infos .dress ul li:nth-of-type(3) span{background:url(../images/about-us/icons.png) -41px 5px no-repeat}
.my-working-place{margin-bottom:40px}
.my-working-place h1{margin-top:40px}
.my-working-place .map-area{margin-top:10px;width:100%;height:400px;background:#eee}
footer{width:100%;height:auto;background:#f2f2f2;padding:20px 0;overflow:hidden}
.content,.news_list{padding-right:30px;border-right:1px dashed #2d2d2d}
.news_list li{margin-bottom:25px;overflow:hidden;-webkit-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;transition:all .4s ease 0s;padding-bottom:10px;border-bottom:1px dashed #ccd}
.news_list li a{font-size:18px;display:block}
.news_list li p{padding-top:5px}
.prnext{margin:30px auto}
.prnext a{padding:5px 10px;background:#eee;margin-right:5px}
.prnext a:hover{background:#A6A6A6;color:#fff}
.prnext b{color:#333;font-weight:700;padding:5px;margin-right:5px}
.list1 li{padding-left:24px;padding-top:1px;margin-bottom:8px}
.list1 a{line-height:18px;text-transform:uppercase;display:inline-block;position:relative}
.list1 li a:before{position:absolute;width:13px;height:13px;content:'';top:2px;left:-23px;background:url(../style/list_marker.png) no-repeat;transition:.7s;-webkit-transition:.7s;-moz-transition:.7s}
.list1 li a:hover:before{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.data{width:60px;height:60px;display:block;background:#CCC;color:#333;text-align:center;line-height:60px}
.m_r14{margin-right:14px}
.f36{font-size:36px}
.month{display:block;width:60px;text-align:center}
.m_t5{margin-top:5px}
.m_b50{margin-bottom:50px}
.m_t30{margin-top:30px}
.fw6{font-weight:600}
.f32{font-size:1.5em}
.l{float:left}
.black{color:#000}
.m_b20{margin-bottom:20px}
.b_m_line_ddd{border-bottom:1px solid #ddd}
.detail h3{font-size:16px;padding:0 20px}
.detail{padding:0 20px}
.detail .info_text,.detail .info_text span{font-size:14px!important}
.comdiv img{max-width:100%!important}
.p_b10{padding-bottom:10px}
.tc{text-align:center}
.m_t20{margin-top:20px}
.navbar {margin-bottom:0px;border:0px solid transparent;background-color: #000; }
.navbar-default .navbar-nav>li>a { color:#FFF;color:white;padding:0 25px; margin:0; font-size:14px; line-height:40px;transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s;font-size: 14px; font-family:"微软雅黑";}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { font-size: 14px; font-family:"微软雅黑"; color:#FFF; background-color:#000;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color:#FFF; background-color:#000;}
.nav>li>a {padding:10px 26px;line-height:30px;}
.main-footer{ width:100%; height:auto; background:#333;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color:#FFF;}
.navbar-default .navbar-toggle .icon-bar { background-color:#FFF;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #b90101;}
.navbar-default .navbar-toggle { border-color: #FFF;}
.dropdown-menu{ background:#000; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background:#b90101; }
.navbar-collapse { padding-right:0px;padding-left:0px;}
.dropdown-menu>li>a{ padding: 10px 20px; }
.navbar-brand>img { display: block; height: 100%;}
.navbar-brand {padding:5px 15px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #000}
@media all and (min-width:767px){.navbar{display: none;}.top-nav{display: block;} }
@media all and (max-width:767px){.navbar{display: block; background: #000}.top-nav{display: none;}#footer .links>ul>li{width:100%;margin-bottom:10px}.cpalt{ padding-right:15px !important;}}