@charset "utf-8";
/* CSS Document */
html{-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body,form {margin: 0;  padding: 0;  width:100%; font-family:"microsoft yahei"; overflow-x:hidden; background-color:White;}
ul,li{list-style: none;padding: 0;}
a{text-decoration: none;  margin: 0;  padding: 0; }
p,span,i,em{  margin: 0;  padding: 0;  font-style: normal;  font-weight: normal;  }
tr,td{  margin: 0;  padding: 0;  }
h1,h2,h3,h4,h5,h6,b,strong{font-weight: normal;}
*{ margin:0; padding:0;font-family:微软雅黑;font-family:microsoft yahei; text-decoration:none; list-style-type:none;}

/************************************/

/********----------------------------------------------------------*/

a:link, a:visited
{

    text-decoration:none;
}

a:hover
{

    text-decoration: none;
}

a:active
{
  text-decoration : none;
}

/********************************/

.c_1100{ width:1100px; margin:0 auto; }
.c_800{ width:800px; margin:0 auto;}
.c_900{ width:900px; margin:0 auto;}
.c_phone1100{ width:1100px; margin:0 auto;}
@media screen and (max-width: 800px)
{
    .c_1100,.c_800,.c_900{ width:90%; margin:0 auto; }
    .c_phone1100{ width:100%; margin:0 auto;}
    }
/*****************************************************/

.hyfw_out
{
    background-color:#e3e3e3;
    height:40px;
    line-height:40px;
    color:#434343;
    
    }
@media screen and (max-width: 800px)
{
    .hyfw_out{ display:none;}
    }
.hyfw_left{float:left;}
.hyfw_right{float:right;}
.logo_out{ height:90px;}
.logo{ width:290px;overflow:hidden; float:left;}

.logo img{ width:100%;}
@media screen and (max-width: 800px)
{
   .logo_out{ height:80px;}
    .logo img{ width:auto; height:50px;margin:15px;}
     }
     
.menupc{ height:100%; width:800px; float:right;color:#000000; font-size:16px;  }
@media screen and (max-width: 800px)
{
    .menupc{ display:none;} }

.menuitem{width:16.6%; height:100%; display:block; line-height:90px;float:left; text-align:center; color:#000000;}
/*
.menupc a,.menupc a:active{ width:16.6%; height:100%; display:block; line-height:90px;float:left; text-align:center; color:#000000;}
*/
.menupc a:hover{background-color:#ff9900; color:White;}
.menupccur{ background-color:#ff9900; color:#ffffff;}
.phonemenubtn{ width:50px; height:50px;  display:none; background-color:Orange; position:fixed; top:2%; right:2%; border-radius:50%; text-align:center; z-index:9;}
.phonemenubtn img{ width:80%; height:80%; margin-top:10%;}
@media screen and (max-width: 800px)
{
    .menuitem{ display:none;}
    .phonemenubtn{ display:block;}
    }

.banner{ width:100%; height:700px;  overflow:hidden; }
#html5zoo-1{ height:700px;}
@media screen and (max-width: 800px)
{
    .banner{ width:100%; height:0; padding-bottom:36%; overflow:hidden; }
    }



.cpjs_out{}
.cpjs_out .cpjs_tit{font-size: 28px; line-height:40px; text-align:center; letter-spacing: 2px; font-family:微软雅黑;font-weight: bold; margin-top:30px;}
.cpjs_out .cpjs_titr{ width:100%; height:31px; position:relative; margin-top:8px; }
.cpjs_out .cpjs_titr .cpjs_lay{ position:absolute; top:15px;  width:100%; border-bottom:1px solid #999999; z-index:-1;}
.cpjs_out .cpjs_titr .cpjs_titYw{ width:250px; height:31px; line-height:31px; font-size:18px; color:#999999; font-weight: bold; margin:0 auto; text-align:center; background-color:White; font-family:Arial;letter-spacing: 2px;}

.cpjs_out .cpjs_type{ width:60%; margin:0 auto; height:50px; margin-top:12px;}
.cpjs_out .cpjs_type .cptype{ width:50%; float:left; height:100%; text-align:center; line-height:40px; margin-top:10px; }
@media screen and (max-width: 800px)
{
    .cpjs_out .cpjs_type{ width:100%; }
    .cpjs_out .cpjs_type .cptype{ width:50%;}
    }
.cpjs_out .cpjs_type .cptype a{ display:block; width:90%;margin:0 auto;  font-size:14px; height:40px;font-family:微软雅黑;
                
                                 background: -webkit-linear-gradient( #ff883a, #f25f00); 
                              background: -o-linear-gradient( #ff883a, #f25f00);
                              background: -moz-linear-gradient(#ff883a, #f25f00); 
                              background: linear-gradient(#ff883a, #f25f00);
  
                                 color:White; border-radius:20px;}
.cpjs_out .cpjs_type .cptype a:hover
{
                                transform: scale(1.05);
                             /* background: -webkit-linear-gradient( #f25f00, #ff883a); 
                              background: -o-linear-gradient( #f25f00, #ff883a);
                              background: -moz-linear-gradient(#f25f00, #ff883a); 
                              background: linear-gradient(#f25f00, #ff883a);*/}
.cplistitem{ width:30%; height:250px; margin-left:2.5%; margin-top:2%; border:1px solid #dedede;box-sizing:border-box; float:left; }
.cplistitem:hover{ box-shadow: 3px 3px 3px #e4e4e4; border:1px solid #c4c4c4;box-sizing:border-box;transform: scale(1.05);}
.cplistitem .cplistitemimg{ width:100%; height:220px; overflow:hidden; text-align:center;}
.cplistitem .cplistitemimg img{ width:90%; height:auto; margin-top:10px;}
.cplistitem p{ text-align:center; color:#444444; font-size:14px; line-height:30px; }
@media screen and (max-width: 800px)
{
    .cpjs_list{ width:100%;}
    .cplistitem{ width:45%;margin-left:3.3%; padding-bottom:38%; height:0px;}
    .cplistitem:hover{box-shadow: 0px 0px 0px #e4e4e4; border:1px solid #999999;box-sizing:border-box;transform: scale(1);}
    .cplistitem .cplistitemimg{ padding-bottom:65%; height:0; overflow:hidden;}
    .cplistitem p{ line-height:30px; font-size:12px;}
    }


.xwzx_out{ width:100%; height:680px; clear:both; background-color:Gray; margin-top:20px;}
@media screen and (max-width: 800px)
{
    .xwzx_out{ height:auto;}
    }
.xw_out{ padding-top:40px; color:White; }
.xw_out .cpjs_tit{font-size: 28px; line-height:40px; text-align:center; letter-spacing: 2px; font-family:微软雅黑;font-weight: bold;  }
.xw_out .cpjs_titr{ width:100%; height:31px; position:relative; margin-top:8px; }
.xw_out .cpjs_titr .cpjs_lay{ position:absolute; top:15px;  width:40%; border-bottom:1px solid #ffffff; z-index:0;}
.xw_out .cpjs_titr .rig{  right:0;}
.xw_out .cpjs_titr .cpjs_titYw{ width:200px; height:31px; line-height:31px; font-size:18px; font-weight: bold; margin:0 auto; text-align:center;  font-family:Arial;letter-spacing: 2px;}

@media screen and (max-width: 800px)
{
    .xw_out .cpjs_titr .cpjs_lay{width:25%;}
    }

.xwzx_out .xw_List{ height:460px; margin-top:40px;}
.xwzx_out .xw_List .xw_item0{ width:40%; height:100%; float:left;  }
.xwzx_out .xw_List .xw_item0 .wx_item0img{ width:100%; height:330px; overflow:hidden;}
.xwzx_out .xw_List .xw_item0 .wx_item0img img{ width:100%; height:auto;}
.xwzx_out .xw_List .xw_item0 .xwitem0p1{ color:White; font-size:16px; line-height:30px}
.xwzx_out .xw_List .xw_item0 .xwitem0p2{color:#bbb; font-size:12px; line-height:18px;}
.xwzx_out .xw_List .xw_item0 .xwitem0p3{color:#ffffff; font-size:14px; line-height:20px; text-indent:28px;}
@media screen and (max-width: 800px)
{
    .xwzx_out .xw_List{ height:auto; margin-top:20px; }
    .xwzx_out .xw_List .xw_item0{ display:none;}
    }

.xwzx_out .xw_List .xw_items{ width:55%; height:100%;float:right; }
.xwzx_out .xw_List .xw_items .xw_item{ background-color:White; height:110px; margin-bottom:40px;}
.xwzx_out .xw_List .xw_items .xw_item .itemleft{ width:90px; height:70px; margin:20px; background-color:Orange; float:left;text-align:center; }
.xwzx_out .xw_List .xw_items .xw_item .itemleft .p1{  font-size:25px; color:White; line-height:30px; margin-top:8px;  }
.xwzx_out .xw_List .xw_items .xw_item .itemleft .p2{ font-size:12px; color:White; line-height:18px;  }
.xwzx_out .xw_List .xw_items .xw_item .itemright{ width:450px; height:70px; margin-top:20px; margin-right:20px; float:right; }
.xwzx_out .xw_List .xw_items .xw_item .itemright .p1{ font-size:15px; line-height:20px; color:#444444;}
.xwzx_out .xw_List .xw_items .xw_item .itemright .p1 span{ display:none;}
.xwzx_out .xw_List .xw_items .xw_item .itemright .p2{font-size:12px; line-height:16px; color:#999999;}

@media screen and (max-width: 800px)
{
    .xwzx_out .xw_List .xw_items{ width:100%;margin-bottom:20px;}
    .xwzx_out .xw_List .xw_items .xw_item{ background:none; height:auto; margin-bottom:10px;}
    .xwzx_out .xw_List .xw_items .xw_item .itemleft{ display:none;}
    .xwzx_out .xw_List .xw_items .xw_item .itemright{ width:100%;margin-top:0px; height:auto;  margin-right:0px;  }
    .xwzx_out .xw_List .xw_items .xw_item .itemright .p1{ color:White;height:28px; line-height:28px; }
    .xwzx_out .xw_List .xw_items .xw_item .itemright .p1 lable{  width:75%;font-size:14px;  float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .xwzx_out .xw_List .xw_items .xw_item .itemright .p1 span{ display:block; float:right;}
    .xwzx_out .xw_List .xw_items .xw_item .itemright .p2{ display:none;}
    }

.about_out{ height:450px; margin-top:30px;}
.about_out .about_left{  width:470px; height:380px; float:left; overflow:hidden;}
.about_out .about_right{  width:600px; height:100%; float:right;}
.about_out .about_right .moer{ width:100%; height:60px; margin-bottom:20px;}
.about_out .about_right .moerbtn{ width:135px; height:45px; line-height:45px; margin-top:7px; background-color:#ff9900; color:White; font-size:16px; text-align:center; display:block; float:right;}
.about_right p{ font-size:14px; text-indent:28px; line-height:30px;}
@media screen and (max-width: 800px)
{
    .about_out{ height:auto; margin-top:0;}
    .about_out .about_left{ display:none;}
    .about_out .about_right{ width:100%; height:auto; margin-bottom:15px; margin-top:15px;}
    .about_out .about_right .moer{margin-bottom:10px;}
    .about_right p{ font-size:14px; text-indent:28px; line-height:30px;}
    }


.contact_out{ height:600px; width:100%; background-color:Gray;}
.contact_out .botout{ height:400px; margin-top:50px;}
.contact_out .botout .botleft{ width:450px; height:100%; float:left; border-right:1px dashed #ffffff;}
.contact_out .botout .botleft img{ width:172px; height:auto; margin-top:15px;}
.contact_out .botout .botleft .p1{ font-size:18px; line-height:40px; color:White;}
.contact_out .botout .botleft .p2{font-size:14px; line-height:30px; color:White; margin-top:15px;}

.contact_out .botout .botright{ width:600px;height:100%; float:right;}
.contact_out .botout .botright .p1{ font-size:18px; line-height:40px; color:White;}   
.contact_out .botout .botright .p2{ display:block; height:60px;}
.contact_out .botout .botright .p2 label{ width:100px; color:White; line-height:40px; margin-top:10px; display:block; float:left; text-align:right; font-size:14px; padding-right:10px;}
.contact_out .botout .botright .p2 input{ width:300px; height:40px; background-color:White; border:0;margin-top:10px; float:left;}
.contact_out .botout .botright .p2 textarea{ width:400px; background-color:White; border:0;margin-top:10px; float:left;}
.contact_out .botout .botright .p2 .btn{ width:150px; height:40px; text-align:center; line-height:40px; background-color:#ff6a00; color:White;margin-top:20px; float:left; display:block;}

@media screen and (max-width: 800px)
{
    .contact_out{ display:none;}
    }


.bottommtnu{ width:100%;  background-color:#434343;}
.bottomout{}
.bottomout img{ width:17%; height:auto; float:left; margin-right:3%; }
.bottomout ul{ width:20%; float:left;   text-align:center; display:block; margin-top:15px; }
.bottomout ul li lable{ font-size:18px; color:White; line-height:40px; font-family:微软雅黑;}
.bottomout ul li a{ color:White; font-size:13px; line-height:30px;}
@media screen and (max-width: 800px)
{
    .bottomout img{ display:none;}
    .bottomout ul{ width:25%;}
    .bottomout ul li{ font-size:14px; height:40px; color:White; line-height:40px; font-family:微软雅黑;}
    .bottomout ul li{ display:none;}
    .bottomout ul li:nth-child(1){ font-size:13px;display:block;line-height:30px; }
    .bottomout ul li lable{font-size:13px;line-height:30px}
    }

.phoenewmdiv{ width:100%; text-align:center; display:none;background-color:#434343;}
.phoenewmdiv img{width:30%; height:auto; margin:0 atuo;}
.phoenewmdiv p{ color:White; font-size:13px; line-height:35px;}
.phoenewmdiv p font{ font-size:14px;}
@media screen and (max-width: 800px)
{
    .phoenewmdiv{ display:block;}
    
    
    }

.bottom{width:100%; height:40px; background-color:#1e1e1e; }
.bottom p{ line-height:40px; font-size:15px; text-align:center; color:White;}

/****************************************************************************/
.wzaddress{ width:100%; height:45px; background-color:#eaeaea; font-size:14px; margin-bottom:30px;}
.wzaddress a{ line-height:45px; letter-spacing: 2px; color:#333333;}
.wzaddress .rigmenu{height:45px; width:22.5%; float:right;}
@media screen and (max-width: 800px)
{
    .wzaddress{margin-bottom:15px;}
    .wzaddress .rigmenu{ display:none;}
    
    }

.wzaddress .rigmenu .rig{ display:block; height:45px; width:50%; line-height:45px; float:left;  text-align:center; color:White; background-color:#ff9900}
.wzaddress .rigmenu .cur{ background-color:#ff7000}/*,.wzaddress .rigmenu .rig:hover*/

.gsjjout{ background-color:#eaeaea; padding:15px; margin-top:25px; margin-bottom:25px;}
.gsjjout p{ font-size:14px; text-indent:28px; line-height:25px; color:#333333;}
.gsjjout p img{ margin:8px;}
@media screen and (max-width: 800px)
{
    .gsjjout p img{ width:100%; height:auto; margin:8px 0 8px 0;}
    }
.gsjjout p a{color:#333333;}
.gsjjout .gsjjimg{ margin-top:50px; margin-bottom:50px; }
.gsjjout .gsjjimg img{ width:28%; margin-left:2.3%; float:left;}
.gsjjout .gsjjimg img:hover{transform: scale(1.15);}

.fydiv{ height:30px; text-align:center; margin-top:30px; margin-bottom:30px; }
.fydiv ul{ height:30px; width:300px; margin:0 auto; display:block;}
.fydiv ul li{ height:30px; width:30px; display:block; line-height:30px; float:left; background-color:#bbbbbb; color:#ffffff; margin-left:2px;}
.fydiv ul .cur{ background-color:#ff9900; color:#ffffff;}
@media screen and (max-width: 800px)
{
    .fydiv{ text-align:center;}
    .fydiv ul{ height:30px; width:300px; margin:0 auto; display:block;}
    .fydiv ul li{ height:30px; width:30px; display:block; line-height:30px; float:left; background-color:#bbbbbb; color:#ffffff; margin-left:2px;}
    
    }

/******************************************************/

.cpxqtit{ }
.cpxqtit .p1{ text-align:center; font-size:18px; color:#000000; font-weight:bold; line-height:50px; }
.cpxqtit .p2{ text-align:center; font-size:12px; color:#4e4e4e; line-height:20px; margin-bottom:-10px;}
.cpxqtit .p2 .phonebr{ display:none;}
@media screen and (max-width: 800px)
{
    .cpxqtit .p1{ line-height:30px; }
    .cpxqtit .p2{  line-height:30px; margin-bottom:-10px;}
    .cpxqtit .p2 .phonebr{ display:block;}
    }
/************************************/
.xwdt_out{}
.xwdtitem{ width:100%; height:170px; border-bottom:1px dashed #bbbbbb;}
.xwdtitem img{ width:18%; height:140px; margin-top:15px; float:left; margin-right:30px;}
.xwdtitem .p1{ color:#5a5a5a; font-size:16px; line-height:30px; padding-top:15px;}
.xwdtitem .p1 a{color:#5a5a5a;}
.xwdtitem .p2{color:#929292; font-size:12px; line-height:25px;}
.xwdtitem .p3{ color:#5a5a5a; font-size:14px; line-height:25px;}

@media screen and (max-width: 800px)
{
    .xwdtitem{ height:auto; margin-bottom:8px; padding-bottom:8px;}
    .xwdtitem img{ width:20%; height:auto; margin-top:8px; float:left; margin-right:2%; }
    .xwdtitem .p1{ color:#5a5a5a; width:77%; font-size:14px; line-height:20px; height:20px; overflow:hidden; padding-top:8px;white-space: nowrap;text-overflow: ellipsis;}
    .xwdtitem .p2{color:#929292; font-size:11px; line-height:18px;}
    .xwdtitem .p3{ color:#5a5a5a;width:77%; font-size:12px;height:20px; line-height:18px;overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
    }

/**********************************/
.lxwm{ height:300px;}
.lxwm .item{ width:42%; height:100%; margin-left:5%; float:left; background-color:#eeeeee;}
.lxwm .item .p2{font-size:16px; padding-left:3%; line-height:28px; color:#5a5a5a; margin-top:15px;}

.lxwm .item  .p1{ display:block; height:60px;}
.lxwm .item  .p1 label{ width:30%; color:#5a5a5a; line-height:40px; margin-top:10px; display:block; float:left; text-align:right; font-size:14px; padding-right:10px;}
.lxwm .item  .p1 input{ width:50%; height:40px; background-color:White; border:0;margin-top:10px; float:left;}
.lxwm .item  .p1 textarea{ width:60%; background-color:White; border:0;margin-top:10px; float:left;}
.lxwm .item  .p1 .btns{ width:20%; height:40px; text-align:center; line-height:40px; background-color:#ff6a00; color:White;margin-top:20px; float:left; display:block;}
@media screen and (max-width: 800px)
{
    .lxwm .item{ width:100%;margin-left:0; margin-bottom:15px;}
    .lxwm .item .p2{ font-size:14px;}
    .lxwm .item:nth-child(1){height:auto; padding-bottom:15px;}
    }
/***********************************************/
.cpjs_outs{ display:none;}
.cpjs_outs .cpjs_types{ width:100%; height:50px; margin-top:12px;}
.cpjs_outs .cpjs_types .cptype{ width:25%; float:left; height:100%; text-align:center; line-height:40px; margin-top:10px; }
@media screen and (max-width: 800px)
{
    .cpjs_outs{ display:block;}
    .cpjs_outs .cpjs_types .cptype{ width:50%;}
    }
.cpjs_outs .cpjs_types .cptype a{ display:block; width:90%; margin:0 auto; font-size:14px; height:40px;font-family:微软雅黑;
                
                                 background: -webkit-linear-gradient( #ff883a, #f25f00); 
                              background: -o-linear-gradient( #ff883a, #f25f00);
                              background: -moz-linear-gradient(#ff883a, #f25f00); 
                              background: linear-gradient(#ff883a, #f25f00);
  
                                 color:White; border-radius:20px;}
                                 
/*****************************************************************/
.zhezhao{ background-color:Black; display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10;filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
 -moz-opacity:0.5; /*Firefox私有，透明度50%*/
 opacity:0.5;/*其他，透明度50%*/}
.phone_menu{ width:90%; background-color:White; display:none; position:fixed; top:9%; left:5%; height:315px; z-index:11; }
.phone_menu a{ display:block; font-size:15px; height:44px; width:100%; border-bottom:1px dashed #bbbbbb; line-height:44px; color:#4e4e4e;}
.phone_menu a span{ float:left; margin-left:3%;}
.phone_menu a .label{ float:right; margin-right:3%; color:#999999;  font-size:16px;}
.phone_close{font-size:20px; float:right; margin-right:0; display:block; width:44px; height:44px; background-color:Orange; color:White; text-align:center; }

/****************************************************************/


                                 
.lxwmmap{height:300px;  margin-top:40px; margin-bottom:40px; position:relative;}
.lxwmmap .amap-icon img {
            width: 25px;
            height: 34px;
        }

.lxwmmap .amap-marker-label{
            border: 0;
            background-color: transparent;
        }

.lxwmmap .info{
            position: relative;
            top: -100px;
            right: 80px;
            min-width: 0;
        }