*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#fff; background:#272a2d;}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} 
.text-center { text-align:center;}
.wrapper {width:100%;max-width:1200px; margin:0 auto;overflow: hidden; padding:50px 0}
.head_nav { height:40px; background:#000;} 
.head_nav .w1400 { position: relative;}
.head_nav_l { float:left; line-height:40px; height:40px; color: #fff;}
.head_nav .head_nav_j { position:absolute; right:100px; top:11px;}
.head_nav .head_nav_j a { color:#fff; margin: 0 10px;} 
.head_nav_l { float:left; line-height:40px; height:40px;}  .head_nav_l p { color:#999}
.head_nav_l a { color:#ccc; font-size:13px; padding:0 16px; float:left;} 
.head_nav_l a:hover { color:#fff; background:#444; } .head_nav_l .nav_more .nav-list-more{ top:40px;}
.head_nav_l a.icon-home-fill { font-size:18px!important;}
.head_nav .search-top { margin:6px 5px 0; height:28px;} 
.head_nav .search-top .search-top-in { height:28px; line-height:28px;}
.head_nav .login_after { padding:7px 0 6px}
.head_nav .login_box { margin:6px 5px 0}
.head_nav .login_after .headportrait { width:25px; height:25px;}
.head_nav .icon-tongzhi { font-size:16px!important;}
.head_nav .login_after:hover .login_cnt { opacity:1; visibility:visible; top:42px; left:-210px;}
.search-top { width:150px; height:32px; margin:15px 10px 0; float:right; position:relative;}
.search-top .search-top-in { width:0; height:32px; background:#4a4a4a; line-height:32px; padding:0 10px; border:0; border-radius:3px;opacity:0; color:#fff; transition: width .1s;}
.search-top:hover .search-top-in { opacity:1; width:150px;}
.search-top .icon-search { font-size:20px!important; line-height: 30px; color:#fff; display:inline-block; position:absolute; right:5px; top:0;}

.banner { width:100%; height:945px;background:url(images/banner.jpg) no-repeat top center;  overflow:hidden;}
.nav { height: 60px; line-height: 60px;background: #1c304c; text-align:center; position:fixed; left:0; top:0; width:100%; z-index: 9999999; display:none}
.nav a { font-size: 16px; color: #fff; margin: 0 40px; padding: 0 40px; display:inline-block}
.nav a.cur { border-bottom: 2px solid #f90; color: #f90;}
.navsb{ background:#e28865;}
.navsb:hover { background:#e77777}

.text { padding:30px 0; overflow:hidden}
.text dl dt { font-size:16px; font-weight:700; margin-bottom:20px;}
.text dl dd { font-size:14px; line-height:28px; text-indent:28px;}
.tit_qy { float:left; background:#5481d5; padding:50px 25px 100px; margin-right:40px;}
.tit_qy h3 { font-size:48px; line-height:48px;}
.tit_qy h4 { font-size:30px; opacity:.5;}

.bg_yellow .tit h4 { background:#e28865}
.bg_grey .tit h4 { background:#e4e2e2}
.bg_grey .tit {background:url(images/tit_h.png) no-repeat; width:351px;}
.tit { background:url(images/tit.png) no-repeat; width:320px; height:68px; text-align:center; margin:50px auto;}
.tit h3{ font-size:48px; font-weight:100; margin:-28px 0 0; display:inline-block; width:320px;}
.tit h4 { font-size:20px; margin:0 0 -10px; font-weight:100; color:#fff; text-transform:Uppercase; background:#283e69; display:inline-block; padding:0 5px;}

.tit_h h3{ color:#000;}
.tit_h h4 {color:#000;}

.bg_blue { background:#283e69}
.bg_yellow { background:#e28865;}
.bg_grey { background:#e4e2e2;}

.works_list { padding:10px 0 40px}
.works_list li { width:20%; float:left; margin:20px 20px 30px; height:260px; text-align:center;}
.works_list li .mrw_img { width:120px; height:120px; padding:10px; border-radius:50%; background:linear-gradient(180deg,#8acdab,#a0a3da,#f4e3b1); margin:0 auto 5px;}
.works_list li img { width:120px; height:120px; border-radius:50%;}
.works_list li h4 { font-size:24px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;color:#6b65a1; position:relative; text-align:center; z-index:1}
.works_list li h4:after { content:''; width:100px; height:10px; background:#f4e3b1; display:inline-block; position:absolute; left:70px; bottom:0;opacity:.5; z-index:-1}
.works_list li p { font-size:14px; color:#fff; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.lc table { margin:0 auto; margin:50px auto; font-size:16px; color:#fff; width:80%}
.lc thead th{ text-align:right; padding:20px; font-weight:700; font-size:18px; }
.lc thead td { font-weight:700; font-size:18px;}
.lc tbody th { border-right:3px solid #5f87d4; padding:10px 50px; text-align:right; position:relative; vertical-align:top; width:200px; }
.lc tbody th h3 { color:#56e1f6; font-weight:700; font-size:30px; line-height:30px;}
.lc tbody th i { border-radius:50px; width:12px; height:12px; display:inline-block; background:#56e1f6; position:absolute; right:-8px; top:15px;}
.lc tbody th p { font-weight:700; font-size:16px;}
.lc tbody td { padding:10px 20px 10px 50px; vertical-align:top}
.lc tbody td:first-child { width:90px; padding:10px 100px 10px 50px}
.lc tbody td.line { border-bottom:1px solid #3b5994; padding:10px 0;}.lc tbody td.line h3 { font-weight:700}
.md_list { margin-bottom:50px}
.md_list li { font-size:18px; padding:5px 0; float:left; width:50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.md_list li img { margin-right:10px;}
.form  { width:600px; margin:0 auto; padding:0 0 50px;}
.form .item { position:relative; margin:10px 0; overflow: hidden; } 
.form .item label { display:block; color:#fff; font-size:16px;}
.form .item input { width:93%; padding:0 20px; height:60px; font-size:16px; color:#999; background:#fff; border-radius:5px; margin:5px 0; border:0; background:#f7eed2;}
.form .item .error { position:absolute; bottom:15px; right:10px; width:auto; color:#c00; font-weight:400;}
.btn_part { height:70px; line-height:70px; color:#fff; border-radius:10px; background:#4a6baa; margin:5px auto; display:block; text-align:center; font-size:30px; font-weight:700}
.btn_part:hover { color:#fff;}

.tit_hz { font-size:22px; font-weight:700; margin:20px 0; color:#000;}
.logo_list { margin:0 0 0 -30px;}
.logo_list li { float:left; border:1px solid #ddd; background:#fff; width:200px; height:90px; line-height:88px; text-align:center; margin:0 0 30px 30px; overflow:hidden}
.logo_list li img { height:90px;}

.contact { padding:50px 0;}
.contact_tit { float:left; border-right:1px solid #333; padding:20px 80px 50px; margin:0 50px 0 0}
.contact_tit h3 { font-size:50px; line-height:50px;} 
.contact_tit h4 { font-size:32px; color:#fff; opacity:.5}

.contact_cnt { text-align:center;}
.contact_cnt dl { display:inline-block; text-align:left; padding:20px 40px; font-size:24px; color:#fff; float:left}
.contact_cnt dl:first-child { border-left:0;}
.contact_cnt dl dd { padding:8px 0; font-size:20px;} .contact_cnt dl dd img { margin-right:10px; vertical-align:middle}

.footer-copy { text-align:center; font-size:14px; padding:80px 0 40px; clear:both; color:#fff;}
.footer-copy a { color:#fff;}

@media screen and (max-width:767px) {
    .wrapper { width:auto; padding:30px 20px;}
    .banner { width:100%; height:480px;background:url(images/banner_wap.jpg) no-repeat top center; background-size:cover; }
    .head_nav,.nav { display:none!important;}
    .text { padding:0; overflow:hidden}
    .text dl dt { font-size:14px; font-weight:700; margin-bottom:20px;}
    .text dl dd { font-size:12px; line-height:28px; text-indent:28px; text-align:justify}
    .tit_qy { float:none; background:none; padding:0 0 20px; margin-right:0; text-align:center}
    .tit_qy h3 { font-size:28px; line-height:48px;}
    .tit_qy h4 { font-size:16px; opacity:.5;}

    .bg_yellow .tit h4 { background:#e28865}
    .bg_grey .tit h4 { background:#e4e2e2}
    .bg_grey .tit {background:url(images/tit_h.png) no-repeat; width:251px; background-size:contain;}
    .tit { background:url(images/tit.png) no-repeat; background-size:contain; width:220px; height:48px; text-align:center; margin:40px auto;}
    .tit h3{ font-size:28px; font-weight:100; margin:-28px 0 0; display:inline-block; width:220px;}
    .tit h4 { font-size:14px; margin:0 0 -10px; font-weight:100; color:#fff; text-transform:Uppercase; background:#283e69; display:inline-block; padding:0 5px;}

    .tit_h h3{ color:#000;}
    .tit_h h4 {color:#000;}

    .bg_blue { background:#283e69}
    .bg_yellow { background:#e28865;}
    .bg_grey { background:#e4e2e2;}

    .works_list { padding:10px 0 40px}
    .works_list li { width:50%; float:left; margin:0 0 20px; height:230px;}
    .works_list li .mrw_img { width:120px; height:120px; padding:10px; border-radius:50%; background:linear-gradient(180deg,#8acdab,#a0a3da,#f4e3b1); margin:0 auto 5px;}
    .works_list li img { width:120px; height:120px; border-radius:50%;}
    .works_list li h4 { font-size:20px; font-weight:700; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;color:#6b65a1; position:relative; text-align:center; z-index:1}
    .works_list li h4:after { content:''; width:100px; height:10px; background:#f4e3b1; display:inline-block; position:absolute; left:50%; margin-left:-50px; bottom:0;opacity:.5; z-index:-1}
    .works_list li p { font-size:12px; color:#fff; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}

    .lc table { margin:0 auto; margin:50px auto; font-size:12px; color:#fff; width:100%}
    .lc tbody th { border-right:2px solid #5f87d4; padding:5px 10px 5px 0; text-align:right; position:relative; vertical-align:top; width:60px; }
    .lc tbody th h3 { color:#56e1f6; font-weight:700; font-size:14px; line-height:20px;}
    .lc tbody th i { border-radius:50px; width:12px; height:12px; display:inline-block; background:#56e1f6; position:absolute; right:-7px; top:15px;}
    .lc tbody th p { font-weight:700; font-size:12px;}
    .lc tbody td:first-child { width:80px; padding:5px 0 5px 10px}
    .lc tbody td { padding:5px 0 5px 10px; vertical-align:top}
    .lc tbody td.line { border-bottom:1px solid #3b5994; padding:5px 0}.lc tbody td.line h3 { font-weight:700}
    .md_list { margin-bottom:50px}
    .md_list li { font-size:14px; padding:5px 0; float:left; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
    .md_list li img { margin-right:10px;}
    .form  { width:100%; margin:0 auto; padding:0 0 20px;}
    .form .item { position:relative; margin:10px 0; overflow: hidden; } 
    .form .item label { display:block; color:#fff; font-size:16px;}
    .form .item input { width:89%; padding:0 20px; height:40px; font-size:14px; color:#999; background:#fff; border-radius:1px; margin:5px 0; border:0; background:#f7eed2;}
    .form .item .error { position:absolute; bottom:15px; right:10px; width:auto; color:#c00; font-weight:400;}
    .btn_part { height:40px; line-height:40px; color:#fff; border-radius:10px; background:#4a6baa; margin:5px auto; display:block; text-align:center; font-size:20px; font-weight:700}
    .btn_part:hover { color:#fff;}

    .tit_hz { font-size:22px; font-weight:700; margin:20px 0; color:#000;}
    .logo_list { margin:0 0 0 -10px;}
    .logo_list li { float:left; border:1px solid #ddd; background:#fff; width:29%; height:50px; line-height:48px; text-align:center; margin:0 0 10px 10px; overflow:hidden}
    .logo_list li img { height:50px; width:100%}

    .contact { padding:20px 0;}
    .contact_tit { float:none; border-right:0; padding:0; margin:0; text-align:center;}
    .contact_tit h3 { font-size:30px; line-height:30px;} 
    .contact_tit h4 { font-size:16px; color:#fff; opacity:.5}

    .contact_cnt { text-align:center;}
    .contact_cnt dl { display:inline-block; text-align:left; padding:20px 0 0; font-size:16px; color:#fff; float:none; width:49%}
    .contact_cnt dl dd { padding:5px 0; font-size:14px;} 
    .contact_cnt dl dd img { margin-right:5px; vertical-align:middle; width:20px;}

    .footer-copy { text-align:center; font-size:12px; padding:20px 0; clear:both; color:#fff;}
    .footer-copy a { color:#fff;}
}