@charset utf-8;

/* 全局样式 */
*{box-sizing:border-box;margin:0; padding:0; list-style:none; font-family: "微软雅黑"; font-size: 14px; }
a{ text-decoration:none; color:#333; transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
a:hover{text-decoration:none;transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
h1,h2,h3,h4,h5,h6{font-weight:normal; margin: 0;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
.container2{width:1200px; margin: 0px auto; overflow:hidden; height: 100%;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px}
.container{width:1200px; margin: 0px auto;}
.l{float:left;}
.r{ float:right; }

.gradient{
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.gradient:hover{
   transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; 
}



/* ------------------------------------------------------------------------首页样式------------------------------------------------------------------------ */

.sections,.section{position:relative; overflow: hidden;}
.section_img{width:100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 111; background: url(../images/banner1.jpg) no-repeat center}
.mv{width:100%; height:100%;}
.video-box{height:100%!important; width:100%!important;}
.section_img img{width:100%; height: 100%;}
.section_bj{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:1}
.section_one{width:1200px; height: 355px; position: absolute; left: 50%; margin-left: -600px; top:36%; z-index: 222; text-align: center }
.section_one h3,.section_two h3{font-size: 42px; color: #ffffff;}
.section_one p,.section_two p{ font-size: 16px; color: #ffffff; line-height: 28px; }
.section_one .xx,.section_two .xx{margin: 24px auto 20px; display: block; overflow: hidden}
.section_two{width:1200px; height: auto; max-height: 100%; text-align: center; margin: 0px auto;     position: absolute; left:50%; margin-left:-600px;
    top: 35%;}
.section_video{width:132px; height: 41px; margin:40px auto 0; background:#f39800; border-radius: 30px; color: #fff; text-align: center;     padding: 0px 19px; cursor:pointer}
.section_video .iconfont{ float: left; line-height: 41px; }
.icon-bofang-yuanshijituantubiao{font-size: 30px;}

.section_video p{float: left; line-height: 37px; font-size: 16px;}
.section_video .icon-chanpinguanli{font-size: 22px; margin-right: 5px;}
.icon-mouse{font-size: 25px;}
.section_pic{width:100%;  height:57%; }
.section_pic img{height:100%; width: 100%;}
.section_liu{width:1200px; height: auto; text-align: center; margin-top: 3%;}
.section_liu h4{ font-size: 30px; color: #313131; margin-bottom: 15px;}
.section_liu p{ font-size: 14px; color: #313131;}

.section_case{width:100%; height: auto;margin: 3% 0 2%;}
.section_video a{color:#fff}
.section_t_video{width:560px; height:400px; position:fixed; top:50%; left:50%; margin-left:-280px; margin-top:-200px; z-index:999;}
.section_all_video{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:222; background:rgba(0,0,0,0.5); display:none}
.close{width:100%; height:40px; background: rgba(0,0,0,0.5) url(../images/close.png) no-repeat 530px center}
.section_svideo{width:100%; height:316px;}
.video video{ width:100%; height:100%;}




/*导航*/
.main_header{ height: 86px; background: #fff; position: fixed; top: 0; padding:0 1%; width: 100%; z-index: 999;}
.main_header .haotu_top_left{ float: left;width: 18%;}
.main_header .haotu_top_left img{ margin-top: 16px;}
.main_header .haotu_top_right{ float: right; width: 80%;}
.main_header .haotu_top_right a.top_alibaba{ float: right; height: 42px; line-height: 42px; width: 42px; background: #ff7300 url(../images/haotu_top_1.png) no-repeat 10px 13px;  color: #fff; text-indent: 40px; border-radius: 5px; margin-top: 20px; margin-right:5px;}
.main_header .haotu_top_right a.top_taobao{ float: right; height: 42px; line-height: 42px; width: 42px; background: #ff5000 url(../images/taobao.png) no-repeat 8px 11px;  color: #fff; text-indent: 40px; border-radius: 5px; margin-top: 20px;}
.haotu_top_right p{ font-size: 14px; color: #454545; height: 66px; float: right; width: 130px; padding-top: 18px; margin-left: 7px; font-weight: bold;}
.haotu_top_right p span{ display: block;font-size: 18px;font-weight: bold;}
.haotu_top_right .nav{height: 86px;float: right;}
.haotu_top_right .nav li{float: left;line-height: 86px;height: 86px;}

.haotu_top_right .nav .nLi{ text-align: left; width: 85px; float: left; overflow: hidden;}
.haotu_top_right .nav .nLi a{display: block;height: 86px; line-height: 86px; font-size:15px; color: #333;}
.haotu_top_right .nav .nLi a span{ font-size: 15px;}
.haotu_top_right .nav .on a{display: block;height: 86px; line-height: 86px; font-size:15px; color: #953237 }
.haotu_top_right .nav .on::after{content: "";height: 5px; width:50px; background: #953237;position: absolute; bottom: 0;}
.haotu_top_right .nav .nLi ul{ background: rgba(0,0,0,0.5); position: absolute;top: 86px; z-index: 999; display: none; }
.haotu_top_right .nav .nLi ul li{ height: 42px!important;;line-height: 42px !important;; text-align: center;float: none;}
.haotu_top_right .nav .nLi ul li a{height: 42px;
    font-size: 14px;
    display: block;
    line-height: 42px !important;
    font-weight: normal;
    background: none;
    color: #fff;
    padding: 0 15px;}
.haotu_top_right .nav .nLi ul li a:hover{color: #fff; background: #953237}

/*banner*/
.banner{width:100%;height:100%}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%; z-index: 99999}
.banner .slideBox .hd{position:absolute;right:50%;bottom:77px;z-index:1;overflow:hidden;margin-right:-58px;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff; border-radius:50%;cursor:pointer}
.banner .slideBox .hd ul li.on{background:#f39800}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%}


.index_title_main p{ padding-top: 20%; font-size: 48px; font-weight: bold; color: #fff; text-align: center; line-height: 100px; background: url(../images/haotu_1.png) no-repeat center bottom; }
.index_title_main span{font-size: 85px; color: rgba(255,255,255,0.03); font-weight: bold; text-align: center; display: block; margin-top: -70px;}
.index_title_main .banner_biref{ line-height: 30px; color: #fff; font-size: 16px;text-align: center;}

/* 产品中心 */
.index_bg_1{ background: url(../images/pro_b.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.index_product_left{ width: 40%; background: rgba(0,0,0,0.6); height: 100%; position: absolute; left: 0; margin-top: 86px;}
.index_product_left ul{ float: right; height: 100%; width: 100%;}
.index_product_left ul li{ height: 13%;  border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; width: 100%; transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s;}
.index_product_left ul li a{  color: #fff; display: block; height: 100%;}
.index_product_left ul li p{ position: absolute; left: 50%; top: 38%; background: url(../images/haotu_2.png) no-repeat left; font-size: 18px; text-indent: 26px;}
.index_product_left ul li span{ display: block; position: absolute; left: 50%; top: 56%; }
.index_product_left ul li:hover{ background:rgba(18,51,103,0.7) url(../images/haotu_23.png) no-repeat 96% 46%; width: 112%; transition: all 0.3s;
    -o-transition: all 0.4s;
    -mos-transition: all 0.4s;
    -webkit-transition: all 0.4s;}

.index_product_right{width: 50%; height: 100%; position: absolute; right: 0; margin-top: 86px;}
.index_product_right p{ font-size: 36px; color: #891c21; font-weight: bold; margin-top: -45px;}
.index_product_right span{ font-weight: bold; font-size: 71px; color: rgba(0,0,0,0.1);padding-top: 9%; display: block;}
.index_product_right .product_bierf{  width:600px; line-height: 30px; color: #666;  margin-top: 20px; margin-bottom: 20px; }
.index_product_right a{ color: #fff;display: block; border-radius: 5px;}
.index_product_right a:hover{ margin-top: -4px;}
.index_product_right a img{ padding: 0 10px;}
.index_product_right a.pro_list{ width: 186px; height: 42px; line-height: 42px; background: #153569 url(../images/haotu_4.png) no-repeat 154px 13px; float: left; margin-right: 20px;}
.index_product_right a.pro_alibaba{ width: 222px; height: 42px; line-height: 42px;background: #ff7300 url(../images/haotu_4.png) no-repeat 187px 13px; float: left;}



/* 产品优势 */
.index_bg_2{background: url(../images/haotu_index_5.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1}
.index_title_2 { text-align: center; margin-top: -2%;}
.index_title_2 span{ display: block;font-size: 72px; font-weight: bold; color: rgba(255,255,255,0.25); padding-top: 20%;}
.index_title_2 p{font-size: 36px; color: #fff; font-weight: bold; margin-top: -45px; margin-bottom: 20px;}
.index_title_2 i{ font-style: normal;color: #fff; }
.index_ys_main{ height: 205px; background: rgba(0,0,0,0.23); width: 100%; margin-top: 30px;}
.index_ys_main ul.index_ys_five{ width: 1200px; margin: 0 auto;}
.index_ys_main ul.index_ys_five li{ width: 120px; height: 120px; float: left; margin: 40px; border-radius: 50%; text-align: center;}
.index_ys_main ul.index_ys_five li p{ margin-top: 56px;}
.index_ys_main ul.index_ys_five li:hover p{ margin-top: 100px;}
.index_ys_main ul.index_ys_five li:hover{width: 200px; height: 200px; margin: 0; border-radius: 0; text-align: center; color: #fff;}
.index_ys_main ul.index_ys_five li.youshi1{background: rgba(255,255,255,0.6) url(../images/haotu_5.png) no-repeat center 14px; }
.index_ys_main ul.index_ys_five li.youshi2{background: rgba(255,255,255,0.6) url(../images/haotu_6.png) no-repeat center 14px; }
.index_ys_main ul.index_ys_five li.youshi3{background: rgba(255,255,255,0.6) url(../images/haotu_7.png) no-repeat center 14px; }
.index_ys_main ul.index_ys_five li.youshi4{background: rgba(255,255,255,0.6) url(../images/haotu_8.png) no-repeat center 14px; }
.index_ys_main ul.index_ys_five li.youshi5{background: rgba(255,255,255,0.6) url(../images/haotu_9.png) no-repeat center 14px; }
.index_ys_main ul.index_ys_five li.youshi6{background: rgba(255,255,255,0.6) url(../images/haotu_10.png) no-repeat center 14px; }

.index_ys_main ul.index_ys_five li.youshi1:hover{background: rgba(137,28,33,0.6) url(../images/haotu_10_1.png) no-repeat center 52px; }
.index_ys_main ul.index_ys_five li.youshi2:hover{background: rgba(137,28,33,0.6) url(../images/haotu_11.png) no-repeat center 52px; }
.index_ys_main ul.index_ys_five li.youshi3:hover{background: rgba(137,28,33,0.6) url(../images/haotu_12.png) no-repeat center 52px; }
.index_ys_main ul.index_ys_five li.youshi4:hover{background: rgba(137,28,33,0.6) url(../images/haotu_13.png) no-repeat center 52px; }
.index_ys_main ul.index_ys_five li.youshi5:hover{background: rgba(137,28,33,0.6) url(../images/haotu_14.png) no-repeat center 52px; }
.index_ys_main ul.index_ys_five li.youshi6:hover{background: rgba(137,28,33,0.6) url(../images/haotu_15.png) no-repeat center 52px; }


/* 新闻中心 */
.index_bg_3{background: url(../images/haotu_index_6.jpg) no-repeat; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1 }

.index_title_3 { text-align: center; margin-top: -12%; margin-bottom: 20px;}
.index_title_3 span{ display: block;font-size: 72px; font-weight: bold; color:#efefef; padding-top: 20%;}
.index_title_3 p{font-size: 36px; color: #891c21; font-weight: bold; margin-top: -45px; margin-bottom: 20px;}
.index_title_3 i{ font-style: normal;color: #666; }

ul.index_news_list{ width: 1280px; height: 60%; overflow: hidden;}
ul.index_news_list li{  width: 45%; border-bottom: 1px solid rgba(255,255,255,0.6); float: left; margin-right: 50px; padding: 1.5% 0; position: relative;transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
ul.index_news_list li:hover{ border-bottom: 1px solid #891c21;transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
ul.index_news_list li a:hover{ color: #891c21}
ul.index_news_list li a p{ line-height: 2; font-size: 18px;}
ul.index_news_list li span{ text-align: justify; color: #666; line-height: 1.8; width: 89%; display: block;}
ul.index_news_list li em{font-style: normal; font-size: 14px;color: #666; display: block; line-height: 2}
ul.index_news_list li .index_news_xq{ position: absolute; top: 45%; height: 27px; width: 27px; background: url(../images/haotu_16.png) no-repeat; right: 10px;}
ul.index_news_list li a:hover .index_news_xq{ background: url(../images/haotu_17.png) no-repeat; }
.button_more{width: 186px; height: 42px; line-height: 42px; border: 1px solid #333;border-radius: 5px; text-align: center; background: url(../images/haotu_24.png) no-repeat 140px 12px; margin: 0 auto; margin-top: -40px;}



/* 底部 */
.index_footer_bg{ width: 100%; height: 67%; background: url(../images/haotu_index_7.jpg) no-repeat center; background-size: cover; text-align: center;}
.index_footer_bg p{ padding-top: 13%;color: #fff;background: url(../images/haotu_1.png) no-repeat bottom; font-size: 48px; font-weight: bold; line-height: 2; margin-bottom: 16px;}
.index_footer_bg span{ color: #fff; line-height: 2; font-size: 16px;}
.index_footer{ width: 100%; background: #f2f2f2; position: relative; height: 31%; overflow: hidden;}
.index_footer_1{ width: 332px; float: left; margin-top: 4%;}
.index_footer_1 p{ margin-top: 10px; color: #666;}
.index_footer_2{ width: 336px; float:left;margin-top: 4%;}
.index_footer_2 p{ font-size: 18px; color: #333; line-height: 2;}
.index_footer_2 a{ display: block; width: 40%; float: left; height: 30px; line-height: 30px; color: #666;}
.index_footer_2 a:hover{ color: #891c21;}
.index_footer_3{ width:300px; float:left; margin-top: 4%;}
.index_footer_3 h4{ font-weight: normal; font-size: 18px; line-height: 2; color:#333;}
.index_footer_3 p{ text-indent: 28px; line-height: 30px; color: #666}
.index_footer_3 p.footer_addr{background: url(../images/haotu_19.png)no-repeat left 7px;}
.index_footer_3 p.footer_tel{background: url(../images/haotu_20.png)no-repeat left 7px;}
.index_footer_3 p.footer_email{background: url(../images/haotu_21.png)no-repeat left 7px;}
.index_footer_3 p.footer_web{background: url(../images/haotu_22.png)no-repeat left 7px;}
.index_footer_4{ float: right;}
.index_footer_4 img{margin-top: 60px;}
.copyright{position: absolute;bottom: 0; height: 42px; background: #fff; width: 100%;}
.copyright a{ color: #666; font-size: 12px;}
.copyright p {
    color: #666;
    font-size: 12px;
    line-height: 42px;
}

.copyright ul {
    float: right;
    width: 370px;
}

.copyright ul li,.copyright ul li span {
    float: left;
    color: #666;
    line-height: 42px;
    font-size: 12px;
}

.copyright p {
    display: inline;
}

.copyright ul li a {
    float: right;
    margin-top: 10px;
}

.copyright ul li a.weiling {
    width: 121px;
    height: 18px;
    background: url(../images/vl_hover.png) no-repeat;
    margin-right: 20px;
}



.copyright ul li a.wangshang {
    width: 107px;
    height: 18px;
    background: url(../images/ws_hover.png) no-repeat;
}




@media screen and (max-width:1440px){
	.section_pic{height:50%;}
	.multipleColumn .hd{height:auto;}
}

@media screen and (max-width:1366px){
	.section_pic{height:300px;}
	.section_liu{margin-top:1%}
	.section_case{margin:2% 0 1%}
	.index_footer_1{margin-top:1%}
	.index_footer_2{margin-top:1%}
	.index_footer_3{margin-top:1%}
	.index_footer_4 img{margin-top:10px;}
	.index_footer{height:30%}
	.index_footer_1 p{display:none;}
	.index_title_3 span{font-size:50px;}
	.index_title_3 p{font-size:30px;}
	ul.index_news_list li{padding:0px;}
}



@media screen and (max-width:1336px){
	.section_pic{height:300px;}
	.section_liu{margin-top:1%}
	.section_case{margin:2% 0 1%}
	
}



@media screen and (max-width:1024px){
	.logo{ margin-left: 5px; width: 33%; height: 59px; margin-top: 18px;}
	.nav{margin-right: 0px;}
	.nav .nLi{width:85px;}
}

.navs {
    margin-top: -71px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 50;
}

.navs li a span {
    background: url(../images/pager.png) center center no-repeat;
    display: block;
    width: 22px;
    height: 22px;
    margin-right: 40px;
    text-align: center;
    text-indent: -9999px
}

.navs li.active a span {
    background: url(../images/pager1.png) center center no-repeat;
}

.navs li > a {
    outline: none;
}



/* 内页效果 */
.inside_page_top{ height: 42px; background: #eee; line-height: 42px;}
.inside_page_top span{ display: block; line-height: 42px; color: #666; width: 30%; float: left;}
.inside_page_top .inside_top_right{height: 42px; width:530px; float: right;}
.inside_page_top .inside_top_right p{ font-size: 14px; color: #666; background: url(../images/haotu_inside_2.png) no-repeat 0 10px; text-indent: 25px; float: right;}
.inside_page_top .inside_top_right p i{ font-style: normal; font-size: 20px; font-family: "Impact"; color: #953237}
.inside_page_top .inside_top_right a.inside_top_ali{ display: block; height: 42px;  line-height: 42px; background:url(../images/haotu_top_56.png) no-repeat 6px 12px; text-indent: 36px; color: #333;  float: left; padding-right: 8px;}
.inside_page_top .inside_top_right a.inside_top_tao{ display: block; height: 42px;  line-height: 42px; background:url(../images/haotu_top_57.png) no-repeat 6px 12px; text-indent: 36px; color: #333;  float: left; padding-right: 8px}

.inside_page_nav{ height: 92px;}
.inside_nav_left{ width: 370px; float: left;}
.inside_nav_left img{margin-top: 17px;}

.inside_page_nav .nav{height: 92px;float: right; position: relative;}
.inside_page_nav .nav li{float: left;line-height: 92px;height: 92px;}

.inside_page_nav .nav .nLi{ text-align: left; width: 92px; float: left; overflow: hidden;}
.inside_page_nav .nav .nLi a{display: block;height: 92px; line-height: 92px; font-size:15px; color: #333;}
.inside_page_nav .nav .nLi a span{ font-size: 15px;}
.inside_page_nav .nav .on a{display: block;height: 92px; line-height: 92px; font-size:15px; color: #953237 }
.inside_page_nav .nav .on::after{content: "";height: 5px; width:50px; background: #953237;position: absolute; bottom: 0;}
.inside_page_nav .nav .nLi ul{ background: rgba(0,0,0,0.5); position: absolute;top: 92px; z-index: 999; display: none; }
.inside_page_nav .nav .nLi ul li{ height: 42px !important;line-height: 42px !important; text-align: center;float: none; }
.inside_page_nav .nav .nLi ul li a{height: 42px;font-size: 14px; display: block; line-height: 42px !important; font-weight: normal; background: none; color: #fff;padding: 0 15px;}
.inside_page_nav .nav .nLi ul li a:hover{color: #fff; background: #953237;}

.inside_banner_1{ height: 300px; background: url(../images/inside_1.jpg) no-repeat center; margin-bottom: 36px;}

.inside_page_left{  width: 250px; float: left;}
.inside_page_left .col_name{ height: 110px; width: 100%; background: #294776 url(../images/haotu_inside_3.png) no-repeat 93px 19px;}
.inside_page_left .col_name p{ font-size: 24px; color: #fff; text-indent: 28px; padding-top: 30px;}
.inside_page_left .col_name span{ font-size: 14px; color: #fff; text-indent: 28px; display: block;}
.inside_page_left .zi_col { width: 100%; margin-top: 10px; overflow: hidden;}
.inside_page_left .zi_col li{ height: 42px; width: 100%; margin-bottom: 6px; text-indent: 28px;}
.inside_page_left .zi_col li a{ display: block; height: 42px; line-height: 42px;background: url(../images/haotu_inside_4.png) no-repeat 220px 15px; border: 1px solid #eee;}
.inside_page_left .zi_col li.on a{ background: #294776 url(../images/haotu_inside_5.png) no-repeat 220px 15px; border: none; color: #fff}
.inside_page_left .zi_col li.on a:hover{ background: #294776 url(../images/haotu_inside_5.png) no-repeat 224px 15px; border: none; color: #fff}
.inside_page_left .zi_col li a:hover{ background: #f5f5f5 url(../images/haotu_inside_4.png) no-repeat 224px 15px}

.left_contact{ width: 100%;border: 1px solid #eee; padding:20px 0; text-align: center;}
.left_contact p{ font-size: 16px; color: #953237; background: url(../images/haotu_inside_6.png) no-repeat center;}
.left_contact span{ font-size: 24px; font-family: "Impact"; color: #953237; text-align: center; display: block; line-height: 45px;}
.left_contact a{height: 36px; width: 85%; border: 1px solid #eee; display: block;text-align: center; font-size: 16px; color: #294776; margin: 6px auto; line-height: 36px; border-radius: 5px;}
.left_contact a:hover{ background: #294776; color: #fff; border: none;}

.inside_page_right{ width: 904px;  float: right;}
.inside_page_right .location{ height: 54px; list-style: 54px; text-align: right; color: #666; border-bottom: 1px solid #eee;}
.inside_page_right .location a{ color: #666; line-height: 54px;}
.inside_page_right .location a:hover{ color: #953237}
.inside_page_right .location img{ margin-right: 6px;}
.inside_page_right p.colOn{ height: 64px; margin: 20px 0; line-height: 64px; font-size: 24px; position: relative;}
.inside_page_right p.colOn::after{ content: ""; position: absolute; height: 6px; width: 36px; background: #953237; display: block; bottom: 0; left: 0;}
.inside_page_body {line-height: 30px; color:#666; text-align: justify;}

.inside_bottom_icon{  height: 154px; background: url(../images/inside_3.jpg) no-repeat center; margin-top: 30px;}
.inside_bottom_icon .bottom_icon_main li{ float: left; width: 200px; text-align: center;}
.inside_bottom_icon .bottom_icon_main li span{display: block; text-align: center; height: 40px; margin-top: 36px;}
.inside_bottom_icon .bottom_icon_main li p{ color: #fff; margin-top: 4px;}
.footer_inside{ height: 318px !important;}

/* 内页产品中心 */
.inside_banner_2{ height: 300px; background: url(../images/inside_4.jpg) no-repeat center;}
.pro_top{height: 30px;}
.case_list{ width: 930px;}
.case_list li{  width: 291px; float: left; border: 1px solid #eee; margin-right: 16px; margin-bottom: 16px; } 
.case_list li .img{ width: 266px;; margin: 0 auto; overflow: hidden; margin-top: 10px;}
.case_list li .img img{ width: 100%; transition: all .4s;}
.case_list li .img img:hover{transform: scale(1.06); transition: all .4s;}
.gallery-title{ height: 42px; line-height: 42px; text-align: center;  font-size: 16px; background: #eee;}
.case_list li:hover .gallery-title{ background: #294776; color: #fff;}

/* 相册效果 */
.Gallery { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,.9); opacity: 0; z-index: 999999; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.Gallery.show { opacity: 1; }
.g-bottom, .g-left, .g-right, .g-top { z-index: 99; display: block; -webkit-appearance: none; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; }
.g-top { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left.none, .g-right.none { opacity: .3; cursor: not-allowed; }
.g-bottom { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.7); height: 45px; text-align: center; line-height: 45px; color: #fff; z-index: 120; }
.g-left { position: absolute; top: 43%; left: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.g-right { position: absolute; top: 43%; right: 0; height: 14%; background: rgba(0, 0, 0, 0.5); width: 55px; cursor: pointer; }
.Gallery img { max-height: 87%; max-width: 99%; }
.Gallery.Gallery-none img { max-height: 100%; max-width: 99%; }
.Gallery-wrap { width: 100%; height: 100%; position: relative; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); }
.g-left:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 16px; top: 50%; margin-top: -1px; }
.g-left:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: none; border-right: none; display: block; position: absolute; left: 16px; top: 50%; margin-top: -6px; }
.g-right:after { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; right: 16px; top: 50%; margin-top: -1px; }
.g-right:before { content: ''; width: 10px; height: 10px; border: 2px solid #fff; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: none; border-bottom: none; display: block; position: absolute; right: 16px; top: 50%; margin-top: -6px; }
.g-list { width: 100%; height: 100%; text-align: center; vertical-align: middle; position: absolute; left: 0; top: 0; }
.g-list span { display: inline-block; vertical-align: middle; height: 100%; }
.g-list img { vertical-align: middle; cursor: -webkit-grab; cursor: grab; transition: all .4s ease; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; }
.Gallery-wrap.grab .g-list img { cursor: -webkit-grabbing; cursor: grabbing; }
.g-top .g-count { width: auto; height: 100%; position: absolute; left: 0; top: 0; padding: 0 18px; }
.g-top button { height: 45px; width: 45px; border: none; position: absolute; right: 0; top: 0; opacity: .8; background: 0 0; -webkit-tap-highlight-color: transparent; }
.g-top span { display: block; width: 100%; height: 100%; line-height: 45px; color: #fff; }
.g-close { cursor: pointer; }
.g-close:after { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; left: 8px; top: 21px; }
.g-close:before { content: ''; width: 24px; height: 2px; background: #fff; display: block; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position: absolute; left: 8px; top: 21px; }
.g-top button:hover { opacity: 1; }
.loading { width: 100%; height: 100%; background: #111111; position: absolute; left: 0; top: 0; z-index: 1000; }
.loading s { display: block; width: 30px; height: 30px; background: #0ad1a9; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-top: -15px; margin-left: -15px; -moz-animation: load 1.5s linear infinite; -webkit-animation: load 1.5s linear infinite; }
.loading p { text-align: center; font-size: 12px; position: relative; top: 50%; margin-top: 25px; }


/* 产品中心 */
.pro_list{ width: 923px; margin-bottom: 20px; overflow: hidden;}
.pro_list li{ width: 284px; float: left;  margin-right: 22px; margin-bottom: 12px;}
.pro_list li .ny_pro{ height: 260px; width: 284px; border: 1px  solid #eee; text-align: center; overflow: hidden;}
.pro_list li .ny_pro img{transition: all .4s; width: 100%;}
.pro_list li:hover .ny_pro img{transform: scale(1.09); transition: all .4s;}
.pro_list li p a{ height: 42px; display: block; font-size: 15px; text-align: center; line-height: 42px;background: #eee; color: #333;}
.pro_list li:hover p a{background: #294776; color: #fff;}

/* 新闻列表 */
.inside_news_list {overflow: hidden;}
.inside_news_list ul li .case_img{width: 20%; height: auto; float: left;}
.inside_news_list ul li .case_img img{width:100%; max-height:135px;}
.inside_news_list ul{width:100%; height:auto; display: block; margin-bottom: 20px;}
.inside_news_list ul li{width:100%;height:auto;display: block; overflow: hidden; border-bottom: 1px solid #eaeaea; padding: 20px 0;}
.inside_news_list ul li:hover a h3,.news_infos ul li:hover a p,.news_infos ul li:hover .news_picimg i{color:#294776;}
.inside_news_list ul li:hover .news_time{background: #294776; color: #fff;transition: all .4s;}
.inside_news_list ul li .news_time{transition: all .4s;}
.news_picimg { width:75px; height: 100%; float: right; text-align: center; margin-top:42px}
.news_picimg i{ font-size: 30px!important; color: #cccccc}
.news_main_bottom .news_twoinfo { width: 67%; margin-left: 61px;  margin-right: 30px;margin-top: 13px;}
.news_twoinfo a h3 {  font-size: 16px; color: #333;  height: 30px; line-height: 30px;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.news_twoinfo{ float: left;width: 75%; margin-left:22px;}
.news_twoinfo h1{font-size:18px; font-weight:bold;}
.news_twoinfo h3{font-size: 16px; color: #333;height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.news_twoinfo p{font-size: 13px; color: #666; line-height: 25px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;overflow:hidden;}
.nerws_dianji{width:100%; height:30px; line-height: 30px; color:#666; font-size:14px}
.nerws_dianji p{float:left}
.nerws_dianji p i{margin-right:2px; font-size: 12px}
.icon-weibiaoti1{font-size: 16px!important; margin-left:10px}
.news_time{width: 84px; height: 111px; float:left; background: #f5f5f5; text-align: center;padding-top:15px;cursor: pointer;color: #294776; }
.news_time p{font-size: 40px; font-weight: bold}
.news_time time{font-size: 13px;}

.news_detail_title{ font-size: 24px; text-align: center; margin:16px 0;}
.news_detail_date{ color: #999; text-align: center; padding-bottom: 14px; border-bottom: 1px solid #eee;}
.news_body{ line-height: 30px;color: #666; text-align: justify; margin-top: 15px; margin-bottom: 30px; }
.news_body *{ color: #666;}
.news_body img{ border-radius:6px; margin-top: 6px;}
.detail_down_up{ height: 96px; width: 100%; background: #f6f6f6; border-radius: 6px; padding: 20px 20px 20px 26px; line-height: 28px; margin-bottom: 40px; position: relative; color: #666;}
.detail_down_up p a{ width: 120px; height: 36px; line-height: 36px; color: #fff; position: absolute; top: 30px; right: 25px; background:#294776 url(../images/dzr_ny_13.png) no-repeat 18px center; border-radius: 6px; text-indent: 40px;}
.detail_down_up p a:hover{background: #333 url(../images/dzr_ny_13.png) no-repeat 18px center;}
.recommend_main{ margin-bottom: 40px; overflow: hidden;}
.recommend_main li{ height: 54px; line-height: 54px; background: url(../images/dzr_ny_14.png) no-repeat left center; text-indent: 24px; margin-right: 30px; width: 432px; border-bottom: 1px dashed #eee; float: left;}
.recommend_main li span{ float: right; color: #999;}
.recommend_main li:hover{ background: url(../images/dzr_ny_15.png) no-repeat left center;}
.col_title_nr{ height: 56px; line-height: 56px; font-size: 24px; margin: 30px 0; background: url(../images/dzr_ny_10.png) no-repeat bottom left;}
.new_detail_tj{ width: 950px;overflow: hidden;}
.inside_banner_3{ height: 300px; background: url(../images/inside_5.jpg) no-repeat center; margin-bottom: 36px;}
.inside_banner_case{ height: 300px; background: url(../images/inside_0.jpg) no-repeat center; margin-bottom: 36px;}
.inside_banner_4{ height: 300px; background: url(../images/inside_6.jpg) no-repeat center; margin-bottom: 36px;}
.inside_banner_5{ height: 300px; background: url(../images/inside_7.jpg) no-repeat center; margin-bottom: 36px;}
.inside_banner_7{ height: 300px; background: url(../images/inside_8.jpg) no-repeat center; margin-bottom: 36px;}
.inside_banner_8{ height: 300px; background: url(../images/inside_9.jpg) no-repeat center; margin-bottom: 36px;}

/* 联系我们 */
.contact_nr{ height: 366px; width: 100%; position: relative;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact_text{ height: 366px; background: rgba(255,255,255,0.9); width: 900px; position: absolute; right: 0; top: 0; z-index: 9999999; border: 1px solid #dedede;padding-left: 30px;}
.contact_text h2{ font-size: 18px; color: #333; line-height: 54px; margin-top: 40px;}
.contact_text p{ line-height: 30px; color: #666}