@charset "utf-8";
/*                     (0 0)
   +-------------oOO----(_)-----------------+
   |  * File name  : layout.css             | 
   |  * Info       : Shilihe                |
   |  * Writer     : Flying                 |
   |  * Date       : 2018.06.25             |
   |  * 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, table, caption, tbody, tfoot, thead, tr, th, td, 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;}
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:#df0023;}
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: auto; background: #ededed; overflow: hidden;}
.header-tit{width: 1200px; height: auto; margin: 0 auto; display: none;}
.header-tit-left{width: 600px; height: auto; line-height: 45px; color: #9a9a9a; float: left;}
.header-tit-right{width: 600px; height: auto; float: right; line-height: 45px; color: #9a9a9a; text-align: right;}
.header-tit-right a{color: #9a9a9a;}
.header-tit-right a:hover{color: #df0023;}
.header-tit-right img{margin-left: 10px; margin-right: 10px; margin-bottom: 2px;}
#header-bar{width: 1200px; height: auto; margin: 0 auto;}
#header-bar .logo{width: 440px; height: auto; float: left;}
#header-bar .slogan{width: 500px; height: auto; float: left; border-left: #e3e3e3 solid 1px; padding-left: 19px; margin-top: 40px; padding-top: 5px; padding-bottom: 5px;}
#header-bar .slogan p{color: #8e8e8e; font-size: 16px; line-height: 180%;}
#header-bar .slogan p span{color: #333; font-size: 24px;}
#header-bar .eshop{width: 240px; height: auto; float: right; overflow: hidden; padding-top: 60px; text-align: right;}
#header-bar .eshop img{margin-right: 10px;}

/*导航菜单*/
#navigation-content{width: 100%; height: auto; background: #3771b0; overflow: hidden;}
#navigation{width: 1200px; height: 60px; margin: 0 auto; background: url(../images/menu-bg.png) no-repeat 0 50%;}
#nav {margin:0 auto; width:1200px; 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:150px; height:60px; line-height:60px; /*IE6 only*/}
#nav .mainlevel a {text-align:center; text-decoration:none; display:block; width:150px; color: #fff;}
#nav .mainlevel a:hover {text-decoration:none; color: #fff; background: #df0023; }
#nav .mainlevel ul {display:none; position:absolute; top: 60px;}
#nav .mainlevel li {border-top:1px solid #4982c0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;/*IE6 only*/}
#nav .mainlevel li a{background:#3771b0; color: #fff; width:150px; font-size:14px; height:45px; line-height:45px; text-transform: none;}
#nav .mainlevel li a:hover{ background:#df0023; color: #fff;}




/*PC端底部样式*/
#footer-content{width: 100%; height: auto; overflow: hidden; background: #373737;}
#footer-bar{width: 1200px; height: auto; margin: 0 auto; background: url(../images/img-1.jpg) repeat-y 660px 0; padding: 30px 0; overflow: hidden;}
#footer-bar .bar-left{width: 640px; height: auto; float: left;   overflow: hidden;}
#footer-bar .bar-left li{width: 160px; height: auto; float: left; color: #fff; line-height: 220%; }
#footer-bar .bar-left li a{color: #8c8c8c; display: block; font-size: 14px;}
#footer-bar .bar-left li a:hover{color: #df0023;}
#footer-bar .bar-left li p{font-size: 16px;}
#footer-bar .bar-right{width: 510px; height: auto; float: right;  overflow: hidden; font-size: 14px;}
#footer-bar .bar-right h2{width: 370px; height: auto; float: left; color: #8c8c8c; padding-right: 20px;}
#footer-bar .bar-right h2 p{line-height: 220%; color: #8c8c8c;}
#footer-bar .bar-right h3{width: 120px; height: auto; float: right;}
#footer-bar .bar-right h3 figure{text-align: center; color: #8c8c8c;}

#copyright-content{width: 100%; height: 55px; background: #282a2b; overflow: hidden;}
#copyright{width: 1200px; height: auto; margin: 0 auto;}
#copyright .left{width: 400px; height: auto; line-height: 55px; float: left; color: #717171; font-size: 14px;}
#copyright .left a{color: #717171;}
#copyright .left a:hover{color: #df0023;}
#copyright .right{width: 800px; height: auto; line-height: 55px; float: right; color: #717171; text-align: right;}
#copyright .right a{color: #717171; text-transform: uppercase; font-size: 12px;}
#copyright .right a:hover{color: #df0023;}



/*综合首页样式*/
#movie{width: 100%; height: auto; overflow: hidden; text-align:center; }
.banner{
			width: 100%;
			/*height: 560px;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 700px;
			float: left;
			background:  no-repeat center center;
		}
		.banner ol{
			/*width: 60px;*/
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 20px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url('../images/left_right.png') no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url('../images/left_right.png') no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}

#home-bar1{width: 100%; height: auto; overflow: hidden; background: #f6f6f6; padding: 50px 0; }
.home-pro{width: 1200px; height: auto; margin: 0 auto;}
.home-pro h2{text-align: center; font-size: 24px; width: 100%; text-align: center;}
.home-pro h3{width: 90%; height: auto; background: url(../images/dian.jpg) repeat-x 0 50%; text-align: center; margin: 0 auto;}
.home-pro h3 span{text-align: center; background: #f6f6f6; padding: 0 10px; color: #ccc; }
.home-pro-nav{width: 100%; height: auto; margin: 30px auto 0 auto; text-align: center;}
.home-pro-nav>input{width: 130px; height: 35px; border: 0; border-radius: 25px; text-align: center; background: #df0023; color: #fff; font-size: 15px; cursor: pointer;  transition:All 0.4s ease-in-out;}
.home-pro-nav>input:hover{background: #373737;}

.home-pro-pic{width: 100%; height: auto; margin:  50px auto; overflow: hidden;}
.scroll-outer{height:auto; width: 100%;}
#scroll{width:1200px;margin:0 auto; padding: 0;}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{width:228px;height:auto; margin:0 auto; overflow:hidden;}
#scroll .item img{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; border: #ddd solid 5px; width: 218px; }
#scroll .item img:hover{filter: brightness(120%);}
#scroll .item h2{width: 228px; height: auto; border: 0;}
#scroll .item p{text-align: center; margin-top: 5px;}
.owl-theme .owl-controls .owl-buttons {position:absolute;top:0;width:0;height:0;margin:0;padding:0;border-radius:0;font:0;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:0;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:0;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:"";}

#home-bar2{width: 100%; height: 600px; overflow: hidden; background: url(../images/img-8.jpg) no-repeat; padding: 50px 0; }
.home-about{width: 1200px; height: auto; margin: 0 auto;}
.home-about h2{text-align: center; font-size: 24px; width: 100%; text-align: center;}
.home-about h3{width: 90%; height: auto; background: url(../images/dian.jpg) repeat-x 0 50%; text-align: center; margin: 0 auto;}
.home-about h3 span{text-align: center; background: #f9f3ec; padding: 0 10px; color: #ccc; }
.home-about-list{width: 1220px; height: auto; margin: 80px auto 50px auto; overflow: hidden;}
.home-about-list figure{width: 285px; height: auto; float: left; margin-right: 20px; text-align: center;}
.home-about-list figure img{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-about-list figure img:hover{filter: brightness(120%);}
.home-about-list figcaption{width: 265px; height: 70px; background: #fff; padding: 20px 10px;}
.home-about-list figcaption h2{font-size: 18px; text-align: center; width: 100%;}
.home-about-list figcaption h3{width: 100%; height: auto; background: url(../images/dian.jpg) repeat-x 0 50%; text-align: center; margin: 0 auto;}
.home-about-list figcaption h3 span{text-align: center; background: #fff; padding: 0 10px; color: #aaa; }

#home-bar3{width: 100%; height: 615px; overflow: hidden; background: url(../images/img-13.jpg) no-repeat; padding: 50px 0; }
.home-network{width: 1200px; height: auto; margin: 0 auto; text-align: center;}
.home-network img{margin-top: 30px;}
.home-network h2{text-align: center; font-size: 24px; width: 100%; text-align: center;}
.home-network h3{width: 90%; height: auto; background: url(../images/dian.jpg) repeat-x 0 50%; text-align: center; margin: 0 auto;}
.home-network h3 span{text-align: center; background: #f3f3f3; padding: 0 10px; color: #ccc; }

#home-bar4{width: 100%; height: auto; overflow: hidden; background: #f6f6f6; padding: 50px 0; }
.home-news{width: 1200px; height: auto; margin: 0 auto;}
.home-news h2{text-align: center; font-size: 24px; line-height: 240%; width: 100%; text-align: center;}
.home-news h3{width: 90%; height: auto; background: url(../images/dian.jpg) repeat-x 0 50%; text-align: center; margin: 0 auto;}
.home-news h3 p{background: #df0023;  height: 6px; width: 100px; margin: 0 auto;}
.home-news-txt{width: 1200px; height: auto; margin: 50px auto; overflow: hidden;}
.home-news-txt-left{width: 540px; height: auto; min-height: 288px; float: left; background: #fff; padding: 20px;}
.home-news-txt-left h4{font-size: 26px; text-align: left;}
.home-news-txt-left h5{ color: #d1d1d1;}
.home-news-txt-left p{color: #939393; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.home-news-txt-left p a{color: #939393;}
.home-news-txt-left p a:hover{color: #df0023;}
.home-news-txt-left img{margin-top: 15px;}
.home-news-txt-right{width: 580px; height: auto; float: right;}
.newslist-content{width: 100%; height: 336px; overflow: hidden;}
.newslist-content li{width: 100%; height: 102px; margin-bottom: 10px;}
.newslist-left{width: 30px; height: 81px; float: left; padding-top: 21px; border-right: #fff solid 30px;}
.newslist-left h2{width: 60px; height: 45px; background: #df0023; color: #fff; padding-top: 15px;}
.newslist-left h2 p{line-height: 120%; font-size: 14px;}
.newslist-left h2 p span{font-size: 30px;}
.newslist-right{width: 490px; height: 85px; float: right; background: #fff;  padding-left: 20px; padding-right: 10px; padding-top: 17px; line-height: 160%;}
.newslist-right a{font-size: 18px;}
.newslist-right p{color: #9c9c9c; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.home-news-more{width: 100%; height: auto; margin: 0 auto; text-align: center;}
.home-news-more>input{width: 120px; height: 35px; line-height: 35px; border: 0; background: #df0023; color: #fff; border-radius: 50px; cursor: pointer; transition:All 0.4s ease-in-out;}
.home-news-more>input:hover{background: #373737;}


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

#subpages-content{width: 100%; height: auto; overflow: hidden;}
#subpages-main{width: 1160px; height: auto; min-height: 550px; margin: 300px auto 0 auto; background: #fff; padding: 20px;}
#subpages-main-pro{width: 1160px; height: auto; min-height: 550px; margin: 50px auto 0 auto; background: url(../images/107.png) repeat #fff; padding: 20px;}
.sub-bg1{width: 100%; height: auto; background: url(../images/bg-1.jpg) no-repeat 0 0; }
.sub-bg2{width: 100%; height: auto; background: url(../images/bg-2.jpg) no-repeat 0 0; }
.sub-bg3{width: 100%; height: auto; background: url(../images/bg-3.jpg) no-repeat 0 0; }
.sub-bg4{width: 100%; height: auto; background: url(../images/bg-4.jpg) no-repeat 0 0; }
.sub-bg5{width: 100%; height: auto; background: url(../images/bg-5.jpg) no-repeat 0 0; }
.sub-bg6{width: 100%; height: auto; background: url(../images/bg-6.jpg) no-repeat 0 0; }

.sub-nav{width: 1160px; height: auto; text-align: center; overflow: auto; margin-top: 30px; }
.sub-nav>input{height: auto; width: 100px; padding: 8px 0; border: 0; background: #3771b0; color: #fff; margin: 5px 2px; font-size: 14px; cursor: pointer; transition:All 0.4s ease-in-out;}
.sub-nav>input:hover{background: #df0023; }
.sub-nav .current{background: #df0023;}

.nav_menu{ height: 40px; width: 100%;  }
.nav{width:auto;height:40px; line-height: 40px;  position:relative; margin:0 auto; text-align: center; padding-left: 322px; }
.nav .list li{float:left; margin: 0 auto; font-size: 16px; width:125px; height:40px; margin-right: 5px; background: #df0023;  }
.nav .list a{display:block;  text-align:center; color:#fff; }
.nav .list a:hover{color:#ffff00; }
.nav .list a:hover,.nav .list .now{color:#ffff00;background:#3771b0;}
.nav .box{position:absolute;left:0; top:40px; width:100%; background:#3771b0; overflow:hidden; height:0; filter:alpha(opacity=0);opacity:0;}
.nav .cont{position:relative;padding:1%;}
.sublist li{float:left;width:98%; padding: 1%;}
.sublist li p.mcate-item-bd{text-align: left;}
.sublist li p.mcate-item-bd a{ color:#fff;text-decoration:none;display:inline-block; margin: 0 10px;}
.sublist li p.mcate-item-bd a:hover{color:#df0023; text-decoration:underline;}

/*.sub-pronav{width: 420px; height: auto; text-align: center; overflow: auto; margin: 30px auto 0 auto;}
.sub-pronav li{width: 130px; height: auto; float: left; margin-right: 10px;}
.menu_list{margin:0 auto;width:100%;}
.menu_head{width:100%;height:40px; line-height:40px; cursor:pointer; position:relative; background:#df0023; margin-top:0; text-align: center; border-bottom: #fff solid 1px; font-size: 16px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.menu_body{width:100%; height:auto; overflow:hidden; line-height:40px; background: #f6f6f6;}
.menu_body a{display:block;width:100%;height:40px;line-height:40px; text-decoration:none; border-bottom:1px solid #eaeaea; text-align: center; 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;}
.menu_body a:hover{text-decoration:none; background: #df0023; color: #fff;}*/

.submain-txt{width: 100%; height: auto; margin: 30px 0;}
.submain-txt p{text-indent: 2rem; margin: 15px auto;}

.submain-honor{width: 1200px; height: auto; margin: 30px 0; overflow: hidden;}
.submain-honor figure{width: 360px; height: auto; float: left; margin-right: 40px; margin-bottom: 20px; text-align: center;}
.submain-honor figure img{margin-bottom: 8px; transition:All 0.4s ease-in-out;}
.submain-honor figure img:hover{filter: brightness(120%);}

.submain-pro{width: 1188px; height: auto; margin: 30px 0; overflow: hidden;}
.submain-pro figure{width: 170px; height: auto; float: left; margin-right: 28px; margin-bottom: 20px; text-align: center;}
.submain-pro figure img{margin-bottom: 8px; transition:All 0.4s ease-in-out; padding:10px; background: #f6f6f6; width: 150px; }
.submain-pro figure img:hover{filter: drop-shadow(1px 1px 4px gray);}

.submain-proinfo{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-proinfo figure{width: 100%; height: auto; text-align: center;}
.submain-proinfo figure img{border: #eee solid 1px; padding: 19px; background: #fafafa; margin-bottom: 15px;}
.submain-proinfo-d1{width: 100%; height: auto; margin: 20px 0; overflow: hidden; text-align: center; }
.submain-proinfo-d1 h2{width: 120px; height: 35px; margin: 0 auto; }
.submain-proinfo-d1 h2 a{display: block; border: 0; height: 35px; line-height: 35px; width: 120px; background: #3771b0; color: #fff; border-radius: 25px; }
.submain-proinfo-d1 h2 a:hover{display: block; background: #df0023; }

.submain-proinfo-enquiry{width: 100%; height: auto; margin: 50px auto;}
.submain-proinfo-enquiry h2{width: 100%; height: auto; background: #f6f6f6; text-align: left; padding: 1% 0; text-indent: 1.2rem; border-radius: 50px; margin: 10px auto;}
.submain-proinfo-enquiry h3{width: 100%; height: auto;}
.submain-proinfo-enquiry h3>input{width: 100%; height: 45px; border: #eee solid 1px; text-indent: 0.5rem; color: #999; box-sizing: border-box; margin: 10px auto; border-radius: 5px;}
.submain-proinfo-enquiry h4{width: 100%; height: auto;}
.submain-proinfo-enquiry h4>select{width: 100%; height: 45px; border: #eee solid 1px; color: #999; box-sizing: border-box; margin: 10px auto; border-radius: 5px;}
.submain-proinfo-enquiry h5{width: 100%; height: auto;}
.submain-proinfo-enquiry h5>textarea{width: 100%; height: auto; border: #eee solid 1px; color: #999; box-sizing: border-box; margin: 10px auto; padding: 1%; border-radius: 5px;}
.submain-proinfo-enquiry h6{width: 100%; height: auto;}
.submain-proinfo-enquiry h6>input{width: 120px; height: 40px; border: 0; color: #fff; margin: 10px auto; background: #3771b0; color: #fff; font-size: 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; border-radius: 5px;}
.submain-proinfo-enquiry h6>input:hover{background: #df0023; color: #fff;}

.submain-news{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-news li{width: 100%; height: auto; border-bottom: #ccc dotted 1px; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden;}
.submain-news li h2{font-size: 20px; font-weight: bold; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.submain-news li p{color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.submain-news li h3{color: #ddd; margin-top: 5px;}
.submain-news li h3 img{margin-right: 5px; margin-bottom: 4px;}

.submain-newsinfo{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-newsinfo h1{width: 100%; height: auto; text-align: center; font-size: 20px; margin: 8px auto; font-weight: bold;}
.submain-newsinfo hr{height:1px; border:0; border-bottom:#eee solid 1px; margin:10px auto;}
.submain-newsinfo h2{width: 100%; height: auto; text-align: center; color: #d2d2d2; font-size: 12px;}
.submain-newsinfo p{text-indent: 2rem; margin: 15px auto;}
.right-newsinfo-end{width: 100%; height: auto;}
.right-newsinfo-end p{text-indent: 0; display:none; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin: 10px auto;}
.right-newsinfo-btn{width:100%; height:auto; overflow:hidden; margin: 15px auto;}
.right-newsinfo-btn-left{width: 49%; height: auto; float: left; text-align: right; padding-right: 1%;}
.right-newsinfo-btn-left>input{width:130px; height:35px; line-height:35px; border:0; text-align:center; color:#fff; margin:5px auto; background:#3771b0 url(../images/p-12.png) no-repeat 20% 50%; background-size:20%; text-indent:1.8rem; cursor:pointer; }
.right-newsinfo-btn-right{width: 49%; height: auto; float: right; text-align: left; padding-left: 1%;}
.right-newsinfo-btn-right>input{width:130px; height:35px; line-height:35px; border:0; text-align:center; color:#fff; margin:5px auto; background:#3771b0 url(../images/p-13.png) no-repeat 20% 50%; background-size:20%; text-indent:1.8rem; cursor:pointer; }

.submain-video{width: 1170px; height: auto; margin: 30px 0; overflow: hidden;}
.submain-video figure{width: 360px; height: auto; float: left; margin-right: 10px; margin-bottom: 30px; text-align: center; background: #f6f6f6; padding: 10px;}
.submain-video figcaption{padding: 10px 0;}
.submain-videoinfo{width: 100%; height: auto; margin: 30px 0; overflow: hidden; text-align: center;}
.submain-videoinfo p{line-height: 240%;}

.submain-partner{width: 1200px; height: auto; margin: 30px 0; overflow: hidden;}
.submain-partner figure{width: 220px; height: auto; float: left; margin-right: 15px; margin-bottom: 15px; text-align: center;}

.submain-cont{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-cont .left{width: 550px; height: auto; float: left;}
.submain-cont .left h2{font-size: 18px; font-weight: bold; margin: 5px auto;}
.submain-cont .left p{line-height: 240%;}
.submain-cont .right{width: 550px; height: auto; float: right;}
.submain-cont .right h2{font-size: 18px; font-weight: bold; margin: 5px auto;}
.submain-cont .right p{line-height: 240%;}

.submain-feedback{width: 100%; height: auto; margin: 30px 0; overflow: hidden;}
.submain-feedback h2{width: 100%; height: auto;}
.submain-feedback h2>input{width: 100%; height: 45px; line-height: 45px; border: #eee solid 1px; text-indent: 0.5rem; color: #999; box-sizing: border-box; margin: 5px auto;}
.submain-feedback h4{width: 100%; height: auto;}
.submain-feedback h4 textarea{width: 100%; height: auto; border: #eee solid 1px; color: #999; box-sizing: border-box; margin: 10px auto; padding: 0.5%;}
.submain-feedback h5{width: 100%; height: auto;}
.submain-feedback h5 input{width: 120px; height: 40px; border: 0; color: #fff; margin: 10px auto; background: #3771b0; color: #fff; font-size: 16px; 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;}
.submain-feedback h5>input:hover{background: #df0023; color: #fff;}




/*分页样式*/
#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:#f8f9fb; overflow:hidden; display:none; position:fixed; z-index:100; box-shadow: 0 3px 3px rgba(0,0,0,0.10); }
.h5-top-left{width:49%; height:60px; float:left; text-align:left; padding-left: 1%; }
.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.png) no-repeat 50%; background-size: 100%; color:#fff; margin-right: 5px;}

.sp_header{height:60px; overflow:hidden; background:#fff; position:fixed; z-index:10; width:100%; box-shadow: 0 3px 3px rgba(0,0,0,0.10); display: none; }
.sp_logo{padding:0;float:left;height:60px}
.sp_logo img{margin:auto; width: auto; height: 60px;}
.sp_nav{width:60px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#df0023; width:30px; height:4px; position:absolute; left:10px; transition:all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#f6f6f6;width:100%;height: calc(100% );font-size:1.0rem;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display: none; }
.nav_show{top:40px}
.sjj_nav>ul>li:first-child{overflow:hidden;}
.sjj_nav>ul>li:first-child>a{float:left;width: calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:80px;overflow:hidden;line-height:40px;margin-top:21px;}
.sjj_nav>ul>li:first-child .language img{width: 70%; margin-bottom: 0; padding: 6px 0; }
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:1.0rem;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:29px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

/*底部*/
#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:#df0023;}
.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:10px 0; font-size: 0.9rem;}
.h5-footer li a:hover{display:block; padding:10px 0;}
.h5-footer li img{width: 20%; height: auto; margin-right: 10px; margin-bottom: 4px;}


/*焦点图*/
#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:#df0023; display:none;}
.h5-right-tit{width:100%; height:auto; overflow:hidden; background:#df0023;}
.h5-right-tit-left{width:80%; height:40px; line-height:40px; float:left;  color:#fff; text-align:left; text-indent:1rem; font-size:1.1rem;}
.h5-right-tit-right{width:20%; height:40px; float:right;}