@charset "utf-8";

/* CSS Document */

*{ margin:0px auto; padding:0px; font-size:14px; font-family:”Microsoft YaHei”,Arial,Helvetica,sans-serif”;}

ul{ list-style:none;}

a{ text-decoration:none; color:#666;}

em{ font-style:normal;}

i{ font-style:normal;}

form {

	position:relative;

	width:300px;

	margin:0 auto;

}

input,button {

	border:none;

	outline:none;

}

input {

	width:100%;

	height:42px;

	padding-left:13px;

}

button {

	height:42px;

	width:42px;

	cursor:pointer;

	position:absolute;

}

.tit{ width:100%; float:left;}

.container{ width:1232px;}

.pi{ width:1232px; float:left;}

.logo{ width:1232px; float:left;}

.dh{ background:url(dh.png) repeat-x; width:100%; height:72px; float:left;}

.soa{ width:100%; height:70px; background:#f6f6f6; float:left; border-top:1px #00a2e9 solid;}

.soaa{ width:700px; float:left;}

.soaa h3{ float:left; padding-right:20px; font-size:16px; color:#333; line-height:70px;}

.soaa ul{ width:500px; float:left;}

.soaa ul li{ display:block; float:left; padding-left:10px; line-height:70px;}



.abu{ width:1232px; float:left; margin-top:65px;}

.abua{ width:30px; float:left;}

.abub{ width:610px; float:left; padding-left:10px;}

.abuc{ width:530px; float:left; float:right;}

.abuca{ width:530px; float:left;}

.abuca h2{ width:530px; float:left; font-size:30px; line-height:36px;}

.abuca h2 em{ font-weight:100;}

.abuca h2 i{ color:#00a2e9; font-size:30px;}

.abue{ width:530px; float:left;}

.abud{ width:530px; float:left; margin-top:25px; padding-bottom:25px;}

.abud p{ width:530px; float:left; line-height:32px;}





.pj{ background:url(pj.png) no-repeat #FFF top; width:100%; padding-bottom:25px; float:left; margin-top:65px;}

.pja{ width:1232px; float:left; margin-top:25px; position:absolute; height:200px;}

.pja h2{ width:1232px; border-bottom:#FFF solid; float:left; }

.pja h2 em{ font-size:36px; color:#FFF; position:relative; top:25px; left:38%; background:#00a2e9;}

.pja h5{ width:1232px; float:left; text-align:center; margin-top:35px; color:#FFF;}

.pjb{ width:1232px; float:left; margin-top:155px; position:relative;}

.pjb ul{ width:1232px; float:left;}

.pjb ul li{ display:block; float:left; padding-left:15px;}

.pjb ul li a,.pjb ul li a:visited{ display:block; float:left; background-color:rgba(255,255,255,0.4); 

	transition:0.5s;

-moz-transition:0.5s; /* Firefox 4 */

-webkit-transition:0.5s; /* Safari and Chrome */

-o-transition:0.5s; /* Opera */

}

.pjb ul li a em{ display:block; line-height:20px; color:#fff; padding:10px; text-align:center; font-size:12px;}

.pjb ul li a em i{ font-size:18px;}

.pjb ul li a:hover{ background-color:rgba(250,212,4,0.8)}



.pjc{ width:1232px; float:left;}







.gau{ width:1232px; float:left; margin-top:25px;}

.gaua{ width:1232px; float:left;}

.gaua h2{ width:1232px; float:left; font-size:34px; color:#333; text-align:center;}

.gaua h2 em{ color:#F00; font-size:34px;}

.gaua h5{ width:1232px; float:left; text-align:center; font-size:16px; font-weight:100; margin-top:10px;}

.gaub{ width:1232px; float:left; margin-top:35px;}

.gauba{ width:205px; float:left;}

.gaubb{ width:190px; float:left; background:#00a2e9; text-align:center; transition:0.5s;

-moz-transition:0.5s; /* Firefox 4 */

-webkit-transition:0.5s; /* Safari and Chrome */

-o-transition:0.5s; /* Opera */}

.gaubb p{ margin-top:20px;}

.gaubb p img{ width:130px;}

.gaubb h4{ width:190px; text-align:center; margin-top:15px; padding-bottom:10px; color:#FFF;}

.gaubb:hover{ background:#FC0; cursor:pointer;}







.ry{ background:#00a2e9; width:100%; height:600px; float:left; margin-top:35px;}

.rya{ width:1232px; float:left; margin-top:45px;}

.ryb{ width:700px; float:left;}

.ryc{ width:532px; float:left; margin-top:35px;}

.ryca{ width:532px; float:left;}

.ryca h2{ width:532px; float:left; font-size:28px; color:#FFF;}

.ryca em{ width:532px; float:left; margin-top:15px; color:#FFF;}

.ryca ul{ width:532px; float:left; margin-top:25px;}

.ryca ul li{ display:block; float:left; width:532px; line-height:30px; color:#FFF;}







.fl{ float:left;}

.fr{ float:right;}







.main_title a { text-align: center; display: block; font-weight: 400; font-size: 40px; color: #333; line-height: 100%; padding-bottom: 19px }

.main_title a:hover { color: #333 }

.main_title strong { color: #00a2e9 }

.main_title span { display: block; text-align: center; background: url(images/t_bg1.png) no-repeat center; font-size: 20px; color: #666; line-height: 100%; font-weight: 400 }



/*首页新闻开始*/

.news { padding: 115px 0 69px; position: relative; width:1232px; float:left; }

.news h2 a { font-weight: 700; background: url(images/t_bg3.png) no-repeat center; padding-bottom: 0; letter-spacing: 3px }

.news>h3 { border-bottom: 1px solid #EBEBEB; margin-top: 65px; margin-bottom: 40px }

.news>h3 a { display: block }

.news>h3 img { display: inline-block; width: 32px; height: 32px; background: #254693; border-radius: 50%; vertical-align: -8px; margin-right: 22px }

.news>h3 strong { font-size: 20px; color: #333; line-height: 47px; display: inline-block }

.news>h3 span { display: inline-block; font-size: 14px; color: #dedede; line-height: 47px; position: relative; font-weight: 400 }

.news>h3 span:before { content: "/"; color: #BDBDBD; font-size: 20px; margin: 0 10px }

.news>h3 i { display: block; float: right; width: 150px; height: 50px; background: #e9e9e9; font-size: 14px; color: #333; line-height: 50px; text-align: center; font-weight: 400 }

.news_con dl { width: 570px; height: 389px; float: left; position: relative }

.news_con dl dt { width: 570px; height: 285px; overflow: hidden }

.news_con dl dt img { width: 570px; height: 285px }

.news_con dl dd { padding-top: 16px }

.news_con dl dd span { display: block; float: left; padding-right: 42px; margin-right: 20px; margin-top: 16px; height: 68px; font-size: 14px; color: #666; line-height: 100%; font-family: arial; border-right: 1px solid #EBEBEB }

.news_con dl dd span i { display: block; font-size: 50px; color: #333; line-height: 100%; margin-bottom: 7px; font-weight: 700; margin-top: -6px }

.news_con dl dd h4 { font-size: 16px; color: #333; line-height: 46px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400 }

.news_con dl dd p { font-size: 14px; color: #888; line-height: 21px }

.news_con ul { width: 580px }

.news_con ul li { width: 580px; height: 110px; padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F1F2F4; margin-bottom: 29px }

.news_con ul li span { padding: 21px 33px 0 30px; height: 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; border-right: 1px solid #EBEBEB; float: left; font-size: 14px; color: #666; line-height: 100%; margin-right: 16px; font-family: arial }

.news_con ul li span i { display: block; font-size: 50px; color: #333; line-height: 100%; margin-bottom: 7px; font-weight: 700 }

.news_con ul li h4 { font-size: 16px; color: #333; line-height: 44px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; padding-top: 5px }

.news_con ul li p { font-size: 14px; color: #888; line-height: 21px }

/*首页新闻结束*/







/*首页案例开始*/

.pcau{ background:url(pzbg.jpg) no-repeat top center; width:100%; height:860px; float:left;}

.pcaua{ width:1232px; float:left;}

.pcaua h2{ width:1232px; float:left; text-align:center; font-size:32px; margin-top:45px; color:#00a2e9;}

.pcaua em{ width:1232px; float:left; text-align:center; margin-top:15px;}



.pcaub{ width:1232px; float:left; margin-top:20px;}

.pcauc{ width:308px; float:left; margin-top:20px;}

.pcauc a,.pcauc a:visited{ display:block; float:left; padding:10px; background:#FFF; transition:0.5s;

-moz-transition:0.5s; /* Firefox 4 */

-webkit-transition:0.5s; /* Safari and Chrome */

-o-transition:0.5s; /* Opera */}

.pcaud{ width:280px; float:left; }

.pcaud p img{ width:280px;}

.pcaud h5{ width:280px; float:left; margin-top:15px;}

.pcaud em{ width:280px; float:left; line-height:25px; color:#999; margin-top:5px; font-size:12px;}

.pcauc a:hover{ box-shadow: 0px 0px 7px 0px rgba(143, 143, 143, 0.6);}

/*首页案例结束*/



.dibu{ width:100%; float:left;}





/* 必要布局样式css */

.footer-box {

    background: #222132;

    overflow: hidden;

    width: 100%;

    color: #888;

    padding: 30px 0 35px;

}



.footer-container {

    width: 1200px;

    margin: 0 auto;

    padding: 0;

}



.footer-service {

    margin-right: -26px;

    margin-bottom: 38px;

    padding-left: 69px;

}



.footer-service-item {

    float: left;

    height: 60px;

    width: 240px;

    margin-right: 26px;

}



.footer-service-item i {

    width: 50px;

    height: 45px;

    float: left;

    margin: 17px 17px 20px 29px;

    opacity: .8;

    -webkit-transform: scale(.6);

    -moz-transform: scale(.6);

    transform: scale(.6);

}



.footer-service-item span {

    font-size: 16px;

    color: #ccc;

    float: left;

    margin-top: 19px;

	margin-bottom:20px;

}



.footer-icon-001 i {

    background: url(../images/icon-footer01.png) no-repeat center center;

    background-size: contain;

}



.footer-icon-002 i {

    background: url(../images/icon-footer02.png) no-repeat center center;

    background-size: contain;

}



.footer-icon-003 i {

    background: url(../images/icon-footer03.png) no-repeat center center;

    background-size: contain;

}



.footer-icon-004 i {

    background: url(../images/icon-footer04.png) no-repeat center center;

    background-size: contain;

}



.footer-line {

    height: 0;

    display: block;

    clear: both;

    border-bottom: 1px solid #393854;

}



.footer-links {

    padding-top: 40px;

    padding-left: 69px;

}



.footer-article-item {

    width: 209px;

    height: 226px;

    float: left;

    margin-right: 23px;

    line-height: 2;

    font-size: 14px;

}



.footer-article-item dt {

    color: #ccc;

    font-size: 16px;

    margin-bottom: 10px;

    line-height: 2;

    font-weight: 300;

}



.footer-article-item dd {

    line-height: 2;

}



.footer-article-item dd a {

    color: #888;

    transition: all .1s;

}



.footer-article-item dd a:hover {

    color: #fff;

}



.footer-contact-item {

    width: 145px;

    float: left;

}



.footer-contact-item h3 {

    font-size: 16px;

    color: #ccc;

    line-height: 2;

    margin-bottom: 10px;

    font-weight: 400;

}



.footer-contact-item p {

    font-size: 22px;

    color: #fff;

    font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;

    margin-bottom: 15px;

}



.footer-ewm {

    float: left;

    width: 110px;

    margin-right: 18px;

    text-align: center;

}



.footer-ewm img {

    width: 110px;

    height: 110px;

    display: block;

    border: none;

}



.footer-ewm p {

    font-size: 14px;

    color: #ccc;

    margin-top: 12px;

}



.footer-friend {

    width: 1050px;

    height: 20px;

    line-height: 20px;

    margin: 30px auto;

}



.footer-friend-title {

    float: left;

    color: #ccc;

    font-size: 14px;

}



.footer-friend-title-list {

    float: left;

}



.footer-friend-title-list li {

    float: left;

}



.footer-friend-title-list li a {

    color: #888;

    transition: all .1s;

    display: inline-block;

    padding: 0 10px;

    font-size: 14px;

}



.footer-friend-title-list li a:hover {

    color: #fff;

}



.footer-friend-more {

    color: #ccc;

    transition: all .1s;

    float: left;

    font-size: 14px;

}



.footer-copyright {

    line-height: 20px;

    font-size: 14px;

    text-align: center;

}



.footer-copyright p {

    margin-bottom: 9px;

    font-size: 14px;

    color: #888;

	float:left;

	width:1232px;

}











.pro_list { margin-top: 65px; margin-bottom: 52px; height: 487px }

.pro_list li { width: 400px; height: 489px; float: left; position: relative; border: 1px solid #D6D6D6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-transition: all .3s ease; transition: all .3s ease }

.pro_list li>a { display: block; overflow: hidden; height: 487px }

.pro_list li img { max-width: 100% }

.pro_list li h3 { position: absolute; padding-bottom: 20px; padding-top: 62px; padding-left: 47px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0 }

.pro_list li h3 strong { display: block; font-size: 20px; color: #333; line-height: 100% }

.pro_list li h3 span { display: block; font-size: 12px; color: #333; line-height: 100%; text-transform: uppercase; margin-top: 9px; font-weight: 100 }

.pro_list li h3:after { position: absolute; content: ""; width: 36px; height: 5px; background: #00a2e9; left: 47px; bottom: 0; opacity: 1; -o-transition: all .3s ease; transition: all .3s ease }

.pro_list li h3:before { position: absolute; content: ""; width: 130px; height: 63px; background: url(../images/pro_more.png) no-repeat center; right: -1px; top: -1px; opacity: 0; -o-transition: all .3s ease; transition: all .3s ease }

.pro_list li:nth-child(2) { border-right: 0; border-left: 0 }

.pro_list li:hover { border-color: #fff; box-shadow: 0 0 35px rgba(0, 0, 0, .1); z-index: 2 }

.pro_list li:hover h3 { background: url(../images/pro_t.png) no-repeat 64px 27px }

.pro_list li:hover h3:before { opacity: 1 }

.pro_list li:hover h3:after { opacity: 0 }

.pro_list li:nth-child(2):hover:before, .pro_list li:nth-child(2):hover:after { position: absolute; content: ""; width: 1px; height: 489px; background: #fff; top: -1px }

.pro_list li:nth-child(2):hover:before { left: -1px }

.pro_list li:nth-child(2):hover:after { right: -1px }

.pro_list2 li { width: 400px; float: left }

.pro_list2 li>a:first-child { display: block; float: left; overflow: hidden; width: 211px; height: 158px }

.pro_list2 li img { width: 211px; height: 158px }

.pro_list2 li h3 { width: 189px; height: 120px; background: #fff url(../images/more.png) no-repeat 51px 86px; float: right; margin-top: 19px; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; color: #333; line-height: 100%; padding-top: 37px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center }

.pro_list2 li h3>a { display: block; color: #333; width: 189px; height: 120px }

.pro_list2 li:hover h3 { background: #00a2e9 url(../images/more1.png) no-repeat 51px 86px }

.pro_list2 li:hover h3 a { color: #fff }







/*公司简介开始*/

.gsj{ width:1232px; float:left; border-bottom:1px #999999 dotted; margin-top:25px;}

.gsj h2{ width:1232px; float:left;}

.gsj h2 span{ display:block; float:left; width:20px; height:30px; background:#06F;}

.gsj h2 p{ width:600px; float:left; font-weight:100; padding-left:20px; line-height:30px;}

.gsja{ width:1232px; float:left; margin-top:25px; text-align:center;}

.gsja h2{ width:1232px; float:left; font-size:36px; color:#CCC;}

.gsja h3{ border-bottom:1px #00a2e9 solid; height:80px;}

.gsja h3 em{ font-size:32px; background:#FFF; margin-top:15px; float:left; margin-left:520px; padding-left:25px; padding-right:25px; color:#666;}

.gsjb{ width:1232px; float:left;  margin-top:35px;}

.gsjba{ width:500px; float:left;}

.gsjbb{ width:730px; float:left; padding-bottom:45px;}

.gsjbb p{ line-height:30px; color:#999; margin-top:15px;}

/*公司简介结束*/





.gsjc{ width:1232px; float:left; padding-bottom:45px; margin-top:25px;}

.gsjc p{ line-height:30px; color:#999; margin-top:15px;}



.gsjd{ width:1232px; float:left; margin-top:35px;}

.gsjdl{ width:240px; float:left;}

.gsjdla{ background:#00a2e9; width:240px; float:left;}

.gsjdla h3{ width:240px; float:left; text-align:center; font-size:24px; color:#FFF; line-height:80px;}

.gsjdlb{ width:240px; float:left;}

.gsjdlb ul{ width:240px; float:left;}

.gsjdlb ul li{ display:block; float:left; background:#EFEFEF; width:240px; margin-top:2px;}

.gsjdlb ul li a,.gsjdlb ul li a:visited{ display:block; float:left; line-height:45px; padding-left:25px;}

.gsjdlc{ width:240px; float:left; margin-top:15px;}

.gsjdld{ width:240px; background:#00a2e9; height:1px; float:left;}

.gsjdle{ width:240px; float:left; background:#00a2e9;}

.gsjdle h3{ width:200px; float:left; padding-left:20px; margin-top:25px; color:#FFF; font-size:18px; font-weight:100;}

.gsjdle h2{ width:200px; float:left; padding-left:20px; color:#FFF; font-size:26px; margin-top:25px; padding-bottom:20px;}

.gsjdr{ width:972px; float:left; padding-left:20px; padding-bottom:40px;}

.gsjdra{ width:972px; float:left; border-bottom:1px #CCCCCC solid;}

.gsjdra h3{ float:left; font-size:18px; color:#999; border-bottom:1px #00a2e9 solid; line-height:30px;}

.gsjdrb{ width:972px; float:left;}

.gsjdrc{ width:324px; float:left; margin-top:15px; position:relative;}

.gsjdrc a,.gsjdrc a:visited{ display:block; float:left; width:300px; height:440px; border:1px #CCCCCC solid; padding-bottom:15px;}

.gsjdrc a h5{ width:300px; float:left; font-size:24px; color:#ECECEC; position:absolute; left:5%; top:25px;}

.gsjdrc a p{ width:300px; float:left; text-align:center; margin-top:5px;}

.gsjdrc a p img{ width:280px;}

.gsjdrc a h2{ width:260px; float:left; padding-left:20px;}

.gsjdrc a h4{ width:260px; float:left; padding-left:20px; font-weight:100; margin-top:10px;}

.gsjdrc a:hover{ border:1px #00a2e9 solid;}

.fya{ width:972px; float:left; text-align:center; margin-top:35px; color:#999;}





.gsjdrf{ width:972px; float:left;}

.gsjdrfa{ width:970px; float:left; margin-top:15px;}

.gsjdrfa a,.gsjdrfa a:visited{ display:block; float:left; width:970px; border:1px #00a2e9 solid;}

.gsjdrfb{ width:900px; float:left; padding-left:35px;}

.gsjdrfb span{ display:block; float:left; width:300px; margin-top:15px; padding-bottom:15px;}

.gsjdrfb span img{ width:270px; height:160px;}

.gsjdrfb h2{ width:600px; float:left; margin-top:15px; font-size:16px;}

.gsjdrfb p{ width:600px; float:left; line-height:28px; color:#666; margin-top:15px;}

.gsjdrfa a:hover{ border:1px #FC3 solid;}

.gsjdrfb h5{ background:#EEE; color:#000; font-weight:100; padding:10px; font-size:12px; float:right;}





.gsje{ background:url(13.jpg) no-repeat; width:1200px; height:225px; float:left; margin-top:25px;}

.gsje p{ width:925px; float:left; padding-left:265px; margin-top:105px; line-height:32px;}

.gsje p em{ font-size:26px; color:#00a2e9;}



.gsjf{ background:url(98.jpg) no-repeat; width:1205px; float:left; height:443px; margin-top:35px; padding-bottom:35px;}

.gsjf h2{ width:850px; float:left; padding-left:30px; margin-top:35px; font-size:24px; line-height:32px;}

.gsjfb p{ width:796px; float:left; padding-left:90px; margin-top:60px;}



.gsjfc{ width:696px; float:left; padding-left:90px; margin-top:45px;}

.gsjfc p{ line-height:30px;}



.gsjfca{ width:696px; float:left; padding-left:90px; margin-top:25px;}

.gsjfca p{ line-height:30px;}









.gsjfz{ width:1232px; float:left; padding-bottom:35px;}





.gsjdrg{ width:970px; float:left; margin-top:25px;}

.gsjdrg p{ line-height:32px; color:#666; margin-top:10px;}



.hyi{ width:970px; float:left; margin-top:25px; line-height:30px; color:#666;}

















/*nav开始*/

.dha{ width:1232px;}

.menu{margin:0;list-style:none;height:72px; overflow:hidden;_float:left;width:1232px;}

.menu li{float:left;width:154px;overflow:hidden;}

.menu li a em{ font-style:normal; font-family:Verdana, Geneva, sans-serif;}

.ioi{color:#fff;font-size:15px;text-align:center;width:154px;height:52px; padding-top:20px;display:block;outline:none; font-size:16px;}

.menu li a:hover{background:#e9cb01; color:#fff;}

.menu .hover a{background:#e9cb01; color:#fff;font-size:15px;text-align:center;width:154px;height:52px;display:block;outline:none;}

.menu li .subnav{margin:0 0 0 0;padding:0; position:absolute;z-index:999;display:none;}

.menu li .subnav dt a{display:block;width:154px; line-height:52px; text-align:center;background:#0E46E1;color:#fff;font-size:14px;border-bottom:1px solid #fff;}

.menu li .subnav dt a:hover{background:#e9cb01;}



#nav .date{line-height:42px;color:#fff;width:160px;float:right;text-align:center;color:#449AF7;}

#nav .date a{color:#fff;}

#nav .date a:hover{color:#ff0;}

/*nav*/





/*banner 开始*/

.banner{ width:100%; height:600px; overflow:hidden; position:relative;font-size:0}

.b-img{ height:400px;  position:absolute; left:0; top:0;}

.b-img a{ display:block; height:600px; float:left;}

.b-list{ height:50px; padding-top:550px; position:relative; margin:0 auto;z-index:1;}

.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}

.b-list .spcss{border:3px solid #14ab04;}

.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }

.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }

.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:255px;}

.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:255px;}

.bar-left .emcss{ background-position:0px -100px;}

.bar-right .emcss{ background-position:-50px -100px;}

/*banner 结束*/





/*搜索框6*/

     

.bar6 input {

	border:2px solid #00a2e9;

	border-radius:5px;

	background:transparent;

	top:0;

	right:0;

	width:285px;

}

.bar6 button {

	background:#00a2e9;

	border-radius:0 5px 5px 0;

	width:80px;

	top:0;

	right:0;

	height:45px;

}

.bar6 button:before {

	content:"搜索";

	font-size:14px;

	color:#fff;

}

.soab {

	width:500px;

	float:right;

}

div.search {

	padding-top:10px;

}









/*Page*/

.page{user-select:none;}

.page ul{margin:0;padding:0;list-style:none;display:flex;margin-left:.05rem;}

.page ul li{font-size:0;list-style:none;display:inline-block;border:1px solid #d9d9d9;margin-left:-.05rem;}

.page ul li:first-child,.page ul li:first-child a{border-radius:.1rem 0 0 .1rem;}

.page ul li:last-child,.page ul li:last-child a{border-radius:0 .1rem .1rem 0;}

.page ul li a{font-size:.7rem;display:block;padding:0 .65rem;line-height:1.75rem;color:#444;background:#fff;}

.page ul li a:not([href]){color:#999;cursor:not-allowed;}

.page ul li.active{border-color:#1890FF;background:#1890FF;}

.page ul li.active a{color:#fff;background:#1890FF;}

.page ul li.active a:hover{background:#1890FF;}

.page ul li:hover a{background:#f9f9f9;}

.page-red ul li.active{border-color:#ED4014;background:#ED4014;}

.page-red ul li.active a{background:#ED4014;}

.page-red ul li.active a:hover{background:#ED4014;}

.page-yellow ul li.active{border-color:#F37B1D;background:#F37B1D;}

.page-yellow ul li.active a{background:#F37B1D;}

.page-yellow ul li.active a:hover{background:#F37B1D;}

.page-green ul li.active{border-color:#19BE6B;background:#19BE6B;}

.page-green ul li.active a{background:#19BE6B;}

.page-green ul li.active a:hover{background:#19BE6B;}

.page-info ul li.active{border-color:#2DB7F5;background:#2DB7F5;}

.page-info ul li.active a{background:#2DB7F5;}

.page-info ul li.active a:hover{background:#2DB7F5;}

.page-mid ul li{margin-right:.3rem;}

.page-mid ul li{border-radius:.1rem;}

.page-mid ul li:first-child,.page-mid ul li:last-child{border-radius:.1rem;}

.page-center ul{display:flex;justify-content:center;align-items:center;}

.page-right ul{display:flex;justify-content:flex-end;}

.page-right{display:flex;}

.page-right .page-other{flex:1;justify-content:flex-start;align-items:center;display:flex;}





/*产品详情页*/



.proshow{ width:1232px; float:left;}

.proshow .col-left{width:35%;border-right:1px solid #f3f3f3;padding:20px 3%; float:left; margin-right:20px;}

.proshow .col-left .big_pic{text-align:center;}

.proshow .col-left .big_pic img{max-width:100%;}

.proshow .col-left .thumb_pic{margin:30px 0 0 0;text-align:center;}

.proshow .col-left .thumb_pic ul{margin:0 auto;}

.proshow .col-left .thumb_pic ul li{display:inline-block;margin-right:5px;width:60px;height:60px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}

.proshow .col-left .thumb_pic ul li.active{border:1px solid #2DB7F5;background:#fff;}

.proshow .col-left .thumb_pic ul li.active:after{content:" ";position:absolute;right:24px;top:-5px;width:11px;height:11px;border:#2DB7F5 solid 1px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1}



.proshow .col-right{width:65%;padding:20px 3%;}

.proshow .col-right h1{font-size:24px;font-weight:bold;}

.proshow .col-right .intro{font-size:14px;color:#888;margin:10px 0;}

.proshow .col-right .attribute{list-style:none;margin:10px 0;}

.proshow .col-right .attribute li{font-size:14px;line-height:30px;}

.proshow .col-right .attribute li em{display:inline-block;width:100px;font-style:normal;color:#999;font-size:14px;}

.proshow .col-right .price{font-size:14px;line-height:30px;margin:20px 0;}

.proshow .col-right .price span{font-size:26px;color:#f60;}

.proshow .col-right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}

.proshow .col-right .tags{color:#999;margin:15px 0;}

.proshow .col-right .tags a{margin:0 10px 10px 0;}



.proshow_content{padding:20px 0;}

.proshow_content a{color:#03C;}

.proshow_content a:hover{color:#f30;}

.proshow_content p{margin-bottom:20px;line-height:24px;}

.proshow_content p img{max-width:100%;}



.proshow_content .extend{list-style:none;}

.proshow_content .extend li{font-size:14px;line-height:30px;}

.proshow_content .extend li em{display:inline-block;width:120px;font-style:normal;color:#999;font-size:14px;margin-right:15px;}