@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;color: #939393; background:#fff; 
  font-family: 'Microsoft YaHei',Arial,sans-serif;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i,em {font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none;font-family: 'Microsoft YaHei';}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;}

td, th{padding: 5px 10px;border: 1px solid #999999;}
table {margin-bottom: 10px; border-collapse: collapse; display: table; width: 100%; color:#333; }
table td{background:#ffffff; }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width: 100%; max-width: 84%; margin: 0 auto;}


/*引导页************************************************************************/
.yindao-bg{width: 100%;height: 100%; position: fixed;top: 0;}
.yindao-bg>img{width: 100%;height:calc(100vh - 60px);
 position: absolute;top: 0}
.yindao-bg>.xia{width: 100%;height:60px;line-height: 60px; background:#fff;
font-size: 14px;color: #939393;
text-align: center; position: absolute;bottom: 0}

.yindao{position: absolute;top: 0;width:100%;height:calc(100vh - 60px);
 display: flex;align-items: center; justify-content: center;}
.yindao>div{width:67%;text-align: center;}
.yindao h1{margin-bottom: 40px}
.yindao h1 img{max-width: 100%}
.yindao .ul{width: 100%;margin:0 auto;display: table;}
.yindao .ul li{width: 49%;position: relative;}
.yindao .ul li:after{content: "";display: block;width: 100%;
height: 33px;background:url(../images/yindao-xian.png) no-repeat center;
background-size:100% 100%;
position: absolute;bottom: -40px;left: 0;right: 0;}
.yindao .ul li>img{width:100%}
.yindao .ul li .mask{position: absolute;width: 100%;height: 100%;
top: 0;left: 0;color: #fff;background:rgba(0,0,0,0.7);
display: flex;align-items: center;justify-content: center;}
.yindao .ul li .mask img{}
.yindao .ul li .mask b{font-size: 42px;display: block;margin:20px 0;}
.yindao .ul li .mask p>a{font-size: 14px;display: inline-block;
border-radius: 20px;border: 2px solid #fff;width: 110px;
height: 32px;line-height: 30px;margin:0 10px;}
.yindao .ul li:hover .mask{background:rgba(0,0,0,0.4);}
.yindao .ul li .mask p>a:hover{background:#ff1313;border-color: #ff1313; color: #fff;font-weight: bold;}
.yindao .te{margin-top: 4%;}
.yindao .te>b{font-size: 26px;color: #373737;padding-left: 40px;
	background:url(../images/yindao-tel.png) no-repeat 0 center;}




/*header************************************************************************/
.header{width: 100%;position: fixed;top: 0;left: 0;z-index:11;
background-color: #fff;}
.headerfix{box-shadow: 0 0 20px #ccc}
body{padding-top: 80px}
.header h1{line-height: 75px;}
.header h1 a{display: block;}
.header h1 img{max-width: 100%}
.header .y{margin-top:24px}
.header .tel{background:url(../images/tel-bg.png) no-repeat 0 center;
color: #373737;font-size: 18px;padding-left: 30px;margin-right: 25px}
.header .lang {background:#fff;border-radius: 20px;border: 1px solid #dcdcdc;
line-height: 22px;margin-top: 3px;	overflow: hidden;}
.header .lang a{color: #878787;padding: 0 10px;display: inline-block;}
.header .lang a.active{background:#db0f1b;color: #fff}
.header .mem{background:url(../images/mem-bg.png) no-repeat 0 center;width: 27px;height: 27px;
	background-size: cover;margin:0 25px;}
.header .seab{position: relative;}
.header .seab>span{width:27px;height: 27px; background:url(../images/sea-bbg.png) no-repeat center;
background-size: cover;cursor: pointer;display: block;}
.header .sea{position: absolute;top:0;right: 0;color: #fff;width: 410px;background: #fff;
display: none}
.header .sea .k{height:28px;line-height:28px;
width: 375px;padding: 0 10px;background:#fff;color: #000;border: 1px solid #dcdcdc;}
.header .sea .b{width:28px;height: 28px; background:url(../images/sea-bbg.png) no-repeat center center;
background-size:80% auto;cursor: pointer;position: absolute;right: 55px}
.header .sea>span{font-size: 14px;color: #333;cursor: pointer;}


.nav{/*display: table;*/margin-left:2%}
.nav>li{float: left;font-size: 17px;color: #333333;height:80px; line-height:80px;position: relative;}
.nav>li>a{display: block;padding: 0 12px}
.nav>li:hover>a,.nav>li.active>a{color: #db0f1b;font-weight: bold;}
.nav>li>i{display: block;width: 0;height: 2px;background:#c7000b;position: absolute;
bottom: 0;margin:0 auto;left: 0;right: 0}
.nav>li:hover>i,.nav>li.active>i{width: 100%}

.xiala{display:none}
.zinav{position: absolute;top: 100%;left: 0;padding: 15px 0;
width: 100%;background:#fff;box-shadow: 0 0 5px #ccc;text-align: center;}
.zinav>a{line-height: 30px;color: #333333;width: 100%;display: block;font-size: 14px;}
.zinav>a:hover{background:#c7000b;color: #fff}

.prozinav{width: 860px;overflow: hidden;background:#fff;
position: absolute;top: 100%;left:-40%;box-shadow: 0 0 5px #ccc}
.prozinav .zuo{background:#f5f5f5;padding: 20px 0;width: 20%;}
.prozinav .zuo li{width: 100%;line-height: 25px;
font-size: 14px;color: #7a7a7a}
.prozinav .zuo li a{padding: 0 15px;display: block;}
.prozinav .zuo li.active,.prozinav .zuo li:hover{color: #fff;
background:#c7000b url(../images/prozinav-zlibg.png) no-repeat 96% center;}
.prozinav .you{padding: 20px;width:80%;}
.prozinav .you .t{font-size: 24px;color: #1c1c1c;border-bottom:1px solid #e0e0e0;
padding: 5px 0;margin-bottom: 10px;line-height: 35px}
.prozinav .you .t .m{float: right;padding: 0 15px;color: #fff;background:#c7000b;
font-size: 14px; line-height: 26px}
.prozinav .you .t .m:hover{background:#262626;}
.prozinav .you .ul{width: 100%;overflow: hidden;font-size: 14px}
.prozinav .you .ul>li{width: 30%;margin:0 1.5%;float: left;text-align: center; line-height: normal}
.prozinav .you .ul li .tu{width: 100%;background:#d3d3d3;padding: 10px;}
.prozinav .you .ul li .tu img{max-width: 100%;max-height: 100%}
.prozinav .you .ul li span{display: block;color: #262626;height:22px;line-height: 22px;overflow:hidden; 
margin:10px 0;}
.prozinav .you .ul li a.m{display: inline-block;color: #c7000b;border: 1px solid #c7000b;
padding: 0 15px;line-height: 24px}
.prozinav .you .ul li a.m:hover{background:#c7000b;color:#fff}






/*banner***********************************************************************/
.banner{width:100%;position: relative;}
.banner .swiper-slide{width: 100%;}
.banner .swiper-slide img{width: 100%}
.banner video{ width: 100%; background:#000;}
.banner .banv img{ display:none; }
.banner .zi{color: #262626;padding: 8%;position: absolute;top: 0;left: 0}
.banner .zi span{display: block;font-size: 42px;}
.banner .zi p{display: block;font-size: 20px;}
.banner .zi .mo{background:#db0f1b;font-size: 16px;color: #fff;padding: 6px 30px;
display: inline-block;margin-top: 20px}
.banner .zi .mo:hover{background:#c7000b;box-shadow: 0 2px 2px #000}

/*.banner-pagination{right: -60px;bottom: 0}
.banner-pagination .swiper-pagination-bullet{width: auto;height: auto; font-size:12px;
	color:#949494;opacity:1;font-weight: bold;
background:none;border-radius: 0;display: block;margin-top: 10px; position: relative;}
.banner-pagination .swiper-pagination-bullet-active{color:#ff0000;}
.banner-pagination .swiper-pagination-bullet:before{
	content: "";display: block;width: 7px;height: 1px;
background:#949494;position: absolute;left: -10px;top: 50%;}
.banner-pagination .swiper-pagination-bullet-active:before{
	width: 20px;background:#ff0000;left: -23px;}*/

.banner-thumbs {position: absolute; bottom: 18%;left: 8%;width: auto}
.banner-thumbs .swiper-slide {background-size: cover;background-position: center;
	width: 130px;height: 60px;border:2px solid #fff;margin-right: 10px;cursor: pointer;}
.banner-thumbs .active-nav{border-color: #ff0000}



/*dtit***********************************************************************/
.dtit{width: 100%;padding: 4% 0 3% 0;overflow: hidden;}
.dtit p{font-size: 16px;color: #6a6a6a}
.dtit p>b{font-size: 28px;color: #262626;display: block;}
.pr{position: relative;}
.dmo{background:#c7000b;color: #fff;padding:6px 18px;margin-top: 16px}
.dmo:hover{background:#262626;}


/*sypro***********************************************************************/
.sypro{width: 100%;margin-bottom: 4%}
.sypro li{float: left;}
.sypro li .tu{padding: 10px; width: 100%;overflow: hidden;background:#d3d3d3;}
.sypro li .tu>a{display: block;height: 100%;display: flex;align-items: center; justify-content: center;}
.sypro li .tu img{max-width: 100%;max-height: 100%}
.sypro li b{ font-size: 18px;color: #262626;display: block;margin-top:10px;}
.sypro li p{ font-size: 14px;color: #6a6a6a;height: 22px;overflow: hidden;}
.sypro li a.mo{color: #c7000b;display: inline-block;margin-top: 15px;padding: 5px 10px;padding-left: 0}
.sypro li:hover b{color:#c7000b }
.sypro li:hover a.mo{background: #c7000b;color: #fff;padding-left: 10px;}
.sypro-prev,.sypro-next{position: absolute;bottom:0; z-index: 2;
	width: 32px;height: 32px;top:33%;
cursor: pointer;background-repeat: no-repeat;background-position: center;}
.sypro-prev{left:-45px;background-image:url(../images/sypro-prev.png);}
.sypro-next{right:-45px;background-image:url(../images/sypro-next.png);}
.sypro-prev:hover{background-image:url(../images/sypro-prevh.png); }
.sypro-next:hover{background-image:url(../images/sypro-nexth.png); }


/*syab***********************************************************************/
.syab{width: 100%;background:url(../images/syab-bg.jpg) no-repeat center;
background-size: cover;overflow: hidden;padding: 9%;}
.syab .zi{}
.syab .zi b{font-size: 48px;color: #c7000b;display: block;}
.syab .zi p{font-size: 16px;color: #5f5e5e;line-height: 1.8}
.syab .zi a.mo{background:#c7000b;color: #fff;padding:6px 18px;margin-top: 40px;
display: inline-block;}
.syab .zi a.mo:hover{background:#262626;}



/*synews***********************************************************************/
.synews{width: 100%;overflow: hidden;}
.synews li{width: 32%; margin-right:2%;float: left;position: relative;overflow: hidden;}
.synews li img{width: 100%}
.synews li .zi{position: absolute; bottom:0; right: 0;width: 70%;
background:#fff;padding:10px 20px;color: #6a6a6a;}
.synews li .zi b{font-size: 20px;color: #c7000b;display: block;
height: 32px;overflow: hidden;}
.synews li .zi p{margin:10px 0;height:44px;overflow: hidden;}
.synews li .zi i{display: block;}
.synews li:hover .zi p{color: #c7000b}



/*syhezuo***********************************************************************/
.syhezuo{overflow: hidden;margin:4% auto 2%;}
.syhezuo li{float: left;background:#f6f6f6;border-right:1px solid #e3e3e3;
height: 140px;line-height: 140px;text-align: center;}
.syhezuo li img{max-height: 98%;max-width: 98%;}



/*link***********************************************************************/
.link{width: 100%;padding: 20px 0;color: #939393}
.link a{margin-right: 15px;display: inline-block;}
.link a:hover{text-decoration:underline;color: #000}


/*footer***********************************************************************/
.footer{width: 100%;background:url(../images/foot-bg.jpg) no-repeat center;
background-size: cover; color: #939393;overflow: hidden;}
.foot{padding: 3% 0;overflow: hidden;}
.foot .z{width: 35%;}
.foot .z img{max-width: 100%}
.foot .z .sea{width: 320px; border-radius: 20px;background:#fff;color: #a4a4a4;
margin-top: 20px;position: relative;
box-shadow: 0 0 5px #ccc;overflow: hidden;}
.foot .z .sea .k{border-radius: 20px;background:#fff;
height: 45px;line-height: 45px;padding: 0 10px;width: 85%;overflow: hidden;}
.foot .z .sea .b{background:url(../images/foot-seabbg.jpg) no-repeat center;
width: 24px;height: 100%;position: absolute; right: 10px;cursor: pointer;}
.foot .y{width: 65%;}
.foot .y li{width: 16.6%;float: left;}
.foot .y li span{display: block;font-size: 16px;color: #3f3f3f;
margin-bottom: 10px}
.foot .y li a{display: block;line-height:28px;}
.foot .y li a:hover{text-decoration:underline;color: #3f3f3f}
.copy{border-top: 1px solid #e2e5ed;padding:10px 0;text-align: center;overflow: hidden;}





/*login**************************************************************/
.loginbg{width: 100%;padding: 4% 0;overflow: hidden;
background:url(../images/login-bg.jpg) no-repeat center;}
.loginbg .container{background:#fff;}
.loginbg .z{width: 50%;overflow: hidden;}
.loginbg .z img{width: 100%}
.loginbg .y{width: 50%;overflow: hidden;}

.login{width: 400px; margin:0 auto;margin-top: 10%}
.login h3{font-size: 26px; color: #070002;margin-bottom: 20px;line-height: 30px;}
.login h3 span{font-size: 14px;color: #a9a9a9}
.login h3 span>a{color: #db0f1b}
.login h3 span>a:hover{text-decoration: underline;}
.login .k{width: 100%;border: 1px solid #bdbdbd; height: 40px; line-height: 40px;
padding: 0 10px 0 50px;margin-bottom:20px;}
.login .k1{background:url(../images/login-k1.jpg) no-repeat;}
.login .k2{background:url(../images/login-k2.jpg) no-repeat;}
.login .forg{color: #333333;margin-bottom: 20px;}
.login .forg input{border: none}
.login .forg>a{color: #a9a9a9}
.login .forg>a:hover{text-decoration: underline; color: #db0f1b}
.login .b{width:100%; height: 42px; line-height: 42px; font-size: 18px;
border: none; background: #db0f1b; color: #fff; cursor:pointer;}


/*regist**************************************************************/
.registbg{padding: 3% 0}
.registbg .z{ border-right: 1px solid #dcdcdc;}
.regist h3{font-size:26px; color: #070002; margin-bottom: 20px}
.regist{width:400px;margin:0 auto;}
.regist .k{border: 1px solid #dcdcdc;  color: #a9a9a9;
padding-left: 40px; height: 40px; line-height: 40px; margin-bottom: 15px; width: 100%;}
.regist .k1{background:url(../images/regist-k1.jpg) no-repeat 8px center;}
.regist .k2{width: 53%;
	background:url(../images/regist-k2.jpg) no-repeat 8px center;}
.regist .k3{background:url(../images/regist-k3.jpg) no-repeat 8px center;}
.regist .dianma{background: #db0f1b; line-height: 40px;
color: #fff; width: 45%; text-align: center;}
.regist .p1{text-align: center; color: #333333;margin-bottom: 20px}
.regist .p1 .dui{margin-right: 10px;}
.regist .p1 a{color: #db0f1b}
.regist .p1 a:hover{text-decoration: underline;}
.regist .b{width:100%; height: 42px; line-height: 42px; font-size: 18px;
border: none; background: #db0f1b; color: #fff; cursor:pointer;}

.registzi{width:360px;margin:0 auto;text-align: center;margin-top: 10%}
.registzi h3{font-size: 26px;color: #000}
.registzi a.lo{width:100%; height: 42px; line-height: 42px; font-size: 18px; display: block;
border: none; background: #db0f1b; color: #fff;cursor:pointer;margin-top: 20px}

.regist .k11{background:url(../images/ico11.png) no-repeat 8px center;}
.regist .k12{background:url(../images/ico12.png) no-repeat 8px center;}
.regist .k13{background:url(../images/ico13.png) no-repeat 8px center;}
.regist .k14{background:url(../images/ico14.png) no-repeat 8px center;}

/*公用***********************************************************************/
.nban{width:100%;position:relative;overflow: hidden;}
.nban img{width: 100%;max-width: 1920px}
.nban .container{position: absolute;top: 0; left: 0;right: 0;
height: 100%;display: flex;align-items: center; justify-content: center;}
.nban b{text-align: center; font-size:34px;color: #262626;display: block;}
.nban b>span{font-size: 16px; color: #545454;display: block;}

.menubg{width: 100%;line-height:60px;display: table; background:#fff;
border-bottom:1px solid #e5e5e5;}
.menu li{font-size: 16px;color: #858585;float: left;
background:url(../images/menu-libg.jpg) no-repeat right center;}
.menu li:last-child{background: none}
.menu li a{display: block;padding: 0 26px}
.menu li a.active,.menu li a:hover{background:#db0f1b;color: #fff}
.menu li.duo{position: relative;background:none;}
.menu li.duo .zi{position: absolute;top: 100%;width: 100%;left: 0;
background:#db0f1b;text-align: center;display: none}
.menu li.duo .zi a{display: block; border-bottom:1px solid #fff;color: #fff;
padding: 0}
.menu li.duo:hover .zi{display: block;}
.menu li.duo .zi a:hover{text-decoration: underline;}
.shouji{display: none}
.menubgfixed{position: fixed;z-index: 10;}

.posi{background:url(../images/posi-bg.jpg) no-repeat left center;
font-size:14px;color: #707070;padding-left: 25px;}
.posi a:hover{text-decoration: underline;color: #db0f1b}
.posinone{display: none}

.neibg{background:#fafafa url(../images/neibg.jpg) no-repeat center bottom;
padding: 3% 0}
.fenye{width: 100%;margin:0 auto;margin-bottom:4%; line-height:28px;text-align:center;color:#333333;}
.fenye a{padding:0 10px;background:#e8e8e8;margin:2px;border: 1px solid #333333;
display: inline-block}
.fenye a:hover{background:#c42931;color: #fff;border-color: #c42931}
.fenye span{background:#c42931; color: #fff;border:1px solid #c42931;padding:0 10px;display: inline-block}

/*about********************************************************************/
.about-t{font-size: 14px;color: #6a6a6a;display: block;text-transform: uppercase;
margin-bottom: 20px;}
.about-t>b{font-size: 30px;color: #c7000b;margin-right: 5px}
.about1{width: 100%;overflow: hidden;margin-top:3%;}
.about1 .z{width: 50%;font-size: 16px;color: #6f6f6f}
.about1 .y{width: 46%;}
.about1 .y img{max-width: 100%;}

.about2{overflow: hidden;margin-top:3%;}
.about2 .ul1{width:48%;}
.about2 .ul1 li{width: 100%;float: left;position: relative;}
.about2 .ul1 li p{width: 100%;overflow: hidden;}
.about2 .ul1 li p>img{width: 100%}
.about2 .ul1 li b{background:#fff;font-size: 16px;color: #000000;padding: 5px 25px;
position: absolute;bottom: 0;right: 0}
.about2-prev,.about2-next{position: absolute;bottom:0; z-index: 2;
	width: 50px;height: 40px;bottom:0;background-color: #fff;
cursor: pointer;background-repeat: no-repeat;background-position: center;}
.about2-prev{left:0;background-image:url(../images/about2-prev.png);}
.about2-next{left: 50px; background-image:url(../images/about2-next.png);}
.about2-prev:hover{background-color: #fe0000;background-image:url(../images/about2-prevh.png); }
.about2-next:hover{background-color: #fe0000;background-image:url(../images/about2-nexth.png); }

.about2 .ul2{width: 52%;}
.about2 .ul2 li{width: 48%;margin-left: 2%;float: left;position: relative;margin-bottom: 15px;}
.about2 .ul2 li p{width: 100%;overflow: hidden;}
.about2 .ul2 li p>img{width: 100%}
.about2 .ul2 li b{background:#fff;font-size: 16px;color: #000000;padding: 5px 20px;
position: absolute;bottom: 0;right: 0}

.about3bg{width: 100%;overflow: hidden;background:#f3f3f6;margin-top:3%;padding: 3% 0}
.about3{width: 86%;margin:0 auto;}
.about3 li{float:left;text-align: center;}
.about3 li b{background:#fff;padding: 20px;display: block;}
.about3 li b>img{max-width: 100%}
.about3 li p{font-size: 18px;color: #444444; margin-top: 20px;}
.about3-prev,.about3-next{position: absolute;bottom:0; z-index: 2;
	width: 32px;height: 32px;top: 50%;margin-top: -16px;
cursor: pointer;background-repeat: no-repeat;background-position: center;}
.about3-prev{left:0;background-image:url(../images/sypro-prev.png);}
.about3-next{right:0;background-image:url(../images/sypro-next.png);}
.about3-prev:hover{background-image:url(../images/sypro-prevh.png); }
.about3-next:hover{background-image:url(../images/sypro-nexth.png); }
#mbOverlay { position:fixed; z-index:98; top:0; left:0; width:100%; height:100%;
 background:rgba(0,0,0,0.8); cursor:pointer; }
#mbCenter{ height:auto; position:absolute; z-index:99; }
#mbNumber{display: none}
#mbCloseLink{display: none}


.about4{width: 100%;overflow: hidden;margin:3% auto;}
.about4 img{max-width: 100%}




/*wenhua********************************************************************/
.wenhua{width: 100%;overflow: hidden;margin-top:4%;}
.wenhua .y{width: 46%;}
.wenhua .y img{max-width: 100%}
.wenhua .z{width: 50%;color: #6f6f6f}
.wenhua .z strong{font-size: 22px;color: #292929;}

.wenhuax{width: 100%;overflow: hidden;margin:4% auto}
.wenhuax li{width: 49%;background:#f3f2f7;}
.wenhuax li img{width: 50%}
.wenhuax li .zi{width: 50%;padding: 8%;padding-bottom: 0}
.wenhuax li .zi b{font-size: 20px;color: #292929;display: block;margin-bottom: 10px}
.wenhuax li .zi p{font-size: 16px;color: #6f6f6f;}



/*news********************************************************************/
.news{width: 100%; margin: 4% 0;overflow: hidden;}
.news li{width:49.5%; margin-bottom:20px;background:#f3f2f7;color: #6a6a6a;
border-radius:5px;overflow: hidden; }
.news li a{display: block;}
.news li .tu{width:40%; overflow: hidden;}
.news li .tu img{width: 100%;}
.news li .y{width:60%;padding:4%;}
.news li .y b{font-size: 18px; color: #2a2721; display: block;
overflow: hidden;}
.news li .y p{margin:5px 0 10px 0;max-height: 66px; overflow: hidden;}
.news li .y i{display:block; }

.news li .y:hover b{color: #c42931}



/*pro********************************************************************/
.pro{width: 100%;margin:3% auto 0 auto;overflow: hidden;}
.pro li{float: left;width: 23%;margin:0 1%;text-align: center;}
.pro li .tu{padding: 10px;width: 100%;overflow: hidden;background:#d3d3d3;
display: flex;align-items: center; justify-content: center;}
.pro li .tu img{max-width: 100%;max-height: 100%}
.pro li b{ font-size: 16px; height:48px; line-height:24px; font-weight: normal; color: #262626;display: block;margin:10px 0;}
.pro li:hover b{color: #db0f1b}

.procon-t{font-size:22px;color: #db0f1b; font-weight: bold;margin-bottom: 15px;}
.procon1{width: 100%;margin:3% auto; overflow: hidden;}
.procon1z{width: 35%;}
.procon1z .s{width: 100%;text-align: center;background:#d3d3d3;}
.procon1z .s img{max-width: 100%;}

.procon1z .x{width:90%;overflow: hidden;margin-top: 10px}
.procon1z .x li{float: left;border: 2px solid transparent;
text-align: center;cursor: pointer;padding: 5px}
.procon1z .x li img{max-height: 100%;max-width: 100%}
.procon1z .x li.active-nav{border-color:#c02830}
.procon1z .anniu .prev,.procon1z .anniu .next{position: absolute; top: 50%;margin-top: -13px;
width: 14px;height: 26px;background-repeat: no-repeat;z-index: 2;}
.procon1z .anniu .prev{left: 0;background-image:url(../images/procon-prev.png); }
.procon1z .anniu .next{right: 0;background-image:url(../images/procon-next.png); }
.procon1z .anniu .prev:hover{background-image:url(../images/procon-prevh.png); }
.procon1z .anniu .next:hover{background-image:url(../images/procon-nexth.png); }


.procon1 .y{width: 61%}
.procon1 .y>h1{font-size: 20px;color: #000000;font-weight: bold; margin: 20px 0}
.procon1 .y>span{font-size: 16px;color: #666666;display: block;}
.procon1 .y .zi{font-size: 14px;color: #262626; line-height: 2;
margin: 5% 0}
.procon1 .y .zi>b{font-size:20px;color: #c7000b;display: block;}

.procon1 .y .xia{width: 100%;overflow: hidden;}
.procon1 .y .xia>a{background:#c92a32;font-size: 16px;color: #fff;
	padding: 10px 20px 10px 60px; text-align: center;display: inline-block;}
.procon1 .y .xia>a.a1{
	background:#262626 url(../images/proconxia-1.png) no-repeat 15px center;margin-right: 10px;}
.procon1 .y .xia>a.a2{
	background:#c7000b url(../images/proconxia-2.png) no-repeat 15px center;}

.procon2{overflow: hidden;margin-bottom: 3%}

.procon3{width: 100%;/*background:#f3f2f7;padding: 3%;*/ overflow: auto;}
.procon3 img{max-width: 100%;height:auto!important;}
.procon3 table tr:first-child td {
  background: #dcdcdc;
}

.procon3 .tab{width: 100%;border-collapse: collapse;}
.procon3 .tab td{font-size: 16px;color: #474747;border: 1px solid #d5d4d7;padding: 10px 18px}
.procon3 .tab td.t{background:#db0f1b;font-weight: bold;font-size: 20px;color: #fff;
text-align: center;}
.procon3 .tab td.a{background:#989898;color: #fff}

.artpage{width: 100%;overflow: hidden;margin:3% 0;}
.artpage a{font-size: 18px;color: #262626}
.artpage a:hover{text-decoration: underline;color: #c7000b}


.protui{margin:0;margin-bottom: 3%}
.protui li .tu{}
.protui li b{margin-bottom: 0!important}
.protui li p{font-size: 16px;color: #6a6a6a;}


/*hezuo********************************************************************/
.hezuo{overflow: hidden;margin:4% auto;}
.hezuo li{width: 18%;margin:0 1%;float: left;background:#f6f6f6;height: 140px;line-height: 140px;text-align: center;margin-bottom: 20px}
.hezuo li img{max-height: 98%;max-width: 98%;}

/*contact********************************************************************/
.contact{overflow: hidden;margin:4% auto;}
.contact .z{width: 35%;}
.contact .y{width: 60%;}

.my-map { margin: 0 auto; width: 100%; height: 460px; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}
.amap-container .amap-info-content h5{ font-size:16px; color:#db0f1b; font-weight:bold; }

.contact .z h1{font-size: 32px;color: #db0f1b;display: block;font-weight: bold;
margin-bottom: 10px}
.contact .z p{font-size: 18px;color: #262626;line-height: 2.2}
.contact .z p>img{max-width: 100%;margin-right:10px}


.showtop{ overflow: hidden; margin-top:30px; text-align: center; border-bottom:1px solid #eeeeee; }
.showtop h1{ font-size:24px; color:#db0f1b;}
.showtop .showcs{ margin:10px 0; }

.showtxt{ font-size:16px; line-height:1.8; color:#666666; margin-top: 20px; }
.showtxt img{ max-width:100%; height:auto!important; }

.artpage2{width: 100%; border: 1px solid #eeeeee; overflow: hidden;
border-left: none; border-right: none; margin: 30px 0; }
.artpage2 a{color:#db0f1b;}
.artpage2 span{width: 50%;float: left; padding:10px 0px 10px 20px}
.artpage2 span:first-child{border-right: 1px solid #eeeeee}
.artpage2 span:hover a{ text-decoration: underline;}

.gvrp{display:none;z-index:100;padding:20px;position:fixed;overflow:hidden;width:600px;height:400px;top:50%;left:50%;margin:-200px 0 0 -300px;border:2px solid #db0f1b;background:#ffffff;
-moz-box-shadow:0 0 20px #666666; 
-webkit-box-shadow:0 0 20px #666666; 
box-shadow:0 0 20px #666666;}
.gvrp .gvrptxt{height:304px; overflow:auto; color:#666666; font-size:14px; line-height:1.6;}
.gvrp .ok{display:block; font-size:16px; width:110px; height:40px; line-height:40px; text-align:center; color:#ffffff; background:#db0f1b; margin:20px auto 0 auto; cursor:pointer;}



.dbnav{ margin:20px 10px;  overflow: hidden;  }
.dbnav li{ overflow: hidden; float: left; width: 100%; }
.dbnav li>a{ padding-left:10px; display: block; height:45px; line-height:45px; color:#333; border-bottom:1px solid #dcdcdc;font-size: 16px; background: url(../images/zinav-spanbg.png) no-repeat center right; background-size:auto 30%; }
.dbnav li>a.active{ color:#db0f1b;  }
.dbnav li>a:hover{color:#db0f1b; }
.dbnav li .dbxiala{ display: none; }
.dbnav li .dbxiala a{ display: block; height:35px; line-height: 35px; color:#333; font-size: 14px; color:#666; padding-left: 20px;border-bottom:1px solid #dcdcdc;} 
.dbnav li .dbxiala a:hover,.dbnav li .dbxiala a.active{color:#db0f1b; }

.prodleft{ float:left; width:18%; }
.prodright{ float:right; width:80%; }


.prodtit01{ overflow:hidden; line-height:1; text-align:center; padding:0 5%; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.prodtit01 h3{font-size: 28px; color:#000000; font-weight:bold;}
.prodtit01 p{font-size: 18px; color:#333333; margin-top:15px; line-height:1.6;font-weight: 200;}


.prodtit02{ overflow:hidden; height:41px; line-height:41px; text-align:center; padding:0 5%;font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.prodtit02:after{ content:""; display:block; margin:-20px auto 0 auto; width:100%; height:1px; background:#cccccc;}
.prodtit02 h3{font-size:24px; color:#000000; display:inline; background:#fff; padding:0 30px;}

.pdlist{ overflow:hidden; margin:1% 0; padding:0 5%;}
.pdlist li{ float:left; width:100%; overflow:hidden; margin:2% 0;background:#eff0f1; position: relative;}
.pdlist li .pdimg{ float:left; width:50%; overflow:hidden;}
.pdlist li .pdimg img{ display:block; margin:0 auto; width:100%;}
.pdlist li .pdimg:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.pdlist li .pdtxt{ float:right; width:50%; padding:2% 3%; overflow:hidden; font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.pdlist li .pdtxt h3{font-size:20px; line-height:1.5; color:#000000; font-weight:bold;}
.pdlist li .pdtxt .litxt{ font-size:15px; line-height:1; margin:3% 0; color:#333333; }
.pdlist li .pdtxt .litxt p{ border-left:2px solid #333333; margin-bottom:15px; padding-left:8px; font-weight:200;}
.pdlist li .pdtxt a{ position:absolute; left:53%; bottom:7%; display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#ffffff; background:#c7000b; }

.hbj{ background:#eff0f1;  }

.prodtop{display: table; margin-top:13%; margin-bottom:3%; width: 100%;}

.pdlser{ overflow:hidden; padding:0 5%;  width:100%; margin-top:-10%;font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',微软雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.pdlser li{ float:left; width:31.66%; margin:0 2.5% 6% 0;}
.pdlser li.liw4{ width:23.5%; margin-right:2%;}
.pdlser li .primg{ overflow:hidden; }
.pdlser li .primg img{ display:block; width:100%;}
.pdlser li .primg:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.pdlser li .prtxt{ background:#ffffff; padding:15px 20px;}
.pdlser li .prtxt h3{ font-size:18px; line-height:1.5; color:#000000;}
.pdlser li .prtxt p{ font-size:14px; margin-top:5px; line-height:1.5; color:#333333; min-height:42px;}


.hide{display: none}
.syhezuo li:hover img,.hezuo li:hover img{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);
-o-transform:scale(0.9);-moz-transform:scale(0.9);}
.synews li:hover img,.news li:hover .tu img,.pdlser li:hover p img,
.about2 .ul1 li:hover p>img,.about2 .ul2 li:hover p>img,
.sypro li:hover .tu img,.pro li:hover .tu img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);
-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.yindao .ul li .mask,.nav>li>i,.sypro li a.mo,.banner-pagination .swiper-pagination-bullet:before
{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}

.syhezuo li img,.pdlist li .pdimg img,.pdlser li .primg img,.sypro li .tu img,.pro li .tu img,.synews li img,.news li .tu img,.pdlser li p img,
.about2 .ul1 li p>img,.about2 .ul2 li p>img,
.sypro li .tu img,.pro li .tu img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;
 -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}

.pdlist li .pdtxt a,.procon1 .y .xia > a.a2{transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
-moz-transition: 0.3s;
-webkit-transition: 0.3s;}