body{ overflow-x:hidden; font-family:Microsoft Yahei,宋体,Tahoma,Arial,sans-serif; font-size:14px;}
*{margin:0;padding:0;list-style-type:none; font-family:Microsoft Yahei,宋体,Tahoma,Arial,sans-serif; font-size:14px;}

/*===============主页第一部分===============*/
.box .content{padding:0px;background:none;}
.input-text{height:29px !important;}
 .zy_first{ text-align:center; margin-top:60px; /*background:url(../images/bj1.jpg) repeat-x top; */ } 
.first_left{ position:relative; }
.first_left .sorllMenu{width:510px; overflow:hidden;position:relative;}
.first_left .sorllMenu li{float:left; width:510px; text-align:center; }
.first_left .sorllMenu li img{max-height: 370px;display: block;margin:0 auto;}
.first_left .btnn{z-index:11; padding-top:67px; }
.first_left .btnn .btn_l{width:48px;height:48px;position: absolute; bottom:50%;z-index: 2;left:-30px;background:url(../images/btn_l.jpg) no-repeat center; }
.first_left .btnn .btn_l:hover{background:url(../images/btn_lh.jpg) no-repeat center;}
.first_left .btnn .btn_r{width:48px;height:48px;;position: absolute;bottom:50%;right:0px;z-index: 1;background:url(../images/btn_r.jpg) no-repeat center;}
.first_left .btnn .btn_r:hover{background:url(../images/btn_rh.jpg) no-repeat center;}
.first_right{ float:right; overflow:hidden; text-align:left;  background:#FFF; padding-bottom:29px;}
.first_right h2{margin-top:20px;  font-size:34px;  text-transform:uppercase;}
.first_right h2 span{color:red;font-size:34px;}
.first_right h3{ font-size:18px;  }
.first_right h3 span{color:red;font-size:18px;}
.first_ny{overflow:hidden;  margin-top:45px;}
.first_ny strong{color:red; font-size:20px;}
.first_ny p{font-size:16px; color:#7d7d7d; line-height:30px;}
.first_ny a{margin-top:15px;display:block; width:104px;  padding:6px 0px; vertical-align:middle; border:2px solid  red; text-align:center;
font-size:13px; color:#8c8785; text-transform:uppercase; -webkit-transition: all 0.5s ease-in-out;}
.first_ny a:hover{background:red; color:#fff;}
@media (max-width:600px) {
.first_left .sorllMenu li img{width:66%;}	
.zy_first{ text-align:center; background:none !important; padding-top:0px; }
.first_left .btnn{z-index:11; padding-top:0px !important; }
	
	}
.carousel-control.left{ background:none;}
.carousel-control.right{ background:none;}

.navbar-right .dropdown-menu{left:0px;}
.navbar{margin:0px;}
.navbar .nav > li .dropdown-menu {  
        margin: 0;  
    }  
.navbar .nav > li:hover .dropdown-menu {  
        display: block;  
    }  

#Prev,#Next{
    position: absolute;
    left:5%;
    right:5%;
    }

.product_pic img{max-width:500px!important;}
.language a{ color:red !important; margin-left:10px; display:block;  background-color:#e5e5e5;}
.language a:hover{  background-color:#e5e5e5 !important;}
.home_product h2{ color:#d0d0d0;text-transform:uppercase; font-size:38px; padding:10px 0px 0px 15px;}
.home_product h3{ color:#d0d0d0; font-size:20px;padding:0px 0px 0px 15px;}
.imghoverguding{heidht:232px; overflow:hidden;}
.imghove img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghove:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.prozhlist .img{ display:block; width:100%; height:0; padding-bottom:80%; position:relative; overflow:hidden;}
.prozhlist .img ._full{ position:absolute; top:0; left:0; width:100%;}
.prozhlist .img .info{  background:red; position:absolute;bottom:0; left:0; width:100%; padding:0px 5% 5px; color:#fff;}
.home_procontent h2{ font-size:20px; font-weight:bold; color:#FFF; padding:15px 0px; margin:0px;}
.home_procontent{padding:20px 0px 0px 0px;}
.home_case{background:url(../images/homecasebg.jpg) repeat-x; padding-bottom:60px;}

.home_case h2{ color:#d0d0d0; font-size:38px; padding:40px 0px 0px 15px;}
.home_case h3{ color:#d0d0d0; font-size:20px;padding:0px 0px 20px 15px;}
#flexiselDemo2{ padding-left:0px ; margin:0 auto;}
.nbs-flexisel-container {position: relative;max-width: 100%;}
.nbs-flexisel-ul {position: relative;width: 9999px;list-style-type: none;text-align:center; }
.nbs-flexisel-inner {overflow: hidden;width:93%;margin: 0 auto; padding: 0px 0px 0px 0px; }
.nbs-flexisel-item {float: left;cursor: pointer;position: relative;line-height: 0px;}
.nbs-flexisel-item > img {cursor: pointer;position: relative;}
.hotli img{ border: solid 0px #76a4ca; max-width:100%;display: block;max-height:237px;margin:0 auto;}
.home_news{}
.home_news h2{ color:#272626; font-size:38px; padding:40px 0px 0px 15px;}
.home_news h3{ color:#707070; font-size:20px;padding:0px 0px 20px 15px;}
.content{background:#eeeeee; padding:170px 0px 100px 0px;}
.contentwarp{ min-height:300px; background:#FFF; overflow:hidden; padding:30px 15px;}
/*===============所在位置===============*/
.position{background:url(../images/po_bj.jpg) no-repeat 0px 5px; padding:0px 0px 22px 20px; margin-top:-44px; overflow:hidden; }
.position a{color:#4d4c4c; font-size:13px; background:url(../images/po_bj1.jpg) no-repeat center right;  margin-right:5px;}
.position a.visited{color:#f08300; background:none; padding-right:0px; margin-right:0px;}
.fanhui{ float:right; background:red; width:100px; line-height:30px; color:#FFF; height:30px; text-align:center;}
.fanhui a{ color:#FFF; display:block;}
.content_left { float:left; overflow:hidden;}
.content_left h1{ background:url(../images/h2_bj.jpg) no-repeat; font-size:24px; color: #FFF; padding-left:22px; height:83px; line-height:80px; vertical-align:middle;  margin:0px;}
.content_left ul{ background:#999;background:url(../images/left_bg.jpg) repeat-y; min-height:350px;}
.content_left ul li{ padding:8px 3px 8px 28px;}
.content_right{float:right; overflow:hidden;}
.content_right h2{border-bottom:1px solid #e5e5e5; overflow:hidden; text-align:left; margin-bottom:25px;}
.content_right h2 em{display:inline-block; font-style:normal; font-size:18px; color:red; border-bottom:3px solid #443f3c; line-height:55px; }
.content_content{ line-height:28px;}
.content_content h3{font-size:14px; font-weight:bold;}
.img_section_txt{text-align:center;}
.text-c{text-align:center; padding:15px 0px;}
.img_section{text-align:center; min-height:250px;}
.img_section img{  padding:5px; width:expression_r(this.width > 300 && this.height < this.width ? 300:true);
max-width:300px; width:auto;height:expression_r(this.height >180 ? 180:true);
max-height:180px; margin:0 auto; border:1px #d1d1d1 solid;}
.news_list ul li{border-bottom:1px #d1d1d1 dotted; padding:8px 10px 8px 12px; background:url(../images/list_dot.jpg) 2px 12px no-repeat;}
.news_list ul li span{float:right;}
.new li{overflow:hidden;padding:22px 0px;border-bottom:1px dashed #e5e5e5;-webkit-transition: all 0.5s ease-in-out;}
.new li a{display:block;  overflow:hidden;}
.new li h3{width:62px; float:left; padding-top:10px;  border-bottom:2px solid #443f3c; background:#eeeeee; font-size:30px; color:#8d8c8c; font-family:Arial, Helvetica, sans-serif; text-align:center; margin:0px;}
.new li h3 em{display:block; font-size:12px; color:#8d8c8c; font-style:normal;padding:4px 0px}

.new_li h4{font-size:15px; color:#525252; padding-bottom:8px;}
.new_li p{font-size:13px; color:#8d8c8c; line-height:20px;}
.new li:hover h3{background:red; border-bottom:2px solid #f08300; color:#fff;}
.new li:hover h3 em{color:#fff; font-style:normal; }
.homepro{padding:30px 0px 30px 0px; overflow:hidden;}
.homepro ul li{padding-bottom:20px;}






.l-con{ margin:0px; padding:0px;}
.l-con ul{ margin:0px; padding:10px 0px 0px 0px;}
.l-con ul li{ margin:0px 0px; }
.l-con ul li a{}
.l-con ul li a:hover{  }
.l-con ul li.active{   background:url(../images/left_bg_hover.jpg) repeat-y;  }
.l-con ul li.active a{color:#ffffff;}
.l-con ul li ul li{padding-left:40px;}

.zy_new li{ float:left; overflow:hidden; text-align:left;}
.zy_new li.r{margin-right:0px;}
.zy_new li span{display:block; border-bottom:1px solid #b3afae; padding-bottom:5px; color:#545454;}
.zy_new li h2{font-size:18px; color:#252120; padding:18px 0px; line-height:28px;}
.zy_new li p{font-size:13px; color:#7d7d7d; line-height:20px;}
.zy_new li h3{width:104px; vertical-align:middle; text-align:center; border:2px solid red; margin-top:25px; padding:6px 0px; font-size:13px; color:#8c8785; text-transform:uppercase;}
.zy_new li:hover h3{color:#fff; background:red;}
.zy_new li:hover h2{color:red;}

.icons{margin-top: 30px;}
.icons ._ico{position: relative; width:130px;height: 130px; background: url(../images/icons.png) no-repeat;margin:0 auto 25px;}
.icons ._ico:after{content:" ";position: absolute;left:0;top:0;width:100%;height: 100%;
background: url(../images/icons.png) no-repeat;opacity: 0;transition:opacity ease .5s;}

.icons ._ico1{background-position: 0 -149px;}
.icons ._ico2{background-position: -298px -149px;}
.icons ._ico3{background-position: -595px -149px;}
.icons ._ico4{background-position: -900px -149px;}
.icons ._ico1:after{background-position: 0 0;}
.icons ._ico2:after{background-position: -298px 0;}
.icons ._ico3:after{background-position: -595px 0;}
.icons ._ico4:after{background-position: -900px 0;}
.icons a:hover{color:#000;}
.icons a:hover ._ico:after{opacity: 1;}
.icons ._t{font-size:16px; font-weight:bold; text-align:center; color:#FFF;}
.icons ._p{font-size:14px;}
.col2{width:11%; float:left;}
.col2 h3{font-size:15px; font-weight:bold;}
.col4{ width:45%;float:left;}
.foot_weixin{ float:left; padding-right: 8%;}
.foot_contact{float:left;width: 68%;}
.copyright{ background:#120e0a; padding:15px 0px; color:#eeeeee; }

/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width:60px;height:60px;position: absolute;cursor: pointer;z-index:100;}
.nbs-flexisel-nav-left {left:-30px;background:url(../images/btn_left.png) center no-repeat; top:35% !important;}
.nbs-flexisel-nav-right {right: 0px;background:url(../images/btn_right.png) center no-repeat;top:35% !important;}



.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{width:100%; margin:0 auto;}


figure, p, address { margin: 0;}
p { line-height: 25px;}
iframe {border: 0;}
a {-webkit-transition: all 0.3s ease-out 0s;
 -moz-transition: all 0.3s ease-out 0s;
 -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
 transition: all 0.3s ease-out 0s;}

a, a:hover, a:focus, .btn:focus {text-decoration: none;outline: none; color:#494949;}
#navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(0,0,0,.9);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 5px 0;}

#navigation.animated-header { padding: 10px 0;
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(0,0,0,.5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

.navigation {
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(0,0,0,.9);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 5px 0;}

.navigation.animated-header { padding: 10px 0;
    -webkit-transition: all 0.8s ease 0s;
       -moz-transition: all 0.8s ease 0s;
        -ms-transition: all 0.8s ease 0s;
         -o-transition: all 0.8s ease 0s;
            transition: all 0.8s ease 0s;

    background-color: rgba(0,0,0,.9) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
h1.navbar-brand {font-size: 20px;font-weight: 700; margin: 0;text-transform: uppercase;}
.navbar-inverse .navbar-nav > li > a { color: #fff; font-size: 15px; }
.depth_0{float:right;}
/*=================================================================
	Home Slider
==================================================================*/


.slider {position: relative;width: 100%;height: auto;overflow: hidden}
.slides {
	height: 100%;overflow: hidden;
    *zoom: 1;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;margin: 0;padding: 0;border: 0}
.slide {width: 100%; margin: 0 auto;border: 0;list-style-image: none;list-style-type: none}

img, .ylw-img-responsive {height: auto;max-width: 100%}

.slider-arrow {position: absolute;display: block;margin-bottom: -30px;background-color: rgba(0,0,0,0.3);text-indent: -9999px;overflow: hidden;height: 60px;width: 40px;background-repeat: no-repeat}


.slider-arrow--right {bottom: 50%;right: 0;background-image: url(../images/banner-fy.png);background-position: center bottom}
.slider-arrow--left {bottom: 50%;left: 0;background-image: url(../images/banner-fy.png);background-position: center top}
.slider-nav {position: absolute;bottom: 30px}
.slider-nav__item {width: 12px;height: 12px;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 50%}
.slider-nav__item:hover {background: #ccc}
.slider-nav__item--current {background: #ccc}


.qqkefu{position: fixed;top:55%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:100;right:0;width:45px;}
.qqkefu a{text-decoration:none}
.qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px;cursor:pointer;position:relative;text-indent:10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px;}
.qqkefu ul li.qq_cza{overflow:hidden;}
.qqkefu ul li:hover{background:#2c3035;}
.qqkefu ul li.top{background:url(../images/k1.png) no-repeat center #c60000;position:relative;width:45px;height: 45px;cursor:pointer;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;}
.qqkefu ul li.top:hover{background:url(http://sunet.net.cn/skin/xiangju/images/k1.png) no-repeat center #2c3035;}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background:url(../images/k2.png) no-repeat center #c60000;}
.qqkefu ul li b.b{background:url(../images/k3.png) no-repeat center #c60000;}
.qqkefu ul li b.f{background:url(../images/k4.png) no-repeat center #c60000;}
.qqkefu ul li b.c{background:url(../images/k5.png) no-repeat center #c60000;}
.qqkefu ul li:hover b.a{background:url(../images/k2.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.b{background:url(../images/k3.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.f{background:url(../images/k4.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.c{background:url(../images/k5.png) no-repeat center center #2c3035;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right; cursor: default !important; display:none;background:url(../images/qr_img.png) no-repeat;}
.erweima p{margin-top:20px;margin-left:10px;}
.erweima img{width:90px;height:90px;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}



#home-slider {
    position: relative;
    padding: 0;
}

.sl-slider-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.sl-slider {
    position: absolute;
    top: 0;
    left: 0;
}


@media only screen and (min-width: 1200px) {

.new_li{float:right; width:710px; text-align:left;}
}



@media only screen and (min-width: 801px) {
	.footer{padding:15px 0px 40px 15px;}
.home_tuijian{background:url(../images/home_tuijian_bg.jpg)  ; margin:50px 0px 0px 0px; padding:25px 0px; height:290px !important;}
.home_product{ background:url(../images/home_probg.jpg) repeat-x; padding-bottom:70px;}	
.homecasewarp{width:1220px;}
.padcase{padding-left:40px !important;}


	}


@media only screen and (max-width: 800px) {
.content_left { float:left; width:100%;}	
.content_left h1{ background:#3c3c3c; font-size:24px; color: #FFF; padding-left:22px; height:83px; line-height:80px; vertical-align:middle;  margin:0px;}
.content_left ul{ background:#999;background:#ededed; min-height:200px;}
.l-con ul li.active{   background:#cccccc;  }
.content_right{width:100%; overflow:hidden;}

	.content{ background:#eeeeee; padding:110px 0px 60px 0px !important;}

.box .content{ padding:0px 0px 60px 0px !important;}
#navigation.animated-header {
    padding: 0px;
}
.navbar-fixed-bottom, .navbar-fixed-top{}
.mobile_header{ background:none; height overflow:hidden;}
#carousel-example-generic{padding-top:52px;}
/* 
#carousel-example-generic item img{width:100%;margin:0 auto;} */
.mobile_logo img{height:40px;}
#navigation{background-color: rgba(0,0,0,.8);}
.home_product{ background:#404040; padding-bottom:30px;}	
.home_tuijian{background:url(../images/home_tuijian_bg.jpg)  ; margin:0px; padding:25px 0px; }


    body {
        font-size: 14px; background:#ffffff;
    }

    .parallax {
        background-position: centet tip !important;
    }

    .sec-title h2 {
        font-size: 25px;
    }

    .sec-title h2:after {
        left: 30%;
    }

/*navigation*/
    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background-color: transparent;
    }



}


/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .sec-title h2:after {
        left: 38%;
    }

/* home slider */
    .caption-content h2 {
        font-size: 35px;
    }

    .caption-content p {
        font-size: 25px;
    }

    .caption-content strong {
        font-size: 35px;
    }

/*about*/

    #about .welcome-block h3 {
        margin: 0 0 35px;
    }

/* service */

    .service-item {
        margin: 0 auto 50px;
        width: 55%;
    }

/* portfolio */
    .portfolio-item {
        width: 48%;
    }

    figcaption.mask {
        bottom: -132px;
    }

/* testimonial */
    .testimonial-item {
        width: 80%;
    }

    .testimonial-item > div:before {
        bottom: 160px;
    }

/* social */
    .social-button li:nth-child(2) {
        margin: 0 50px;
    }

    .social-button li a {
        height: 90px;
        line-height: 96px;
        width: 90px;
    }

/* price */
    .price-table {
        margin-bottom: 50px;
    }

/* contact form */
    .contact-form {
        margin-bottom: 50px;
    }

/* footer */
    .footer-content {
        width: 380px;
    }
}
.youlian {padding:20px 0px 0px 0px;}
.youlian h2{font-size:18px; font-weight:bold; padding:0px; margin:0px; float:left;}
.youlian ul li{padding:0px 15px; float:left;}