@charset"utf-8";
/*---------------------------------初始化样式----------------------------------*/
*{ margin:0; padding:0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: border-box; }
body{ font-family: "微软雅黑"; }
h1,h2,h3,h4,h5,h6{ font-weight: initial; }
li{ list-style: none; }
a{ text-decoration: none; cursor: pointer; }
input,select{ -webkit-appearance:none; border:0; outline: none; }
.over{ overflow: hidden; }
.left{ float: left; }
.right{ float: right; }
em{ display: inline-block; vertical-align: middle; height: 100%; }
.inp,.inps{ position: relative; }
.inp input,.inps textarea{ font-size: 14px; color: #333; padding: 0 10px; }
.inp label,.inps label{ position: absolute; z-index: 2; left: 0; top: 0; padding: 0 11px; width: 100%; height: 100%; font-size: 9px; color: #ccc; margin-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.section{ overflow: hidden; }
.Hh580{ height: 580px; }
.Hh580>.container{ height: 100%; }
@font-face{ font-family: fzlt; src: url("FZLTZHK.TTF"/*tpa=http://www.sh-mjly.com/Public/Home/fonts/FZLTZHK.TTF*/); }
.jian{ font-size: 12px; color: #a7a7a7; font-family: "宋体"; font-weight: bold; margin: 0 5px; }
.tel{ display: none;}
/*---------------------------------header----------------------------------*/
header{ width: 100%; height: 80px; position: fixed; top: 0; left: 0; z-index: 9; line-height: 80px; font-size: 0; background-color: rgba(216,25,25,.8); }
.header{ margin: 0 30px; }
.header>div,.header>nav,.header>ul{ float: left; }
.logo{ display: inline-block; vertical-align: middle; }
.logo img{ width: 100%;}
.header>nav{ margin-left: 85px; }
.header>nav li{ float: left; }
.header>nav li:last-click{ margin-right: 0; }
.header>nav li a{ float: left; font-size: 16px; color: #fff; position: relative; transition: all 0.3s linear 0.1s; }
.header>nav>li>a{ margin-right: 60px; }
.header>nav li a small{ position: absolute; bottom:0; left: 0; width: 100%; height: 2px; background-color: #fff; opacity: 0; transition: all 0.3s linear 0.1s; }
/* .header>nav>li:hover>a,.header>nav>li.active>a{ font-weight: bold; } */
.header>nav>li:hover>a small,.header>nav>li.active>a small{ opacity: 1; }
.header>.cnEn,.header>.seach{ float: right; margin-bottom: 0; }
.cnEn li{ float: left; margin-left: 40px; }
.cnEn li a{ float: left; font-size: 20px; color: #fff; position: relative; }
.cnEn li a small{ position: absolute; bottom:0; left: 0; width: 100%; height: 2px; background-color: #fff; opacity: 0; transition: all 0.3s linear 0.1s;  }
.cnEn li:hover a small,.cnEn li.active a small{ opacity: 1; }
.header>.seach>div{ float: left; }
.header>.seach .inp{}
.header>.seach input{ width: 200px; height: 35px; line-height: 35px; padding: 0 10px; margin-right: 20px; display: inline-block; vertical-align: middle; }
.navs{ display: none;}
.navBut{ display: none; }
/*---------------------------------banner----------------------------------*/
.flexslider{ position:relative; overflow:hidden; }
.slides{ position:relative; z-index:1; overflow: hidden;}
.flex-control-nav{ height: 2px; position:absolute; bottom:0px; z-index:2; width:100%; text-align:center; font-size: 0; margin-bottom: 0;}
.flex-control-nav li{ display:inline-block; width:30px; height:2px; margin:0 5px; zoom:1; }
.flex-control-nav a{ display:inline-block; width:30px; height: 2px; cursor:pointer; background-color: #fff; }
.flex-control-nav .flex-active{ background-color: #d81919;}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:40%;}
.flex-direction-nav li a{ display:block; width:50px; height:50px; cursor:pointer; position:absolute;}
/*---------------------------------footer----------------------------------*/
footer{ width: 100%; line-height: 60px; background-color: #d81919; }
.footer{ position: absolute; z-index: 9; bottom: 0; }
footer p{ text-align: center; margin-bottom: 0; font-size: 0; }
footer p span,.footer p a{ display: inline-block; vertical-align: middle; vertical-align: middle; font-size: 14px; color: #9b9b9b; }
.footer p a:hover{color:#9b9b9b;}
footer p a{ margin: 0 30px 0 20px; font-size: 14px; color: #eed2d2; }
/*---------------------------------menu----------------------------------*/
#menu{ position: fixed; top: 45%; left: 0px; z-index: 9; }
#menu li{ overflow:hidden; }
#menu li span{ width: 25px; background-color: #a4a4a5; height: 1px; display: inline-block; transition: all 0.3s linear 0s; }
#menu li small{ opacity: 0; color: #d81919; transition: all 0.3s linear 0s; margin-left: 10px; }
#menu li.active span{ width: 60px; background-color: #d81919; }
#menu li.active small{ opacity: 1; }
/*---------------------------------index----------------------------------*/
.section1{ overflow: hidden; position: relative; text-align: center; }
.section1 .Hh580{ position: absolute; top: 0; left: 0; width: 100%; }
.section1 .Hh580 .container>div{ display: inline-block; vertical-align: middle; }
.section1 h2{ font-size: 52px; font-family: fzlt !important; color: #333; margin: 0 0 40px 0; }
.section1 p{ font-size: 18px; line-height: 30px; color: #333; margin: 0 0 50px 0; }
.section1 .container a{ width: 158px; height: 42px; line-height: 42px; text-align: center; border-radius: 3px; background-color: rgba(216,25,25,.74); color: #ffffff; font-size: 14px; display: inline-block; }
/*---------------------------------section2----------------------------------*/
.section2{ background: url("sec2.jpg"/*tpa=http://www.sh-mjly.com/Public/Home/images/sec2.jpg*/) no-repeat center center; background-size: 100% 100%; }
.tit{ text-align: center; margin-bottom: 40px; }
.tit h2{ font-size: 44px; color: #fff; margin: 0 0 15px 0; }
.tit p{ font-size: 16px; color: #ffffff; margin-bottom: 0; line-height: 28px; }
.tit2{ margin-bottom: 65px; }
.txt2{ padding: 0 90px; }
.txt2 .left{ width: 242px; background:#fff url("txt2Bg.jpg"/*tpa=http://www.sh-mjly.com/Public/Home/images/txt2Bg.jpg*/) no-repeat bottom center; padding-bottom: 120px; }
.txt2 .left li{ position: relative; border-bottom: dashed 1px #e6e6e6; font-size: 0; width: 100%; height: 50px; line-height: 50px; padding: 0 30px; cursor: pointer; transition: all 0.3s linear 0.1s; }
.txt2 .left li>span{ font-size: 18px; color: #323232; transition: all 0.3s linear 0.1s; }
.txt2 .left li>small{ position: absolute; right: 30px; top: 0; }
.txt2 .left li>small>small{ position: relative; display: inline-block; vertical-align: middle; width: 9px; height: 12px; line-height: 12px; }
.txt2 .left li>small>small img:nth-child(2){ position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s linear 0.1s; }
.txt2 .left li.active,.txt2 .left li:hover{ background-color: #d81919; border-bottom: solid 1px #d81919; }
.txt2 .left li.active>span,.txt2 .left li:hover>span{ color: #fff; }
.txt2 .left li.active>small>small img:nth-child(2),.txt2 .left li:hover>small>small img:nth-child(2){ opacity: 1; }
.txt2 .left li:last-child{ border-bottom: none !important; }
.txt2 .right{ width: 760px; }
.txt2 .right ul{ overflow: hidden; margin-bottom: 0; }
.txt2 .right li{ position: relative; width: 242px; height: 148px; overflow: hidden; margin-right: 17px; margin-bottom: 18px; float: left; }
.txt2 .right li a small>img{ height: 100%; transition: all 0.3s linear 0.05s; }
.txt2 .right li a>span{ position: absolute; top: 15px; left: 15px; color: #fff; font-size: 12px; transition: all 0.3s linear 0.05s; }
.txt2 .right li a>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0,0,0,.5); border: solid 2px rgba(216,25,25,1); opacity: 0; transition: all 0.3s linear 0.05s; }
.txt2 .right li a>div>div{ display: inline-block; vertical-align: middle; }
.txt2 .right li a>div>div h3{ margin: 0; font-size: 18px; color: #f8f8f8; margin-top: 30px; }
.txt2 .right li:hover a>div{ opacity: 1; }
.txt2 .right li:hover img{ transform: scale(1.1); }
.txt2 .right li:hover a>span{ opacity: 0; }
.txt2 .right li:nth-child(3n){ margin-right: 0; }
/*---------------------------------section3----------------------------------*/
.tit3 h2{ color: #141414; }
.tit3 p{ color: #494949; }
.txt3 ul{ overflow: hidden; margin-bottom: 40px; }
.txt3 ul li{ position: relative; width: 282px; height: 214px; overflow: hidden; margin-right: 24px; float: left; }
.txt3 ul li a>img{ width: 100%; height: 100%; transition: all 0.3s linear 0.05s; }
.txt3 ul li a>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); text-align: center; border: solid 2px #d81919; opacity: 0; transition: all 0.3s linear 0.05s; }
.txt3 ul li a>div h3{ font-size: 18px; color: #fff; padding-bottom: 15px; background: url("youshiB.jpg"/*tpa=http://www.sh-mjly.com/Public/Home/images/youshiB.jpg*/) no-repeat center bottom; }
.txt3 ul li a>div p{ font-size: 14px; color: #fff; }
.txt3 ul li a>div>div{ display: inline-block; vertical-align: middle; }
.txt3 ul li:hover a>div{ opacity: 1; }
.txt3 ul li:hover a>img{ transform: scale(1.05); }
.txt3 ul li:last-child{ margin-right: 0; }
.txt3 dl{ text-align: center; width: 282px; margin-right: 24px; float: left; }
.txt3 dl dt{ position: relative; width: 112px; height: 112px; display: inline-block; }
.txt3 dl dt span{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.txt3 dl dt>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 112px; border-radius: 50%; transition: all 0.3s linear 0.05s; }
.txt3 dl dt>div small{ position: relative; display: inline-block; line-height: 0; }
.txt3 dl dt>div small img{ transition: all 0.3s linear 0.05s; }
.txt3 dl dt>div small img:nth-child(2){ position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s linear 0.05s; }
.txt3 dl:hover dt>div{ background-color: #d81919; }
.txt3 dl:hover dt>div small img:nth-child(1){ opacity: 0; }
.txt3 dl:hover dt>div small img:nth-child(2){ opacity: 1; }
.txt3 dl dd h3{ font-size: 22px; color: #141414; margin: 20px 0 10px; }
.txt3 dl dd p{ font-size: 12px; color: #787878; font-family: "宋体"; line-height: 18px; }
.txt3 dl:last-child{ margin-right: 0; }
/*---------------------------------section3----------------------------------*/
.section4{ background: url("sec4.jpg"/*tpa=http://www.sh-mjly.com/Public/Home/images/sec4.jpg*/) no-repeat center center; background-size: 100% 100%; }
.txt4 dl{ position: relative; width: 282px; height: 484px; float: left; margin-right: 24px; }
.txt4 dl:nth-child(4n){ margin-right: 0; }
.txt4 dl dt{ overflow: hidden; }
.txt4 dl dt img{ transition: all 0.3s linear 0.05s; width: 100%; }
.txt4 dd{ position: absolute; bottom:0; left: 0; width: 100%; border: solid 2px #fff; height: 150px; background-color: #fff; font-size: 0; transition: all 0.3s linear 0.05s; }
.txt4 dd>div{ display: inline-block; vertical-align: middle; padding: 0 20px; }
.txt4 dd small{ width: 27px; height: 1px; background-color: #000; display: inline-block; transition: all 0.3s linear 0.05s; }
.txt4 dd span{ width: 27px; height: 2px; background-color: rgba(216,25,25,0); display: inline-block; transition: all 0.3s linear 0.05s; }
.txt4 dd h3{ font-size: 18px; color: #000; margin: 20px 0 10px; transition: all 0.3s linear 0.05s; }
.txt4 dd p{ font-size: 14px; color: #666; transition: all 0.3s linear 0.05s; }
.txt4 dl:hover dt img{ transform: scale(1.05); }
.txt4 dl:hover dd{ height: 100%; border:solid 2px #d81919; background-color: rgba(0,0,0,.5); }
.txt4 dl:hover small{ opacity: 0; }
.txt4 dl:hover h3{ margin-bottom: 20px; color: #fff; }
.txt4 dl:hover p{ color: #ffffff; }
.txt4 dl:hover span{ background-color: rgba(216,25,25,1); margin-bottom: 20px; }
/*---------------------------------section5----------------------------------*/
.section5{ position: relative; background: url("sec5.jpg"/*tpa=http://www.sh-mjly.com/Public/Home/images/sec5.jpg*/) no-repeat center center; background-size: 100% 100%; }
.txt5{ height: 393px; position: relative; }
.txt5 .txtLeft{ position: absolute; z-index: 1; top: 0; left: 0; }
.txt5 .txtRight{ position: absolute; top: 25px; right: 0; background: url("minjian2.png"/*tpa=http://www.sh-mjly.com/Public/Home/images/minjian2.png*/) no-repeat center center; width: 714px; height: 393px; }
.txt5 .txtRight>div{ width: 525px; float: right; margin-right: 45px; }
.txt5 .txtRight p{ font-size: 18px; line-height: 32px; color: #494949; margin-top: 80px; }
.txt5 .txtRight>div a{ float: right; border-bottom: solid 1px #d81919; color: #d81919; margin-top: 80px; }
/*---------------------------------01-gongye----------------------------------*/
.banner{ position: relative; }
.banner img{ width: 100%; }
.banner>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.banner>div .container{ height: 100%; font-size: 0; text-align: center; }
.banTit{ display: inline-block; vertical-align: middle; }
.banTit h2{ font-size: 40px; color: #ffffff; }
.banTit p{ font-size: 20px; color: #fff; }
.contentBg{ background:#f1f1f1 url("bg.jpg"/*tpa=http://www.sh-mjly.com/Public/Home/images/bg.jpg*/) no-repeat top center; background-size: 100% auto; padding-top: 50px; }
.content{ min-height: 750px; }
/*-------------sidebar-------------*/
.sidebar ul{ width: 230px; border: solid 4px #d81919; background-color: #fff; }
.sidebar ul h2{ margin-left: 40px; margin-top: 30px; margin-bottom: 30px; }
.sidebar ul h2 small{ font-size: 18px; color: #ababab; text-transform: uppercase; display: block; transition: all 0.3s linear 0.05s; }
.sidebar ul h2 span{ font-size: 22px; font-weight: bold; color: #3b3b3b; transition: all 0.3s linear 0.05s; }
.sidebar ul li a{ font-size: 0; color: #000; display: inline-block; height: 70px; width: 100%; padding-left: 40px; transition: all 0.3s linear 0.05s; }
.sidebar ul li a span{ display: inline-block; vertical-align: middle; font-size: 16px; transition: all 0.3s linear 0.05s; }
.sidebar ul li small{ width: 60px; height: 1px; background-color: #d8d8d8; display: block; margin-top: 25px; transition: all 0.3s linear 0.05s; }
.sidebar ul li:hover a,.sidebar ul li.active a{ width: 255px; background-color: #d81919; border-right: solid 4px #000; padding-left: 115px; }
.sidebar ul li:hover a span,.sidebar ul li.active a span{ color: #fff; font-weight: bold; font-size: 20px; }
.sidebar ul li:hover a small,.sidebar ul li.active a small{ margin-top: 10px; background-color: #fff; }
.sideRig{ width: 940px; padding-left: 10px; }
.sideRig .top{ border-bottom: solid 1px #d8d8d8; padding-bottom: 20px; margin-bottom: 30px; }
/*-------------top-------------*/
.address{ font-size: 0; height: 30px; line-height: 30px; }
.address img{ display: inline-block; vertical-align: middle; margin-right: 10px; }
.address span,.address a{ font-size: 12px; color: #a7a7a7; display: inline-block; vertical-align: middle; }
.address a.active{ color: #d81919; }
.seach2 .inp{ display: inline-block; vertical-align: middle; border-left: solid 1px #d8d8d8; }
.seach2 .inp input{ width: 255px; height:20px; background-color: rgba(0,0,0,0); }
.seach2 input[type="button"]{ background:url("seach2.png") no-repeat center center; width: 30px; height: 30px; display: inline-block; vertical-align: middle; }
/*-------------nav2-------------*/
.nav2 li{ float: left; margin-right: 5px; margin-bottom: 5px; }
.nav2 li a{ width: 88px; text-align: center; height: 35px; line-height: 35px; border-radius: 3px; float: left; border: dashed 1px #d8d8d8; color: #323232; font-size: 14px; transition: all 0.3s linear 0.05s; }
.nav2 li.active a,.nav2 li:hover a{ border:solid 1px #d81919; color: #d81919; background-color: #fff; }
.sideBot1 dl{ padding: 5px; width: 455px; height: 185px; background-color: #fff; font-size: 0; margin-right: 20px; float: left; }
.sideBot1 dl:nth-child(3n){ margin-right: 0; }
.sideBot1 dl dt{ overflow: hidden; width: 286px; height: 175px; display: inline-block; vertical-align: middle; }
.sideBot1 dl dt img{ width: 100%; transition: all 0.3s linear 0.05s; }
.sideBot1 dl dd{ display: inline-block; vertical-align: middle; width: 159px; text-align: center; }
.sideBot1 dl dd h3{ font-size: 18px; color: #3b3b3b;
 /* margin: 0 0 30px 0;  */
 }
.sideBot1 dl dd ul{ text-align: center; margin-bottom: 0; display:none}
.sideBot1 dl dd li{ display: inline-block; vertical-align: middle; margin: 0 15px; }
.sideBot1 dl dd li span{ display: inline-block; width: 40px; text-align: 40px; height: 40px; line-height: 40px; background-color: #b9b9b9; border-radius: 50%; transition: all 0.3s linear 0.05s; }
.sideBot1 dl dd li small{ font-size: 12px; color: #717171; display: block; margin-top: 5px; transition: all 0.3s linear 0.05s; }
.sideBot1 dl dd li:hover span{ background-color: #d81919; }
.sideBot1 dl dd li:hover small{ color: #d81919; }
.sideBot1 dl:hover dt img{ transform: scale(1.05); }
/*-------------page-------------*/
.page{ font-size: 0; text-align: center; margin: 50px 0; }
.page a{ font-size: 14px; color: #3b3b3b; width: 30px; text-align: center; height: 30px; line-height: 30px; background-color: #fff; border-radius: 50%; display: inline-block; =vertical-align: middle; margin: 0 10px; }
.page a.active{ color: #fff; background-color: #d81919; }
.sideBot2 figure{ background-color: #fff; font-size: 0; }
.sideBot2 figure>div{ display: inline-block; vertical-align: middle; width: 520px; height: 318px;}
.sideBot2 figure>div img{ width: 100%; }
.sideBot2 figure a{ width: 113px; text-align: center; height: 35px; line-height: 35px; display: block; background-color: #d81919; color: #fff;}
.sideBot2 figure a img{ margin-right: 7px; }
.sideBot2 figure figcaption{ display: inline-block; vertical-align: middle; width: 410px; padding: 0 60px; }
.sideBot2 figure figcaption h2{ border-bottom: dashed 1px #dbdbdb; padding-bottom: 20px; font-size: 24px; font-weight: bold; color: #3b3b3b; margin-top: 0; margin-bottom: 20px; }
.sideBot2 figure figcaption p{ font-size: 16px; color: #3b3b3b; }
.sideBot2 figure figcaption small{ font-size: 14px; line-height: 20px; color: #aaaaaa; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
.sideBot2 figure figcaption a{ font-size: 14px; color: #fff; }
.sect2>ul{ overflow: hidden; border-bottom: solid 1px #e1e1e1; margin-top: 30px; margin-bottom: 20px; }
.sect2>ul li{ float: left; height: 40px; font-size: 0; margin-right: 80px; line-height: inherit; margin-bottom: 0; }
.sect2>ul li span{ line-height: 40px; font-size: 18px; font-weight: bold; }
.sect2>ul li small{ background-color: #d81919; height: 1px; width: 0; display: block; margin-top: -1px; transition: all 0.3s linear 0.05s; }
.sect2 ul li.active small{ width: 100%; }
.sect2>ul li.active span{ color: #d81919; }
.porTxt{ background-color: #fff; overflow: hidden; }
.porTxt>div{ border-bottom: dashed 1px #e1e1e1; }
.por2 p{ line-height: 30px; margin-bottom: 0; font-size: 16px; color: #303030; }
.por2{ padding: 40px; }
.por2 .map{ margin-right: 60px; }
.por3{ padding: 30px 40px; }
.por3>div{ margin-bottom: 0; }
.por3 label{ font-size: 14px; color: #303030;margin-bottom: 0; height: 35px; line-height: 35px; }
.por3 label span{ color: #d81919; }
.por3 input{ width: 415px; height: 35px; border:solid 1px #b5b5b5; }
.por3 .inp label,.por3 .inps label{ height: 35px; line-height: 35px; color: #adadad; }
.por3 .inps textarea{ width: 415px; height: 124px; border: solid 1px #b5b5b5; padding: 6px 10px; outline: none; margin-bottom: 15px; }
.por3 .inps textarea::-webkit-input-placeholder{ color: #adadad; font-size: 14px; }
.por3 .right>div{ font-size: 0; overflow: hidden; }
.por3 .right input{ width: 202px; height: 36px; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; border:0; }
#check{ color: #fff; background-color: #d81919; margin-right: 11px; }
.por3 .right input[type="button"]{ color: #6b6b6b; background-color: #dfdfdf; }
.porTxt1{ margin-bottom: 50px; overflow: hidden; }
.porTxt1 dl{ padding: 5px; width: 455px; height: 185px; background-color: #fff; font-size: 0; margin-right: 20px; float: left; }
.porTxt1 dl:nth-child(3n){ margin-right: 0; }
.porTxt1 dl dt{ overflow: hidden; width: 286px; height: 175px; display: inline-block; vertical-align: middle; }
.porTxt1 dl dt img{ width: 100%; transition: all 0.3s linear 0.05s; }
.porTxt1 dl dd{ display: inline-block; vertical-align: middle; width: 159px; text-align: center; }
.porTxt1 dl dd h3{ font-size: 18px; color: #3b3b3b; margin: 0 0 30px 0; }
.porTxt1 dl dd ul{ text-align: center; margin-bottom: 0; }
.porTxt1 dl dd li{ display: inline-block; vertical-align: middle; margin: 0 15px; width: auto; }
.porTxt1 dl dd li span{ display: inline-block; width: 40px; text-align: 40px; height: 40px; line-height: 40px; background-color: #b9b9b9; border-radius: 50%; transition: all 0.3s linear 0.05s; }
.porTxt1 dl dd li small{ font-size: 12px; color: #717171; display: block; margin-top: 5px; transition: all 0.3s linear 0.05s; }
.porTxt1 dl dd li:hover span{ background-color: #d81919; }
.porTxt1 dl dd li:hover small{ color: #d81919; }
.porTxt1 dl:hover dt img{ transform: scale(1.05); }
/*---------------------------------01-gongye----------------------------------*/
.sideBot4 ul{ overflow: hidden; }
.sideBot4 li{ width: 124px; text-align: center; height: 60px; line-height: 60px; position: relative; margin-right: 10px; margin-bottom: 10px; float: left; }
.sideBot4 li img{ width: 100%; }
.sideBot4 li:nth-child(7n){ margin-right: 0; }
.sideBot4 li img{ display: inline-block; }
.sideBot4 li a>div{ position: absolute; top: 0; left: 0; border:solid 2px #d81919; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); color: #fff; font-size: 14px; opacity: 0; transition: all 0.3s linear 0.05s; }
.sideBot4 li:hover a>div{ opacity: 1; }
/*---------------------------------05----------------------------------*/
.sideBot5 dl{ position: relative; width: 286px; text-align: center; height: 200px; float: left; margin-right: 20px; margin-bottom: 20px; }
.sideBot5 dl dt{ overflow: hidden; }
.sideBot5 dl img{ width: 100%; transition: all 0.3s linear 0.05s; }
.sideBot5 dl:nth-child(3n){ margin-right: 0; }
.sideBot5 dl dd{ position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; line-height: 45px; background-color: rgba(0,0,0,.7); font-size: 18px; color: #fff; transition: all 0.3s linear 0.05s; }
.sideBot5 dl:hover dd{ background-color: rgba(216,25,25,.7); }
.sideBot5 dl:hover dt img{ transform: scale(1.05); }
/*---------------------------------06----------------------------------*/
.sideBot6 dl{ overflow: hidden; border: solid 2px rgba(216,25,25,0); transition: all 0.3s linear 0.05s; }
.sideBot6 dl dt{ width: 225px; height: 160px; overflow: hidden; }
.sideBot6 dl dd{ width: 701px; background-color: #fff; height: 160px; font-size: 0; }
/* .sideBot6 dl:nth-child(2n+1) dt,.sideBot6 dl:nth-child(2n) dd{ float: left; } */
/* .sideBot6 dl:nth-child(2n+1) dd,.sideBot6 dl:nth-child(2n) dt{ float: right; } */
.sideBot6 dl dt,.sideBot6 dl dd{ float: left; } 
.sideBot6 dl: dt,.sideBot6 dl dt{ float: right; } 
.sideBot6 dl dt img{     width: auto;
    height: 100%; transition: all 0.3s linear 0.05s; }
.sideBot6 dl dd h2{ font-size: 18px; color: #3b3b3b; margin-top: 0; margin-bottom: 25px; }
.sideBot6 dl dd div{ display: inline-block; vertical-align: middle; padding: 0 25px; }
.sideBot6 dl dd p{  font-size: 12px; color: #9e9e9e; margin-bottom: 0; line-height: 20px; }
.sideBot6 dl dd p span{ font-size: 12px; color: #d81919; }
.sideBot6 dl:hover{ border: solid 2px #d81919; }
.sideBot6 dl:hover dt img{ transform: scale(1.05); }
.sideBot6 dl:last-child{ margin-bottom: 0; }
/*---------------------------------07----------------------------------*/
.sideBot7 p img{ width: 100%; }
/*---------------------------------09----------------------------------*/
.sideBot8 img{ float: left; margin-right: 35px; margin-bottom: 5px; }
.sideBot8 strong{ font-size: 24px; color: #3b3b3b; display: block; margin-bottom: 20px; }
.sideBot8{ font-size: 14px; line-height: 24px; }
.newTxt img{ width: 100%; }
.sideBot8 p{ margin-bottom: 0; }
/*---------------------------------10----------------------------------*/
.sideBot10 figure{ width: 296px; margin-right: 20px; float: left; }
.sideBot10 figure a>div{ border: solid 5px #fff; width: 296px; height: 418px; overflow: hidden; transition: all 0.3s linear 0.05s; }
.sideBot10 figure a>div img{ width: 100%; transition: all 0.3s linear 0.05s; }
.sideBot10 figure figcaption{ padding: 30px 0; text-align: center; font-size: 20px; color: #3b3b3b; }
.sideBot10 figure:hover a>div{ border-color: #d81919; }
.sideBot10 figure:hover a>div img{ transform: scale(1.05); }
.sideBot10 figure:nth-child(3n){ margin-right: 0; }
/*---------------------------------08----------------------------------*/
.newTit{ text-align: center; border-bottom: dashed 1px #d8d8d8; }
.newTit h2{ font-size: 24px; color: #3b3b3b; margin-top: 0; margin-bottom: 30px; }
.newTit p{ font-size: 12px; color: #9e9e9e; margin-bottom: 20px; }
.pages{ height: 55px; line-height: 55px; border-top: dashed 1px #d8d8d8; border-bottom: dashed 1px #d8d8d8; margin: 40px 0; }
.pages .left span{ color: #898989; font-size: 16px; }
.pages .left img{ margin-right: 15px; }
.pages .right a{ font-size: 16px; color: #898989; margin-left: 60px; }
.newList ul{ overflow: hidden; padding: 15px 20px; background-color: #fff; margin-bottom: 50px; }
.newList li{ float: left; width: 50%; font-size: 0; padding: 7px 0; }
.newList li a{ display: inline-block; border-bottom: 1px rgba(0,0,0,0) solid; transition: all 0.3s linear 0.05s; }
.newList li small,.newList li span{ font-size: 14px; vertical-align: middle; transition: all 0.3s linear 0.05s; }
.newList li small{ color: #a9a9a9; margin-right: 10px; }
.newList li span{ color: #5a5a5a; }
.newList li:hover a{ border-bottom: 1px #d81919 solid;}
.newList li:hover span,.newList li:hover small{ color: #d81919; }
/*---------------------------------11----------------------------------*/
.maps{ border:solid 10px #fff; width: 100%; }
.maps img{ width: 100%; }
.sideBot11 p{ border-bottom: dashed 1px #d8d8d8; height: 50px; line-height: 50px; font-size: 0; }
.sideBot11 p span{ width: 50%; display: inline-block; vertical-align: middle; font-size: 18px; color: #313131; }
.contactDiv{ margin-top: 40px; margin-bottom: 100px; }
/*---------------------------------13----------------------------------*/
.clear{ clear: both; text-align: center; font-size: 0;}
.clear input{ width: 220px; float: inherit; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: bold; border:none; margin: 0 10px;}
.clear input[type="submit"]{ background-color: #d81919; color: #fff;}
.por3 .inps2 textarea{ height: 175px;}
/*---------------------------------14----------------------------------*/
.sideBot14 .rczp>div{ background-color: #fff; margin-bottom: 20px; padding: 0 50px; overflow: hidden;}
.rczpTit{ border-bottom: 1px dashed #d8d8d8; overflow: hidden;}
.rczpTit h2,.rczpTit span{ float: left; height: 80px; line-height: 80px; margin: 0; margin-right: 150px;}
.rczpTit h2{ font-size: 20px; color: #383838; font-weight: bold;}
.rczpTit span{ font-size: 14px; color: #666666;}
.rczpTxt{ margin-top: 25px;}
.rczpTxt>div{ margin-bottom: 25px;}
.rczpTxt p{ line-height: 26px; font-size: 14px; color: #666666;}
.rczpTxt p span{ color: #d81919; font-size: 18px;}

.xuanfu{ position: fixed; z-index: 9; top: 25%; right: 0;}
.xuanfu li{ width: 55px; height: 55px; margin-bottom: 25px;}
.xuanfu a{ float: right; width: 55px; height: 55px; background-color: rgba(255,255,255,.8); border-radius: 50%; line-height: 55px; text-align: center; font-size: 0; position: relative; z-index: 2; transition:all 0.3s linear 0.05s;}
.xuanfu a small{ position: relative; font-size: 0; line-height: 0; display: inline-block;}
.xuanfu a small img{ transition:all 0.3s linear 0.05s;}
.xuanfu a small img:nth-child(2){ position: absolute; top: 0; left: 0; opacity: 0;}
.xuanfu span{ width: 0; display: inline-block; overflow: hidden; position: absolute; right: 0; transition:all 0.3s linear 0.05s;}
.xuanfu span small{ min-height: 55px; line-height: 55px; font-size: 20px; color: #d81919; font-weight: bold; margin-right: 10px; width: 200px; display: inline-block;}
.xuanfu li:hover a{ background-color: #d81919;}
.xuanfu li:hover span{ width: 160px; right: 55px;}
.xuanfu li:hover small img:nth-child(1){ opacity: 0;}
.xuanfu li:hover small img:nth-child(2){ opacity: 1;}
.xuanfu li:last-child a{ background-color: rgba(255,255,255,.8) !important;}
.down{ position: absolute; bottom: 10px; text-align: center; width: 100%;}
.down a{ position: relative; display: inline-block; animation:mymove 1.5s infinite; -moz-animation:mymove 1.5s infinite; /* Firefox */ -webkit-animation:mymove 1.5s infinite; /* Safari and Chrome */ -o-animation:mymove 1.5s infinite; /* Opera */}
@-webkit-keyframes mymove{
   0%{ top:0px; }
   60%{ top:10px; }
   100%{ top:0px; }
}

/*================================修改===================================*/
.txt2 .right ul{ display: none;}
.txt2 .right ul:nth-child(1){ display: block;}
.sideBot10{ margin-bottom: 100px; }
.newTxt img{height:auto !important; max-width: 100%; }
.sideBot1 dl dd h3{ text-align: left; padding: 0 20px; }
.footer{ position: inherit; }
.header>nav>li{ position: relative; }
.header>nav ul{ position: absolute; top: 80px; left: -30px; width: 100%; height: 0; overflow: hidden; transition: all 0.4s linear 0.05s;}
.header>nav ul li{ display: block; float: none; overflow: hidden; margin-right: 0 !important; background-color: rgba(216,25,25,.8); }
.header>nav ul li a{ float: none; width: 100%; display: block; text-align: center; }
.header>nav ul li:hover a{ font-weight: bold; }
.header.over{ overflow: initial !important; }
.header>nav>li:hover ul{ height: 300px; }
.header>nav>li:nth-child(2):hover ul{ height: 650px; }
.header>nav ul li a{ line-height: 35px; }
.sideBot1 dl dt a>div{ width: 100%; height: 100%; text-align: center; }
.sideBot1 dl dt a>div img{ height: 100%;width: auto; display: inline-block; }
.txt2 .right li small{ font-size: 0; display: block; width: 100%; height: 100%; background-color: #000; text-align: center; }
.txt2 .right li small>img{ width: auto; height: 100%; display: inline-block; }
.sideBot2 figure>div{ background-color: #000; text-align: center; }
.tit5 p{ text-align: left; }
.txt5 .txtRight p{ line-height: 28px; margin-top: 45px;}
.txt5 .txtRight p span{ display: block; text-indent: 2em; }
video{ width: 100%; }

.txt2 .right li{ height: 242px; }
.txt2 .right li small{ overflow: hidden; }
.txt2 .left{ padding-bottom: 140px; }
.sideBot1 dl,.porTxt1 dl{ width: 30.333%; height: auto; margin-right: 1.5%;margin-bottom:15px; }
.sideBot1 dl dd,.porTxt1 dl dd{ width: 100%; }
.sideBot1 dl dd h3,.porTxt1 dl dd h3{ padding: 0px; text-align: center !important; margin-bottom: -5px; line-height: 26px; text-align: left; font-size: 14px;
background-color: #17446e;
    color: #fff; }
.sideBot1 dl dd li,.porTxt1 dl dd li{ margin: 0 10px; }
.sideBot1 dl dt,.porTxt1 dl dt{ width: 100%; height: 159px; }
.sideBot2 figure>div{ width: 410px; height: 410px; }
.sideBot2 figure figcaption{ width: 520px; }
.sideBot5 dl{ overflow:hidden; }


.header>nav>li>a{ width: 70px; text-align: center; }
.header>nav>li:nth-child(2)>a,.header>nav>li:nth-child(3)>a{ width: 80px; }

/*手机端首页*/
.ipBox{ background-color: #e9e9e9; }
.flexsliderq li{ position: relative; font-size: 0; }
.flexsliderq li>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.flexsliderq li>div>div{ display: inline-block; vertical-align: middle; }
.flexsliderq li>div h2{ font-size: 23px; color: #ffffff; line-height: 30px; }
.flexsliderq li>div a{ width: 90px; height: 30px; text-align: center; line-height: 30px; border-radius: 2px; background-color: rgba(216,25,25,.75); color: #fff; display: inline-block; font-size: 12px; }
.iphone section{ background-color: #fff; overflow: hidden; margin-bottom: 5px; }
.iphone section:last-child{ margin-bottom: 0; }
.iphone section .tit h2{ font-size: 20px; color: #000; margin: 0; margin-top: 25px; margin-bottom: 5px; }
.iphone section .tit p{ font-size: 12px; color: #202020; line-height: inherit; }
.bannerIp,.bannerIp>div{ position: inherit; }
.bannerIp ul{ margin-bottom: 0; }
.iphone section{ padding: 0 10px; padding-bottom: 20px; }
.iphone .sec1 .txt ul{ overflow: hidden; }
.iphone .sec1 .txt>ul li{ width: 32.333%; margin: 5px 0.5% 0; float: left; border:solid 1px #767676; font-size: 12px; text-align: center; padding: 5px; transition: all 0.3s linear 0s; }
.iphone .sec1 .txt>ul li.active{ background-color: #d81919; color: #fff; border-color: #d81919; }
.iphone .sec1 .txt>div ul{ display: none; }
.iphone .sec1 .txt>div ul:first-child{ display: block; }
.iphone .sec1 .txt>div li{ width: 31.333%; float: left; margin: 0px 1% 5px; }
.iphone .sec1 .txt>div li img{ width: 100%; }
.sec2 .txt>div{ overflow: hidden; }
.sec2 dl{ width: 49%; margin-right: 2%; float: left; position: relative; }
.sec2 dl:nth-child(2n){ margin-right: 0; }
.sec2 dl dt img{ width: 100%; }
.sec2 dl dd{ position: absolute; bottom:0; left: 0; width: 100%; height: 30px; background-color: rgba(0,0,0,.5); }
.sec2 dl dd h3{ width: 90%; line-height: inherit; display: inline-block; vertical-align: middle; text-align: center; font-size: 16px; color: #fff; margin: 0; }
.sec2 figure{ width: 50%; float: left; text-align: center; padding: 0 5px; }
.sec2 figure span{ width: 56px; height: 56px; display: inline-block; }
.sec2 figure span img{ width: 100%; }
.sec2 figure h3{ font-size: 16px; color: #141414; }
.sec2 figure p{ font-size: 12px; color: #787878; line-height: 16px; }
.sec3 .txt>div{ overflow: hidden; }
.sec3 dl{ width: 49%; margin-right: 2%; float: left; margin-bottom: 0; }
.sec3 dl:nth-child(2n){ margin-right: 0; }
.sec3 dl dt img{ width: 100%; }
.sec3 dl dd{ width: 100%; padding: 15px 0; }
.sec3 dl dd h3{ width: 90%; line-height: inherit; font-size: 16px; color: #000; margin: 0; }
.sec3 dl dd p{ font-size: 12px; color: #787878; line-height: 16px; }
.sec4 figure span img{ width: 100%; }
.sec4 figure p{ line-height: 20px; font-size: 12px; color: #171717; }
.sec4 figure p a{ color: #d81919; }
.sec4 figure figcaption{ margin: 15px 0 20px; }
.seacha{ position: fixed; z-index: 2; top: 60px; left: 0; width: 100%; background-color: rgba(255,255,255,.95); padding: 5px 10px; }
.seacha>div{ width: 100%; border-radius: 35px; border:solid 1px #d4d4d4; height: 35px; line-height: 35px; font-size: 0; }
.seacha input{ height: 35px; }
.seacha img{ width: 14px; height: 14px; margin-right: 10px; }
.seacha .inp{ height: 35px; width: 80%; margin-left: 5px; }
.seacha .inp label{ height: auto; font-size: 12px; margin-bottom: 0; line-height: 32px; }
.seacha .inp input{ width: 100%; background-color: rgba(0,0,0,0); }

/*=修改=*/
.flexsliderq{ position: relative !important; }
.flexsliderq .flex-control-nav{ bottom: 15px; }
.zxXf{ position: fixed; z-index: 9; bottom: 0; width: 100%; background-color: #e9e9e9; display: none; }
.zxXf ul{ overflow: hidden; padding: 10px 10px 0; }
.zxXf li{ width: 49%; margin-right: 2%; float: left; }
.zxXf li:nth-child(2){ margin-right: 0; }
.zxXf li:nth-child(1){ font-size: 0; }
.zxXf li:nth-child(1) a{ display: block; background-color: #ffffff; color: #202020; font-size: 12px; border: solid 1px #767676; border-radius: 5px; line-height: 30px; text-align: center; }
.zxXf li:nth-child(1) a img,.zxXf li:nth-child(1) a span{ display: inline-block; vertical-align: middle; }
.zxXf li:nth-child(1) a img{ width: 15px; margin-right: 10px; }
.zxXf li:nth-child(2) a{ display: block; background-color: #d81919; color: #fff; font-size: 12px; border: solid 1px #d81919; border-radius: 5px; line-height: 30px; text-align: center; }
.zxXf li:nth-child(2) a img,.zxXf li:nth-child(1) a span{ display: inline-block; vertical-align: middle; }
.zxXf li:nth-child(2) a img{ width: 15px; margin-right: 10px; }