﻿*{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;} 
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;}
.right{float:right;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}

/*------PC版-----*/
.wrapper { width:1200px; margin:0 auto; }
.top { height: 32px; line-height: 32px; overflow: hidden;border-bottom: 1px solid #dfdfdf;background: #fff;width: 100%;}
.topBox { width:100%; max-width:1000px;	margin:0 auto;}
.topBox_left { float:left;	width:40%;}
.topBox_right {	float:right;width:60%; text-align:right; color:#aaa;}
.topBox_right a {color:#666;padding:0 10px;}

.banner { width:100%;overflow:hidden; color:#fff; position:relative; background:#f38058}
.banner img { width:100%}
.banner_wap { display:none}
.nav { width:100%; text-align:center; height:70px; line-height:70px;} 
.nav a { font-size:20px; color:#fff; padding:0 65px; margin:0 10px; display:inline-block} 
.nav a.cur,.nav a:hover { color:#fff; font-weight:700; background:#e36a40;}

.dy { padding:50px 0; background:#e8e8e8}
.dy h1 { float:left; margin-right:50px;}
.dy_text { line-height:36px; font-size:16px; padding:10px 0; text-align:justify; color:#645858}

.tit { background:url(images/tit_bg.png) center top no-repeat; text-align:center; padding:40px 0 0; margin:50px 0}
.tit h2 { font-size:36px; line-height:36px; color:#655858; font-weight:400; letter-spacing:10px; margin:5px 0} .tit h3 { font-size:30px; line-height:30px; font-weight:500; color:#655858;text-transform: uppercase}

.jieyan { padding:50px 0; margin:50px 0; background:#f38058;}
.jieyan h1 { font-size:30px; line-height:0; font-weight:400; color:#fff; border:1px solid #fff; padding:80px 40px;  float:left; margin-right:60px;}
.jieyan p { color:#fff;}
.text_img { padding:30px 0; overflow:hidden;}
.text_img_box { border:3px solid #ed7c5e; padding:40px 30px; width:550px; position:relative; margin:80px 0 0}
.text_img_box p { font-size:16px; line-height:30px; text-align:justify;} .text_img_box p a { color:#1e5ef0; display:block}
.text_img_box h3 { font-size:24px; font-weight:700; color:#655858; text-align:center; background:#fff; display:inline-block; position:absolute; left:100px; top:-55px; padding:0 20px;}

.bg_video { background:url(images/bg_2.jpg) no-repeat center center; height:860px; padding:25px 0;}
.video_img { margin:0 auto; width:730px;}
.bg_video .tit h2,.bg_video .tit h3 { color:#fff;}
.text_box_video { padding:20px 0; position:relative; margin:20px auto 0; background:url(images/box.png) no-repeat; width:578px; height:106px;}
.text_box_video p { font-size:14px; line-height:26px; text-align:justify; color:#fff; padding:0 30px 0 120px;} .text_box_video p a { color:#e88502; }
.text_box_video h3 { font-size:24px; font-weight:700; color:#fff; text-align:center; display:inline-block; position:absolute; top:34px; left:-210px; padding:0 20px;}

.lm_title { margin:30px 0;}
.lm_title strong { border-bottom:4px solid #f38058; font-size:30px; line-height:100%; font-weight:400; color:#655858; padding-bottom:5px;}
.lm_list {margin:0 0 30px 0; float:left; width:100%;}
.lm_list a { display:block; position:relative; float:left;margin:0 40px; width:220px;font-size:14px; line-height:100%; color:#333; }
.lm_list a:hover { color:#f30; }
.lm_list a span { float:left; position:absolute; display:block; padding:3px 10px; background:#333; color:#fff; font-size:12px;}
.lm_list img { margin-bottom:12px; border:1px solid #dedede;}

.contactus {margin:0 0 30px 0; float:left; width:100%;}
.contactus div h6 { padding:10px 0; font-size:24px; line-height:24px; color:#f38058; position:relative}
.contactus div h6:before { content:''; height:1px; border-bottom:1px solid #f38058; width:48px; display:inline-block; position:absolute; bottom:5px;}
.contactus p { font-size:16px; padding:5px 0; color:#655858;}
.lxff { float:left; width:30%; margin-left:40px; }
.mhry { float:left; width:30%;}
.gzwm { float:right; width:36%; }
.gzwm span { float:left; margin-right:20px; padding-bottom:60px;}

.footer { width:100%; background:#fff; overflow:hidden; color:#888;padding: 30px 0; border-top:1px solid #dedede;}
.footerBox { width:100%;max-width:1000px; margin:0 auto; text-align:center; line-height:160%;}
.bottomMenu { width:100%; color:#ddd; padding:0 0 30px 0;}
.bottomMenu a { padding:0 15px; color:#333;}
.bottomContact { width:100%;padding:0 0 10px 0;}
.bottomContact span { padding:0 10px;}
.bottomContact span a { color:#888;}
.bottomCopyright a { color:#888;}

/*------移动版-----*/
@media screen and (max-width:767px) {
    .top { display:none}
    .banner { width:100%;}
    .wrapper { width:auto; padding:0 10px;}
    .banner_pc { display:none} .banner_wap { display:block;}
    .video_img { width:90%}
    .video_img video { width:100%; height:186px;}
    .nav { width:100%; text-align:center; height:40px; line-height:40px;} 
    .nav a { font-size:12px; color:#fff; padding:0 10px; margin:0; display:inline-block} 
    .nav a.cur,.nav a:hover { color:#fff; font-weight:700;}
    .dy { padding:20px 0}
    .dy h1 {  float:none; margin:0 auto; text-align:center}
    .dy h1 img { width:80px;}
    .tit { background:url(images/tit_bg.png) center top no-repeat; background-size:50%; text-align:center; padding:30px 0 0; margin:20px 0}
    .tit h2 { font-size:22px; line-height:22px;} .tit h3 { font-size:16px; line-height:16px;}
    .text_img_box { margin:50px 0 0; padding:10px; width:auto;}
    .text_img h3 { font-size:14px; left:40px; top:-32px; padding:0 10px; width:256px; text-align:center}

    .text_img { padding:0; overflow:hidden;}
    .text_img .left { margin-right:0;}
    .text_img .right { margin-left:0;}
    .text_img img { width:100%; margin:0 auto; float:none; display:block;}
    .text_img p { font-size:12px; padding:20px 10px; line-height:22px; color:#4d4d4d; text-align:justify}

    .bg_video { height:550px;}
    .text_box_video { width:auto; background:none; height:auto; border:3px solid #f38058; margin:20px; padding:10px;position:inherit; }
    .text_box_video p { font-size:12px; line-height:20px; padding:0;}
    .text_box_video h3 { font-size:16px; position:inherit; padding:0 0 10px; display:block; text-align:center}

    .lm_title { margin:40px 20px 20px;}
    .lm_title strong { font-size:1.5rem; font-weight:500;}
    .lm_list { padding-bottom:12px;overflow: hidden;}
    .lm_list a { display:block; position:relative; float:left; padding:0 8px; width:45%; color:#333; margin:0 0 16px; line-height: 100%; }
    .lm_list a span { float:left; position:absolute; display:block; padding:3px 10px; background:#333; color:#fff; font-size:1.2rem;}
    .lm_list img { margin-bottom:12px; width:100%; border:1px solid #dedede;}

    .jieyan { padding:20px 0; margin:20px 0;}
    .jieyan h1 { font-size:20px; line-height:0; font-weight:700; padding:100px 20px; float:left; margin-right:10px; }
    .dy_text { line-height:22px; font-size:12px; padding:0;text-indent:24px;}

    .contactus {margin:10px 0; overflow:hidden; padding:0 20px; width: auto;}
    .contactus div h6 { padding:10px 0; font-size:1.2rem; }
    .contactus p { font-size:14px;}
    .lxff { float:left; width:100%; margin-left:0}
    .mhry { float:left; width:100%;}
    .gzwm { float:left; width:100%; }
    .gzwm span { float:none; margin-right:20px; }

    .footer { width:100%; overflow:hidden; color:#888;padding:2rem 0; }
    .footerBox { width:auto; text-align:center; line-height:160%; padding:0 25px;}
    .bottomMenu { display:none;}
    /*.bottomMenu a { padding:0 15px; color:#333;}*/
    .bottomContact { width:100%;padding:0 0 20px 0; float:left;}
    .bottomContact span { display:block; float:left; width:100%;}
    .bottomContact span a { color:#888;}
    .bottomCopyright a { color:#888;}
    .commform { display:none;}
}