@charset "utf-8";
/****reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td,label { margin:0px;padding:0px;}
table{border-collapse:collapse;}
a img{border:0px; outline:none;}
img{ padding:0; margin:0;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
input, button, textarea, select { font-family:inherit;font-size:12px; vertical-align:middle; outline:none;}
a{text-decoration:none; outline:none;color:#444;}
a:hover{ text-decoration:none; }
.clear{	font-size: 0px;	line-height: 0px;margin: 0px;padding: 0px;height: 0px; width:0px; clear:both; visibility:hidden;}
.clearfix:after {content: ".";display: block;height: 0;clear:both;visibility: hidden;}
body{ font-size:12px; font-family: Arial,"Microsoft YaHei"; color:#444;background: #fff;}

@media screen and (max-width: 800px) {
.pc{ display:none !important;}
.wrapper{ width:100%; margin:0 auto; overflow:hidden;}

.header{}
.head{ overflow:hidden; padding:0px 0; height:65px;}
.head h1{ color:#999; float:left;}
.head h2{ color:#999; float:right;}
.head h2 span{ font-weight:bold; font-size:14px; color:#0069b7; font-style:italic;}
.header{ border-bottom:1px solid #ddd;}

.header{ width:100%; position:fixed; top:0; left:0; right:0; background:#FFF; height:64px;z-index: 9999999999; }
.header .ydd_btn{width:40px;cursor:pointer;position:absolute;z-index:2000;top:20px;right:15px;}
.header .ydd_btn span{display:block;width:100%;height:4px;background:#fff;}
.header .ydd_btn span.span02{margin:5px 0;}
.header .ydd_btn.click span{background:#fff;}
.header .ydd_btn.click span.span01{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:8px;margin-top:0px;	} 
.header .ydd_btn.click span.span02{margin:0.5px 0;}
.header .ydd_btn.click span.span03{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg);position:relative;top:-2px;margin-top:0px;}
.header .ydd_btn.click span.span02{ width:0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; opacity: 0;}
.tr{transition:all 0.5s; -moz-transition:all 0.5s;-ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s}
.tr2{transition:all 0.3s; -moz-transition:all 0.3s;-ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.header .sjdnav{display:none;width:150px;height:auto;position:absolute;right:0;top:64px;z-index:2000;}
.header .sjdnav ul{padding:0;margin:0;}
.header .sjdnav li{display:block;padding:0;text-align:center;margin-bottom:1px;background:#0363bc;}
.header .sjdnav li a{display:block;color:#fff;line-height:30px;font-size:14px;}
.header .sjdnav li a:hover{background:rgba(0,0,0,0.6);color:#fff;}


.nav{ background:url(../images/nav_bg.jpg) repeat-x; width:100%;}
.logo{ float:left; padding-top:15px; padding-left:15px;}
.navlist{ float:right;}
.navlist ul{ overflow:hidden;}
.navlist ul li{ float:left; text-align:center; font-size:16px; color:#333;width:115px; height:113px;}
.navlist ul li span{ display:block; color:#0067b5; font-weight:bold; text-transform:uppercase; font-size:10px;}
.navlist ul li a{display:block;padding-top: 34px;}
.navlist ul li:hover{ background:url(../images/nav_hover.jpg) no-repeat;}
.navlist ul li.on{background:url(../images/nav_hover.jpg) no-repeat;}
.main{ overflow:hidden; margin-top:2px;}
.main_l{ float:left; background:url(../images/main_l_bg.png) no-repeat center top; width:100%; height:auto;}
.main_r{ float:right; width:100%;}
.main_r img{ box-shadow:0 0 3px #bbb; margin:5px; width:97%;}
.gsjj{ overflow:hidden; float:left; width:90%; padding:20px;}
.title{ background:url(../images/title_bg.png) no-repeat bottom; overflow:hidden; padding-bottom:15px; margin-bottom:30px;}
.title h1{ font-size:16px; color:#333; float:left; display:block;}
.title a{ float:right;}
.gsjj_con{ overflow:hidden;}
.gsjj_con img{ padding-bottom:10px;}
.gsjj_con p{ line-height:24px;    color: #666;}
.ywbk{overflow:hidden;width:90%; padding:20px;float:right;}
.ywbk_con{ overflow:hidden;}
.ywbk_con_t{ overflow:hidden;}
.ywbk_con_t li{ float:left; width:110px; height:30px; line-height:30px; margin-left:2px; background:#e2e2e2; text-align:center; font-size:14px;}
.ywbk_con_t li a{ color:#666; display:block;}
.ywbk_con_t li:hover a{ background:#0069b7; color:#fff;}
.ywbk_con_t li.on a{background:#0069b7; color:#fff;}
.ywbk_con_f{ overflow:hidden; padding-top:20px;}
.ywbk_con_f li{ line-height:2em; color:#666; list-style: disc;}
.footer{ overflow:hidden; background:#3a3a3a; margin-top:50px;}
.foot{ overflow:hidden; border-bottom:1px solid #545454; padding:50px 0;}
.foot_l{ float:left; width:100%}
.foot_l ul{ float:left; margin-left:7px; margin-right:7px;}
.foot_l ul li{}
.foot_l ul li a{ color:#d8d8d8; line-height:1.8em;}
.foot_l ul li.in{ font-weight:bold; font-size:14px; color:#fff; padding-bottom:20px;}
.foot_r{ float:right; width:100%; text-align:center; padding-top:30px;}
.foot_r img{ float:left; padding-right:50px;}
.foot_r span{ color:#fffc00; font-weight:bold; font-size:30px; background:url(../images/tel.png) no-repeat left; padding-left:40px;}
.foot_r p{ color:#fff; font-weight:bold; font-size:14px; margin-top:15px; line-height:2em;}
.bottom{ overflow:hidden;color:#fff; padding:20px 0;}
.bottom a{ color:#fff;}
.bottom h1{ float:left; width:100%; display:block; text-align:center; }
.bottom h2{ float:right;width:100%; display:block; text-align:center;}
.main_left{ width:100%; float:left;}
.main_left img{ box-shadow:0 0 2px #bbb; margin:15px 2px;}
.left_nav{ overflow:hidden;}
.title2{ display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: url(../images/sj_jiantou.png) no-repeat right center #005bc3;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-indent: 20px;}
.left_nav ul{ overflow:hidden; background:#f6f6f6; padding:20px 0; display:none;}
.left_nav ul li{ font-size:16px; border-bottom:1px dotted #ddd; text-align:center; padding:15px 0;}
.left_nav ul li a{ color:#666; display:block;}
.left_nav ul li a:hover{ font-weight:bold; color:#0068b5}
.left_nav ul li.on a{ font-weight:bold; color:#0068b5}
.main_right{ float:right; width:100%; overflow:hidden;}
.title3{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;display:none;}
.title3 h1{ font-size:28px; color:#0068b5; border-left:12px solid #0068b5; padding-left:20px; float:left; }
.title3 h2{ float:right; color:#999; background:url(../images/location.png) no-repeat left center; padding-left:20px; margin-top:10px;}
.title3 h2 span{ color:#0068b5;}
.about_con{ font-size:16px; line-height:2em; padding:10px; box-sizing:border-box;}
.about_con table{ width:100%;}
.about_con table td{ width:50%; text-align:center;}
.about_con table td img{ width:90%; height:auto;}
.about_con txt img{}
.about_con txt p strong{color:#fff; padding:5px; font-size:18px; border-bottom:none; background:#0068b5;}
.about_con txt h2 strong{ font-size:22px; color:#0068b5;padding-left:20px;background:url(../images/yuan.png) no-repeat left center;}
.about_con txt p{ border-bottom:1px dashed #ccc;}



.feedback_con{ overflow:hidden; padding:10px; box-sizing:border-box;}
.tt{ text-align:center; font-size:22px; color:#636363;}
.tt p{ font-size:14px; color:#adadad; font-style:italic; padding-top:10px;}
.ff{ overflow:hidden;}
.ff span{ float:left; line-height:30px; font-size:14px; color:#666; padding-right:20px;}
input{height:30px;width:95%;border:1px solid #BFBFBF;padding:4px 4px 0 4px; display:block; margin:30px 0;} 
textarea{ width:95%;padding:4px 4px 0 4px; height:250px;}
.send{ background:#0068b5; float:right; color:#fff; width:150px; text-align:center; height:40px; line-height:40px; font-size:14px; margin-top:30px;margin-right: 125px;}
.pro_con{ overflow:hidden;}
.pro_con ul{ overflow:hidden; padding-top:30px;}
.pro_con ul li{ text-align:center; float:left; margin:0 17px; width:40%;}
.pro_con ul li p{ color:#444; padding:15px 0;}
.pro_con ul li img{ border:1px solid #ddd; height:105px;}
.pro_con img{ width:98%; display:block; margin:0 auto; }
.pro_con h1{ color:#0068b5; text-align:center; font-size:22px; padding:20px 0;}
.pro_con div{ font-size:14px; color:#666;}
.news_con{ overflow:hidden; padding:10px; box-sizing:border-box;}
.news_con ul{ padding-top:00px;}
.news_con ul li{ float:left; overflow:hidden; margin-bottom:10px; padding:10px; box-sizing:border-box;}
.news_con ul li h1{ color:#444; font-size:22px;}
.news_con ul li p{ font-size:14px; color:#999; padding:15px 0;}
.news_con ul li span{ color:#0068b5;}
.news_con h1{ font-size:22px; text-align:center; color:#0068b5;    text-align: center;}
.news_con h2{ font-weight:bold; text-align:center; color:#999; padding:20px 0;}
.news_con div{ color:#666; line-height:2em; font-size:16px;}
/**底部**/
.botma{position:fixed;bottom:0; left:0;width:100%; height:5em; background:#0363bc;}
.bottoma ul{margin:0.5em auto;}
.bottoma ul li{ float:left;width:23%;margin:0 0 0 2%;text-align:center; }
.bottoma ul li span{ display:block; line-height:1.7em;font-size:0.9em;color:#fff;} 
.bottoma ul li img{height:2em;} 




}




@media screen and (min-width: 801px) {
.phone{ display:none !important;}
.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}

.header{ overflow:hidden;}
.head{ overflow:hidden; padding:20px 0;}
.head h1{ color:#999; float:left;}
.head h2{ color:#999; float:right;}
.head h2 span{ font-weight:bold; font-size:26px; color:#0069b7; font-style:italic;}
.header{ border-bottom:1px solid #ddd;}
.nav{ background:url(../images/nav_bg.jpg) repeat-x; width:100%;}
.logo{ float:left; padding-top:15px;}
.navlist{ float:right;}
.navlist ul{ overflow:hidden;}
.navlist ul li{ float:left; text-align:center; font-size:16px; color:#333;width:115px; height:113px;}
.navlist ul li span{ display:block; color:#0067b5; font-weight:bold; text-transform:uppercase; font-size:10px;}
.navlist ul li a{display:block;padding-top: 34px;}
.navlist ul li:hover{ background:url(../images/nav_hover.jpg) no-repeat;}
.navlist ul li.on{background:url(../images/nav_hover.jpg) no-repeat;}
.main{ overflow:hidden; margin-top:50px;}
.main_l{ float:left; background:url(../images/main_l_bg.png) no-repeat center; width:832px; height:317px;}
.main_r{ float:right;}
.main_r img{ box-shadow:0 0 3px #bbb; margin:5px;}
.gsjj{ overflow:hidden; float:left; width:342px; padding:20px;}
.title{ background:url(../images/title_bg.png) no-repeat bottom; overflow:hidden; padding-bottom:15px; margin-bottom:30px;}
.title h1{ font-size:16px; color:#333; float:left; display:block;}
.title a{ float:right;}
.gsjj_con{ overflow:hidden;}
.gsjj_con img{ padding-bottom:10px;}
.gsjj_con p{ line-height:24px;    color: #666;}
.ywbk{overflow:hidden;width:342px; padding:20px;float:right;}
.ywbk_con{ overflow:hidden;}
.ywbk_con_t{ overflow:hidden;}
.ywbk_con_t li{ float:left; width:110px; height:30px; line-height:30px; margin-left:2px; background:#e2e2e2; text-align:center; font-size:14px;}
.ywbk_con_t li a{ color:#666; display:block;}
.ywbk_con_t li:hover a{ background:#0069b7; color:#fff;}
.ywbk_con_t li.on a{background:#0069b7; color:#fff;}
.ywbk_con_f{ overflow:hidden; padding-top:20px;}
.ywbk_con_f li{ line-height:2em; color:#666; list-style: disc;}
.footer{ overflow:hidden; background:#3a3a3a; margin-top:50px;}
.foot{ overflow:hidden; border-bottom:1px solid #545454; padding:50px 0;}
.foot_l{ float:left;}
.foot_l ul{ float:left;}
.foot_l ul li{ padding-right:50px;}
.foot_l ul li a{ color:#d8d8d8; line-height:1.8em;}
.foot_l ul li.in{ font-weight:bold; font-size:14px; color:#fff; padding-bottom:20px;}
.foot_r{ float:right;}
.foot_r img{ float:left; padding-right:50px;}
.foot_r span{ color:#fffc00; font-weight:bold; font-size:30px; background:url(../images/tel.png) no-repeat left; padding-left:40px;}
.foot_r p{ color:#fff; font-weight:bold; font-size:14px; margin-top:15px; line-height:2em;}
.bottom{ overflow:hidden;color:#fff; padding:20px 0;}
.bottom a{ color:#fff;}
.bottom h1{ float:left; }
.bottom h2{ float:right;}
.main_left{ width:310px; float:left;}
.main_left img{ box-shadow:0 0 2px #bbb; margin:15px 2px;}
.left_nav{ overflow:hidden;}
.title2{ color:#fff; font-size:28px; background:#0068b5; height:68px; line-height:68px; text-align:center;}
.left_nav ul{ overflow:hidden; background:#f6f6f6; padding:20px 0;}
.left_nav ul li{ font-size:16px; border-bottom:1px dotted #ddd; text-align:center; padding:15px 0;}
.left_nav ul li a{ color:#666; display:block;}
.left_nav ul li a:hover{ font-weight:bold; color:#0068b5}
.left_nav ul li.on a{ font-weight:bold; color:#0068b5}
.main_right{ float:right; width:820px; overflow:hidden;}
.title3{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.title3 h1{ font-size:28px; color:#0068b5; border-left:12px solid #0068b5; padding-left:20px; float:left;}
.title3 h2{ float:right; color:#999; background:url(../images/location.png) no-repeat left center; padding-left:20px; margin-top:10px;}
.title3 h2 span{ color:#0068b5;}
.about_con{ font-size:16px; line-height:2em;}
.about_con txt img{}
.about_con txt p strong{color:#fff; padding:5px; font-size:18px; border-bottom:none; background:#0068b5;}
.about_con txt h2 strong{ font-size:22px; color:#0068b5;padding-left:20px;background:url(../images/yuan.png) no-repeat left center;}
.about_con txt p{ border-bottom:1px dashed #ccc;}



.feedback_con{ overflow:hidden;}
.tt{ text-align:center; font-size:22px; color:#636363;}
.tt p{ font-size:14px; color:#adadad; font-style:italic; padding-top:10px;}
.ff{ overflow:hidden;}
.ff span{ float:left; line-height:30px; font-size:14px; color:#666; padding-right:20px;}
input{height:30px;width:600px;border:1px solid #BFBFBF;padding:4px 4px 0 4px; display:block; margin:30px 0;} 
textarea{ width:600px;padding:4px 4px 0 4px; height:250px;}
.send{ background:#0068b5; float:right; color:#fff; width:150px; text-align:center; height:40px; line-height:40px; font-size:14px; margin-top:30px;margin-right: 125px;}
.pro_con{ overflow:hidden;}
.pro_con ul{ overflow:hidden; padding-top:30px;}
.pro_con ul li{ text-align:center; float:left; margin:0 17px; width:29%;height: 260px;}
.pro_con ul li p{ color:#444; padding:15px 0;}
.pro_con ul li img{ border:1px solid #ddd;}
.pro_con img{ width:100%}
.pro_con h1{ color:#0068b5; text-align:center; font-size:22px; padding:20px 0;}
.pro_con div{ font-size:14px; color:#666;}
.news_con{ overflow:hidden;}
.news_con ul{ padding-top:30px;}
.news_con ul li{ float:left; overflow:hidden; margin-bottom:30px;}
.news_con ul li h1{ color:#444; font-size:22px;}
.news_con ul li p{ font-size:14px; color:#999; padding:15px 0;}
.news_con ul li span{ color:#0068b5;}
.news_con h1{ font-size:22px; text-align:center; color:#0068b5;    text-align: left;}
.news_con h2{ font-weight:bold; text-align:center; color:#999; padding:20px 0;}
.news_con div{ color:#666; line-height:2em; font-size:16px;}
}