@charset 'utf-8';

/* reset */
html,body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,table,th,td,form,input,button,textarea,pre{margin:0;padding:0;}
body{font-family:'Microsoft YaHei';font-size: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
strong,em {font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;}
ol,ul{list-style:none;}
input,button,select,textarea{font-family:'Microsoft YaHei';}
textarea{overflow:auto;resize:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size:12px;color:#b2b2b2;}
input:-moz-placeholder, textarea::-moz-placeholder {font-size:12px;color:#b2b2b2;} 
input::-moz-placeholder, textarea::-moz-placeholder {font-size:12px;color:#b2b2b2;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder {font-size:12px;color:#b2b2b2;}

.main-box { margin-top: 103px; }
.main-box .area { width: 1140px; }
.copyright {
	background-color: #ccc;
	font-size: 12px;
	line-height: 64px;
	color: #333;
}
.u-title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 40px;
	line-height: 70px;
	color: #fff;
}
.u-title:after {
	content: "";
	display: block;
	position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;
	width: 63px;height: 4px;
	background-color: #ffcc00;
}
.section3 .u-title {
 color: #333;
}
.u-path {
	background-color: #f7f7f7;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	line-height: 63px;
	color: #333;
}
.u-path .name { font-size: 22px; }
.u-path .path { font-size: 14px; }
.u-path .path a { color: #333; }
.u-path .path a:hover { color: #055eac; }
/************************ section START ****************************/
.section1 { background: #fff; }
.section2 { background: #055eac; }
.section3 { background: #fff; }
.section3 .Cwh{ color: #333; }
.section4 { background: #fff; }
.section5 { background: url(../images/background/section_5.jpg) center / cover no-repeat; }
.section6 { background: url(../images/background/section_6.jpg) center / cover no-repeat; }
.section7 { background: url(../images/background/section_7.jpg) center / cover no-repeat; }
/************************ section END   ****************************/

/************************ banner-box START ****************************/
.banner-box .u-roll { height: 100% !important; }
.banner-box .u-roll .caroufredsel_wrapper { height: 100% !important; }
.banner-box .u-roll ul { height: 100% !important; }
.banner-box .u-roll li { height: 100% !important; }
.banner-box .u-roll .u-img { height: 100% !important; }
.u-pag-banner {
	top: 0;left: 54px;
}
.u-pag-banner span {
	display: block;
	width: 14px;height: 14px;
	border: solid 1px #fff;
	background-color: #fff;
	margin-bottom: 25px;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	        border-radius: 50%;
}
.u-pag-banner .selected span { background-color: transparent; }
/************************ banner-box END   ****************************/

/************************ m-about START ****************************/
.u-about { margin-top: 30px; }
.u-about .m-article {
	margin-left: 475px;
	padding-top: 60px;
	font-size: 16px;
	line-height: 27px;
	color: #fff;
}
.u-about .m-article .keyWords { font-size: 20px; }
.img-about {
	left: -50px;
	opacity: 0;
}
/************************ m-about END   ****************************/

/************************ m-ctgr START ****************************/
.m-ctgr { font-size: 16px; }
.u-ctgr { margin-top: 50px; }
.u-ul-ctgr { width: 1155px; }
.u-li-ctgr {
	float: left;
	width: 230px;
	margin: 0 155px 64px 0;
}
.u-li-ctgr .m-article .tit {
	margin-top: 8px;
	font-size: 24px;
	line-height: 48px;
}
.u-li-ctgr .m-article .ctn {
	height: 48px;overflow: hidden;
	font-size: 16px;
	line-height: 24px;
}

.section3 .u-ul-ctgr{ color: #333; }
.section3 .m-ctgr
{
	color:#333;
}


/************************ m-ctgr END   ****************************/

/************************ m-pro START ****************************/
.m-pro .u-title { color: #333; }
.m-pro .u-title:after { background-color: #055eac; }
.u-pro { margin-top: 50px; }
.u-pro .tabBtn { margin-bottom: 27px; }
.u-pro .tabBtn li {
	float: left;
	width: 78px;
	margin: 0 15px;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #333;
	cursor: pointer;
}
.u-pro .product .u-roll { padding-bottom: 120px; }
.u-pro .product li {
	width: 240px;
	margin: 0 5px;
}
.u-pro .product li .u-img { height: 240px; }
.u-pro .product li .m-article {
	margin-top: 7px;
	line-height: 27px;
}
.u-pro .product li .tit {
	font-size: 16px;
	color: #333;
}
.u-pro .product li .ctn {
	height: 27px;overflow: hidden;
	font-size: 14px;
	color: #666;
}
.u-pro .product .btnWrap {
	bottom: 0;left: 0;right: 0;margin: 0 auto;
	width: 128px;
	background-color: rgba(255,255,255,.89);
}
.u-pro .product .btnWrap .prev,
.u-pro .product .btnWrap .next {
	width: 39px;height: 27px;
	margin: 11px 0;
	background: url(../images/icon/icon.png);
	cursor: pointer;
}
.u-pro .product .btnWrap .prev {
	margin-left: 10px;
	background-position: -27px 0;
}
.u-pro .product .btnWrap .next {
	margin-right: 10px;
	background-position: -67px 0;
}
.u-pro .product .btnWrap .prev:hover { background-position: -106px 0; }
.u-pro .product .btnWrap .next:hover { background-position: -146px 0; }
.u-pro .tabBtn .active { background-color: #055eac;color: #fff; }
.u-pro .tabCtn .active { display: block !important; }

.section2 .m-pro .u-title { color: #fff; }
.section2 .m-pro .u-title:after { background-color: #fc0; }
.section2 .u-pro .tabBtn li{ color: #fff; }
.section2 .u-pro .tabBtn .active{ color: #004a8b; background: #fc0; }
.section2 .u-pro .product li .tit { color: #fff; }
.section2 .u-pro .product li .ctn{ color: #88c7ff; }



/************************ m-pro END   ****************************/

/************************ m-news START ****************************/
.u-news { margin-top: 38px; }
.tabBtn { margin-bottom: 42px; }
.tabBtn li {
	float: left;
	width: 128px;
	margin: 0 10px;
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	font-size: 18px;
	line-height: 46px;
	color: #fff;
	cursor: pointer;
}
.tabBtn .active { color: #055eac; background-color: #fc0; }
.u-news .u-li-tabItem .inf {
	width: 280px;
	margin-right: 15px;
}
.u-news .u-li-tabItem .date-inf {
	padding-bottom: 10px;
	border-bottom: solid 1px #fff;
}
.u-news .u-li-tabItem .date-inf .date {
	font-size: 40px;
	line-height: 43px;
}
.u-news .u-li-tabItem .date-inf .month {
	font-size: 14px;
	line-height: 20px;
}
.u-news .u-li-tabItem .date-inf .unit {
	font-size: 16px;
	line-height: 20px;
}
.u-news .u-li-tabItem .ctn-inf {
	height: 72px;overflow: hidden;
	margin-top: 20px;
	font-size: 14px;
	line-height: 24px;
}
.u-news .u-li-tabItem .more-inf {
	width: 91px;
	margin-top: 33px;
	background-color: #fff;
	font-size: 16px;
	line-height: 31px;
	color: #055eac;
	text-align: center;
}
.u-news .u-li-tabItem .u-img {
	width: 407px;height: 305px;
	margin-right: 15px;
}
.u-news .u-li-tabItem .ctn {
	height: 305px;
	margin-left: 615px;
	padding-right: 20px;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.u-news .u-li-tabItem .ctn .wrap { padding-right: 25px; }
.u-news .scrollbar {
    position: absolute;right: 19px;
	z-index: 30;
    width: 3px;height: 100%;
	background-color: #fff;
}
.u-news .scrollbar .handle {
	position: relative;left: -1px;
	width: 5px;
    background: #fff;
    cursor: pointer;
}
.u-news .scrollbar .handle .mousearea {
    position: absolute;top: 0;left: 0;
    width: 5px;height: 100%;
}
.u-news .frame-detail { height: 100%; }
.m-newsNav { margin-top: 34px; }
.u-ul-newsNav { width: 750px; }
.u-li-newsNav {
	float: left;
	width: 247px;
	padding: 6px 0;
	margin-right: 3px;
	background-color: #d9d9d9;
}
.u-li-newsNav .date {
	float: left;
	margin-left: 10px;
	font-size: 48px;
	line-height: 48px;
	color: #666;
}
.u-li-newsNav .ctn-newsNav {
	height: 48px;overflow: hidden;
	margin-left: 80px;
	padding-right: 17px;
	font-size: 12px;
	line-height: 24px;
	color: #666;
}
.m-newsNav .more {
	width: 250px;
	background-color: #c3c3c3;
	font-size: 18px;
	line-height: 60px;
	color: #fff;
	text-align: center;
}
.u-li-newsNav:hover { background-color: #055eac; }
.u-li-newsNav:hover .date,
.u-li-newsNav:hover .ctn-newsNav { color: #fff; }

.u-news .u-ul-tabItem { width: 7000px; }
.u-news .u-li-tabItem {
	float: left;
	width: 1000px;
}


.section3 .u-news .tabBtn li{ color: #333; }
.section3 .u-news .tabBtn .active{ color: #fff; background: #055eac; }
.section3 .u-news .u-li-tabItem .ctn{ color: #333; }
.section3 .u-news .u-li-tabItem .more-inf{ color: #fff; background: #055eac; }
/************************ m-news END   ****************************/

/************************ m-case START ****************************/
/*.u-case { margin-top: 67px; }*/
.u-case .u-roll { padding-bottom: 105px; }
.u-case .u-roll li {
	width: 314px;
	margin: 0 9px;
}
.u-case .u-roll li .u-img { height: 235px; }
.u-case .u-roll li .m-article {
	margin-top: 8px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.u-case .u-roll li .m-article .tit { font-size: 18px; }
.u-case .u-roll li .m-article .ctn { font-size: 16px; }
.u-case .btnWrap {
	bottom: 0;
	text-align: justify;
}
.u-case .btnWrap:after {
	content: "";
	display: inline-block;*display: inline;*zoom: 1;
	width: 100%;
}
.u-case .btnWrap .prev,
.u-case .btnWrap .next {
	width: 44px;
	background: #fff;
}
.u-case .btnWrap .prev .u-icon,
.u-case .btnWrap .next .u-icon {
	width: 30px;height: 20px;
	margin: 11.5px auto;
	background: url(../images/icon/arrow.png);
}
.u-case .btnWrap .prev .u-icon { background-position: 0 0; }
.u-case .btnWrap .next .u-icon { background-position: -31px 0; }
.u-case .btnWrap .prev:hover,
.u-case .btnWrap .next:hover { background-color: #fc0; }
.u-case .btnWrap .prev:hover .u-icon { background-position: 0 -20px; }
.u-case .btnWrap .next:hover .u-icon { background-position: -31px -20px; }
.u-case .btnWrap .more {
	width: 152px;
	background-color: #fc0;
	font-size: 20px;
	line-height: 47px;
	color: #055eac;
}

.u-case .tabCtn .active { display: block !important; }
/************************ m-case END   ****************************/

/************************ m-contact START ****************************/
.u-contact { margin-top: 86px; }
.u-li-contact { float: left; }
.u-li-contact .iconWrap {
	width: 100px;height: 75px;
	margin: 0 auto;
}
.u-li-contact .u-icon {
	top: 0;left: 0;right: 0;bottom: 0;margin: auto;
	background: url(../images/icon/icon.png);
}
.u-li-contact .m-article {
	margin-top: 10px;
	color: #fff;
	text-align: center;
}
.u-li-contact .m-article .tit {
	font-size: 18px;
	line-height: 48px;
}
.u-li-contact .m-article .ctn {
	height: 60px;overflow: hidden;
	font-size: 16px;
	line-height: 24px;
}
.u-ul-contact .mail .u-icon {
	width: 79px;height: 56px;
	background-position: 0 -28px;
}
.u-ul-contact .tele .u-icon {
	width: 64px;height: 68px;
	background-position: -79px -28px;
}
.u-ul-contact .addr .u-icon {
	width: 65px;height: 69px;
	background-position: -143px -28px;
}
.u-ul-contact .cons .u-icon {
	width: 77px;height: 64px;
	background-position: -209px -28px;
}
.u-atte { margin-top: 85px; }
.u-atte h4 {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
.u-atte ul { margin-top: 25px; }
.u-atte li {
	width: 52px;height: 52px;
	margin: 0 16px;
	background: url(../images/icon/icon.png);
}
.u-atte .weixin { background-position: 0 -97px; }
.u-atte .xlweibo { background-position: -53px -97px; }
.u-atte .txweibo { background-position: -106px -97px; }
.copyright-home {
	margin-top: 55px;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
}

.section3 .u-li-contact .m-article,
.section3 .u-atte h4,
.section3 .copyright-home { color: #333; }
/************************ m-contact END   ****************************/

/************************ m-crumbs START ****************************/
.m-crumbs {
	position: fixed;top: 50%;right: 24px;margin-top: -140px;
	z-index: 100;
	width: 35px;height: 280px;
}
.item-crumbs {
	left: 0;right: 0;margin: 0 auto;
}
.m-crumbs .tele {
	top: 0;
	width: 30px;height: 30px;
	background: url(../images/icon/icon.png) -158px -97px;
}
.m-crumbs .serv {
	top: 82px;
	width: 30px;height: 26px;
	background: url(../images/icon/icon.png) -188px -97px;
}
.m-crumbs .weixin {
	top: 164px;
	width: 34px;height: 28px;
	background: url(../images/icon/icon.png) -219px -97px;
}
.m-crumbs .top {
	bottom: 0;
	width: 23px;height: 40px;
	background: url(../images/icon/icon.png) -253px -97px;
}
.m-crumbs .teleWrap {
	top: -30px;right: -350px;
	width: 320px;
	padding: 20px 0;
	background: url(../images/background/bg-png-crumbs.png);
}
.m-crumbs .teleWrap .u-icon {
	width: 30px;height: 30px;
	margin: 8px 0 0 27px;
	background: url(../images/icon/icon.png) -158px -97px;
}
.m-crumbs .teleWrap .name { font-size: 16px; }
.m-crumbs .teleWrap .inf { font-size: 20px; }
.m-crumbs .teleWrap .name,
.m-crumbs .teleWrap .inf {
	margin-left: 90px;
	line-height: 25px;
	color: #333;
}
.m-crumbs .weixinWrap {
	top: -36px;right: -350px;   
	padding: 5px 0;
	background: url(../images/background/bg-png-crumbs.png);
}
.m-crumbs .weixinWrap .u-icon {
	width: 34px;height: 28px;
	margin-left: 15px;
	background: url(../images/icon/icon.png) -219px -97px;
}
.m-crumbs .weixinWrap .img-weixin { margin: 0 30px 0 15px; }
.m-crumbs .nobg { background: none !important; }
/************************ m-crumbs END   ****************************/

/************************ header-box START ****************************/
.header-box {
	position:fixed;top: 0;left: 0;
	z-index: 100;
	height: 103px;
	background: #fff;
}
.logo { margin-left: 50px; }

.m-nav { margin-right: 100px; }
.u-li-nav { width: 100px; }
.u-li-nav>.u-a {
	font-size: 18px;
	line-height: 103px;
} 
.m-search {
	top: 0;bottom: 0;right: 42px;margin: auto 0;
	width: 27px;height: 27px;
	background: url(../images/icon/icon.png) 0 0;
}
.u-search {
	top: -6px; right: -2px;
	padding: 5px 0;
	width: 0;
	opacity: 0;
	border: solid 1px #333;
	background-color: #fff;
}
.u-search.active { padding: 5px; opacity: 1; }
.u-search .u-icon {
	width: 27px;height: 27px;
	margin-right: 5px;
	background: url(../images/icon/search-on.png);
}
.u-search .u-input {
	width: 210px;height: 27px;
	background-color: #fff;
}
.m-subnav {
	top: 103px;left: 0;
	width: 100%;
	color: #fff;
	background-color: #055eac;
}
.u-li-subnav { width: 110px; }
.u-li-subnav .u-img {
	width: 87px;height: 87px;
	margin: 15px auto 0 auto;
}
.u-li-subnav .u-name {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
.u-li-nav:hover .m-subnav { display: block; }
/************************ header-box END   ****************************/

/************************ m-proNav START ****************************/
.m-proNav {
	background-color: #f7f7f7;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
.m-proNav .area { position: static; }
.m-proNav .name {
	font-size: 22px;
	line-height: 63px;
	color: #333;
}
.m-proNav span {
	font-size: 14px;
	line-height: 63px;
	color: #333;
}
.m-proNav .u-icon {
	width: 13px;height: 8px;
	margin-left: 10px;
	background: url(../images/icon/icon.png) 0 -149px;
}

.m-proSubNav {
	top: 63px;left: 0;
	width: 100%;
	border-bottom: solid 1px #ccc;
	padding-bottom: 20px;
	background-color: #f7f7f7;
}
.m-proSubNav .area {
	position: relative;
	width: 1108px;
}
.m-proNav .btn:hover .m-proSubNav { display: block; }
.u-li-proSubNav {
	float: left;
	width: 25%;
	font-size: 14px;
	line-height: 36px;
	color: #000;
	text-indent: 23px;
}
.m-proSubNav .cutline {
	position: absolute;top: 0;
	height: 100%;
	border-right: solid 1px #ccc;
}
.m-proSubNav .cutline1 { left: 277px; }
.m-proSubNav .cutline2 { left: 554px; }
.m-proSubNav .cutline3 { left: 831px; }
/************************ m-proNav END   ****************************/

/************************ m-proInf START ****************************/
.m-proInf .area {
	width: 1000px;
	border-bottom: solid 1px #ccc;
}
.m-proInf h2 {
	margin: 45px 0 52px 0;
	font-size: 28px;
	line-height: 34px;
	color: #000;
}
.m-proInf table { color: #000; }
.m-proInf table td:first-child {
	width: 248px;
	font-size: 18px;
	line-height: 34px;
	vertical-align: top;
}
.m-proInf table td:first-child+td {
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	line-height: 24px;
}
.m-proInf table .summary td { padding-bottom: 50px; }
.m-proInf table .content td { padding: 34px 0; }
.m-proInf table .specification td {
	padding: 50px 0 67px 0;
	border: none !important;
}
/************************ m-proInf END   ****************************/

/************************ m-recm START ****************************/
.m-recm h2 {
	margin: 40px 0;
	font-size: 36px;
	line-height: 40px;
	color: #333;
}
.m-recm .area { width: 1000px; }
.u-ul-recm {
	padding-bottom: 30px;
	border-top: solid 1px #ccc;
}
.u-li-recm {
	float: left;
	position: relative;
	padding: 14px 0;
}
.u-ul-recm .u-cutline:after {
	height: 100%;
	border-right: solid 1px #ccc;
}
.u-li-recm .u-img {
	height: 241px;
	overflow: hidden;
}
.u-li-recm .u-img .jqthumb {
	-webkit-transition:all .6s ease;
	   -moz-transition:all .6s ease;
	        transition:all .6s ease;
}
.u-li-recm .u-img:hover .jqthumb {
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
	        transform: scale(1.1,1.1);
}
.u-li-recm .m-article { text-indent: 12px; }
.u-li-recm .m-article .tit {
	font-size: 16px;
	line-height: 40px;
	color: #333;
}
.u-li-recm .m-article .u-name {
	font-size: 14px;
	line-height: 14px;
	color: #666;
}
/************************ m-recm END   ****************************/

/************************ m-sideNav START ****************************/
.m-sideNav {
	width: 256px;min-height: 700px;
	border-left: solid 1px #ccc;
	margin: 57px 0 30px 0;
}
.m-sideNav .tit {
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 22px;
	color: #333;
	text-indent: 35px;
}
.u-ul-sideNav { padding-left: 25px; }
.u-li-sideNav>.u-a-wrap {
	font-size: 14px;
	line-height: 34px;
	color: #666;
	text-indent: 12px;
}
.subSideNav {
	border-top: solid 1px #d6d6d6;
	border-bottom: solid 1px #d6d6d6;
}
.subSideNav .u-a-wrap {
	font-size: 12px;
	line-height: 34px;
	color: #666;
	text-indent: 32px;
}
.u-ul-sideNav .active>.u-a-wrap,
.u-ul-sideNav .hover>.u-a-wrap,
.subSideNav .u-a-wrap:hover { font-weight: bold; }
.u-ul-sideNav .active .subSideNav { display: block; }
/************************ m-sideNav END   ****************************/

/************************ m-newsDtl START ****************************/
.m-newsDtl .m-article {
	margin: 57px 257px 0 0;
	padding: 0 70px;
}
.m-newsDtl .m-article .tit {
	font-size: 24px;
	line-height: 34px;
	color: #000;
}
.m-newsDtl .m-article .inf {
	height: 45px;overflow: hidden;
	text-align: justify;
}
.m-newsDtl .m-article .inf:after {
	content: "";
	display: inline-block;*display: inline;*zoom: 1;
	width: 100%;
}
.m-newsDtl .m-article .time {
	font-size: 12px;
	line-height: 45px;
	color: #666;
}
.m-newsDtl .m-article .links {
	width: 16px;height: 19px;
	background: url(../images/icon/icon.png) -97px -149px;
}
.m-newsDtl .m-article .ctn {
	min-height: 640px;
	margin-top: 16px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
}
.m-newsDtl .m-article .page {
	margin-top: 30px;
	padding: 20px 0;
	border-top: solid 1px #ccc;
}
.m-newsDtl .m-article .page a {
	font-size: 14px;
	line-height: 24px;
	color: #333;
}
.m-newsDtl .m-article .page a:hover { color: #000; }
/************************ m-newsDtl END   ****************************/

/************************ m-proLst START ****************************/
.u-proLst{
	margin: 57px 257px 0 0;
	overflow: hidden;
}
.u-proLst ul {
	width: 767.5px;min-height: 882px;
	margin: 0 auto;
}
.u-proLst li {
	float: left;
	width: 170px;
	margin-right: 17.5px;
	margin-bottom: 20px;
	text-align: center;
}
.u-proLst li .u-img {
	height: 170px;
	overflow: hidden;
}
.u-proLst li .u-img .jqthumb {
	-webkit-transition:all .6s ease;
	   -moz-transition:all .6s ease;
	        transition:all .6s ease;
}
.u-proLst li .u-img:hover .jqthumb {
	-webkit-transform: scale(1.1,1.1);
	   -moz-transform: scale(1.1,1.1);
	        transform: scale(1.1,1.1);
}
.u-proLst li .tit {
	font-size: 16px;
	line-height: 40px;
	color: #333;
}
.u-proLst li .ctn {
	height: 14px;overflow: hidden;
	font-size: 14px;
	line-height: 14px;
	color: #666;
}
/************************ m-proLst END   ****************************/

/************************ m-newsLst START ****************************/
.u-newsLst {
	margin: 57px 257px 0 0;
	padding: 0 70px;
}
/************************ m-newsLst END   ****************************/

/************************ m-msg START ****************************/
.u-msg {
	margin: 57px 257px 0 0;
	padding-bottom: 300px;
}
/************************ m-msg END   ****************************/

/************************ m-proView START ****************************/
.m-proView { margin: 84px 0 120px 0; }
.m-proView .area { width: 1000px; }
.m-proView .m-right {
	width: 394px;height: 586px;
}
.m-proView .m-right .tit {
	margin: 55px 0 20px 0;
	font-size: 30px;
	line-height: 40px;
	color: #333;
}
.m-proView .m-right .ctn {
	font-size: 18px;
	line-height: 30px;
	color: #333;
}
.m-proView .m-left { width: 586px; }
.m-proView .m-left .u-img {
	width: 586px;height: 586px;
}
.u-ul-proViewImg { width: 2930px; }
.m-proViewNav {
	bottom: 0;right: 0;
}
.m-proViewNav .u-img {
	width: 91px;height: 91px;
}
.m-proViewNav li:after {
	content: "";
	display: block;
	position: absolute;top: 0;left: 0;
	width: 87px;height: 87px;
	border: solid 2px #ff770d;
	visibility: hidden;
}
.m-proViewNav li:hover:after { visibility: visible; }
.m-proViewPage {
	top: 0;bottom: 0;margin: auto 0;
	width: 41px;height: 81px;
	background: url(../images/icon/icon.png);
}
.m-proViewPrev {
	left: -70px;
	background-position: -14px -150px;
}
.m-proViewNext {
	right: -70px;
	background-position: -56px -150px;
}

.itemImg .imgBox{ float: left; display: inline; width: 586px; height: 586px;}
.itemImg .imgBox>.ovh{ width: 586px; height: 586px; overflow: hidden; }
.itemImg .imgBox li{ float:left; _display:inline; overflow:hidden; text-align:center;}
.itemImg .imgBox li a{ display:block; height:100%; }
.itemImg .imgBox li img{ max-width:100%; max-height:100%; }

.itemImg .imgBox-btn{position: absolute;top: 0;bottom: 0;margin: auto 0;
	width: 41px;height: 81px;font-size: 0;
	background: url(../images/icon/icon.png);}

.itemImg .pageBox{ position: absolute; bottom: 0; right: 0; height: 91px; overflow: hidden; }
.itemImg .pageBox li{ float: left; display: inline; width:91px; cursor: pointer; }
.itemImg .pageBox li a{display:block;overflow:hidden;height:100%;text-align:center;}
.itemImg .pageBox li .u-img{ position: relative; zoom:1; display: block; width:91px;height:91px;overflow:hidden;cursor:pointer;}
.itemImg .pageBox li .u-img:before{ content: ""; position: absolute; z-index: 10; top: 0; left: 0; bottom: 0; right: 0; border: solid 2px #ff770d; opacity: 0; transition: opacity .4s; }
.itemImg .pageBox li.selected .u-img:before{ opacity: 1; }
.itemImg .j-imgBox-prev{left: -70px;
	background-position: -14px -150px;}
.itemImg .j-imgBox-next{right: -70px;
	background-position: -56px -150px;}

/************************ m-proView END   ****************************/

.m-searchR { margin-right: 300px; }
.m-searchR .u-newsLst { margin: 0; padding: 0; }