@charset "utf-8";
/* CSS Document */

/*引入字体库*/
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'), /* chrome銆乫irefox */
  url('//at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  src: local('Pacifico Regular'), local('Pacifico-Regular'), url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
.fa {display: inline-block;font-family: "iconfont";font-size:20px;font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.fa-icon-qq:before { content: "\e604"; }
.fa-icon-weibo:before { content: "\e600"; }
.fa-icon-weixin:before { content: "\e605"; }
.fa-icon-zaixianzixun:before { content: "\e608"; }
/************************************************************************************************************/

.glyphicon{ top:0 !important;}
.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.no-background{ background:none !important;}
.no-border{ border:none !important;}
.overflow{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.w100{ width:100% !important;}
.h100{ height:100% !important;}
a{ text-decoration:none !important; cursor:pointer !important;}
.imgvertical{vertical-align:middle !important;}
.container-fluid{ max-width:1000px !important;}
.clearfix:before,.clearfix:after {display: table;content:'';}
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.clear { clear:both;}
body{ font-family:"微软雅黑";}

/*全局样式*/

.heard1{ width:100%; height:90px; background:#262626;}
.heard1 .logo{ width:32%; height:90px; transition:all 0.3s;}
.heard1 .logo img{ width:311px; height:59px; margin:15px 0 0 0; transition:all 0.3s;}
.heard1 nav{ width:66%;}
.heard1 nav li{ position:relative; height:90px; padding:0 3px;}
.heard1 nav li.active a{ color:#f49701;}
.heard1 nav li a:hover{ color:#f49701;}
.heard1 nav li a{ display:block; line-height:90px; font-size:14px; padding:0 10px; color:#fff;}


 /*b-2*/
.bannerbox2{ width:100%; height:480px;}
#banner{ height:480px;position:relative;overflow:hidden; transition:all 0.3s;}
#banner .main_image{ height:480px;position:relative;overflow:hidden;transition:all 0.3s;}
#banner .main_image ul{position:absolute;top:0;left:0;width:9999px;overflow:hidden;}
#banner .main_image li a{display:block;}
#banner .main_image li span{display:block;width:100%;height:480px;transition:all 0.3s;}
#banner .main_image li .img_1{background:url(../images/1.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_2{background:url(../images/2.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_3{background:url(../images/3.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_4{background:url(../images/4.jpg) 50% 50%; background-size:cover;}
#banner .main_image li .img_5{background:url(../images/5.jpg) 50% 50%; background-size:cover;}
#banner .main_image li img{ display:block;/*padding:100px 0 0 0;*/ margin:0 auto;}
#banner div.flicking_con{position:absolute;bottom:15px;left:50%;z-index:999;width:400px;height:5px;margin:0 0 0 -180px;}
#banner div.flicking_con a{float:left;width:59px;height:5px;margin:0 10px;padding:0;background:url(../images/banner_btn.png) no-repeat 0 100%;display:block;text-indent:-1000px}
#banner div.flicking_con a.on{background-position:0 0}

.conrent2{ width:100%;}

/*m-w*/
.mian-width{padding-bottom:40px; background:url(../images/bg3.png) 50% 50%; background-size:cover;}
.mian-color{ padding-bottom:30px; background:url(../images/bg2.png) 50% 50%; background-size:cover;}
.main-Color{ padding-bottom:20px; background:url(../images/bg2.png) 50% 50%; background-size:cover;}


/*t-2*/
.title2 { margin:25px 0 25px 0 ; padding-top:10px;}
.title2 h1{ color:#ff9d00; font-size:42px;  line-height:50px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.png) 50% bottom no-repeat;}
.title2 span{ display:block; color:#333333; line-height:50px; font-size:28px;}

/*t-3*/
.title3 { margin:25px 0 25px 0 ; padding-top:10px;}
.title3 h1{ color:#333; font-size:42px;  line-height:50px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.png) 50% bottom no-repeat;}
.title3 span{ display:block; color:#333333; line-height:50px; font-size:28px;}


/*t-4*/
.title4{ padding:10px; font-size:14px; color:#333; line-height:24px;}

/*t-6*/
.title6{ border-bottom:1px solid #333;}
.title6 h1{ font-size:16px; font-weight:normal;}
.title6 span{ color:#1b1818;}
.title6 a{color:#1b1818; line-height:40px;}
.title6 .shou:hover{ color:#f4c76f;}

/*t-7-1*/
.title07{ margin:20px 0 0 0;}
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px; }

/*text-3*/
.text03{ padding:10px; font-size:14px; color:#666; line-height:24px;}


/*pic*/
.picture24{ position:relative;}
#owl-demo .item{ margin: 6px;transition:all 0.3s;}
#owl-demo .item li{ margin-bottom:20px;}
#owl-demo .item .imgbox{ margin:0 0 1px 0; }
#owl-demo .item .imgbox span{ display:block; height:210px; overflow:hidden; transition:all 0.3s;}
#owl-demo .item a:hover .imgbox span{ border:2px solid #ff9d00;}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*.grabbing{cursor:url(../img/grabbing.png) 8 8,move}*/
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons div{position:absolute; bottom:0; z-index:1; width:50px; height:100%;display:inline-block;zoom:1;*display:inline;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-60px; background:url(../images/zjt.png) no-repeat left;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-60px; background:url(../images/yjt.png) no-repeat right;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.duo a{ display:block; width:120px; height:34px; background:#ff9d00; margin:0 auto; color:#fff; line-height:34px; text-align:center; transition:all 0.3s;}
.duo a:hover{ background:none; color:#ff9d00; border:1px solid #ff9d00;}

/*about*/
.about{ position:relative; margin-top:20px;}
.about .bg{ background:#b99e6c; width:36%; height:269px; position:absolute; top:-40px; right:0;}
.about .imgbox{ width:36%; height:269px; position:absolute; right:20px; top:-20px;}
.about .imgbox .box{ width:99%; height:269px; margin:0 auto;}
.about .wen{ width:70%; border:5px solid #ebd6bb; padding:20px 80px 15px 20px;}
.about .wen p{ line-height:28px; color:#333; height:224px; overflow:hidden;}
.about .wen a{ display:block; width:80px; height:26px; text-align:center; color:#fff; line-height:26px;margin-top:8px; float:right; background:#7d7d7d;}
.about .wen a:hover{ background:#ecb939; transition:all 0.3s; }

/*news*/
.news .left{ width:40%;}
.news .left .imgbox{ height:226px;}
.news .left .news_biao h1{ font-size:16px; line-height:30px; color:#000; font-weight:bold;}
.news .left .news_biao span{ display:block; line-height:24px; border-bottom:1px solid #f39c0f; border-top:1px solid #f39c0f; color:#363636;}
.news .left .news_biao p{ color:#363636; line-height:22px; height:44px; overflow:hidden; margin:5px 0 0 0 !important;}
.news .left a:hover .imgbox{ border:2px solid #f39c0f;}
.news .left a:hover p{ color:#f39c0f;}
.news .news_list{ width:58%;}
.news .news_list ul li { margin-bottom:15px;}
.news .news_list .leftinfo{ width:85%; height:75px; background:#fff; padding:12px;}
.news .news_list .leftinfo p{ width:60%; color:#666; line-height:26px; height:52px; overflow:hidden;}
.news .news_list .rq{ width:15%; height:75px; background:#ecb939;}
.news .news_list .rq h2{ color:#fff; font-size:16px; line-height:30px; margin-top:5px !important;}
.news .news_list .rq span{ display:block; font-size:20px; color:#fff; line-height:30px; text-align:center;}
.news .news_list ul li a:hover .leftinfo{ background:#ff9d00;}
.news .news_list ul li a:hover .leftinfo p{ color:#fff;}

/*pic*/
.pic ul li{ width:29%; margin:0 2% 20px;}
.pic ul li .wen{ width:60%; height:73px; padding-left:20px;}
.pic ul li .wen h1{ font-size:16px; color:#0778be; line-height:24px; }
.pic ul li .wen p{ color:#333; line-height:24px; height:48px; overflow:hidden;}
.pic ul li .pic_img{ width:40%; margin:0 auto 10px; height:73px; width:73px; border-radius:50%;}
.pic ul li a:hover p{ color:#0778be;}
.pic ul li a:hover h1{ color:#333;}


/*anli*/
.anli .left_info{ width:40%;}
.anli .left_info .ti{ height:110px; background:#f39c0f; color:#fff;}
.anli .left_info .ti .tiinfo{ width:168px; margin:0 auto; padding-top:26px;}
.anli .left_info .ti .tiinfo h1{ font-size:50px;}
.anli .left_info .ti .tiinfo h2{ font-size:30px;}
.anli .left_info .imgbox{ height:275px; margin-top:14px; position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info{ width:58%;}
.anli .right_info .imgbox1{ height:250px; width:72%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox2{ height:250px; width:26%; margin-left:2%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .mor{ height:135px; width:24%; background:#70c72c; margin-top:13px; color:#fff;}
.anli .right_info .mor p{ font-size:20px; text-align:center;}
.anli .right_info .mor .first{ font-size:26px; padding-top:32px !important;}
.anli .right_info .imgbox3{ height:135px; width:46%; margin:0 2%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox4{ height:135px; width:26%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli  .mask{ position:absolute; left:-100%; top:0; z-index:9; width:100%; height:100%; background:url(../images/bg6.png) repeat; transition:all 0.3s;}
.anli  .mask span{position:absolute; left:0; top:0; width:100%; height:100%;}
.anli  .mask b{ display:block; width:100%; height:100%; background:url(../images/fangfa.png) 50% 50% no-repeat;}
.anli a:hover .mask{ left:0;}


/*p-7*/
.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}

.zhong p{text-indent:2em; color:#333; line-height:32px; padding:0; margin:0;}
.zhong .first{ margin-top:20px;}

/*c-1*/
.content1{ padding:46px 0 20px 0; background:url(../images/bg2.png)50% 50%; background-size:cover;}
.content1 .mbx{ display:block; border-bottom:2px solid #ccc; line-height:28px;}
.content1 .mbx a{ color:#333;}
.content1 .mbx a:hover{ color:#03F;}
.subnav ol{ height:63px;}
.subnav ol h1{ font-size:24px; color:#fff; line-height:63px; background-color:#ff761d; height:63px; border:2px solid #e35f09;}
.subnav .contact-text{ padding:10px; font-size:12px; color:#6a6a6a; line-height:22px; background:#e9e9e9;}
.subnav .pcdnav{ padding-bottom:10px;}
.subnav .pcdnav li{ margin:6px 0 0 0; height:55px;  }
.subnav .pcdnav li a{display:block; font-size:16px; color:#333; line-height:55px; background-color:#fff; transition:all 0.3s;border-left:3px solid #d3d3d3; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.subnav .pcdnav li a.active{color:#ff761d; background-color:#d9d9d9;border-left:3px solid #ff761d;}
.subnav .pcdnav li a:hover{ color:#ff761d; background-color:#d9d9d9;border-left:3px solid #ff761d;}
.subnav p{ line-height:24px; color:#666;}
.subnav .lix{ display:block; padding-top:5px; background:#fff; padding:5px;}
.subnav .di{ background:#e9e9e9; font-size:12px; color:#666; line-height:20px; padding:10px 0; margin-top:5px;}
.subnav .di p{ padding:0 10px;}
.subnav .pcdnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .pcdnav .xlxl{ margin:2px 0 0 0; height:auto;}
.subnav .pcdnav .xlxlhide{ height:0; overflow:hidden;}
.subnav .pcdnav .xlxl a{ display:block; font-size:14px; color:#666; line-height:35px;background:#e5e5e5; transition:all 0.3s;}
.subnav .pcdnav .xlxl a:hover{ color:#ff761d;background:#ececec;}
.subnav .pcdnav .xlxl a.active{ color:#fff;background:#ff761d;}
.subnav .yddnav li{ margin-bottom:2px; height:60px;}
.subnav .yddnav li a{ display:block; font-size:18px;color:#fff; line-height:60px; background:#666; transition:all 0.3s;}
.subnav .yddnav li a.active{ background:#ff761d;}
.subnav .yddnav span{ padding-left:30px;}
.subnav .yddnav b{ padding-right:30px; line-height:60px;}
.subnav .yddnav .xl{ margin:0 0 2px 0; height:auto;overflow:hidden;}
.subnav .yddnav .xl.xlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xls{ height:40px; line-height:40px; background:#ff761d; border-top:solid 1px #ff9048;}
.subnav .yddnav .xls a{ color:#fff; display:block; line-height:40px;}
.subnav .yddnav .xlxl{ height:auto; overflow:hidden;}
.subnav .yddnav .xlxl.xlxlhide{ height:0; overflow:hidden;}
.subnav .yddnav .xlxls{ height:32px;background:#ff9048; border-bottom:dotted 1px #666}
.subnav .yddnav .xlxls a{ color:#fff; display:block; line-height:32px; text-align:center;}

/*pic*/
.pic { margin-top:20px;}
.pic ul li{ width:31%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:195px;}
.pic ul li h1{ line-height:30px; color:#333; font-size:14px;}
.pic ul li a:hover .imgbox{ border:2px solid #ff761d;}
.pic ul li a:hover h1{ color:#ff761d;}


/*ditu*/
.right-content .ditu{ border:1px solid #ccc; position:relative; margin-top:20px; overflow:hidden;}
.right-content .us { margin-top:10px;}
.right-content .us p{  font-size:14px; line-height:30px;}

/*text*/
.content1 .text{ margin:20px 0;}
.right-content .text1{ overflow:hidden;}
.right-content .text1 img{ display:block; margin:0 auto;}
.right-content .text2 h1{ font-size:16px;}
.right-content .text2 p{ font-size:14px; color:#666; line-height:24px; padding-top:10px;}


/*c-2 */
.contact02 h1{ font-size:18px; color:#333; line-height:50px;}
.contact02 .h5{ height:144px; overflow:hidden;}
.contact02 .h5 p{ margin:0 !important; color:#666; line-height:24px; text-indent:2em;}
.contact02 .detailed{ height:150px; overflow:hidden;}
.contact02 .detailed li{ height:30px; color:#666; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#666; height:37px; line-height:37px; font-weight:normal;}
.contact02 input{ background:#f4f4f4; border:dashed 1px #aaa; height:37px;}
.contact02 textarea{ background:#f4f4f4; border:dashed 1px #aaa; height:145px}
.contact02 button{ width:100%; height:30px; color:#fff; background:#ff761d; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#ffa164;}

/*zhaop*/
.right-content table{ width:100%; margin-top:20px; border-bottom:2px solid #ff9d00;}
.right-content table th{ border-bottom:2px solid #ff9d00; height:37px; padding-left:10px;}
.right-content table td{height:37px; padding-left:10px;}

/*lianxi*/
.right-content .lianxi{ margin-top:20px;}
.right-content .lianxi label{ font-size:14px; font-weight:normal;}
.right-content .lianxi span{ font-size:12px;}

/*jk*/
.jk{ margin-top:20px;}
.jk ul li { margin-bottom:20px;}
.jk ul li .imgbox{ width:30%; height:195px;}
.jk ul li .wen{ width:68%; height:195px; padding-left:20px;}
.jk ul li .wen h2{ color:#ff9d00; font-size:18px; line-height:28px;}
.jk ul li .wen p{ color:#333; line-height:24px; height:120px; overflow:hidden;}
.jk ul li a:hover .wen{ background:#ff9d00;}
.jk ul li a:hover .wen h2{ color:#fff;}
.jk ul li a:hover .wen p{ color:#fff;}

/*f-1*/
footer{ padding:15px 0; background:#313131;}
footer .erw{ border-right:1px solid #1092c7;}
footer .erw .imgbox{ width:124px; height:124px; margin:5px auto;}
footer .erw span{ color:#fff; font-size:12px; display:block; text-align:center; line-height:20px;}
footer nav{height:26px; width:46%; margin:10px auto;}
footer  nav li{line-height:26px;}
footer  nav li a{ color:#fff; transition:all 0.3s; font-size:12px; padding:0 10px;}
footer  nav li a:hover{ color:#f39c0f;}
footer .jiao h4{ clear:both; color:#fff; line-height:30px; padding-left:10px;}
footer .jiao div{ line-height:24px; padding-left:10px; font-size:12px; clear:both;}
footer { color:#7d7d7d;}


 /*f-nav*/
.hot{height:50px; background:#f39c0f; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:5px 0;}
.hot .row div:hover{ background:#cf8001;}

@media (max-width:1199px){	

.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-60px; background:url(../images/zjt.png) no-repeat left; display:none;}
.owl-theme .owl-controls .owl-buttons div.owl-next{ right:-60px; background:url(../images/yjt.png) no-repeat right; display:none;}

.bannerbox2{height:460px;}
#banner{ height:460px;}
#banner .main_image{ height:460px;}
#banner .main_image li span{height:460px}
#banner .main_image li img{padding:40px 0 0 0; max-width:50%;}

	
}


@media (max-width:991px){
.heard1{ height:80px;}
.heard1 .icon-menu{ margin:24px 15px 0 0; cursor:pointer; font-size:26px;}
.heard1 .sjdnav{ width:150px; height:auto;position:absolute; right:10px; top:90px; z-index:9999;}
.heard1 .sjdnav ul{ margin:0; padding:0;}
.heard1 .sjdnav li{ display:block; height:30px; text-align:center; padding:0; margin-bottom:5px; background:rgba(255,255,255,0.8);}
.heard1 .sjdnav li a{ display:block; color:#000; line-height:30px;}
.heard1 .sjdnavhide{ height:0; overflow:hidden;}
.heard1 .logo{ margin:0 0 0 10px; height:80px;}
.heard1 .logo img{ width:300px; height:auto; margin-top:12px;}
	
/*b-2*/
.bannerbox2{ height:320px;}
#banner{ height:320px;}
#banner .main_image{ height:320px;}
#banner .main_image li span{height:320px}
#banner .main_image li img{max-width:40%;}

/*pic*/
.pic ul li .imgbox{ height:220px;}

/*test*/
.right-content .text2{ margin-top:20px;}
.right-content .text2 h1{ font-size:16px; text-align:center;}
.right-content .text2 p{ font-size:14px; color:#666; line-height:24px; padding-top:10px;}

footer { color:#fff;}

}

@media (max-width:768px){
body{ padding-bottom:80px;}	

.heard1{ position:relative;}
.heard1 .sjdnav{ left:0; top:80px; /*background:#312f2d; box-shadow:0 2px 5px rgba(0,0,0,0.2);*/ width:100%;}
.heard1 .sjdnav li{ margin-bottom:0; padding-left:3%; height:40px; border:1px solid #ccc; background:rgba(255,255,255,0.8);}
.heard1 .sjdnav li a{ color:#000; line-height:40px;}
.heard1 .icon-mune{ font-size:20px; margin-top:15px;}
.heard1 .logo img{ width:280px; margin-top:15px;}

 /*b-1*/
.bannerbox1{height:240px;}
	
/*b-2*/
.bannerbox2{ height:260px;}
#banner{ height:260px;}
#banner .main_image{ height:260px;}
#banner .main_image li span{height:260px}

/*about*/
.about .bg{ width:98%; height:300px;}
.about .imgbox{ width:98%; height:300px;}
.about .imgbox .box{ width:99%; height:300px;}
.about .wen{ width:100%; margin-top:300px;padding:20px 20px 15px 20px;}

/*news*/
.news .left{ width:100%;}
.news .news_list{ width:100%; margin-top:20px;}
.news .news_list ul li { margin-bottom:15px;}
.news .news_list .leftinfo{ width:85%; height:75px; background:#fff; padding:12px;}
.news .news_list .leftinfo p{ width:60%; color:#666; line-height:26px; height:52px; overflow:hidden;}
.news .news_list .rq{ width:15%; height:75px; background:#ecb939;}
.news .news_list .rq h2{ color:#fff; font-size:16px; line-height:30px; margin-top:5px !important;}
.news .news_list .rq span{ display:block; font-size:20px; color:#fff; line-height:30px; text-align:center;}
.news .news_list ul li a:hover .leftinfo{ background:#ff9d00;}
.news .news_list ul li a:hover .leftinfo p{ color:#fff;}

/*anli*/
.anli .left_info{ width:100%;}
.anli .left_info .ti{ height:110px; background:#f39c0f; color:#fff;}
.anli .left_info .ti .tiinfo{ width:168px; margin:0 auto; padding-top:26px;}
.anli .left_info .ti .tiinfo h1{ font-size:50px;}
.anli .left_info .ti .tiinfo h2{ font-size:30px;}
.anli .left_info .imgbox{ height:375px; margin-top:14px; position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info{ width:100%; margin-top:13px;}
.anli .right_info .imgbox1{ height:250px; width:72%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox2{ height:250px; width:26%; margin-left:2%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .mor{ height:150px; width:24%; background:#70c72c; margin-top:13px; color:#fff;}
.anli .right_info .mor p{ font-size:20px; text-align:center;}
.anli .right_info .mor .first{ font-size:26px; padding-top:36px !important;}
.anli .right_info .imgbox3{ height:150px; width:46%; margin:0 2%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox4{ height:150px; width:26%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}

footer nav { width:51%;}
footer  nav li{line-height:26px;}
footer  nav li a{ color:#fff; transition:all 0.3s; font-size:12px; padding:0 5px;}

}

@media (max-width:414px){

/*h-1*/
.heard1 .logo img{ width:240px;margin-top:18px;}

 /*b-1*/
.bannerbox1{height:180px;}

  /*b-2*/
.bannerbox2{ height:120px;}
#banner{ height:120px;}
#banner .main_image{ height:120px;}
#banner .main_image li span{height:120px}

/*about*/
.about .bg{ width:94%; height:200px;}
.about .imgbox{ width:94%; height:200px;}
.about .imgbox .box{ width:99%; height:200px;}
.about .wen{ width:100%; margin-top:200px;}

/*news*/
.news .left{ width:100%;}
.news .news_list{ width:100%;}
.news .news_list .leftinfo{ width:70%;}
.news .news_list .leftinfo p{ width:90%;}
.news .news_list .rq{ width:30%; }

/*anli*/
.anli .left_info{ width:100%;}
.anli .left_info .ti{ height:110px; background:#f39c0f; color:#fff;}
.anli .left_info .ti .tiinfo{ width:168px; margin:0 auto; padding-top:26px;}
.anli .left_info .ti .tiinfo h1{ font-size:50px;}
.anli .left_info .ti .tiinfo h2{ font-size:30px;}
.anli .left_info .imgbox{ height:240px; margin-top:14px; position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info{ width:100%; margin-top:13px;}
.anli .right_info .imgbox1{ height:200px; width:72%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox2{ height:200px; width:26%; margin-left:2%;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .mor{ height:120px; width:30%; background:#70c72c; margin-top:13px; color:#fff;}
.anli .right_info .mor p{ font-size:16px; text-align:center;}
.anli .right_info .mor .first{ font-size:22px; padding-top:36px !important;}
.anli .right_info .imgbox3{ height:120px; width:68%; margin:0  0 0 2% ; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .right_info .imgbox4{ height:120px; width:100%; margin-top:13px;position:relative; overflow:hidden; transition:all 0.8s;}
.anli .left_info a:hover .imgbox{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox1{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox2{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox3{ border:2px solid #f39c0f;}
.anli .right_info a:hover .imgbox4{ border:2px solid #f39c0f;}

/*pic*/
.pic ul li{ width:48%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:165px;}

/*title*/
.title{ height:90px; background:url(../images/news1_bg.png); border-radius:3px;-moz-border-radius:3px;}
.title h1 a{ line-height:90px; color:#f1f2f3; font-size:20px;}

/*t-2*/
.title2 { margin:20px 0 15px 0 ; padding-top:10px;}
.title2 h1{ color:#ff9d00; font-size:32px; margin-top:30px; line-height:50px;}
.title2 span{ font-size:12px; line-height:24px; font-size:18px;}

/*jk*/
.jk ul li .imgbox{ width:40%; height:140px;}
.jk ul li .wen{ width:60%; height:140px; padding-left:12px;}
.jk ul li .wen h2{ color:#ff9d00; font-size:16px; line-height:24px; height:24px; overflow:hidden;}
.jk ul li .wen p{ color:#333; line-height:24px; height:120px; overflow:hidden;}

footer nav { width:100%;}
footer  nav li{line-height:26px;}
footer  nav li a{ color:#fff; transition:all 0.3s; font-size:12px; padding:0 1px}
 
}



@media (max-width:340px){
/*h-1*/
.heard1 .logo img{ width:220px;margin-top:20px;}

 /*b-1*/
.bannerbox1{height:280px;}

 /*b-2*/
.bannerbox2{ height:100px;}
#banner{ height:100px;}
#banner .main_image{ height:100px;}
#banner .main_image li span{height:100px}

/*t-1*/
.title1 { margin:15px 0 ; background:url(../images/fl_bg.png) center 0 no-repeat; padding-top:10px;}
.title1 h1{ color:#3bde1b; font-size:20px; margin-top:30px; line-height:30px;}

/*pic*/
.pic ul li .imgbox{ height:135px;}


}