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

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}
body{ font-family: Arial, Helvetica, sans-serif, "PingFang SC", "Source Han Sans CN", "Microsoft Yahei";background:#fff; font-size:15px;overflow-x:hidden; color:#5c5c5c;}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#cf1213}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#cf1213}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f18{ font-size:18px;}

.wrap{width:100%; max-width:1400px;margin:0 auto}
.header{ position:relative; height:160px; z-index:999}
.header-top{ background:#333; height:50px; line-height:50px; position:fixed; left:0;top:0; width:100%; color:#fff}
.header-top a{ display:block}
.header-top .left{ padding-left:180px}
.header-top .right{ padding-right:180px;}
.header-top .right a{ float:left}
.header-top .right .mail{ margin-right:80px}
.header-top .right .tel{ position:relative; padding-right:80px; margin-right:80px;}
.header-top .right .tel:after{ content:""; width:1px; height:12px; background:rgba(255,255,255,0.7); position:absolute; right:0;top:19px}
.header-top .right .tel b{ font-weight:bold}
.header-top a{ color:#fff}
.header-bot{ background:#fff; height:110px; position:fixed; left:0;top:50px; width:100%; box-shadow:0 0 15px rgba(0,0,0,0.1); padding:0 50px; font-size:16px}
.header-bot .right{ padding-right:130px}
.header-bot .right a{ float:left}
.header-bot .right .search-btn{ line-height:110px; color:#cf1213; background:url(../images/searchbtn.png) no-repeat left center; background-size:15px auto; padding-left:20px; margin-right:35px}

.logo{ height:100%; overflow:hidden; position:relative}
.logo img{ display:block;}

.menu{ margin-left:5%}
.menu li{ float:left; font-size:16px; line-height:110px;position:relative}
.menu li a{ display:block;}
.menu li.on .menu_a{color:#cf1213}
.menu .menu_a{ position:relative; padding:0 30px}
.menu .menu_a:after{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; right:0;top:50%; margin-top:-6px;}
.menu li:last-child .menu_a::after{ display:none}
.menu .menu_a:before{ content:""; width:0; height:2px; background:#cf1213; position:absolute; left:50%; transform:translateX(-50%); bottom:35px; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.menu .menu_a.cur{color:#cf1213}
.menu .menu_a:hover::before, .menu .menu_a.cur::before{ width:calc(100% - 60px);}

.menu li .sub{ position:absolute; width:150px; left:50%; margin-left:-75px; background:#fff;height:0; overflow:hidden;box-shadow: 0 0 15px rgba(0,0,0,0.1);-webkit-transform:translateY(2px); -ms-transform:translateY(2px);transform: translateY(2px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;}
.menu li .sub a{ display:block; background:#f3f3f3; color:#666; border-bottom:1px solid #d5d5d5; line-height:22px; font-size:15px;padding:10px}
.menu li .sub a:hover{background:#cf1213; color:#fff}
.menu li .sub.active{ height:auto;-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); overflow:visible}
.menu li .prosub .cls{ position:relative}
.menu li .prosub .cls>a{ position:relative; z-index:2}
.menu li .prosub .cls.on>a{background:#cf1213; color:#fff}
.menu li .prosub .sub{ left:150px; margin-left:0;top:0; z-index:1; border-left:1px solid #e8e8e8}

.lang{ position:relative; background:url(../images/icon_1.png) no-repeat 5px center; background-size:18px auto; color:#666;line-height: 110px;padding-left:25px; opacity:0.8}
.lang:hover{background:url(../images/icon_1_h.png) no-repeat 5px center; background-size:18px auto; color:#cf1213; opacity:1}
.lang .sub{ position:absolute;width:100%;height:0; overflow:hidden; left:0;z-index:9;-webkit-transform:translateY(2px); -ms-transform:translateY(2px);transform: translateY(2px);-webkit-transition: -webkit-transform .3s ;transition: transform .3s;}
.lang .sub a{ display:inline-block; background:#fff;height: 33px;line-height: 33px; text-align:center;color: #666; border-bottom: 1px solid #d5d5d5;width: 100%;}
.lang .sub a:hover{ color:#e89211; background:#f3f3f3}
.lang .sub.on{-webkit-transform:translateY(0); -ms-transform:translateY(0);transform: translateY(0); height:auto;}


.search-alert{position: fixed;z-index:998;background-color: #f3f3f3;left: 0;top: 160px;width: 100%; padding:30px 3%;display: none;}
.search-alert .close{display: block;width:25px; height:25px;background: url(../images/closed_b.png) no-repeat center;position: absolute;top:30px;right:10%;cursor: pointer;transition: transform 0.3s ease 0s;}
.search-alert .form{ width:800px; margin:0 auto; position:relative}
.search-alert .form .tex {border: solid #CCCCCC 1px;font-size:16px;height:45px;line-height: 45px;width: 100%;box-sizing: border-box;color: #555;background:#fff;padding-left:20px;padding-right: 80px;}
.search-alert .form .sub-butn {border: none;font-size:16px;line-height:45px;text-align: right;background:#cf1213;color:#fff;position: absolute;right: 0;top: 0;width: 80px;text-align: center; cursor:pointer}
.search-alert .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}

.banner{position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner a{ display:block;}
.banner .text{ position:absolute; background:#cf1213; color:#fff; color:#fff; font-weight:bold; width:40%; padding:10% 3% 10% 5%; height:100%}
.banner .text .p0{ font-size:60px;}
.banner .text .p1{font-size:38px; }
.banner .text .p2{ font-size:25px; font-weight:normal; margin-top:30px}
.banner .images{ width:63%; float:right}
.banner .images img{ display:block; width:100%}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#cf1213}

.i-product{ padding:60px 0}
.i-product ul{ margin-right:-2%}
.i-product li{ float:left; width:23%; margin-right:2%; border:1px solid #e8e8e8; overflow:hidden;position:relative}
.i-product li .image{ position:relative; overflow:hidden; width:100%;border-bottom:1px solid #e8e8e8;}
.i-product li img{ width:100%; height:auto; display:block}
.i-product .textbox{ width:100%; background:#fff;position: relative;overflow: hidden;}
.i-product .textbox .text_top{padding:25px 20px}
.i-product .textbox h3{ font-size:18px; color:#333; font-weight:bold; margin-bottom:6px}
.i-product .textbox h4{ font-size:16px; color:#666}
.i-product .textbox .text_bot{position: absolute; padding: 0 20px 20px 20px;line-height: 24px;font-size: 14px;color: #666;}
.i-product li .image,.i-product .textbox{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;}


.i-about{ background:#f3f3f3/* url(../images/gsbj.jpg) no-repeat center*/; background-size:cover; padding:60px 0; position:relative}
/*.i-about:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,.35); position:absolute; left:0;top:0}*/
.i-about .wrap{ background:#fff; position:relative}
.i-about .img{ width: 40%; float: right; display: block;}
.i-about .img img{ max-width:100%; height:auto; display:block; float:right; padding-right:50px; padding-bottom: 50px; padding-top:50px}
.i-about .left{ box-sizing: border-box; padding:50px 0 50px 50px; position:relative; width: 56%; float: left; display: block;}
.i-about .left .tit{ font-size:50px; font-weight:bolder; color:#333}
.i-about .left .intro{ font-size:30px; color:#333; margin:0 0 30px}
.i-about .left .intro span{ display:block; font-size:35px;font-weight:bold;}
.i-about .left .txt{ line-height:28px;}
.i-about .left .txt p{ margin-bottom:10px}
.i-about .left .more{ display:block; width:100px; line-height:38px; text-align:center; background:#cf1213; color:#fff; position:relative; overflow:hidden; margin-top:30px}
.i-about .left .more:before{ content:""; width:120%; height:100%; background:#fff; -webkit-transform:skewX(-40deg);-moz-transform:skewX(-40deg);transform:skewX(-40deg); position:absolute; left:-150%;top:0; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.i-about .left .more span{ position:relative}
.i-about .left .more:hover::before{left:120%}
.i-about .left .more:hover{ color:#fff}


.i-solution{ position:relative}
#solutionlist .swiper-slide .pic{overflow:hidden; position:relative; z-index:1}
#solutionlist .swiper-slide .pic img{ display:block; width:100%}
#solutionlist .swiper-slide .wrap {
    position: absolute;
    left: 50%;
	top:0;
    margin-left: -700px;
	height:100%;
	z-index:1;
}
#solutionlist .swiper-slide{ overflow:hidden;}
#solutionlist .swiper-slide .wrap:before{ content:""; width:50%; height:100%; display:block; position:absolute; left:-50%;top:0;background: rgba(207,18,19,0.75); z-index:9}
#solutionlist .swiper-slide .text{ width:26%; background: rgba(207,18,19,0.75); color:#fff; position:relative; z-index:2; padding-top:10%; height:100%; padding-right:2%}
#solutionlist .swiper-slide h3{font-size:30px; font-weight:bold}
#solutionlist .swiper-slide .intro{ line-height:26px; font-size:16px; margin:25px 0 40px;}
#solutionlist .swiper-slide .more{ display:block; width:100px;text-align:center; line-height:35px;border:1px solid #fff; color:#fff; opacity:.65}
.i-solution .tabs{ width:100%; position:absolute; left:0;bottom:0;background:rgba(0,0,0,0.5); z-index:2}
.i-solution .tabs a{ color:#fff; float:left; width:12.5%; position:relative; font-size:18px;}
.i-solution .tabs a:before{ content:""; width:1px; height:100%; position:absolute; right:0;top:0; background:rgba(255,255,255,0.1)}
.i-solution .tabs a:last-child::before{ display:none}
.i-solution .tabs span{ display:block; display:-webkit-flex;display:flex; align-items:center; justify-content:center; height:45px; position:relative}
.i-solution .tabs a.active span{ border:2px solid #cf1213}
.i-solution .tabs a.active span:before{ content:""; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent; border-bottom:10px solid #cf1213; position:absolute; left:50%; top:-10px; margin-left:-5px}
.i-solution .tabs_box{ width:74%; float:right}
#solutionlist .swiper-slide .more:hover{ opacity:.85}

.advertisement{ background-color:#e89211; height:130px; position:relative; color:#fff;display:-webkit-flex;display:flex; align-items:center; justify-content:center;}
.advertisement h3{ font-family:Aurora; text-align:center;font-size:55px; }

.i-news{ background:#fff; padding:60px 0;overflow: hidden;}
.i-news .title{ margin-bottom:30px; font-size:35px; color:#333; font-weight:bold}
.i-newslist ul{ margin-right:-2%}
.i-newslist li{ float:left; width:23%; margin-right:2%}
.i-newslist li h3{ font-size:18px; color:#333; line-height:30px; font-weight:500; margin-top:10px;margin-bottom:6px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i-newslist li .pic{ overflow:hidden; height:240px;}
.i-newslist li img{ width:100%; height: 100%; display:block; object-fit:cover;}
.i-newslist li .tit{ cursor:pointer}
.i-newslist li .intro{ color:#808080;line-height:24px;position:relative; margin-top:5px;-webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis; margin-top:10px}
.i-newslist li .time{ color:#999}
.i-newslist li .more{ position:absolute; right:0;top:0; font-size:12px; line-height:18px; width:60px; text-align:center; background:#cf1213; color:#fff; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.i-newslist li .top{ color:#999; line-height:20px}
.i-newslist li .top span{ float:left}
.i-newslist li .clas{ margin-left:20px; padding-left:12px; position:relative}
.i-newslist li .clas:before{ content:""; width:5px; height:5px; display:block; background:#cf1213; border-radius:50%; position:absolute; left:0;top:6px}
.i-newslist li .more:hover{background: rgba(208,18,19,0.6);}

@font-face{
font-family:'Aurora';
src:url("../fonts/Aurora BdCn BT Bold.eot");
src:url("../fonts/Aurora BdCn BT Bold.eot") format("embedded-opentype"),
url("../fonts/Aurora BdCn BT Bold.woff2") format("woff2"),
url("../fonts/Aurora BdCn BT Bold.woff") format("woff"),
url("../fonts/Aurora BdCn BT Bold.ttf") format("truetype"),
url("../fonts/Aurora BdCn BT Bold.svg#BEBAS") format("svg");
}
/*============================================================*/
.nbanner{ position:relative;}
.nbanner img{ display:block; width:100%}
.nbanner .text{position:absolute; left:0;bottom:0; color:#fff; font-size:50px; font-weight:bold; background:rgba(207,18,19,0.8); padding-top:8%; padding-right:3%; height:100%; width:30%; text-align:right}

.n_nav{ text-align:center;font-size:18px; background:#f5f5f5}
.n_nav li{ float:left; width:33.33%;text-align:center; position:relative}
.n_nav li a{ display:block; line-height:70px;color:#333; position:relative}
.n_nav li a:after{ content:""; width:1px; height:20px; background:#ddd; position:absolute; right:0; top:50%; margin-top:-10px}
.n_nav li:last-child a::after{ display:none}
.n_nav li a:hover{color:#cf1213;}
.n_nav li.cur a{color:#cf1213;}
.n_nav li.cur a:before{ content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #cf1213; position:absolute; left:50%; margin-left:-8px;top:0}

.n_nav_5 li{ width:20%}
.n_nav_2 li{ width:50%}

.main{ padding:60px 0}
.main_2{ background:#f3f3f3;}
.main .content{ line-height:30px;}
.main .content img{ max-width:100%; height:auto}
.main .title{ margin-bottom:30px; font-size:35px; color:#333; font-weight:bold}
.content_a{ font-size:16px;}
.shzr{ margin-bottom:30px}
.shzr img{ display:block; width:100%; height:auto}
.shzr .txt{
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
	color:#fff;
	padding:30px;
	font-size:25px;
	font-weight:bold;
}
.shzr li .textbox h3{ font-weight:bold; padding:0 30px 30px; font-size:25px}
.shzr .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:1;}
.shzr .swiper-pagination-bullet-active{ background:#cf1213}

.culture{ margin-right:-2%}
.culture .item{ border:1px solid #e8e8e8; width:23%; margin-right:2%; float:left; background:#fff}
.culture .item img{ width:100%; height:auto; display:block}
.culture .item .text{ padding:20px 20px 30px; line-height:24px; min-height:135px}
.culture .item .text h4{ font-weight:bold; font-size:20px; color:#333; margin-bottom:10px}

.newscon .left{ width:calc(100% - 350px);}
.newscon .right{ width:280px;}
.n_newsnav li{ margin-bottom:10px}
.n_newsnav a{ display:block; background:#f3f3f3; padding:10px 10px 10px 30px; position:relative; color:#333}
.n_newsnav a:before{ content:""; width:0; height:0; border-left:6px solid #ccc; border-top:6px solid transparent; border-bottom:6px solid transparent; position:absolute; left:15px; top:18px}
.n_newsnav li.cur a,.n_newsnav li:hover a{ background:#cf1213; color:#fff}
.n_newsnav li.cur a:before,.n_newsnav li:hover a:before{ border-left:6px solid #fff}
.newslist li{margin-bottom:40px; padding-bottom:40px; border-bottom:1px dashed #ddd;position:relative}
.newslist li .pic{ overflow:hidden; position:relative; width:28%}
.newslist li img{ width:100%; display:block; -webkit-transition:1s;-moz-transition:1s;transition:1s;}
.newslist li .text{ width:68%}
.newslist li h3{ font-size:20px;color:#333;margin-bottom:15px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
.newslist li .intro{ line-height:26px; color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist li .bot{font-size: 14px; color: #999;-webkit-transition:.4s;-moz-transition:.4s; transition:.4s; margin-top:30px}
.newslist li .bot span{ display:inline-block; position:relative; margin-right:20px;}
.newslist li .bot .more{ position:relative; font-size:13px; padding-left:20px;}
.newslist li .bot .more:before{ content:""; width:1px; height:12px; background:#e8e8e8; position:absolute; left:0; top:8px;}
.newslist li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.newslist li:hover h3{color:#cf1213}
.newslist li:hover .more{}

.newscon .ntit{ text-align:center; font-size:35px; font-weight:bold;color: #cf1213; margin-bottom:20px; line-height:45px}
.newscon .ntime{ text-align:center; border-bottom:1px solid #e8e8e8; margin-bottom:30px; padding-bottom:10px}
.newDetail{ line-height:30px; font-size:16px;}
.newDetail p{ margin-bottom:8px}

.video{ margin-top:30px; position:relative}
.video .pic{ overflow:hidden}
.video img{ width:100%; display:block; -webkit-transition:1s;-moz-transition:1s;transition:1s;}
.video .bg{ position:absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,0.3); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.video h3{position:absolute; width:100%;bottom:0; height:35px; line-height:35px; color:#fff; background:rgba(0,0,0,0.5); text-align: center; font-size:14px;}
.video .icon{ width:60px; height:60px; position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px; background:url(../images/videobtn_w.png) no-repeat center; background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.video:hover .bg{background:rgba(0,0,0,0)}
.video:hover .icon{ opacity:0}

.m-video{ display:none; position:relative}
.m-video .pic img{ width:100%; height:auto; display:block}
.m-video .bg{ position:absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,0.6); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-video .icon{ width:90px; height:90px; position:absolute; left:50%; top:50%; margin-top:-45px; margin-left:-45px; background:url(../images/videobtn_w.png) no-repeat center; background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}

.videolist ul{ margin-right:-2%}
.videolist li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%; position:relative}
.videolist li .pic{ overflow:hidden}
.videolist li img{ width:100%; display:block; -webkit-transition:1s;-moz-transition:1s;transition:1s;}
.videolist li .bg{ position:absolute; width:100%; height:100%;left:0;top:0; background:rgba(0,0,0,0.3); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.videolist li h3{position:absolute; width:100%;bottom:0; height:45px; line-height:45px; color:#fff; background:rgba(0,0,0,0.5); text-align: center; font-size:16px;}
.videolist li .icon{ width:80px; height:80px; position:absolute; left:50%; top:50%; margin-top:-40px; margin-left:-40px; background:url(../images/videobtn_w.png) no-repeat center; background-size:cover;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.videolist li:hover .bg{background:rgba(0,0,0,0)}
.videolist li:hover .icon{ opacity:0}
.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video{ display:block}
.video-show {position: absolute;z-index: 999;width:650px; height:368px;background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close{ width:37px; height:37px; background:url(../images/closed_w.png) no-repeat; position:absolute; top:-45px; right:-45px; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
.focusvideo #videovl {width: 100%;height: 100%;}



.page_2{ padding-top:30px; position:relative; border-top:1px solid #e8e8e8; margin-top:30px}
.page_2 p{ padding-right:150px;}
.page_2 .back{width: 120px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #999;transition: all 0.5s ease; position:absolute; right:0;top:30px; overflow:hidden}
.page_2 .back a{ display:block; background:#cf1213; color:#fff}
.page_2 .back:before {
    content: "";
    width: 120%;
    height: 100%;
    background: #fff;
    -webkit-transform: skewX(-40deg);
    -moz-transform: skewX(-40deg);
    transform: skewX(-40deg);
    position: absolute;
    left: -150%;
    top: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
}
.page_2 .back span{ position:relative}
.page_2 .back:hover::before{left:120%}

.qzj-toplist{ position:relative; margin-bottom:40px; padding:30px 0}
.qzj-toplist:before{ content:""; width:200%; height:100%; background:#f3f3f3; position:absolute; left:-50%;top:0; z-index:-1}
.qzj-toplist .pic{ width:45%}
.qzj-toplist .pic img{ display:block; width:100%; height:auto}
.qzj-toplist .txt{ width:50%}
.qzj-toplist .txt .icon{ margin-top:-15px}
.qzj-toplist .txt h3 {font-size: 35px;font-weight: bold; color: #333; margin:-25px 0 20px;}
.qzj-toplist .txt .intro{ line-height:26px;}
.qzj-toplist .txt .intro p{ margin-bottom:10px}

.n_solutionlist ul{ margin-right:-2%;}
.n_solutionlist li{width:31.33%; margin-right:2%; margin-bottom:2%; overflow:hidden; position:relative}
.n_solutionlist li .image{ overflow:hidden; position:relative;width: 100%;border-bottom: 1px solid #e8e8e8;}
.n_solutionlist li img{ display:block; width:100%; height:auto}
.n_solutionlist li a{ display:block; border:1px solid #e8e8e8; overflow:hidden}
.n_solutionlist li .textbox{ position:relative;overflow: hidden;}
.n_solutionlist .textbox .text_top{padding:10px 30px; color:#666}
.n_solutionlist li:hover{background: #cf1213;}
.n_solutionlist li:hover .textbox .text_top, .n_solutionlist li:hover h3,.n_solutionlist li:hover .textbox .text_bot,.n_solutionlist li:hover .col01{ color:#fff}
.n_solutionlist li h3{ font-size:20px; font-weight:bold; color:#333}
.n_solutionlist .textbox .text_bot{position: absolute;padding: 0 30px 20px 30px; line-height:24px; font-size:14px; color:#666;}
.n_solutionlist li .image,.n_solutionlist .textbox{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;}
.n_solutionlist li.last{}

.product_con .left{ width:77%; padding-right:3%; position:relative; border-right:1px solid #e8e8e8}
.product_con .left .proimg{ width:420px;}
.product_con .left .proimg .top{border:1px solid #e8e8e8;}
.product_con .left .proimg .top img{ width:100%; height:auto; display:block}
.product_con .left .proimg .bot{ margin-top:30px}
.product_con .left .proimg .bot>p{ font-size:20px; position:relative; padding-left:12px; margin-bottom:30px}
.product_con .left .proimg .bot>p:before{ content:""; width:4px; height:20px; background:#cf1213; position:absolute; left:0;top: 50%;margin-top: -10px;}

.application img{ display:block; width:100%}
.application .swiper-pagination-bullet{ width:10px; height:10px; background:none; opacity:1; border:1px solid #fff}
.application .swiper-pagination-bullet-active{ background:#fff}
.product_con .left .protxt{ padding-left:480px}
.product_con .protxt h1{ font-weight:bold; font-size:35px; color:#333; line-height:40px; margin-bottom:30px}
.product_con .protxt .weight{ font-size:20px; color:#cf1213; font-weight:bold; margin-bottom:15px}
.product_con .right{ width:20%}
.product_con .right .tittop{ font-size:20px; position:relative; padding-left:12px; margin-bottom:30px}
.product_con .right .tittop:before{ content:""; width:4px; height:20px; background:#cf1213; position:absolute; left:0;top: 50%;margin-top: -10px;}
.related_pro li{ text-align:center; margin-bottom:20px}
.related_pro li .pic{ border:1px solid #e8e8e8;}
.related_pro li img{ display:block; width:100%; height:auto}
.related_pro li .tit{padding-top:10px;}

.servicelist .pic{ width:45%}
.servicelist .text{ width:50%; font-size:20px; line-height:40px}

.n_solutionlist_2 li{ width:48%}


.n_solutionlist_3 img{ display:block}
.n_solutionlist_3 .image{ overflow:hidden}
.n_solutionlist_3 .top_4{position:relative;margin-right:-1%}
.n_solutionlist_3 .top_4 .item{ position:relative; float:left;}
.n_solutionlist_3 .top_4 .item1,.n_solutionlist_3 .top_4 .item2{ width:36.5%;position:absolute; left:0;top:0;height:100%}
.n_solutionlist_3 .top_4 .item1 .image,.n_solutionlist_3 .top_4 .item2 .image{ height:100%; overflow:hidden}
.n_solutionlist_3 .top_4 .item1 img,.n_solutionlist_3 .top_4 .item2 img{ height:100%; max-width: inherit; min-width:100%;width:auto; display:block}
.n_solutionlist_3 .top_4 .item2{left:37.5%}
.n_solutionlist_3 .top_4 .item3{ width:24%; margin-right:1%;float:right; position:relative}
.n_solutionlist_3 .top_4 .item3>div{ position:relative; max-height:350px; overflow:hidden}
.n_solutionlist_3 .top_4 .item3>div:first-child{ margin-bottom:4%}
.n_solutionlist_3 .bot{ margin-right:-1%}
.n_solutionlist_3 .bot .item{ float:left; position:relative; width:24%; margin-right:1%;margin-top:1%;position:relative}
.n_solutionlist_3 .textbox{
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 20%),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0) 20%,rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0) 20%,rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0) 20%,rgba(0,0,0,0.9));
	color:#fff;
	display:flex;
	display:-webkit-flex;
	align-content:center;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	-webkit-transition:.4s;
	-moz-transition:.4s;
	transition:.4s;
}
.n_solutionlist_3 .textbox h3{ font-weight:bold; font-size:40px; width:100%; text-align:center}
.n_solutionlist_3 .textbox p{ font-size:18px; display:block; width:100%; text-align:center; padding-top:20px; padding-right:10%; padding-left:10%}
.n_solutionlist_3  img{ -webkit-transition:.8s;-moz-transition:.8s;transition:.8s; width:100%; display:block}
.n_solutionlist_3 .item:hover img,.n_solutionlist_3 .kuai:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.n_solutionlist_3 .textbox:hover{ background: rgba(2017,18,19,.85);}
.download{ position:relative; width:100%}
.download .image img{ display:block; width:100%}
.download .textbox{
	display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
	color:#fff;
	display:flex;
	display:-webkit-flex;
	align-content: flex-end;
	flex-wrap:wrap;
}
.download .textbox h3,.download .textbox .list{ width:100%; position:relative}
.download .textbox h3{ color:#fff; font-size:25px; font-weight:bold; padding:0 30px 20px}
.download .textbox .list{padding:0 30px 40px; color:#fff}
.download .textbox .list a{ color:#fff; font-size:18px; margin-right:15px; padding-right:15px; position:relative}
.download .textbox .list a:after{ content:""; width:1px; height:14px; background:#fff; position:absolute; right:0;top:50%; margin-top:-7px;}
.download .textbox .list a:last-child{ padding-right:0; margin-right:0}
.download .textbox .list a:last-child::after{ display:none}

.downlist_1{}
.downlist_1 ul{ margin-right:-2%;}
.downlist_1 li{width:31.33%; margin-right:2%; margin-bottom:2%; overflow:hidden; float:left}
.downlist_1 li .image{ overflow:hidden; position:relative;width: 100%;}
.downlist_1 li img{ display:block; width:100%; height:auto}
.downlist_1 li a{ display:block; border:1px solid #e8e8e8;}
.downlist_1 li .textbox{ position:relative;overflow: hidden;}
.downlist_1 .textbox .text_top{padding: 20px 30px 20px 30px; color:#666}
.downlist_1 li h3{ font-size:20px; font-weight:bold; color:#333}
.downlist_1 .textbox .text_bot{position: absolute;padding: 0 30px 20px 30px; line-height:24px; font-size:14px; color:#666;}
.downlist_1 li .image,.downlist_1 .textbox{ -webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;}

.downlist{ position:relative}
.downlist ul{ margin-right:-2%}
.downlist li{ width:48%; float:left; margin-right:2%; margin-bottom:2%;}
.downlist li a{ display:block; border:1px solid #e8e8e8; padding:30px}
.downlist li h3{color:#333; font-size:20px; margin-bottom:10px}
.downlist li p{ color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:26px}
.downlist li .more{ display:block; background:url(../images/icon_5_h.png) no-repeat left center;color: #cf1213; background-size:20px 20px; padding-left:25px; margin-top:20px}
.downlist li,.downlist li h3,.downlist li p,.downlist li .more{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.downlist li:hover{ background:#cf1213}
.downlist li:hover h3{ color:#fff}
.downlist li:hover p{ color: rgba(255,255,255,.9)}
.downlist li:hover .more{background:url(../images/icon_5_h1.png) no-repeat left center;color: #fff;}

.contact-top{ position:relative}
.contact-top .pic{ width:50%}
.contact-top .pic img{width:100%; display:block; height:auto}
.contact-top .text{line-height:30px; position: relative; width:45%}
/*.contact-top .text:before{ content:""; width:1px; height:90%; background:#e8e8e8; position:absolute; top:5%; left:420px}*/
.contact-top .text .item{ float:left;font-size:16px; padding-right:8%}
.contact-top .text h3{color:#333; font-size:26px; margin-bottom:10px}
.contact-top .text .tel strong{ font-size:20px; }
.contact-top .text .item:nth-child(2){ /*float:right;*/ padding-right:0}
.hr-top{ position:relative; line-height:30px}
.hr-top .pic img{ width:100%;  height:auto; display:block}
.hr-top .text{ width:100%; position:absolute;bottom:0; right:0; padding:50px 60px 50px 60px;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
	color:#fff;
}
.hr-top .text h3{ font-size:35px; color:#fff; margin-bottom:30px}
.recruit{font-size: 16px;height: 55px;background: #cf1213; color:#fff;line-height: 55px;padding: 0 20px;font-weight: bold;}
.recruit .tit1, .recruit-li1 .tit1{width: 35%;float: left;}
.recruit .tit2, .recruit-li1 .tit2{width: 23%;float: left;}
.recruit .tit3, .recruit-li1 .tit3{width: 23%;float: left;}
.recruit .tit4, .recruit-li1 .tit4{width: 19%;float: left;}
.recruit-li1{ position:relative; padding:20px 20px; cursor:pointer}
.recruit-li1 .tit5{width: 15px;height: 100%;position: absolute;right: 30px;top: 0;background: url(../images/arrow_icon01.png) no-repeat center;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;transition:transform .3s;}
.recruitcon li {background: #fafafa; border-top: 1px solid rgba(0,0,0,.1);}
.recruitcon li:last-child{border-bottom: 1px solid rgba(0,0,0,.1);}
.recruitcon li:nth-child(2n) {background: #fff;}
.recruit-li2{ padding:30px; background:#ebebeb; font-size:15px; display:none}
.recruit-li1.active .tit5{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);}

.message_float{ position: fixed; right:-400px;top:0; background:#fff; width:400px; height:100%;z-index:1000; box-shadow:-3px 0 15px rgba(0,0,0,0.1);}
.message_float .btn{background:#cf1213;}
.message_float h4{ font-weight:bold; color:#333; font-size:18px; margin-bottom:20px}
.message_float .box{ width:70px; position:absolute; left:-70px; top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%); border-bottom:1px solid #e8e8e8}
.message_float .box>div{text-align: center;border: 1px solid #e8e8e8;border-bottom: none;padding: 12px 0;color: #535353; position: relative; font-size:14px; background:#fff; transition:.3s; cursor:pointer}
.message_float .mes i{width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.message_float .box>div a{ transition:none}
.message_float .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}
.message_float .wx i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.message_float .wx:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.message_float .wx .hd{ position:absolute; right:70px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:15px;color:#535353; display:none}
.message_float .wx .hd img{ width:150px; display:block;}
.message_float .btn i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}
.message_float .btn:hover i{background:url(../images/right_pic4_h.png) no-repeat;}
.message_float .box>div:hover{ background:#cf1213; color:#fff; border:1px solid #cf1213; border-bottom:none}
.message_float .box>div:hover a{ color:#fff;}
.message_float .wx:hover .hd{ display:block}
.message_float.active .btn{ background:#cf1213; color:#fff; border:1px solid #cf1213; border-bottom:none}
.message_float.active .btn i{background:url(../images/right_pic4_h.png) no-repeat;}
.form-box{ height:100%; padding:50px 30px;overflow-y:auto;}
.form-box form .row{ margin-bottom:15px}
.form-box form label{ width:100%;display:block;line-height:38px}
.form-box form input[type='text'], .form-box form input[type='password']{ width:100%;border:1px solid #e8e8e8; line-height:38px; padding:0 10px;}
.form-box form textarea{width:100%;border:1px solid #e8e8e8; line-height:30px; padding:10px; height:100px}
.form-box form input[type='button']{display: block;width:100%;text-align: center;line-height:45px; height:45px;background: #cf1213;color: #fff; border:none; font-size:16px; cursor:pointer; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.form-box form input[type='button']:hover{background:rgba(207,18,19,0.8);}
.form-box form .inp{ width:30% !important}
.form-box .bc{color:#666; font-size:13px}



/*============products===================*/
.pro_nav{background-color: #d5d7d8;color: #737373; position:relative; height:45px}
.pro_nav li{ color:#fff; float:left; width:33.33%; position:relative;text-align:center}
.pro_nav li:before{ content:""; width:1px; height:100%; position:absolute; right:0;top:0; background:rgba(255,255,255,0.3)}
.pro_nav li:last-child::before{ display:none}
.pro_nav li a{ display:block; display:-webkit-flex;display:flex; align-items:center; justify-content:center; height:45px; position:relative}
.pro_nav li.cur a{ border:2px solid #e89211; background:#e89211; color:#fff}
.pro_nav li.cur a:before{ content:""; width:0; height:0; border-left:10px solid transparent;border-right:10px solid transparent; border-top:10px solid #e89211; position:absolute; left:50%; bottom:-10px; margin-left:-5px}
.pro_nav .pro_nav_fix.scroll{position: fixed;background-color: #d5d7d8;left: 0;top:97px;width: 100%;z-index: 3;}
.location{position: relative; margin-bottom:20px; font-size:15px; color:#999;}
.location a{ color:#999; position:relative; margin-right:20px}
.location a:after{ content:" > "; font-family:Simsun; color:#999; position:absolute; right:-12px;top:0}
.location a:last-child::after{ display:none}
.location a:hover{ text-decoration:underline}

.feturesBox{ position:relative; margin-top:40px;}
.fetures-list{}
.fetures-list .textbox{ width:45%; border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}
.fetures-list .textbox .tit{ font-weight:bold; font-size:22px; color:#333; position:relative; padding-right:10px; padding-bottom:10px; cursor:pointer}
.fetures-list .textbox .tit:after{ content:""; width:0; height:0; display:block; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #333; position:absolute; top:0; right:0}
.fetures-list .feturescon{ display:none}
.fetures-list .picbox{ width:50%; position:absolute; right:0;top:0; opacity:0; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s; overflow:hidden}
.fetures-list.active .picbox{ opacity:1}
.fetures-list.active .textbox .tit{color:#e89211}
.fetures-list.active .textbox .tit:after{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg); border-left:6px solid #e89211;}
.section02{background-color: #eee; padding:0; line-height:26px; position:relative}
.section02 .wrap{ position:relative}
.section02 .leftpic{ width:50%; position:absolute; left:0;top:0; height:100%}
.section02 .leftpic img{ display:block; width:100%; height:100%}
.section02 .righttext{ padding-top:5%; width:45%; padding-bottom:5%}
.section02 .righttext .title{ text-align:left}
.section02 .righttext .dot{ position:relative; padding-left:15px;}
.section02 .righttext .dot:after{ content:""; width:5px; height:5px; display:block; background:#000; position:absolute; left:0;top:10px; border-radius:50%}

/*.application{ position:relative; padding-bottom:20px; margin-top:30px}
.application .swiper-slide img{ display:block; width:100%; height:auto}
.application  .swiper-button-prev{left:-30px;background:url(../images/arrow_prev.png) no-repeat center; background-size:contain; opacity:.6; border:none; outline:none;}
.application .swiper-button-next{right:-30px;background:url(../images/arrow_next.png) no-repeat center; background-size:contain; opacity:.6; border:none;outline:none;}
.application .swiper-pagination{ width:100%; padding-top:20px;bottom:0}
.application .swiper-pagination-bullet{ margin:0 5px; width:10px; height:10px;}
.application .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#e89211}*/

.tablebox .table th{background: #e89211; color:#fff; padding:8px 3px}
.tablebox .table td{ padding:3px 5px; border:1px solid #dfdfdf}
.tablebox .table tr:nth-child(2n+1){ background:#f3f3f3}
.productslist .proleft{float: left;width: 20%;}
.productslist .proleft .choosetab{ margin-bottom:20px}
.productslist .proleft .choosetab button{ width:50%; float:left; border:1px solid #ccc; display:block; line-height:45px; font-size:16px; background:none; cursor:pointer; outline:none}
.productslist .proleft .choosetab button.active{ background:#e89211; color:#fff; border:1px solid #e89211}
.productslist .proleft .choose{margin-bottom: 20px;}
.proleft .choose h3{font-size: 20px;line-height: 45px;color: #fff;
    padding-left: 15px;
    background: url(../images/arrow_icon.png) #e89211 no-repeat 93% center;
    font-weight: bold;}
.proleft .choose .conn{
    border: solid 1px #ccc;
    padding: 5% 10%;}
.proleft .choose .conn li{
	background: url(../images/buxuan.jpg) no-repeat left center;
    font-size: 16px;
    color: #333;
    line-height: 32px;
    display: block;
    padding-left: 30px;
	}
.proleft .choose .conn li.active {
    background: url(../images/xuan.jpg) no-repeat left center;
}
.choosebox_con{ display:none}
.choosebox_con.active{ display:block}
.proright{width: 76%;}
.proright .item {
    box-shadow: 0 0 10px #ccc;
    margin-bottom: 50px;
}
.proright .item .pic {
    float: left;
    width: 36%;
}
.proright .item .text {
    float: left;
    width: 64%;
    border-left: solid 1px #ccc;
    margin-left: -1px;
}
.proright .item .text h3 {
    line-height: 72px;
    padding-left: 24px;
	padding-right:24px;
    border-bottom: solid 1px #ccc;
    font-size: 24px;
    color: #333;
    font-weight: bold;
	position:relative
}
.proright .item .text h3:after{ content:""; width:0; height:0; border-left:5px solid #4d4d4d; border-top:5px solid transparent;border-bottom:5px solid transparent; display:block; position:absolute; right:20px;top:30px}
.proright .item .text h3 a{ display:block}
.proright .item .text h3:hover::after{border-left:5px solid #e89211; }
.proright .item .text .cansh {
    padding: 20px;
    font-size: 16px;
    color: #333;
}
.proright .others {
    padding: 0px 20px 20px 20px;
}
.proright .others .more {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin: 0px auto;
    background: #e89211;
    float: left;
    margin-right: 20px;
	border:2px solid #e89211;
	transition:.3s
}
.proright .others .more:hover{ border-radius:25px; background:none;color:#e89211}
.proright .others .check {
    float: left;
}
.proright .others .check>input{ margin-right:3px; float:left;margin-top: 13px;}
.proright .others .check a{ float:left; margin-top:6px}
.proright .others .check a input{ border:0; background:none; text-decoration:underline; color:#e89211; line-height:13px}

.black_overlay03 {
	Z-INDEX: 99999; POSITION: fixed; FILTER: alpha(opacity=70); BACKGROUND-COLOR: black; WIDTH: 100%; display:none;HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.7; opacity: 0.7
}
.www_zzjs_net03 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden; TOP: 10%;vertical-align: baseline; height:90%; bottom:10%}
.www_zzjs_net03 .conn{ width:100%; margin:0 auto; background-color:#fff;padding:5px;BACKGROUND-COLOR: white;  }
.www_zzjs_net03 .conn .guanbi{width: 12px;height: 12px;background: url(../images/closed_b.png) center no-repeat;top: 0px;right: 0px; padding: 15px; margin-right:50px;opacity: 0.8; display:block}
.www_zzjs_net03 .inconn{ width:98%; max-width:1600px; margin:0 auto;}
.www_zzjs_net03 .inconn li{ float:left; width:32%; margin-right:2%; margin-bottom:30px}
.www_zzjs_net03 .inconn li:nth-child(3n){ margin-right:0}
.www_zzjs_net03 .inconn li:nth-child(3n+1){ clear:both}
.www_zzjs_net03 .inconn li .pic{ text-align:center}
.www_zzjs_net03 .inconn li .pic img{ width:auto; max-width:55%; margin:0 auto;}

.www_zzjs_net03 .inconn li .wenzi h3{ line-height:60px; font-size:24px; color:#e89211; font-weight:bold;}
.www_zzjs_net03 .inconn li .canshu{ padding:20px 0; font-size:16px; color:#333; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-bottom:30px}
.www_zzjs_net03 .inconn li .canshu p{ line-height:30px;}
.www_zzjs_net03 .inconn li .canshu p span{ float:left; width:50%; display:block;}

.www_zzjs_net03 .inconn li .more{ margin:0 auto;width:140px;margin:0px auto ;}
.www_zzjs_net03 .inconn li .more p {font-size:16px; text-align:center; font-weight:bold; text-transform:uppercase; color:#fff; width:100%; height:40px; line-height:40px;  background:#e89211;border:2px solid #fff;float:left; margin-right:20px; -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.www_zzjs_net03 .inconn li:hover .more p{ background:none; border:2px solid #e89211;color:#e89211; -webkit-border-radius:25px;border-radius:25px;}

.ptoduct-top .left{ width:40% !important; line-height:20px}
.ptoduct-top .protit{ font-weight:bold; color:#e89211; font-size:30px; line-height:45px}
.ptoduct-top .protit2{}
.ptoduct-top .conn{ padding-top:30px; background:url(../images/bottomshadows.png) no-repeat left top,url(../images/bottomshadows.png) no-repeat left bottom; margin-top:30px; padding-bottom:30px}
.ptoduct-top .conn td{ padding:5px}
.ptoduct-top .right{ width:55% !important; text-align:right}
.products-bot{ background:#eee}
.products-bot .left{ background:#fff}
.protab{ border-bottom:1px solid #ddd; padding-top:30px}
.protab a{ float:left; padding:0 25px; font-size:18px; line-height:45px; height:45px; position:relative; margin-left:30px; -webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s;}
.protab a.active{color: #e89211; border:1px solid #ddd; border-bottom:none;}
.protab a.active:after{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0;bottom:-1px;}
.procon{ padding:30px;}
.procon .itemlist{ margin-bottom:30px}
.procon .itemlist .tit{ background:#e89211; color:#fff; font-weight:bold; padding:10px; position:relative}
.procon .itemlist .conn{ display:none}
.procon .itemlist .tit:after{content:"";border-left:5px solid #fff; border-top:5px solid transparent;border-bottom:5px solid transparent; display:block; position:absolute; right:20px;top:15px}
.procon .itemlist.active .tit:after{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
.procon .itemlist .conn table tr:nth-child(2n+1){ background:#eee;}
.procon .itemlist .conn table td{ padding:5px}
.procon .itembox{ display:none}
.procon .itembox.active{ display:block}
.procon .itembox .tit2{ background:#eee; font-weight:bold; padding:5px; color:#333; margin:10px 0}
.bujian li{ float:left; width:23%; margin-right:2%; margin-bottom:2%;}
.bujian li img{ display:block; width:100%; height:auto}
.bujian li .tit{ line-height:20px; padding-top:5px}
.products-bot .right .qkuai{ background:#fff}
.down_2 li{ border-bottom:1px solid #e8e8e8; padding:5px 0}
.down_2 li a{ color:#e89211}
/*===========================contact================================*/
.contact img{ max-width:100%; height:auto}
.contact .title{ text-align:left; margin-bottom:10px}
.contact .left{ width:50%}
.contact .bc{ color:#666}
.contact .right{ width:42%}
.message{ margin-top:30px}
.message .row{ margin-bottom:10px}
.message .row label{ display:block; line-height:35px;}
.message .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 34px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.message textarea.form-control{ height:auto}
.message .form-btn{
	display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    background: #e89211;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
	margin-top:20px;
	font-size:16px;
	border:none;
	cursor:pointer;
	border:2px solid #e89211;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s;
}
.message .form-btn:hover{border:2px solid #e89211; color:#e89211; border-radius:25px; background:none;}
.contact .right .tit{ border-bottom:1px solid #e8e8e8; font-size:20px; color:#333; line-height:50px;margin-bottom:30px;}
.contact_d{ line-height:26px;}
.contact_d h4{ font-size:18px; color:#333}

/*============================================================*/
.footer{ background:#333; color:#fff;line-height:28px; padding:60px 0; color:rgba(255,255,255,.5)}
.footer a{color:rgba(255,255,255,.5)}
.footer a:hover{color:rgba(255,255,255,.8)}
.footer .wrap{ position:relative}
.f-nav li{ float:left; width:17%; margin-right:3%}
.f-nav li:last-child{ margin-right:0; width:20%}
.f-nav li a{ display:block}
.f-nav li .dt{ color:#fff; font-size:16px; padding-bottom:10px}
.f-nav li:last-child .dt{ padding-left:30px}
.f-nav li .ewm{ width:120px; height:auto}
.f-contact{width:320px; position:absolute; right:0;top:0}
.f-contact .kuai{ padding-bottom:20px}
.f-contact .kuai .tit{ font-size:16px; color:#fff; padding-bottom:5px}
.f-contact .kuai .tel{ color:#fff; font-size:19px}
.f-nav,.f-flink,.copyright{ width:calc(100% - 420px);}
.f-flink{ border-top:1px solid #484848; border-bottom:1px solid #484848; padding:12px 0; margin-top:50px}
.copyright{ padding-top:20px}
.copyright>p:nth-child(1){ display:inline-block}

#allmap{width: 100%;height:450px;background: #ccc;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height:22px; font-size:14px; margin-top:30px}
.BMap_bubble_title{ white-space:normal !important;color: #CC5522; font-weight:bold; font-size:15px; margin-bottom:5px}
.img-list{ display:flex; display:-webkit-flex; justify-content:space-between; align-items:flex-start; margin-bottom:10px}
.img-list img{ display:block; width:32.33%;}