@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css             | 
   |  * Info       : Menderin               |
   |  * Writer     : Flying                 |
   |  * Date       : 2018.06.01             |
   |  * Powered By KEW - www.chinakewei.net |
   +--------------------------oOO-----------+
                      |__|__|
                       || ||
                      ooO Ooo
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding: 0px; border: 0; font-size: 100%; outline: none;}
table,tbody,tr, th, td{border-collapse: collapse;}
html { font-size: 100%!important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑"; margin:0 auto; color: #333;  -webkit-tap-highlight-color:rgba(0,0,0,0);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6{font-weight:normal}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; vertical-align: middle;}
input{ outline: none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea {-webkit-appearance: none; border-radius: 0; outline: none;  font-family:"Microsoft Yahei"}
::-moz-selection { background: #338fff; color: #fff; text-shadow: none; }
::selection { background: #338fff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
a:link, a:visited { text-decoration: none; color:#333;}
a:active, a:hover { text-decoration: none; outline:none; color:#FF0000;}
a:focus{text-decoration:none;outline:0;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*在线客服*/
.side{position:fixed;width:54px;height:auto;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px; line-height: 54px; float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff; overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/*PC端头部样式*/
#header-content{width: 100%; height: 110px;  background: #0070c0; position: absolute; z-index: 110;}
#header-bar{width: 1200px; height: auto; margin: 0 auto;}
#header-bar .logo{width: 220px; height: 110px; float: left;}
#header-bar .nav_bar{width: 840px; height: 110px; line-height: 110px; float: left; background: url(../images/png-1.png) no-repeat 0 50%;}
.nav_bar ul li{	list-style-type: none;	float: left;	text-align: center;	width:140px; height: 110px; font-size: 16px; transition:All 0.4s ease-in-out;}
.nav_bar ul li a{	text-decoration: none;	display: block; color: #fff; }
.nav_bar ul li a:hover{color: #0070c0; background: #fff;}
.nav_bar ul li.l1:hover .hid{	display: block; }
.hid{	width: 100%; height: auto;	position: absolute; left: 0; top: 110px;  display: none;}
.hid ul{width: 100%; color: #333;	margin: 0 auto; background: #fff;	}
.fixed{	position: fixed;	top: 0; }
.nav-bar-pro{width:1100px; height: auto; margin: 0 auto; background: rgba(255,255,255,0.70); padding: 30px 50px; text-align: left; overflow: hidden;}
.nav-bar-pro-list{width: 1128px; height: auto; margin: 0 auto; }
.nav-bar-pro-list figure{width: 160px; height: 25px; line-height: 25px; float: left;  text-align: center; margin-right: 28px; margin-bottom: 25px; }
.nav-bar-pro-list figure a span{color: #0070c0; font-size: 14px;}
.nav-bar-pro-list figure a{padding: 5px 0; background: #fff; border-radius: 50px;}
.nav-bar-pro-list figure a:hover span{color: #c10001;}
.nav-bar-pro-l11{width: 150px; height: auto; float: left;}
.nav-bar-pro-l11 p{line-height: 200%; font-size: 14px; text-indent: 0.5rem;}
.nav-bar-pro-l11 p span {color: #666; display: block;}
.nav-bar-pro-l11 p span:hover{color: #0070c0;}
.nav-bar-pro-l12{width: 150px; height: auto; float: left; margin-left: 25px;}
.nav-bar-pro-l12 p{line-height: 200%; font-size: 14px;  text-indent: 0.5rem;}
.nav-bar-pro-l12 p span {color: #666; display: block;}
.nav-bar-pro-l12 p span:hover{color: #0070c0;}

.nav-bar-about{width:1200px; height: auto; margin: 0 auto; padding: 0; text-align: left; overflow: hidden;}
.nav-bar-about h2{width: 399px; height: auto; float: left; margin-right: 1px; text-align: center; background: rgba(255,255,255,0.70);}
.nav-bar-about h2>input{width: 100%; height: auto; padding: 30px 70px; border: 0; text-align: center; background: none; cursor: pointer; transition:All 0.4s ease-in-out; font-size: 18px; display: block;}
.nav-bar-about h2>input:hover{background: #ff0000; color: #fff; }

.nav-bar-serv{width:1200px; height: auto; margin: 0 auto; padding: 0; text-align: left; overflow: hidden;}
.nav-bar-serv h2{width: 599px; height: auto; float: left; margin-right: 1px; text-align: center; background: rgba(255,255,255,0.70);}
.nav-bar-serv h2>input{width: 100%; height: auto; padding: 30px 70px; border: 0; text-align: center; background: none; cursor: pointer; transition:All 0.4s ease-in-out; font-size: 18px; display: block;}
.nav-bar-serv h2>input:hover{background: #ff0000; color: #fff; }



/*#nav {margin:0 auto; width:840px; height: auto; font-size:16px; position:  absolute; z-index:99;}
#nav .jquery {margin-right:0;padding:0;}
#nav .mainlevel {float:left; border-right:0; width:140px; height:110px; line-height:110px; }
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:140px; color: #fff;}
#nav .mainlevel a:hover {text-decoration:none; color: #ff0000;}
#nav .mainlevel ul {display:none; position:absolute; top: 110px;}
#nav .mainlevel li {border-bottom:1px solid #007dd6; }
#nav .mainlevel li a{background:#0070c0; width:140px; font-size:14px; height:50px; line-height:50px; }
#nav .mainlevel li a:hover{ background:#007dd6; color: #fff;}*/
#header-bar .language{width: 140px; height: 110px; float: right;}
div.nav{
    width: 140px;
    height:114px;
    text-align: center;
    position: relative;
	  margin:0;
}
/*nav-main*/
ul.nav-main{
    width: 140px;
    height: 114px; line-height: 114px;
    list-style-type: none;
}
ul.nav-main span{
    display: inline-block;
    margin-left:0;
    width: 0;
    height: 0;
    background:none;
}
/*导航条设置*/
ul.nav-main>li{
    width: 140px;
    height: 114px;
    display: block;
    float: left;
    margin-right: 0;
    cursor: pointer;
    background: url(../images/png-2.png) no-repeat 20% 50%;
    text-indent: 2.5rem;
    color: #fff;
    font-size: 14px;
    transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;
}
ul.nav-main>li:hover{ color: #ff0000;
    
}
/*隐藏盒子设置*/
div.hidden-box{
    width: 140px;
    border: 0;
    border-top: 0;
    position: absolute;
    display:none;
    background:#fff;
    z-index: 9;
    top: 110px;

}
.hidden-box>ul{
    list-style-type: none;
    cursor: pointer; background: #0070c0; 
}
.hidden-box li a{height: 50px; line-height: 50px;  transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out; color: #fff; }
.hidden-box li:hover{ background: #007dd6;  height: 50px;}
.hidden-box li img{width: 18%; height: auto; margin-right: 10px;}


/*PC端底部样式*/
#footer-content{width: 100%; height: auto; overflow: hidden; background: #f6f6f6; border-top: #0070c0 solid 2px; padding: 30px 0;}
#footer{width: 1200px; height: auto; margin: 0 auto; background: url(../images/png-3.png) repeat-y 620px 0; overflow: hidden;}
#footer .footer-left{width: 600px; height: auto; float: left;}
#footer .footer-left li{width: 120px; height: auto; float: left; text-align: left; padding-left: 0; font-size: 14px;}
#footer .footer-left li a{display: block; color: #b9b9b9;}
#footer .footer-left li a:hover{display: block; color: #FF0000;}
#footer .footer-left li p{line-height: 200%;}
#footer .footer-left li p span{color: #787878;}
#footer .footer-right{width: 540px; height: auto; float: right; color: #787878;}
#footer .footer-right{ line-height: 200%;}
#footer .footer-right img{margin-top: 10px; text-align: left;}
.footer-up{width: 100%; height: 10px; text-align: center; background: #f6f6f6; }
.footer-up img{position: relative; bottom: 9px;}

#copyright-content{width: 100%; height: 50px; background: #0070c0; overflow: hidden;}
#copyright{width: 1200px; height: auto; line-height: 50px; margin: 0 auto;}
#copyright .c-left{width: 800px; height: auto; line-height: 50px; float: left; color: #8fd0ff; text-align: left;}
#copyright .c-right{width: 400px; height: auto; line-height: 50px; float: right; color: #399de4; text-align: right; text-transform: uppercase; font-size: 12px; font-weight: bold;}
#copyright .c-right a{color: #399de4;}
#copyright .c-right a:hover{color: #ff0000;}




/*综合首页样式*/
#movie{width: 100%; height: auto; overflow: hidden; text-align:center; position:relative; padding-top: 110px; }
#movie img{width: 100%; height: auto;}
#movie-probtn{width: 1200px; height: auto; position: relative; z-index: 8; margin: 0 auto; bottom: 85px; margin-bottom: -40px;}
#movie-probtn>input{width: 160px; height: 40px; line-height: 40px; background: #0070c0; color: #fff; border: 0; border-radius: 5px; margin-left: 15px; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
#movie-probtn>input:hover{background: #ff0000;}

#home-bar1{width: 100%; height: auto;  overflow: hidden;}
.home-main{width: 1200px; height: auto; margin: 10px auto 20px auto;}
.home-main-left{width: 810px; height: auto; float: left;}
.home-main-left-nav{width: 820px; height: auto; overflow: hidden;}
.home-main-left-nav li{width: 400px; height: 300px; margin-right: 10px; margin-bottom: 10px; float: left;}
.home-main-search{width: 340px; height: 240px; background: url(../images/png-5.png) no-repeat 50% 50% #cbe9ff; padding: 30px;}
.home-main-search h2{text-align: center;}
.home-main-search h2 p{font-size: 24px; color: #1149b4;}
.home-main-search h3{width: 260px; height: auto; float: left; margin: 10px auto;}
.home-main-search h3>input{width: 260px; height: 35px; border: 0; background: #fff; border-radius: 5px 0 0 5px; color: #95bfdd; text-align: left; text-indent: 1rem;}
.home-main-search h4{width: 80px; height: auto; float: right; margin: 10px auto;}
.home-main-search h4>input{width: 80px; height: 37px; border: 0; background: url(../images/png-7.png) no-repeat 50% 50% #1149b4; border-radius: 0 5px 5px 0; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.home-main-search h4>input:hover{ background: url(../images/png-7.png) no-repeat 50% 50% #ff0000; }
.home-main-search h5{ color: #96a5c1;}

.home-main-nav-comp{width: 400px; height: 300px;}
.home-main-nav-comp figure{width: 100%; height: 250px;}
.home-main-nav-comp figcaption{background: #0070c0; height: 50px; line-height: 50px; color: #fff; font-size: 22px; text-indent: 1rem;}
.home-main-nav-comp figcaption:hover{background: #ff0000; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.home-main-nav-comp figure a{display: block; }
.home-main-nav-comp figure img{cursor: pointer; transition: all 0.6s; }
.home-main-nav-comp figure img:hover{filter: brightness(70%);}
.home-main-nav-comp figcaption span{color: #fff; font-size: 12px; text-transform: uppercase;}

.home-main-nav-news{width: 400px; height: 300px;}
.home-main-nav-news figure{width: 100%; height: 250px;}
.home-main-nav-news figcaption{background: #40b44a; height: 50px; line-height: 50px; color: #fff; font-size: 22px; text-indent: 1rem;}
.home-main-nav-news figcaption:hover{background: #ff0000; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.home-main-nav-news figure a{display: block; }
.home-main-nav-news figure img{cursor: pointer; transition: all 0.6s; }
.home-main-nav-news figure img:hover{filter: brightness(70%);}
.home-main-nav-news figcaption span{color: #fff; font-size: 12px; text-transform: uppercase;}

.home-main-nav-service{width: 400px; height: 300px;}
.home-main-nav-service figure{width: 100%; height: 250px;}
.home-main-nav-service figcaption{background: #ffc000; height: 50px; line-height: 50px; color: #fff; font-size: 22px; text-indent: 1rem;}
.home-main-nav-service figcaption:hover{background: #ff0000; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.home-main-nav-service figure a{display: block; }
.home-main-nav-service figure img{cursor: pointer; transition: all 0.6s; }
.home-main-nav-service figure img:hover{filter: brightness(70%);}
.home-main-nav-service figcaption span{color: #fff; font-size: 12px; text-transform: uppercase;}

.home-main-right{width: 380px; height: 610px; float: right; background: #f6f6f6; overflow: hidden;}
.home-pro-tit{width: 100%; height: 50px; line-height: 50px; background: #0070c0; font-size: 22px; color: #fff; text-indent: 1rem;}
.home-pro-tit span{font-size: 12px; text-transform: uppercase; color: #68b5ec;}
.home-pro-tit img{position: relative; left: 90px;}
.home-pro-list{width: 360px; height: auto; padding: 10px;}
.home-pro-list li{width: 100%; height: 130px; border-bottom: #dfdfdf dotted 1px; margin-bottom: 5px; padding-bottom: 5px; overflow: hidden;}
.home-pro-list-pic{width: 130px; height: auto; float: left;}
.home-pro-list-txt{width: 220px; height: auto; float: right;}
.home-pro-list-txt h2 a{font-size: 16px; color: #0070c0; text-align: left;}
.home-pro-list-txt h2 a:hover{font-size: 16px; color: #ff0000;}
.home-pro-list-txt h3{color: #939393; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home-pro-list-txt h4{text-align: right; position: relative; top: 5px;}



/*内页样式*/
/*#subpages-banner{width: 100%; height: auto; overflow: hidden; text-align: center; padding-top: 110px;}
#h5-sub-banner{width: 100%; height: auto; overflow: hidden; text-align: center; display: none; padding-top: 60px;}
#h5-sub-banner img{width: 100%;}*/

#subpages-guide{width: 100%; height: auto; background: #f6f6f6;}
.guide{width: 1200px; height: 40px; line-height: 40px; margin: 0 auto; color: #999;}
.guide a{color: #0070c0;}
.guide a:hover{color: #ff0000;}
.guide img{margin: 0 5px;}
#subpages-content{width: 100%; height: auto; margin: 0 auto;}
#subpages-main{width: 1200px; height: auto; margin: 15px auto;  overflow: hidden;}
.subpages-main-left{width: 220px; height: auto; float: left;}
.left-tit{width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 18px; text-indent: 2rem; background: #0070c0;}
.left-nav{width: 100%; height: auto; }
.left-nav li{width: 100%; height: 40px; line-height: 40px; margin-top: 1px; text-align: left; text-indent: 2rem; background: #f6f6f6;}
.left-nav li a{display: block; background: url(../images/icon-2.png) no-repeat 9% 50%;}
.left-nav li a:hover{display: block; background: url(../images/icon-3.png) no-repeat 9% 50% #0070c0; color: #fff;}

.left-cont{width: 100%; height: auto; margin-top: 10px;}
.left-cont-tit{width: 100%; height: auto;}
.left-cont-txt{width: 94%; height: auto; padding: 4% 3%; background: #f6f6f6;}
.left-cont-txt p{line-height: 200%;}

.subpages-main-right{width: 945px; height: auto; float: right;}
.right-tit{width: 100%; height: 40px; line-height: 40px; color: #999; border-bottom: #eee solid 1px;}
.right-tit span{color: #0070c0;}
.right-pro{width: 959px; height: auto; overflow: hidden; margin: 20px auto;}
.right-pro figure{width: 175px; height: auto; float: left; margin-right: 14px; margin-bottom: 15px; text-align: center;}
.right-pro figure img{border: #eee solid 1px; box-sizing: border-box; margin-bottom: 5px; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out; width:100%;}
.right-pro figure img:hover{filter: drop-shadow(1px 1px 5px #ddd);  width:100%;}
.right-pro figcaption {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; height:25px;}

.sub-proinfo{width: 100%; height: auto; overflow: hidden;}
.sub-proinfo-bigpic{width: 100%; height: auto; }
.sub-proinfo-bigpic-left{width: 400px; height: auto; float: left;}
.sub-proinfo-bigpic-left img{border: #eee solid 1px;}
.bigpic{width: 100%; height: auto; margin: 10px auto;}
.bigpic figure{width: 90px; height: auto; margin-right: 5px; margin-left: 5px; float: left;}
.bigpic figure img{width: 90px; height: auto;}

.sub-proinfo-bigpic-right{width: 520px; height: auto; float: right;}
.bigpic-right-tit{width: 100%; height: auto; padding: 8px 0; text-align: center; font-size: 18px; font-weight: bold; border-bottom: #eee dotted 1px;}
.bigpic-right-txt{width: 100%; height: auto; margin-top: 10px; float: left;}
.bigpic-right-txt-left{width: 255px; height: auto; float: left;}
.bigpic-right-txt-right{width: 255px; height: auto; float: right;}
.bigpic-right-txt-left p{text-indent: 0; line-height: 240%; }
.bigpic-right-txt-right p{text-indent: 0; line-height: 240%; }
.bigpic-right-small{width: 100%; height: auto; margin-top: 10px; float: left;}
.bigpic-right-small p{line-height: 220%; background: #f6f6f6; margin-bottom: 15px;}
.bigpic-right-small figure{width: 130px; height: auto; float: left; margin-right: 10px; margin-bottom: 5px; text-align: center;}
.bigpic-right-small figure img{border: #eee solid 1px;}
.bigpic-right-small figure figcaption{height: 50px; text-align: left; line-height: 150%;}

.bigpic-right-txt-tab1{color: #999;}
.bigpic-right-detail{width: 100%; height: auto; margin: 20px auto; overflow: hidden;}
.bigpic-right-detail-tit1{width: 100%; height: auto; }
.bigpic-right-detail-tit1 p{text-indent: 2rem;}
.bigpic-right-detail-tit1 h2{font-size: 18px; height: 45px; line-height: 45px; background: #f5f5f5; text-indent: 1rem; border-radius: 5px; width: 100%; margin: 10px auto;}
.nTab{width:100%; border:0; overflow:hidden;}
.none {display:none;}
.nTab .TabTitle{width:946px; height:auto; margin: 0 auto; overflow:hidden; }
.nTab .TabTitle li{float:left; cursor:pointer; height:45px; width:156px; margin-right: 1.5px; text-align:center; background: #f5f5f5; box-sizing: border-box;}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{color:#fff; line-height:45px; background: #0070c0; font-size: 16px;}
.nTab .TabTitle .normal{line-height:45px;}
.nTab .TabContent{clear:both; overflow:hidden; border:0; margin:0 auto; width:auto;}
.specs-tab1{background: #f6f6f6; height: 40px;}
.specs-tab2{ height: 40px; text-indent: 0.8rem;}
.specs-tab3{text-align: center; padding: 5px;}
.specs-txt{width: 100%; height: auto; margin-top: 30px;}

.inquiry{width: 100%; height: auto; margin: 20px auto;}
.inquiry-tit{font-size: 18px; height: 45px; line-height: 45px; background: #f5f5f5; text-indent: 1rem; border-radius: 5px; width: 100%; margin: 10px auto;}
.inquiry-main{width: 100%; height: auto;}
.inquiry-main h2{width: 100%; height: auto;}
.inquiry-main h2>input{width: 100%; height: 50px; border: #eee solid 1px; box-sizing: border-box; text-indent: 0.5rem; color: #999; margin: 10px auto;}
.inquiry-main h3{width: 100%; height: auto;}
.inquiry-main h3>textarea{width: 100%; height: auto; border: #eee solid 1px; box-sizing: border-box; padding: 1%; color: #999; margin: 10px auto;}
.inquiry-main h4{width: 100%; height: auto;}
.inquiry-main h4>input{width: 120px; height: 40px; line-height: 40px; border: 0;  color: #fff; background: #0070c0; cursor: pointer; font-size: 16px; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.inquiry-main h4>input:hover{background: #ff0000;}

.sub-comp{width: 100%; height: auto; overflow: hidden; }
.sub-comp-tit{width: 100%; height: 40px; line-height: 40px; border-bottom: #eee solid 1px; font-size: 18px;}
.sub-comp-txt{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-comp-txt p{text-indent: 2rem; line-height: 220%; margin: 10px auto;}

.sub-comp-faq{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-comp-faq p{line-height: 220%; }
.sub-comp-faq p span{color: #0070c0;}

.sub-comp-service{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-comp-service p{line-height: 220%; text-indent: 2rem;  margin: 10px auto;}

.sub-comp-consult{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-comp-consult h2{width: 100%; height: auto;}
.sub-comp-consult h2>input{width: 100%; height: 50px; border: #eee solid 1px; box-sizing: border-box; text-indent: 0.5rem; color: #999; margin: 10px auto;}
.sub-comp-consult h3{width: 100%; height: auto; margin: 10px auto;}
.sub-comp-consult h4>textarea{width: 100%; height: auto; border: #eee solid 1px; box-sizing: border-box; padding: 1%; color: #999; margin: 10px auto;}
.sub-comp-consult h5>input{width: 120px; height: 40px; line-height: 40px; border: 0;  color: #fff; background: #0070c0; cursor: pointer; font-size: 16px; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.sub-comp-consult h5>input:hover{background: #ff0000;}

.sub-news{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-news li{width: 100%; height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #eee dotted 1px; overflow: hidden;}
.sub-news li h2{font-size: 16px; font-weight: bold;}
.sub-news li h4{color: #0070c0; font-size: 12px; margin: 10px auto;}
.sub-news li h4 img{margin-bottom: 4px; margin-right: 5px;}
.sub-news li p{color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.sub-newsinfo{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-newsinfo h2{font-size: 20px; padding: 10px 0; text-align: center; font-weight: bold;}
.sub-newsinfo h3{font-size: 12px; color: #b3b3b3; text-align: center; margin: 0 auto;}
.sub-newsinfo hr{height:1px; border:0; border-bottom:#eee dotted 1px; margin:10px auto;}
.sub-newsinfo p{line-height: 220%; margin: 10px auto; text-indent: 2rem;}
.sub-newsinfo-end{width:100%; height:auto; overflow:hidden;}
.sub-newsinfo-end p{line-height: 220%; margin: 0 auto; text-indent: 0;}
.sub-newsinfo-btn{width:100%; height:auto; overflow:hidden; margin: 15px auto;}
.sub-newsinfo-btn-left{width: 49%; height: auto; float: left; text-align: right; padding-right: 1%;}
.sub-newsinfo-btn-left>input{width:130px; height:35px; line-height:35px; border:0; text-align:center; color:#fff; margin:5px auto; background:#0070c0 url(../images/icon-5.png) no-repeat 20% 50%; background-size:20%; text-indent:1.8rem; cursor:pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.sub-newsinfo-btn-right{width: 49%; height: auto; float: right; text-align: left; padding-left: 1%;}
.sub-newsinfo-btn-right>input{width:130px; height:35px; line-height:35px; border:0; text-align:center; color:#fff; margin:5px auto; background:#0070c0 url(../images/icon-6.png) no-repeat 20% 50%; background-size:20%; text-indent:1.8rem; cursor:pointer; }

.sub-contact{width: 100%; height: auto; min-height: 400px; margin: 20px auto;}
.sub-contact h2{font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.sub-contact p{line-height: 220%; }
.sub-contact img{margin-top: 15px;}


/*分页样式*/
#pages{width:100%; height:auto; padding: 35px 0; overflow:hidden; text-align:center;}
.pages-list{width: 329px; height: auto; margin: 0 auto; overflow: hidden;}
.pages-list li{width: 42px; height: auto; float: left; margin-right: 5px; text-align: center;}

.pages-num{width: 42px; height: 42px;}
.pages-num>input{width: 38px; height: 38px; border: #eee solid 1px; text-align: center; cursor: pointer; font-size: 16px; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-num>input:hover{background: #c8000b; color: #fff;}

.pages-top{width: 42px; height: 42px;}
.pages-top>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-11.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-top>input:hover{background: url(../images/pages/icon-11-a.png) no-repeat 50% 50% #c8000b;}

.pages-end{width: 42px; height: 42px;}
.pages-end>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-12.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-end>input:hover{background: url(../images/pages/icon-12-a.png) no-repeat 50% 50% #c8000b;}

.pages-back{width: 42px; height: 42px;}
.pages-back>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-13.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-back>input:hover{background: url(../images/pages/icon-13-a.png) no-repeat 50% 50% #c8000b;}

.pages-next{width: 42px; height: 42px;}
.pages-next>input{width: 38px; height: 38px; border: #eee solid 1px; background: url(../images/pages/icon-14.png) no-repeat 50% 50%; text-align: center; cursor: pointer; transition:All 0.4s ease-in-out;	-webkit-transition:All 0.4s ease-in-out;	-moz-transition:All 0.4s ease-in-out;	-o-transition:All 0.4s ease-in-out;}
.pages-next>input:hover{background: url(../images/pages/icon-14-a.png) no-repeat 50% 50% #c8000b;}


/*==========以下样式为移动端==========*/

/*头部*/
#header{width:100%; height:auto; display:none;}
.h5-top{width:100%; height:60px; background:#0070c0; overflow:hidden; display:none; position:fixed; z-index:100; }
.h5-top-left{width:50%; height:60px; float:left; text-align:left; }
.h5-top-left img{width: auto; height: 60px;}
.h5-top-right{width:50%; height:45px; float:right; padding-top:15px; text-align:right; position:absolute; right:50px; }
.h5-top-right>input{width:30px; height:30px; border:0; border-radius:50%; background: url(../images/en-1.png) no-repeat 50%; background-size: 100%; color:#fff; margin-right: 5px;}

/*底部*/
#h5-footer-content{width:100%; height:auto; margin:0 auto; position:fixed; bottom:0;z-index:9999; display: none;}
.h5-footer{width:100%; height: auto; margin:0 auto; overflow:hidden; background:#0070c0;}
.h5-footer li{width:33.3%; height:auto; float:left; text-align:center; overflow:hidden; box-sizing: border-box;}
.h5-footer li a{display:block; color:#FFF; padding:15px 0;}
.h5-footer li a:hover{display:block; padding:15px 0;}


/*焦点图*/
#h5-movie{width:100%; height:auto; margin:0 auto; text-align:center; overflow:hidden; display:none; position:relative; padding-top:60px; }
#h5-home-probtn{width: 100%; height: auto; position: relative; display: none; z-index: 5;}
#h5-home-probtn>input{width: 160px; height: 40px; line-height: 40px; margin-left: 20px; background: #0070c0; color: #fff; border: 0; border-radius: 5px; cursor: pointer;}
.swipe {width:100%;min-height:10px;/*max-width:500px;*/margin:0 auto;overflow: hidden;visibility: hidden;position:relative;width:100%;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}
.swipe-wrap > div a{display:block;background:url(../images/loading.gif) no-repeat center center;}
.swipe-wrap img{width:100%;height:auto;/*max-height:320px;*/}

/*内页导航*/
.header{position:relative;height:auto; background:#0070c0; display:none;}
.h5-right-tit{width:100%; height:auto; overflow:hidden; background:#0070c0;}
.h5-right-tit-left{width:50%; height:40px; line-height:40px; float:left;  color:#fff; text-align:left; text-indent:1rem; font-size:1.1rem;}
.h5-right-tit-right{width:50%; height:40px; float:right;}

.bd{ width:360px;  height:auto; position:relative;  }