*{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:#333;}
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;}
/*------PC版-----*/
@media screen and (min-width:768px) {
.pageBox {width:100%;max-width:1200px; margin:0 auto;overflow: hidden; padding:80px 0}
.wrapper {width:100%;max-width:1200px; margin:0 auto;overflow: hidden;}
.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:#345b00}
.banner img { width:100%}
.swiper_w { display:none}
.nav { width:100%; text-align:center; height:50px; line-height:50px; margin-bottom:-2px; margin-top:10px;} 
.nav a { font-size:20px; color:#fff; padding:10px 65px; margin:0 10px;} 
.nav a.cur,.nav a:hover { color:#000; font-weight:700; background:#fff;}

.daoyan { padding:50px; margin:30px auto; background:#fff;}
.daoyan h1 { font-size:32px; margin-bottom:30px; color:#000; font-weight:400}
.daoyan h1 img { margin-right:10px;}
.dy_text { line-height:30px; font-size:16px; color:#666;}
.dy_text p { padding-bottom:15px;}
.jieyan { padding:50px; margin:60px auto 30px; background:#eee;}
.jieyan h1 { font-size:32px; margin-bottom:30px; color:#000; font-weight:400}
.jieyan h1 img { margin-right:10px;}
.bg { background:#eee; overflow:hidden;}
.text_img_box { margin:0 auto; padding:0 0 50px; overflow:hidden}
.text_img { padding:30px 0; overflow:hidden; position:relative} 
.text_r { width:550px; padding:40px 100px 40px 40px; background:#fff url(images/text_bg.jpg) no-repeat; z-index:11; border-top:6px solid #d0d0d0; height:300px;} 
.text_r h2 { font-size:40px; margin-bottom:20px; color: #db6e25; font-weight: 700;}
.text_r h3 { font-size:20px; padding:2px 5px; display:inline-block; color:#fff; margin-bottom:20px; background:#dd2a1c;}
.text_r p { line-height:26px; font-size:14px; color:#666; text-align:justify}
.text_r p a{ color:#0095ff; margin-left:10px; font-size: 16px;font-weight: 700;}
.img_text { background:url(images/img_1.jpg); width:550px; height:360px; position:absolute; top:80px; right:0}
.img_text img { width:550px; height:360px; z-index:1}

.img_text.left { left:0; right:inherit}
.text_r.right { padding:40px 40px 40px 110px; background:#fff url(images/text_bg_r.jpg) no-repeat top right;}

.btn_view { border-radius:44px; width:250px; height:44px; line-height:44px; display:block; margin:0 auto; background:#f5f5f5; border:1px solid #b72222; text-align:center; font-size:16px; color:#b72222; font-weight:700}
.btn_view:hover { background:#b72222; color:#fff;}
.hx_list { margin:0 0 40px; overflow:hidden}
.hx_list li { float:left; margin:5px; width:390px; height:270px; overflow:hidden} 
.hx_list li img { width:390px; height:270px; vertical-align:middle; transform:scale(1); transition:all 0.2s}
.hx_list li img:hover { transform:scale(1.2); transition:all 0.2s}

.hj_list { margin:30px 0 40px; overflow:hidden}
.hj_list .frist { display:none}
.hj_list li { float:left; margin:0 3px; width:233px; height:373px; overflow:hidden; position:relative;}
.hj_list li .opy_z { position:absolute; width:233px; height:130px; opacity:.8; bottom:0; left:0; background:#000; z-index:0}
.hj_list li .opy { position:absolute; width:233px; height:130px; padding:20px; bottom:0; left:0; z-index:9}
.hj_list li .opy h3 { font-size:16px; color:#fff; background:#b72222; line-height:32px; height:32px; display:inline-block; padding:0 20px; margin-bottom:10px;}
.hj_list li .opy p { color:#fff; font-size:16px;} .hj_list li .opy p a{ color:#fff; font-size:16px;}
.hj_list li img { width:233px; height:373px; vertical-align:middle; transform:scale(1); transition:all 0.2s}
.hj_list li img:hover { transform:scale(1.2); transition:all 0.2s}

.tit { margin:50px 0;}
.tit h2 { font-size:40px; text-align: center;}
.tit h3 { font-size:20px;}

.more { display:none}
.talk_list { height:500px; overflow:auto; padding-right:10px; margin-bottom:50px}
.talk_list li { padding:25px 0; margin:20px 40px; border-bottom:1px solid #e5e5e5;}
.talk_list li img { border-radius: 50%; width: 100px; height: 100px; margin:0 20px;}
.talk_list li p {  font-size:16px; color:#666; padding-bottom: 20px;}
.talk_list li p b {font-weight: 700; color: #467cf8; margin-right: 20px;}
.talk_list li p span { color: #5b7ab9;}
.talk_top_line { border-bottom:6px solid #db6e25; margin:0 0 20px 40px; position:relative}
.talk_top_line i { background:#fff url(images/icon_d.png) no-repeat; width:50px; height:31px; display:inline-block; position:absolute; top:-16px;}
.talk_bottom_line { border-bottom:4px solid #dd2a1c; margin:0 0 20px 40px; position:relative}
.talk_bottom_line i { background:#fff url(images/icon_d_b.png) top right no-repeat; width:50px; height:31px; display:inline-block; position:absolute; top:-16px; right:0}
.icon_p { background:url(images/icon_r.png) no-repeat; padding-left:26px; margin-right:20px;}
.lm_title { border-bottom:1px solid #dedede; padding-bottom:8px; margin:30px 0;}
.lm_title strong { border-left:4px solid #333;  padding-left:10px; font-size:22px; line-height:100%; font-weight:400;}
.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:14px;}
.lxff { float:left; width:30%; margin-left:40px; }
.mhry { float:left; width:30%;}
.gzwm { float:right; width:30%; }
.gzwm span { float:left; margin-right:20px; }

.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;}

.commform { font-size:14px; margin:0 auto; width:1000px;}
.commform .cf-tit { height:30px; line-height:30px; border-top:1px solid #969696; background:#dfe8e6; padding:0 10px; font-size:18px;}
.commform .cf-msg { width:94%; margin:5px auto; border-bottom:#ccc 1px dashed; padding:5px; padding-bottom:10px; }
.commform .cf-msg-r { background:#fafafa; border:#e8e8e8 1px solid; width:96%; margin:5px auto; padding:0 10px;}
.commform .cf-msg p { line-height:22px; margin:10px 0 5px; }
.commform .cf-msg span { display:inline-block; margin-right:10px; color:#999; padding-right:20px; margin:5px auto; }
.commform .cf-msg-add { width:99%; height:150px; padding:8px; color:#666; border:1px solid #ddd;}
.commform .cf-login { height:20px; line-height:20px; }
.commform .cf-login a { margin-right:20px; }
.commform .cf-send { margin:5px auto 30px; }
.commform .cf-send .username,.userpassword { border:1px solid #ddd; width:160px; height:20px; line-height:20px;}
.commform .cf-send .btn { border:none; width:97px; height:35px; line-height:35px; background-position:0 -400px; text-align:center; font-weight:700; color:#fff; background:#c5171f; cursor:pointer;}
.commform .cf-send input[type=checkbox] { width:16px; height:16px; border:1px solid #ddd; vertical-align:middle; margin:0 5px 0 10px; cursor:pointer; }
.pagebar{ text-align: right; margin: 0 auto; padding: 10px 0; width: 94%; word-spacing: 20px; display: none;}
.login-iframe{ margin-left: 20px;}
.commform .cf-msg-add  {font-size:12px;}
.cf-send p { margin-bottom:10px; padding-left:13px;}
.commform .cf-msg-add .btn { background:#c51720;}
.commform .tit_b h3 {border-left:4px solid #333;  padding-left:10px; font-size:16px; line-height:100%; font-weight:700;}

}

/*------移动版-----*/
@media screen and (max-width:767px) {
.top { overflow: hidden;width: 100%; position:absolute; top:0; left:0; display:none}
.banner { width:100%; height:auto; overflow:hidden; background:#345b00; color:#fff; position:relative}
.banner img { width: 100%;}
.swiper_p { display:none}
.swiper_w { display:block}
.bg { background:#f5f5f5; overflow:hidden;}
.nav { width:100%; text-align:center; height:30px; line-height:30px; margin:10px 0 -2px;} 
.nav a { font-size:12px; color:#fff; padding:5px 10px; margin:0;} 
.nav a.cur,.nav a:hover { color:#dd2a1c; font-weight:700; background:#fff;}
.daoyan { padding:30px; margin:30px auto; background:#fff;}
.daoyan h1 { font-size:30px; line-height:30px; margin-bottom:20px; color:#000; font-weight:400}
.daoyan h1 img { margin-right:5px;}
.dy_text { line-height:26px; font-size:14px; color:#666; padding:0; text-align:justify}
.jieyan { padding:30px; margin:30px auto; background:#eee;}
.jieyan h1 { font-size:30px; line-height:30px; margin-bottom:20px; color:#000; font-weight:400}
.jieyan h1 img { margin-right:5px;}
.text_img_l { border-left:3px solid #2e324f; padding:0 0 0 15px; width:100%; margin:0 auto; overflow:hidden}
.text_img { overflow:hidden; } .text_img  img { width:100%;}
.text_r { width:auto; padding:15px; background:#fff url(images/text_bg.jpg) no-repeat; z-index:11;} 
.text_r h2 { font-size:22px; margin-bottom:10px; color:#db6e25}
.text_r h3 { font-size:16px; padding:2px 5px; display:inline-block; color:#fff; margin-bottom:0; background:#dd2a1c;}
.text_r p { line-height:24px; font-size:14px; color:#666; text-align:justify}
.text_r p a { color: #0095ff; font-weight: 700;}

.btn_view { display:none}
.btn_view:hover { background:#b72222; color:#fff;}
.hx_list { margin:0 0 40px; overflow:hidden}
.hx_list li { float:left; width:50%;overflow:hidden} 
.hx_list li img { width:100%; vertical-align:middle;}

.hj_list { overflow:hidden; padding:0 10px;}
.hj_list li { float:left; width:50%; height:283px; overflow:hidden; position:relative;}
.hj_list li .opy_z { position:absolute; width:100%; height:120px; opacity:.8; bottom:0; left:0; background:#000; z-index:0}
.hj_list li .opy { position:absolute; height:120px; padding:20px; bottom:0; left:0; z-index:9}
.hj_list li .opy h3 { font-size:16px; color:#fff; background:#b72222; line-height:24px; height:24px; display:inline-block; padding:0 10px; margin-bottom:5px;}
.hj_list li .opy p { color:#fff; font-size:14px;} .hj_list li .opy p a{ color:#fff; font-size:14px;}
.hj_list li img { width:100%; vertical-align:middle; }

.tit { font-size:30px; line-height:30px; margin:40px 0; color:#000; font-weight:400; text-align:center}

.talk_top_line { border-bottom:6px solid #db6e25; margin:0 0 20px 40px; position:relative}
.talk_top_line i { background:#fff url(images/icon_d.png) no-repeat; width:50px; height:31px; display:inline-block; position:absolute; top:-16px; left:-30px}


.talk_list { height:690px; overflow:hidden; padding:0 10px; position:relative;}
.talk_list li { border-left:1px solid #e9e8e8; border-right:1px solid #e9e8e8; border-bottom:1px solid #d0cfce; box-shadow:0 3px 3px #e9e8e8; padding:35px 10px; margin-bottom:20px;}
.talk_list li img { border-radius: 50%; width: 100px; height: 100px; margin:0 20px;}
.talk_list li p { font-size:12px;}
.talk_list li p b {font-weight: 700; color: #467cf8; margin-right: 20px;}
.talk_list li p span { color: #5b7ab9;}
.icon_p { background:url(images/icon_r.png) no-repeat; padding-left:26px; margin-right:20px;}
.more { border-left:1px solid #e9e8e8; border-right:1px solid #e9e8e8; border-bottom:1px solid #d0cfce; box-shadow:0 3px 3px #e9e8e8; text-align:center; font-size:16px; position:absolute; bottom:0; left:10px; width:95%; height:40px; line-height:40px; background:#fff; cursor:pointer}
.icon_more { background:url(images/down_login.png) no-repeat; background-size:contain; width:14px; height:16px; display:inline-block; margin:0 10px; vertical-align:middle}

.lm_title { margin:20px;}
.lm_title strong { border-left:4px solid #333; padding-left:10px; font-size:1.8rem; font-weight:400;}
.lm_list { padding-bottom:12px;overflow: hidden;}
.lm_list a { display:block; position:relative; float:left; padding:0 8px; width:45%; color:#333; margin-bottom: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;}

.contactus {margin:20px; overflow:hidden;}
.contactus div h6 { padding:10px 0; font-size:1.2rem; }
.lxff { float:left; width:100%; }
.mhry { float:left; width:100%;}
.gzwm { float:left; width:100%; }
.gzwm span { float:right; 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;}
}