/* CSS Document */





/* banner */

.b_box{height:494px; margin:0 auto; clear:both;}

.flexslider{position:relative;height:494px;overflow:hidden;*z-index:-1;}

.slides{position:relative;z-index:1;}

.slides li{height:494px;}

.slides li a{height:100%; display:block;}

.flex-control-nav{position:absolute;bottom:6px;z-index:999;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:36px;height:11px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:36px;height:11px;line-height:40px;overflow:hidden;background:url(../image/dot.png) right 0 no-repeat;cursor:pointer; }

.flex-control-nav .flex-active{background-position:0 0;}



/*search*/

.search{width:1080px; height:46px; margin:0 auto; }

.search .keywords{ font-size:14px; font-weight:bold; line-height:42px; float:left;color:#555555; }

.search .keywords a{color:#5555; font-weight:normal;}

.search .sur_con{width:270px; height:22px; overflow:hidden; float:right; border:1px solid #c3c3c3;   margin-top: 10px;    margin-right: 60px;}

.search .sur_con .search_k{height:22px;float:left; width:240px;   }

.search .sur_con .search_anniu{width:22px;height:22px; background:url(../image/search_an.gif) no-repeat; cursor:pointer; border:none; float:right;}





/*about*/

.about{ width:1080px;  margin:30px auto; height:445px; }

.about_t{ height:47px; background:url(../image/about_top.gif) no-repeat center; margin-bottom:30px;}

.about .about_r h3{   width:110px; height:37px;  background:url(../image/about_t.gif) no-repeat;padding-left: 23px;}

.about .about_r h3 a{ font-size:18px;  color:#fff;  line-height:37px; }



.about img{ float:right; }

.about_r{ width:590px; float:left; }

.about_r span a{ font-size:18px; color:#303030; font-weight:bold;}

.about_r span { height:35px; display:block; background:url(../image/about_s.gif) no-repeat left bottom;}

.about p{ font-size:14px; color:#303030; height:192px; line-height:32px;  text-indent:2em; overflow:hidden; width:590px;     }

.about_r dl dd{ font-size:18px; color:#333; float:left;}

.about_r dl dd em{font-size:26px; color:#cc0a01; font-style:normal; font-weight:bold;}

.about_r dl dt{ width:122px; height:42px; background:url(../image/about_zx.gif) no-repeat; float:left; margin-left:20px; text-align:center;}

.about_r dl dt a{font-size:18px; color:#fff; font-weight:bold; line-height:30px;}



/* product */

.product{width:100%; height:710px; background:url(../image/pro_bg.gif) no-repeat center;}

.product .main{padding-top:30px;}

.aside{width:220px;  float:left; height:646px; margin-left:34px; }

.aside h3{ margin:0; margin-left:4px; }

.aside h3 a{ font-size:18px;  color:#cc0a01; font-weight:bold; }



.aside_t dl dt{line-height:30px;overflow:hidden; width:170px; height:30px; background:url(../image/aside_li.gif) left no-repeat; padding-left:20px; margin:0 auto;margin-left: 14px; margin-top:10px;}

.aside_t dl dt a{ font-size:16px; color:#2c2c2c; }

.aside_t dl{  margin-top:34px ; width:170px;}

.aside_t dl dt a:hover{ color:#cc0a01;}





.pro_show{width:824px; float:right;    height:646px;}

.pro_show_t ul li a{ font-size:16px;   color:#333; line-height: 38px;}

.pro_show_t{height:38px;margin-left: 10px;

    margin-top: 8px;}

.pro_show_t ul li{width:120px;height:38px; display:block; text-align:center; float:left;    margin-top: 6px; }

.pro_show_t ul li:hover{  background:#cc0a01; }

.pro_show_t ul li:hover a{ color:#fff;}

.pro_show_t ul .selected{  background:#cc0a01;}

.pro_show_t ul .selected a{color:#fff;}

.pro_show_t span {float:right;     margin-top: 14px; margin-right:14px;  }

.pro_show_t span a{ font-size:14px;  color:#cc0a01; }



.product .hide{ display:none;}

.pro_show .tab_box{ margin-top:32px; width:716px; height:466px; border:1px solid #cdcdcd;    padding: 50px;}

.pro_show .tab_box  ul li{float:left; margin-bottom:24px;margin-right:48px;}

.pro_show .tab_box  ul{ width:920px;}

.pro_show .tab_box  ul li img{width:192px; height:196px; border:1px solid #d4d4d4; padding:3px; background:#fff; }

.pro_show .tab_box  ul li span a{font-size:14px; color:#333;  line-height:24px;}

.pro_show .tab_box  ul li span{ display:block; text-align:center;width:192px;  height:24px; overflow:hidden;}







.banner2{ width:1080px; margin:0 auto; height:150px; background:url(../image/ban2_bg.jpg) no-repeat center; margin-top:30px;position:relative;}

.banner2 dl dd{ font-size:18px; color:#fff; line-height:36px; font-weight:bold;}

.banner2 dl dd span{ font-size:26px; }

.banner2 dl { position:absolute; top:35px; right:230px; }

.banner2 em{  width:122px; height:40px; background:url(../image/ban2_zx.png); position:absolute; top:66px; right:84px; text-align:center; font-style:normal;}

.banner2 em a{font-size:18px; color:#cc0a01; font-weight:bold;}





/*企业相册  荣誉资质*/

.cases{width:1080px; height:240px; margin:40px auto;  }

.cas_t{background:url(../image/cas_t.gif) no-repeat  center;height:48px;width: 640px; margin: 0 auto; }

.cas_t h3{margin:0;    margin-left: 210px; }

.cas_t h3 ul li{float:left; margin-right:30px;  }

.cas_t h3 ul li a{ font-size:24px; color:#303030; font-weight:normal;line-height: 66px; }

.cas_t h3 ul li li:hover a{ color:#cc0a01;}

.cas_t h3 ul .selected a{ color:#cc0a01;}



.gd_05{ position:relative;  width:960px; margin:0 auto; padding-top:20px;}

.gd_05 li{ float:left; margin: 0 30px 0 0; text-align:center;}

.gd_05 li.last{ padding-right:0;}

.gd_05 li img{ display:block; width:186px; height:133px; }

.gd_05 li span{width:200px; height:134px; background:url(../image/part_li.gif) no-repeat;display: block;padding: 6px;}

.gd_05 li p{ display:block; text-align:center; line-height:24px;height:24px; width:200px; overflow:hidden; margin:0;}

.gd_05 li p a{font-size:14px; color:#333; }

.gd_05 em{

	position: absolute;

	top: 70px;

}

.gd_05 .t_l{ left:-60px;}

.gd_05 .t_r{ right:-60px;}

.gd_05 .fl { float:left;}

.gd_05 .fr { float:right;}

.gd_05 .pa{ position:absolute;}

.gd_05 .pr{ position:relative}





.gd_04{ position:relative;  width:960px; margin:0 auto; padding-top:20px; }

.gd_04 li{ float:left; margin: 0 30px 0 0; text-align:center;}

.gd_04 li.last{ padding-right:0;}

.gd_04 li img{ display:block; width:186px; height:133px;}

.gd_04 li span{width:200px; height:134px; background:url(../image/part_li.gif) no-repeat;display: block;padding: 6px;}

.gd_04 li p{ display:block; text-align:center; line-height:24px;height:24px; width:200px; overflow:hidden; margin:0;}

.gd_04 li p a{font-size:14px; color:#333; }

.cases .main_all{width:1080px; margin:0 auto;}

.cases .hide{ display:none;}

.gd_04 em{

	position: absolute;

	top: 70px;

}

.gd_04 .t_l{ left:-60px;}

.gd_04 .t_r{ right:-60px;}

.gd_04 .fl { float:left;}

.gd_04 .fr { float:right;}

.gd_04 .pa{ position:absolute;}

.gd_04 .pr{ position:relative}







/*advantages*/

.ys{width:100%; height:1040px; background:url(../image/ys_bg.jpg) no-repeat center; }

.ys .main{ position:relative;}



.ys1_1  dt{ font-size:18px; font-weight:bold;  color:#303030; height:60px; padding-left:60px;  line-height:60px; background:url(../image/ys_dt.gif) no-repeat left ;margin-bottom: 16px;}

.ys1_1  dd{ font-size:14px; color:#303030; line-height:30px; background:url(../image/ys_dd.gif) no-repeat left 10px; padding-left:14px;   margin-left: 26px; }

.ys1_1{ width:460px;  position:absolute; top:200px; left:54px;}

 

.ys2_1  dt{ font-size:18px; font-weight:bold;  color:#303030; height:60px; padding-left:60px;  line-height:60px; background:url(../image/ys_dt.gif) no-repeat left ;margin-bottom: 16px;}

.ys2_1  dd{ font-size:14px; color:#303030; line-height:30px; background:url(../image/ys_dd.gif) no-repeat left 10px; padding-left:14px;   margin-left: 26px; }

.ys2_1{ width:460px;  position:absolute; top:582px; right:54px;}





.ys3_1  dt{ font-size:18px; font-weight:bold;  color:#303030; height:60px; padding-left:60px;  line-height:60px; background:url(../image/ys_dt.gif) no-repeat left ;margin-bottom: 16px;}

.ys3_1  dd{ font-size:14px; color:#303030; line-height:30px; background:url(../image/ys_dd.gif) no-repeat left 10px; padding-left:14px;   margin-left: 26px; }

.ys3_1{ width:460px;  position:absolute; top:830px; right:54px;}





/*customer*/

.cus{width:1080px; margin:0 auto; height:380px; margin-top:30px;}

.cus h3{margin:0;  text-align:center;  margin:0 auto; background:url(../image/cus_t.gif) no-repeat center; font-weight:normal; }

.cus h3 a{ font-size:24px; color:#2c2c2c; }





.cus_b ul li{ float:left; margin-bottom:26px; margin-right:20px;}

.cus_b ul { margin-top:30px;}

.cus_b ul li img{ width:196px; height:139px; float:left; border:1px solid #dfdfdf; padding:3px;}

.cus_text p{font-size:12px;color:#555555;line-height:22px;height:88px; overflow:hidden;  margin:0;    margin-bottom: 10px;}

.cus_text  span a{ font-size:14px;color:#2c2c2c;  }

.cus_text  span{height:25px;overflow:hidden; display:block;}

.cus_text{width:296px; float:right; margin-left:20px;}

.cus_b ul li em{ width:76px; height:22px; background:url(../image/cus_zx.gif) no-repeat;    display: block; text-align:center;}

.cus_b ul li em a{ font-size:14px; font-weight:bold; color:#fff; font-style:normal; line-height:22px;}





/*banner_little3*/

.banner_little3{ width:100%; height:166px; background:url(../image/ban3.gif) no-repeat center; margin-top:30px;}

.banner_little3 .main{position:relative;}

.banner_little3  dl dd{ font-size:16px; color:#2c2c2c; height:24px; }

.banner_little3  dl dt { font-size:26px; color:#cc0a01; font-weight:bold; float:left; margin-right:20px;  }

.banner_little3 span{ width:122px; height:32px; background:url(../image/ban_zx3.gif) no-repeat; display:block; text-align:center; position:absolute; top:96px; right:166px; }

.banner_little3 span a{ font-size:18px;  color:#cc0a01; line-height:32px; font-weight:bold; }

.banner_little3  dl { position:absolute; top:36px; right:95px;}













/*news*/

.part2{width:1080px; height:510px; margin:0 auto;  margin-top:30px;  }



.news{width:690px; float:left;}

.news #tab{width:690px; height:45px;}

.news #tab .tab_menu li{ float:left;line-height:36px; display:block;  width:84px; height:36px; margin-right: 20px; text-align:center; }

.news #tab .tab_menu li:hover{  background:#cc0a01; }

.news #tab .tab_menu li:hover a{  color:#fff; }

.news #tab span{ float:right;margin-top: 15px;

    margin-right: 20px;}

.news #tab span a{ font-size:14px; color:#cc0a01;}





.news #tab .tab_menu li h3 a{font-size:16px; color:#2c2c2c; font-weight:normal; }

.news #tab .tab_menu li h3{margin:0; }

.news #tab .tab_menu  .selected {  background:#cc0a01;}

.news #tab .tab_menu  .selected a {   color:#fff;}



.news_t{ margin-top: 10px; height:156px; border-bottom:1px dashed #cecece;}

.news_t img{ width:211px; height:136px; padding:3px; border:1px solid #dcdcdc; float:left;}

.news_t .news_r{ float:right; width:460px;}

.news_t .news_r span{width:460px; height:40px; overflow:hidden;}

.news_t .news_r span a{ font-size:14px; color:#333; line-height:40px;}

.news_t .news_r  p{ margin:0; font-size:12px; color:#555555; line-height:26px; height:52px; overflow:hidden;}

.news_t .news_r em{ font-style:normal;  width:90px; height:27px; border:1px solid #cc0a01;display: block;

    margin-top: 20px; text-align:center;}

.news_t .news_r em a{ font-size:14px; color:#cc0a01; line-height:27px; }



.news .tab_box ul{  width:690px; }

.news .tab_box ul li{ width:300px; margin-bottom:4px; float:left; margin-right:28px; background:url(../image/news_li.gif) no-repeat left; padding-left:16px;height: 28px;

    overflow: hidden;

    line-height: 28px;}

.news .tab_box ul li a{ font-size:14px; color:#555555; }



.news  .hide{display:none;}







/* question */

.question{width:370px; float:right; border-left:1px solid #d1d1d1;}

.question .con_news_t h3 a{ font-size:16px; font-weight:normal; color:#2c2c2c; line-height:37px;}

.question .con_news_t h3{ margin:0; margin-left:14px; }

.question .con_news_t{  background:url(../image/ques_t.gif)  no-repeat top left;padding-left: 40px;}

.question .con_news_t  span{ float:right; }

.question .con_news_t span a{ font-size:14px; color:#cc0a01; line-height:36px;}



.question .news_main{  margin-top:10px;margin-left: 20px; }



.question .contant ul{ position:relative; height:450px;   }

.question .contant ul .faq-l {clear:both;overflow:hidden; margin-top:20px; border-bottom:1px dashed #cfcfcf;    padding-bottom: 16px;}

.question .contant ul .faq-l .faq-w p {float:right;width:320px; height:30px;margin:0;color:#555;font-size: 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.question .contant ul .faq-l .faq-d p {float:right; height:40px;line-height:20px;width:320px;font-size: 12px;margin:0;color: #555;overflow:hidden; }

.question .contant ul .faq-l .faq-w span{ float:left;width: 19px;height: 19px;background:url(../image/wen.gif) no-repeat center;line-height:20px;text-align:center;margin-right:5px;margin-bottom:10px; }

.question .contant ul .faq-l .faq-d span{float:left;width: 19px;height: 19px;background:url(../image/da.gif) no-repeat center ; line-height:20px;text-align:center;margin-right:5px;margin-bottom:10px;}







/*link*/

.links{width:1080px;height:60px; margin:0 auto; margin-top:20px; background:url(../image/link.gif) no-repeat top center;  }

.links a{  font-size:14px; color:#333; line-height:72px;}

.links ul li { float:left; margin-right:20px; }




.pcbanner{ display: block;}

.mwap{ display: none;}

@media  (max-width: 640px)  {

    .mwap{display: block;}
    .pcbanner{ display: none;}
.about,.about_r,.about p,.cas_t,.cus,.news,.part2{ width: 95%;}
.about_t,.banner2,.ys,.banner_little3,.news .tab_box ul{ display: none !important;}
.aside,.pro_show,.pro_show .tab_box,.pro_show .tab_box ul{ width: 100%;height: auto;}
 .aside_t dl,.pro_show .tab_box ul,.cases .tab_box ul ,.cus_b ul{ display: flex; flex-wrap: wrap; width: 100%;}
 .cas_t h3{ margin-left: 77px;}
.pro_show .tab_box ul li,.gd_05 li{ margin-right: 0;}
.pro_show .tab_box{ padding: 10px;}
.pro_show { height: 900px;}
.cases,.links,.cus,.part2{float: left;}
.gd_05,.cases,.cases .main_all{width: 100%;}
.cases{ margin: 0 ; height: 410px;}
.cus{ height: 780px;}
.gd_05 li{width: 50%;}
.cus_b ul li{ display: flex;}
.cus_text{ width: auto;}
.news_t .news_r{width: 135px;}
.news_t .news_r span a{    overflow: hidden;
    height: 40px;
    display: block;}
    .b_box,.flexslider,.slides li{ height: 300px;}
}