@charset "utf-8";
/*reset*/
h1,h2,h3,h4,h5,h6{ margin:0px;}
:focus{outline:0;}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}
img{border:none; height:auto; max-width:100%;}
a{text-decoration:none;color:#777; line-height:26px;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 
body{overflow-x:hidden;  font-size:14px; line-height:26px; word-wrap:break-word; color:#777;font-family:"微软雅黑 ,Microsoft YaHei";}
.table-responsive{ overflow:auto;min-height:.01%;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{line-height:0; display:table; content:"";}
.clearfix:after{clear:both;}
a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;}
.clear{ clear:both;}
a:hover ,a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; text-decoration:none;}
ul li{list-style-position:inside;}
iframe{ max-width:100%; width:100%;}

/*header_section*/
.header_section #logo{ float:left;}
.header_section  ul{ float:right; margin-top:22px;}
.header_section  ul li{ list-style:none; display:inline-block;}
.header_section  ul li a{ line-height:28px; border-radius:30px; color:#414141; font-size:14px; min-width:100px;padding:0px 20px; text-align:center;border:1px solid #e5e5e5; display:inline-block; margin-left:18px;}
.header_section  ul li a:hover{ background:#f16903; color:#fff;}

.index_left{ position:relative; height:100%; float:left; width:72.5%;}
.main .left_nav{ left:0px; top:0px; position:absolute; position:fixed;}
.main .left_nav a{ display:block;}
.left_nav{ margin-right:10px;}


@media screen and (max-width:768px) {
.header_section #logo{ width:100%; text-align:center;}
.header_section ul{ width:100%; text-align:center;}

}
/*nav_section*/
.nav_section{ margin-top:16px;} 
@media only screen and (min-width: 998px) { 
.small-mdzz{position: fixed;z-index: 8888888;top: 0px;right: 0; width:100%; max-width:100% !important;-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); margin-top:0px; padding:0; background:#f8f8f8;}
.small-mdzz .nav_section{ margin-top:0px;}
}
.banner_box{ margin:10px 0;}





/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; } 
.slick-list.dragging { cursor: pointer; cursor: hand;}


.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide  .img img { display: block; margin:0 auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
/* Dots */
.slick-dots { position: absolute;  list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; left:0; bottom:20px;}
.slick-dots li { position: relative; display: inline-block; height:6px; width:20px; margin: 0px 4px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height:6px; width:20px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#ddd; border-radius:5px;}
.slick-dots li button:focus { outline: none;}
.slick-dots li.slick-active button{background:#f16903;}

.banner_box .slick-prev{width:40px; height:40px; position:absolute; left:20px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%; background:none;}
.banner_box .slick-prev::before{border-radius: 0;color:#fff;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f104"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.banner_box .slick-next{width:40px; height:40px; position:absolute; right:20px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%;background:none;}
.banner_box .slick-next::before{border-radius: 0;color:#fff;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f105"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}


.win-wrap{
	height: 100%;
	margin: 0 auto;
}

.win-wrap-content {
    overflow: hidden;
}

.win-sidebar {
    float: left;
    overflow: hidden;
    position: fixed;
    top: 70px;
    background: #fff;
    transition: top .5s;
	margin-left:-90px;
}
@media screen and (max-width:1300px) {
.win-sidebar{ margin-left:0px; z-index:99999; background:rgba(255,255,255,0.9);}
.left_nav{ padding:0px 15px;}
.left_nav a{ border-bottom:1px solid #eee;}
}
@media screen and (max-width:960px) {
.win-sidebar{ display:none;}
#cssmenu > ul > li > a{ padding:0px 22px;}
}

.win-sidebar-box {
    height: auto;
    box-sizing: border-box;
    transition: all 1s;
}

.left_nav a{ display:block; color:#333; font-size:17px; line-height:30px; padding:15px 0; font-weight:bold;}
.left_nav a:hover{ color:#f16903; text-decoration:underline;}


/*ser_section*/
.ser_section{ background:#f8f8f8; padding:30px 0 15px;}
.ser_section ul li{ list-style:none; float:left;}
.ser_section .list1 li{ width:25%; text-align:center;}
.ser_section .list1 li .icon{ display:inline-block;}
.ser_section .list1 li:hover .icon{ transform: rotateY(180deg); }
.ser_section .list2 { border-top:1px solid #e8e8e8; margin-top:20px; padding-left:30px; padding-top:20px;}
.ser_section .list2 li{ width:33.33%;text-align:left;}
.ser_section .list2 li img{ float:left; margin-right:10px;}
.ser_section .list2 li p{ display:inline-block; margin-top:10px; font-size:12px; color:#999;}
.ser_section .list2 li p span{ color:#f16903; font-weight:bold; font-weight:bold; font-size:16px; margin:0px 4px;}

.ser_section .list1 h4 a{ font-size:16px; color:#e5a76e; font-weight:bold; display:inline-block; margin-top:10px;}
.ser_section .list1 li:nth-child(2n) h4 a{ color:#f29083;}

/*news_section*/
.news_section ul li{ list-style:none; margin-top:36px;}
.news_section ul li .img{ float:left; width:360px; border-right:26px solid #fff; overflow:hidden;}
.news_section ul li:hover img{transform: scale(1.1);}
.news_section ul li h4 a{ font-size:16px; color:#333; display:block; overflow:hidden; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.news_section ul li h4 a:hover{ color:#f16903; text-decoration:underline;}
.news_section ul li p{ font-size:12px; color:#808080; line-height:30px; max-height:90px; overflow:hidden; margin-top:10px;}
.news_section ul li .other{ border-top:1px solid #eee; font-size:12px; color:#808080; padding-top:10px; margin-top:10px;}
.news_section ul li .other .day{ background:url(../images/date_ico.png) no-repeat left center; padding-left:30px;}
.news_section ul li .other .more{ background:url(../images/more_ico.png) no-repeat left center; color:#808080; padding-left:26px; position:relative; margin-left:30px;}
.news_section ul li .other .more:before{ left:-15px; top:0px; width:1px; height:14px; background:#eee; position:absolute; content:'';}
.news_section ul li .other .more:hover{ color:#f16903; text-decoration:underline;}


.index_right{ float:left; width:27.5%; padding-left:30px;}

.search{ width:100%; position:relative;}
.search_main{height:46px;background:#fff;color:#999; line-height:38px;font-size:13px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; padding-left:10px; width:100%; border:1px solid #eee;}
.search_main:focus{background:#fff;border:1px solid #da832f;color:#333;}
.search_btn{display:block; width:58px;height:46px;cursor:pointer;background:#f16903 url(../images/search_ico.png) no-repeat center center; border:none; float:left; position:absolute; top:0px; right:0px;}

.gonggao{ background:#f8f8f8; margin-top:30px; padding-bottom:15px;}
.gonggao .h4{ margin-bottom:10px;}
.gonggao .h4 h4{ float:left; line-height:38px; font-size:16px; font-weight:bold; display:inline-block; background-image:url(../images/index_ico2.png) , url(../images/index_ico1.png); background-repeat:no-repeat, no-repeat; background-position:12px center, right center; padding:0px 40px; line-height:38px; background-color:#f16903; color:#fff;}
.gonggao .h4 a{ float:right; color:#999; font-size:12px; display:inline-block; margin-top:10px; margin-right:12px;}
.gonggao .h4 a:hover{ color:#f16903; text-decoration:underline;}
.gonggao ul li{ list-style:none; padding:0px 15px;}
.gonggao ul li a{ display:block; font-size:13px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; padding:6px 0; padding-left:15px;}
.gonggao ul li a:before{ width:6px; height:6px; background:#f16903; border-radius:50%; content:''; position:absolute; left:0px; top:50%; margin-top:-3px;}
.gonggao ul li a:hover{ color:#f16903; text-decoration:underline;}


.left_h4{ font-size:16px; color:#333; background:url(../images/index_ico3.png) no-repeat left top; padding-left:40px; border-bottom:1px solid #eee; font-weight:bold; padding-bottom:10px; margin-bottom:15px;}
.left_news{ margin-top:20px;}
.left_news ul li{ list-style:none; border-left:1px solid #eee; position:relative; margin-left:7px; padding:8px 0; padding-left:18px;}
.left_news ul li:before{ border:3px solid #ddd; position:absolute; left:-6px; top:14px; background:#fff; width:11px; height:11px; border-radius:50%; content:'';transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.left_news ul li h4 a{ font-size:13px; color:#555; line-height:24px; max-height:72px; overflow:hidden; display:block;}
.left_news ul li .date{ background:url(../images/news_date.png) no-repeat left center; padding-left:22px; font-size:12px; color:#999; margin-top:10px;}
.left_news ul li:hover:before{ border:3px solid #f16903;}


/*left_hot*/
.left_hot{ margin-top:30px;}
.left_hot .img{ float:left; width:95px; margin-right:16px;}
.left_hot h4 a{ display:block; font-size:13px; line-height:24px; color:#555; height:48px; overflow:hidden;}
.left_hot h4 a:hover{ color:#f16903;}
.left_hot ul li{ list-style:none; margin-bottom:12px;}

@media screen and (max-width:768px) {
.index_left{ width:100%;}
.index_right{ width:100%; padding-left:0px;}

}

/*footer*/
#footer{ background:#414141 url(../images/footer_bg.jpg) no-repeat center top; background-size:100% auto; color:#fff; font-size:14px; padding-top:140px; margin-top:40px;}
@media screen and (max-width:900px) {
#footer{ background-image:none; padding-top:20px;}
}
#footer ul li{ list-style:none;}
#footer .footer_coad{ float:left; width:230px; text-align:center; position:relative;}
#footer .footer_coad .img{ position:absolute; left:15px; top:50%; margin-top:-48px;}

#footer .footer_con{ float:left; width:27%;}
#footer .footer_con a{ color:#fff;}
#footer .footer_con .email{ background:url(../images/footer_email.png) no-repeat left center; padding:5px 0px 5px 50px; }
#footer .footer_con .tel{ background:url(../images/footer_tel.png) no-repeat left center;padding:5px 0px 5px 50px; margin-top:20px;}
#footer .footer_con .add{ background:url(../images/footer_add.png) no-repeat left 8px;padding:5px 0px 5px 50px; margin-top:20px;}


#footer .footer_follow{ float:left; width:34%; padding:0px 3%;}
#footer .footer_follow h4 a{ float:left; width:50%; line-height:20px; padding:10px 0; font-size:16px;}
.footer_dy{ float:right; width:34%;}

#footer .footer_bottom{ width:100%; float:left;border-top:1px solid rgba(255,255,255,0.1); margin-top:30px; font-size:12px; padding-top:15px; text-align:center; color:#646464; padding-bottom:10px;}
#footer .footer_bottom a{ color:#646464;}
#footer .footer_bottom a:hover{ color:#f16903; text-decoration:underline;}

#footer a{ color:#fff;}
#footer a:hover{ color:#f16903; text-decoration:underline;}
/*service*/
.online_section{position:fixed;z-index:9999998;top:200px;right:-200px;transition:all .3s ease;}
.online_section ul li{ list-style:none;width:240px;height:44px;color:#fff; padding-left:50px; margin-bottom:3px;border-radius:5px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:13px; border-top-left-radius:5px; border-bottom-left-radius:5px;}
.online_section ul li a{ line-height:44px; font-size:13px; color:#fff;}
.online_section ul li a:hover{ text-decoration:underline;}
.online_section .online_tel{background:#f16903 url(../images/online_t.png) no-repeat 4px 0px;}
.online_section .online_tel a{ color:#fff;}
.online_section .online_email{background:#f16903 url(../images/online_e.png) no-repeat 4px 4px;}
.online_section .online_qq{background:#f16903 url(../images/online_qq.png) no-repeat 4px 0px; }
.online_section .online_qq a{ color:#fff;}
.online_section .online_skype{background:#f16903 url(../images/online_s.png) no-repeat 4px 4px;}
.online_section .online_coad{background:#f16903 url(../images/online_c.png) no-repeat; padding:0px; border-radius:5px;}
.online_section .online_coad p{ padding-left:42px; color:#fff; font-size:14px;}
.online_coad .img{ max-width:180px; padding:10px 30px; margin:0 auto; padding-top:0px;}

@media only screen and (max-width: 990px) {.online_section{display:none;}}


/*footer_nav*/
.footer_nav,.height{ display:none}
@media only screen and (max-width: 768px) {
.footer_nav{width: 100%; position:fixed; bottom:0; display:block; overflow:hidden; z-index:999999}
.height{ height:50px; display:block; background:#212121;}
.footer_nav{background:#f16903;padding:12px 0 5px; border-top:2px solid #fff; border-top-left-radius:30px; border-top-right-radius:30px;}
.footer_nav ul  li{ float:left; width:20%; text-align:center;  list-style:none; padding:0px 10px;}
.footer_nav ul li i{ font-size:16px; color:#fff;}
.footer_nav ul li:nth-child(4){ float:right;}
.footer_nav ul li:nth-child(5){ float:right;}
.footer_nav ul li p{color:#fff;font-size:12px;margin-top:3px;text-transform:capitalize; line-height:12px;}
}
@media only screen and (max-width: 375px) {.footer_nav ul li p{ display:none;} .height{ height:43px;}}

/*service*/
#online_qq_layer{z-index:9999999;position:fixed;right:0px;bottom:0; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;background:url(../images/ser_2.png) no-repeat left bottom;  height:34px; width:190px; padding-top:6px; font-size:15px; padding-left:20px; text-transform:capitalize; color:#fff;}
#online_qq_tab #floatShow img{ max-height:24px; float:right; margin-top:6px;}
#online_qq_tab #floatHide img{ max-height:32px; float:right; margin-top:2px;}
#online_qq_tab #floatHide{overflow:hidden;background:#f16903 url(../images/ser_1.png) no-repeat left center; width:100%; height:40px; font-size:16px;  color:#fff; line-height:40px; padding-left:50px; width:340px;text-transform:capitalize; margin-right:10px; font-weight:bold;}
#onlineService{display:inline;width:340px; overflow: hidden;display:none;background: #fff; font-size:13px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee; margin-right:10px;}
#online_qq_tab #floatHide:after{ position:absolute; right:9px; top:0px; height:36px; width:48px; content:'';background:url(../images/ser_3.png) no-repeat left center;}

.web_inquiry .p{ font-size:13px;color:#808080; line-height:20px; margin-bottom:10px;}
.web_inquiry{ padding:15px;}
.web_inquiry .input_1{ line-height:38px; height:38px; border:1px solid #ddd;  padding-left:10px; width:100%; background:none; color:#777; margin-bottom:15px; font-size:12px;}
.web_inquiry .input_1:focus{ color:#333;border:1px solid #f16903; }
.web_inquiry .input_2{ line-height:26px; height:80px; border:1px solid #ddd;  padding-left:10px; width:100%; background:none; color:#777; margin-bottom:15px; font-size:12px;}
.web_inquiry .input_2:focus{ color:#333;border:1px solid #f16903;}

.web_inquiry .btn_1{ line-height:36px; height:36px; background:#f16903; display:inline-block; font-size:14px; color:#fff; text-transform:uppercase;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; border-radius:30px; padding:0px 32px; border:none; }
.web_inquiry .btn_1 i{ margin-right:6px;}
.web_inquiry .btn_1::before{ line-height:36px !important;}

@media only screen and (max-width: 768px) {
#onlineService{ width:100%;}
#online_qq_layer{ width:100%;}
#online_qq_tab{ width:100%;}
#online_qq_tab #floatShow{ background:url(../images/inquiry_ico.png) no-repeat; width:46px; height:46px; position:absolute; right:27px; bottom:10px; margin-left:-23px; padding-left:46px;}
#online_qq_tab #floatHide{ width:100%; background:#f16903 url(../images/ser_1.png) no-repeat left center; width:100%; height:36px;}
}
/*back-top*/
.totop{width:46px; height:46px; position:fixed; right:30px; bottom:80px; z-index:9999; display:none; background:rgba(0,0,0,0.3) url(../images/top.png) no-repeat center center;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; border-radius:50%; background-size:46px 46px;}
@media only screen and (max-width: 768px) {.totop{  display:none; bottom:80px;}.totop:hover{ bottom:80px; }.totop{ max-width:40px; height:40px;}}


/*n_main*/
.n_banner{ margin-top:10px;}
.n_banner img{ width:100%;}

.mbx_section { background:#f9f9f9; padding:14px; margin-bottom:30px; margin-top:15px;}
.mbx_section .h4{ font-size:30px;float:left; text-transform:capitalize; color:#333; margin-bottom:6px;}
.mbx_section .mbx{ position:relative; padding:6px 0; float:right;}
.mbx_section .mbx a{color:#777; font-size:13px; border-bottom:1px solid rgba(255,255,255,0);}
.mbx_section .mbx a:hover{ color:#f16903; text-decoration:underline;}
.mbx_section .mbx a i{ margin-right:4px; color:#f16903; font-size:14px;}
.mbx_section .mbx span{ font-size:13px; color:#999;  margin:0px 4px;}
.mbx_section .mbx h2{ color:#777; font-size:13px; display:inline-block;}
@media only screen and (max-width: 768px) {
.mbx_section .mbx{ padding:0;}
.mbx_section .mbx a i{ font-size:13px;}
}

@media only screen and (max-width: 768px) {
.mbx_section .h4{ width:100%; text-align:center; font-size:22px;}
.mbx_section .mbx{ width:100%; text-align:center; margin-top:0px;}
.mbx_section h4{ border-bottom:none;}
.mbx_section h4{ margin-top:10px; line-height:24px;}
}

.n_title{  font-size:30px;color:#333;line-height:30px; margin-bottom:30px; display:inline-block; padding-right:80px; background:url(../images/n_titlebg.png) no-repeat right center;}
@media only screen and (max-width: 768px) {
.n_title{ font-size:24px;}	
.mbx_section{ padding:8px 0;}
}




/*contact*/
.com_ul{  margin-bottom:30px;}
.com_ul .title{ margin-bottom:10px;}
.com_ul .title .h4{ color:#333; font-size:26px;  line-height:40px; margin-top:30px;}
.com_ul .title p{ font-size:13px; color:#999; line-height:22px; margin-top:10px;}
.com_ul a:hover{ color:#f16903;}
.com_ul .h4 span{ color:#333; font-size:26px;text-transform:uppercase; text-align:center;background:#fff; padding:0px 30px; display:inline-block;}
.com_ul li{ list-style:none;}
.com_ul li .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background:#f7f7f7; padding:10px 20px; margin-bottom:10px;}
.com_ul li .li .icon{ width:50px; height:50px;border-radius:50%; display:inline-block; overflow:hidden; color:#fff; background:#f16903;font-size:30px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height:50px; text-align:center; float:left; margin-right:18px;}
.com_ul li .li:hover .icon{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH; transform: rotateY(180deg); }
.com_ul li .li .icon i{ line-height:50px; font-size:18px;}
.com_ul li .li h4,.com_ul li .li h4 a{ color:#333; font-size:16px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height:20px;overflow:hidden;margin:10px 0 10px;text-transform:capitalize;  display:block;}
.com_ul li .li p{ font-size:14px; color:#666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.com_ul li .li em{ font-style:normal;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;color:#f16903; font-size:16px; margin:10px 0; display:inline-block;}
.com_ul li .li em i{ margin-left:10px;}
.com_ul .con_info{ margin-top:50px; text-align:center; margin-bottom:50px;padding-bottom:30px; padding-top:30px;}
.com_ul .con_infop{ line-height:30px; font-size:12px; color:#777;}

/*inquiry*/
.contact .inquiry{padding:20px; margin-bottom:10px; background:#f9f9f9; border:1px solid #eee;}
.inquiry_line{overflow:hidden; border-top:1px solid #eee; padding-top:20px;  padding:30px; background:#f5f5f5;}
.inquiry_line .section_title{ background:url(../images/title_line.png) no-repeat left bottom; padding-bottom:10px;}
.inquiry .h4{text-transform:uppercase; font-size:26px; color:#333; }
.inquiry .p{ font-size:14px; color:#999; text-align:left;line-height:24px; max-height:48px; overflow:hidden; margin:20px 0; }
.inquiry .contact_box{ text-align:left; margin-left:0px;}
.inquiry .contact_box .input_1{ font-size:14px; line-height:46px; height:46px; padding-left:15px; width:100%; background:#fff; color:#999; margin-bottom:20px; border:1px solid #ddd; border-radius:0px;}
.inquiry .contact_box .input_1:focus{ border:1px solid #f16903;}
.inquiry .contact_box .input_2{line-height:40px; font-size:14px; height:100px; padding-left:15px; width:100%; background:#fff; color:#999; border:1px solid #ddd; margin-bottom:10px; border-radius:0px;}
.inquiry .contact_box .input_2:focus{border:1px solid #f16903;}
.inquiry .btn_1{ line-height:42px; height:42px; padding:0px 26px; background:#f16903; font-size:14px; border:none; color:#fff; text-transform:uppercase; margin-top:10px; position:relative; border-radius:30px;}
.inquiry .btn_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.15);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);} 
.inquiry .btn_1:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}


.contact_oth{ margin-top:40px;}
@media screen and (max-width: 768px) {
.contact_m{ padding:0px;}
.con_map{ margin-top:20px;}
.com_ul li .li h4{ margin:5px 0;}
.contact_email { width:100%;}
.contact_email{ margin-top:20px;}
.contact_oth{ padding:20px 0; margin:20px 0;}
.com_ul{ margin-bottom:20px; margin-top:0;}
.con_sns{ display:none;}
.com_ul .title .h4{ font-size:20px; margin-top:0px;}
.com_ul li .li .icon{ float:left; width:40px; height:40px; margin-right:15px;}
.com_ul li .li{ margin:0px;}
.com_ul li .li .icon i{ font-size:14px; line-height:40px;} 
.com_ul li .li h4, .com_ul li .li h4 a{ font-size:14px; margin-top:20px;}

}



.list ul li{ list-style:none;}
.list .title{ background:#f9f9f9; border:1px solid #eee; padding:15px; margin-bottom:60px;}
.list .title .img{ float:left; width:40%; margin-right:20px;}
.list .title .img img{ width:100%;}
.list .title h4 a{ font-weight:bold; font-size:16px; line-height:32px; max-height:64px; overflow:hidden; display:block; color:#444; margin-top:10px;}
.list .title h4 a:hover{ color:#f16903; text-decoration:underline;}
.list .title span{ margin-top:10px; font-size:14px; color:#aaa;}
.list .title span i{ margin-right:4px;}
.list .title p{ font-size:13px; color:#999; line-height:24px; max-height:72px; overflow:hidden; margin-top:10px;}
.list .title .more{ background:#f16903; line-height:36px; padding:0px 22px; color:#fff; display:inline-block; border-radius:5px; margin-top:20px;}
.list .title .more i{ margin-left:4px;}

.list ul li{ padding-bottom:30px; padding-left:120px; position:relative; margin-top:30px; border-bottom:1px solid #e5e5e5;}
.list ul li .day{ position:absolute; left:0px; top:0px; background:url(../images/ico.png) no-repeat center center; background-size:100% auto; font-size:34px; text-align:center; color:#333; text-align:center; padding:30px 10px 15px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.list ul li .day p{ font-size:12px; color:#777; font-weight:normal; margin-top:10px; line-height:20px; height:auto;}
.list ul li .img{ float:right; width:25%; margin-left:15px; display:block; overflow:hidden;}
.list ul li:hover img{transform: scale(1.1);}


.list ul li h4 a{ display:block; line-height:26px; height:52px; overflow:hidden; font-size:14px; font-weight:bold; color:#444; margin-bottom:15px;}
.list ul li h4 a:hover{ color:#f16903; text-decoration:underline;}
.list ul li p{ color:#999; font-size:12px; line-height:26px; height:52px; overflow:hidden;}

@media only screen and (max-width: 550px) {
.list ul li .day{ display:none;}
.list ul li{ padding-left:0px; padding-bottom:15px; margin-top:15px;}
.list ul li .img{ width:38%;}
}
@media only screen and (max-width:250px) {
.list ul li .img{ width:100%; float:none; margin:0px;}
}

/*翻页*/
.page_p{ margin:30px auto 0;text-align:center; width:100%; font-size:13px; padding-bottom:30px;}
.page_p a{ display:inline-block; font-size:13px; line-height:34px; padding:0px 14px; margin-left:5px; color:#555; margin-top:5px;transition: 0.2s; -webkit-transition: 0.2s;	-moz-transition: 0.2s;	-o-transition: 0.2s; background:#fff; border:2px solid #eee;}
.page_p a i{ line-height:34px;}
.page_p a:hover{ background:#f16903;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#fff !important; border:2px solid #f16903;}
.total{ font-size:13px; line-height:24px; color:#777; margin-top:10px;}
.total span{ color:#f16903;}
.page_p>span{ padding:0px 20px; line-height:34px; background:#f16903; border:2px solid #f16903; color:#fff; display:inline-block; margin-left:5px;}

@media only screen and (max-width: 768px) {
.page_p a ,.page_p>span{ padding:0px 6px; line-height:30px;}
.page_p a i{ line-height:30px;}
}

.page_main{ background:#fff; border:1px solid #eee; padding:20px;}
.page_main h3{ font-size:24px; color:#333; line-height:30px; font-weight:bold; margin-top:15px;}
.page_main .day{ font-size:14px; color:#999; border-bottom:1px solid #eee; margin-top:10px; padding-bottom:10px; margin-bottom:20px;}
.page_main .day i{ margin-right:4px;}


#pre_next{ margin:10px 0; list-style:none; border-top:1px solid #eee; font-size:13px; margin-top:20px;}
#pre_next li{ border-bottom:none; margin-bottom:0px; border-left:none; background:#f6f6f6; margin:10px 0; padding:5px 10px;}
#pre_next span{color:#f16903;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; text-align:center;padding:5px 0px; font-weight:bold; text-transform:uppercase; font-size:15px;}
#pre_next i{ margin-right:16px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#f16903; background:none; line-height:26px; font-size:12px; text-align:center; border-radius:5px; color:#f16903; float:left; width:26px; height:26px; background:#fff; border-radius:50%;}
#pre_next a{ color:#666; font-size:14px; }
#pre_next li:hover a{color:#f16903; text-decoration:underline;}
#pre_next li i{ color:#fff; background:#f16903;}


#pro_page{ list-style:none; margin-top:10px;}
#pro_page span{ font-size:14px; text-transform:capitalize; color:#444;}
#pro_page li{ padding:2px 0px;}
@media (max-width:768px){ .pre{ float:none; width:100%;} .next{ float:none; width:100%;}}


@media only screen and (max-width: 1000px) { 
#cssmenu > ul > li{ padding:0px;}
}

@media only screen and (max-width: 768px) { 
#footer .footer_coad{ display:none;}
#footer .footer_follow{ width:100%; padding:0px; border-bottom:1px solid rgba(255,255,255,0.1);}
#footer .footer_follow h4 a{ width:25%; font-size:13px;}
#footer .footer_con{ width:100%; margin-top:15px;}
#footer .footer_con .add{ background-position:left center;}
#footer .footer_con .tel,#footer .footer_con .add{ margin-top:5px;}
.ser_section .list1 li .icon{ width:60px; display:inline-block;}
.header_section ul li a{ margin:4px 0;}

}
@media only screen and (max-width: 768px){.footer_dy{ width:100%}}
.fot_input { width:90%; height:34px; background:#777676; padding:10px; border-radius:5px; }
.Submit{ margin-top:10px; height:34px; background:#f37f29; border-radius:5px; text-align:center}