@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2019-04-25 17:35:55
 * @version $Id$
 */
/* =========================产品详情=========================================== */

* {
    -webkit-box-sizing: border-box;
    margin: 0;
    box-sizing: border-box;
}
@media (max-width: 768px){
	body .tempinfo_main {width: auto;padding:0 15px;}
}

/* info1.html */
body .tempinfo_1{padding: 60px 0;}
    body .tempinfo_1 .pro-de-tit {
        font-size: 30px;
        color: #717171;
        line-height: 58px;
        border-bottom: 1px solid #424953;
    }
    body .tempinfo_1 .pro-tit-one {
        font-size: 20px;
        line-height: 24px;
        color: #717171;
    }
    body .tempinfo_1 .pro-de-des {
        font-size: 16px;
        color: #717171;
        margin: 15px 0 40px;
    }
body .tempinfo_1 .pro-de-si{text-align: center;}
body .tempinfo_1 .pro-high.hi-1{margin-right:20px;}
body .tempinfo_1 .pro-high.hi-2{margin-left:20px;}
body .tempinfo_1 .pro-de-se{margin-top:45px;}
body .tempinfo_1 .pro-de-se .pic { width: 100%;overflow: hidden;}
body .tempinfo_1 .pro-de-se .pic img { width: 100%; -webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
body .tempinfo_1 .pro-high p{font-size: 14px;color: #717171;line-height: 24px;margin-top: 15px;}
@media (min-width: 992px){
	body .tempinfo_1 .col-5 {width: 50%;float: left;}
}
@media (max-width: 768px){
		body .tempinfo_1 .pro-high.hi-1 {margin: 0 0 20px 0;}
		body .tempinfo_1 .pro-high.hi-2 {margin: 0;}
		body .tempinfo_1 .pro-de-des {margin: 10px 0 20px;}
}

/* info2.html */
body .tempinfo_2{padding: 60px 0;}
body .tempinfo_2 .pro-de-tit{font-size: 30px;color: #fefefe;line-height: 58px;border-bottom: 1px solid #424953;}
body .tempinfo_2 .pro-tit-one{font-size: 20px;line-height: 24px;color: #0074cd;}
body .tempinfo_2 .pro-de-des{font-size: 16px;color: #fefefe;margin:15px 0 40px;}
@media (max-width: 768px){
		body .tempinfo_2 .pro-de-des {margin: 10px 0 20px;}
}



/* info3.html */
body .tempinfo_3 { text-align: center;padding:  30px;}
body .tempinfo_3 .prod_con h5 {font-size: 2.25em;color: #292929; line-height: 40px;margin-bottom: 20px;text-align: center;}
body .tempinfo_3 .prod_con p {margin-bottom: 20px; font-family: "proxima_nova_rgregular";font-size: 1em;color: #717171;line-height: 25px;text-align: center;}
body .tempinfo_3 .prod_pic { float: none;margin: 0 auto;}
body .tempinfo_3 .prod_pic img {display: block; max-width: 100%;margin: 0 auto;}
@media (max-width: 640px){
	body .tempinfo_3{padding:30px 0 0;}
	body .tempinfo_3 .prod_con h5 {font-size: 1.5em;line-height: 30px;}
	body .tempinfo_3 .prod_con p { font-size: 0.8em; line-height: 24px;}
}




/* info4.html */
body .tempinfo_4 {padding: 20px 30px; position: relative;}
body .tempinfo_4 .prod_con {width: 41%; float: left; padding: 50px 20px 0;}
body .tempinfo_4 .prod_con h5 {font-size: 2.25em; color: #292929;line-height: 40px;margin-bottom: 20px;}
body .tempinfo_4 .prod_con p { font-family: "proxima_nova_rgregular"; font-size: 1em;color: #717171;line-height: 25px;}
body .tempinfo_4 .prod_pic { float: left; width: 58%;}
body .tempinfo_4 .prod_pic img { display: block; max-width: 100%; margin: 0 auto;}
@media (max-width: 1220px){
	body .tempinfo_4 .prod_con{padding-top:20px;}
}
@media (max-width: 1025px){
	body .tempinfo_4 .prod_con { width: 100%;float: none; text-align: center;padding-top: 20px;}
	body .tempinfo_4 .prod_pic {width: 100%;float: none;margin-top:20px;}
}
@media (max-width: 640px){
	body .tempinfo_4{padding:0;}
	body .tempinfo_4 .prod_con{padding:50px 0 0;}
	body .tempinfo_4 .prod_con h5 {font-size: 1.5em;line-height: 30px;}
	body .tempinfo_4 .prod_con p { font-size: 0.8em; line-height: 24px;}
}



/* info5.html */
body .tempinfo_5 { background: #f5f5f5;padding: 20px 30px; position: relative;overflow:hidden;}
body .tempinfo_5 .prod_con {width: 41%; float: right; padding: 50px 20px 0;}
body .tempinfo_5 .prod_con h5 {font-size: 2.25em; color: #292929;line-height: 40px;margin-bottom: 20px;}
body .tempinfo_5 .prod_con p { font-family: "proxima_nova_rgregular"; font-size: 1em;color: #717171;line-height: 25px;}
body .tempinfo_5 .prod_pic { float: left; width: 58%;}
body .tempinfo_5 .prod_pic img { display: block; max-width: 100%; margin: 0 auto;}
@media (max-width: 1220px){
	body .tempinfo_5 .prod_con{padding-top:20px;}
}
@media (max-width: 1025px){
	body .tempinfo_5 .prod_con { width: 100%;float: none; text-align: center;padding-top: 20px;}
	body .tempinfo_5 .prod_pic {width: 100%;float: none;margin-top:20px;}
}
@media (max-width: 640px){
	body .tempinfo_5{padding:0;}
	body .tempinfo_5 .prod_con{padding:50px 0 0;}
	body .tempinfo_5 .prod_con h5 {font-size: 1.5em;line-height: 30px;}
	body .tempinfo_5 .prod_con p { font-size: 0.8em; line-height: 24px;}
}



/* info6.html */
body .tempinfo_6{padding: 98px 0 54px;}
body .tempinfo_6 h3 { font-size: 30px;line-height: 30px; color: #333;text-align: center; margin-bottom: 26px;}
body .tempinfo_6 p { color: #666; font-size: 16px; text-align: center;}
body .tempinfo_6 ul { margin-top: 65px;}
body .tempinfo_6 li { width: 33.33%; box-sizing: border-box; height: 196px; float: left; position: relative; border: 1px dashed #ccc;list-style: none;}

body .tempinfo_6 li .li_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
body .tempinfo_6 h4 { font-size: 20px; color: #333;text-align: center; line-height: 20px; margin-bottom: 10px;}
body .tempinfo_6 p { color: #666; font-size: 16px; text-align: center;}
@media (max-width: 640px){
	body .tempinfo_6{padding:30px 0;}
	body .tempinfo_6 h3{font-size:26px;}
	body .tempinfo_6 ul{margin-top:30px;}
	body .tempinfo_6 li{width:50%;height:150px;list-style: none;}
	body .tempinfo_6 h4{font-size:16px;}
	body .tempinfo_6 .li_icon p{font-size:12px;}
}


/* info7.html */
body .tempinfo_7 {padding: 98px 0 54px;background-repeat: no-repeat; background-position: center;background-size: cover;}
body .tempinfo_7 .proxq_mlf {float: left; margin-top: 12px;}
body .tempinfo_7 .proxq_mrt { width: 50%; float: right;}
body .tempinfo_7 .proxq_mrt h3 {color: #fff; font-size: 36px; line-height: 36px; font-family: 'sy-m';margin-bottom: 56px;}
body .tempinfo_7 .proxq_mrt li {list-style: none;color: #fff;font-size: 14px; line-height: 65px; padding-left: 88px; background: no-repeat left center; margin-bottom: 22px;}
@media (max-width: 768px){
	body .tempinfo_7 .proxq_mlf{padding-left:100px;margin-bottom:30px;}
	body .tempinfo_7 .proxq_mrt{width: 100%;padding-left:100px;}
	body .tempinfo_7 .proxq_mrt h3{margin-bottom:20px;}
	body .tempinfo_7 .proxq_mrt li{margin-bottom:15px;list-style: none;}
}
@media (max-width: 640px){
	body .tempinfo_7{padding:30px 0;}
	body .tempinfo_7 .proxq_mlf {padding-left:0;width: 100%;}
	body .tempinfo_7 .proxq_mlf img{width: 100%;}
	body .tempinfo_7 .proxq_mrt{padding-left:0;}
	body .tempinfo_7 .proxq_mrt h3{font-size:26px;}
	body .tempinfo_7 .proxq_mrt li{padding-left:65px;list-style: none;}
}


/* info8.html */
body .tempinfo_8 .reag-det-title { padding: 80px 0 60px;text-align: center;}
body .tempinfo_8 .reag-det-title h3 { font-size: 40px;font-weight: lighter;}
body .tempinfo_8 .reag-det-title h4 {font-size: 16px;color: #666;font-weight: lighter;margin-top: 15px;text-transform: uppercase;}
body .tempinfo_8 .prodintro{-webkit-box-shadow: 0 5px 40px rgba(0,91,172,.2);box-shadow: 0 5px 40px rgba(0,91,172,.2);}
body .tempinfo_8 .prodintro-fir .p-pic {float: left;width: 72%;height: 425px;overflow: hidden;}
body .tempinfo_8 .prodintro-fir .p-pic img {width: 100%;height: 100%;display: block;}
body .tempinfo_8 .prodintro-fir .p-cont {float: left;width: 28%; height: 425px;background: #adadad; background-size: cover;color: #fff; padding: 56px 50px 56px 40px;}
body .tempinfo_8 .prodintro-fir .p-tit {font-size: 22px;line-height: 26px;-o-text-overflow: ellipsis;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; _zoom: 1;}
body .tempinfo_8 .prodintro-fir .p-des {line-height: 26px;font-weight: lighter;height: 182px;padding-right: 32px;margin: 14px 0 40px;overflow-y: auto;}
body .tempinfo_8 .btn-more03 {color: #fff; width: 172px; height: 47px;display: inline-block;border: 2px solid #fff; font-size: 16px; line-height: 45px; padding: 0 22px; background: url(../images/icon-more02.png) no-repeat right 22px center transparent;-webkit-transition: all .5s; -o-transition: all .5s;transition: all .5s;}
body .tempinfo_8 .btn-more03:hover {background: url(../images/icon-more03.png) no-repeat right 22px center #fff;color: #005bac;}
@media (max-width: 1200px){
	body .tempinfo_8 .prodintro-fir .p-pic,body .tempinfo_8 .prodintro-fir .p-cont{height:355px;}
	body .tempinfo_8 .prodintro-fir .p-cont{padding:30px;}
	body .tempinfo_8 .prodintro-fir .p-des{height:168px;padding-right:20px;}
}
@media (max-width: 1025px){
	body .tempinfo_8 .prodintro-fir .p-pic, body .tempinfo_8 .prodintro-fir .p-cont{height: 272px;}
	body .tempinfo_8 .prodintro-fir .p-des{height: 110px;margin-bottom:20px;}
	body .tempinfo_8 .btn-more03{width: 100px;
    height: 35px;line-height: 31px;
    padding: 0 15px;background-position:right 15px center;}
}
@media (max-width:768px){
	body .tempinfo_8 .prodintro-fir .p-pic, body .tempinfo_8 .prodintro-fir .p-cont{width:100%;height: auto;}
}
@media (max-width:640px){
	body .tempinfo_8 .reag-det-title{padding:30px 0;}
	body .tempinfo_8 .reag-det-title h3{font-size:26px;}
}



/* info9.html */
body .tempinfo_9 .reag-det-title { padding: 80px 0 60px;text-align: center;}
body .tempinfo_9 .reag-det-title h3 { font-size: 40px;font-weight: lighter;}
body .tempinfo_9 .reag-det-title h4 {font-size: 16px;color: #666;font-weight: lighter;margin-top: 15px;text-transform: uppercase;}
body .tempinfo_9 .prodintro{-webkit-box-shadow: 0 5px 40px rgba(0,91,172,.2);box-shadow: 0 5px 40px rgba(0,91,172,.2);}
body .tempinfo_9 ul{position:relative;}
body .tempinfo_9 ul::before{position: absolute;content: '';width: 1px;height:100%;background: rgba(136,136,136,.5);left:50%;margin-left:-0.5px;top: 0;}
body .tempinfo_9 li{list-style: none;float: left;width: 50%;padding: 0 60px;margin-bottom:15px;}
body .tempinfo_9 li .p-item {font-size: 16px; line-height: 22px;font-weight: lighter;color: #005bac;padding-left: 17px;padding-bottom: 17px;position: relative;width: 100%; position: relative; border-bottom: 1px solid rgba(136,136,136,.5);}
body .tempinfo_9 li .p-item::before {content: '';width: 11px;height: 11px; border: 2px solid #005bac; position: absolute; top: 6px; left: 0;border-radius: 50%;}
@media (max-width:640px){
	body .tempinfo_9 ul::before{display: none;}
	body .tempinfo_9 li{width:100%;padding:0;list-style: none;}
	body .tempinfo_9 .reag-det-title{padding:30px 0;}
	body .tempinfo_9 .reag-det-title h3{font-size:26px;}
}


/* info10.html */
body .tempinfo_10{padding-bottom: 93px; background: url(../images/ab-banner.png) no-repeat center;background-size: cover;}
body .tempinfo_10 .reag-det-title { padding: 80px 0 60px;text-align: center;}
body .tempinfo_10 .reag-det-title h3 { font-size: 40px;font-weight: lighter;color:white;}
body .tempinfo_10 .reag-det-title h4 {font-size: 16px;color: #666;color:white;font-weight: lighter;margin-top: 15px;text-transform: uppercase;}
body .tempinfo_10 .intro-box{margin:0 -15px;}
body .tempinfo_10 .intro-item {float: left;width: 25%;padding: 0 15px;}
body .tempinfo_10 .intro-item a{display: block;width: 100%;}
body .tempinfo_10 .intro-item .p-pic { width: 100%; height: auto;overflow: hidden;}
body .tempinfo_10 .intro-item .p-pic img {display: block;width: 100%;height: 100%;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
body .tempinfo_10 .intro-item .p-tit { font-size: 22px;line-height: 40px;color: #888;border-bottom: 1px solid rgba(130, 130, 130, 0.5); padding-top: 20px;padding-right: 15px; position: relative; -webkit-transition: all .3s;-o-transition: all .3s; transition: all .3s;}
body .tempinfo_10 .intro-item .p-tit::after {content: ''; width: 3px;height: 3px;background: #5d5d5d;position: absolute; bottom: 0;right: 0;-webkit-transition: background .3s,opacity .3s .3s,-webkit-transform .3s; transition: background .3s,opacity .3s .3s,-webkit-transform .3s; -o-transition: background .3s,transform .3s,opacity .3s .3s; transition: background .3s,transform .3s,opacity .3s .3s;transition: background .3s,transform .3s,opacity .3s .3s,-webkit-transform .3s;}
body .tempinfo_10 .intro-item:hover .p-pic img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
body .tempinfo_10 .intro-item:hover .p-tit { color: #5d5d5d; border-color: #5d5d5d;}
body .tempinfo_10 .intro-item:hover .p-tit::after {background: #5d5d5d;-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px); transform: translateX(-10px);opacity: 0;}
@media (max-width:768px){
	body .tempinfo_10 .intro-box{margin:0;}
}
@media (max-width:640px){
	body .tempinfo_10{padding-bottom:30px;}
	body .tempinfo_10 .intro-box{margin:0 -7.5px;}
	body .tempinfo_10 .reag-det-title{padding:30px 0;}
	body .tempinfo_10 .reag-det-title h3{font-size:26px;}
	body .tempinfo_10 .intro-item{width: 50%;padding:0 7.5px;margin-bottom:15px;}
	body .tempinfo_10 .intro-item .p-tit{font-size:16px;line-height:24px;padding-top:10px;}
}


/* info11.html */
body .tempinfo_11{background:#f0f0f0;padding-bottom:40px;}
body .tempinfo_11 .reag-det-title { padding: 80px 0 60px;text-align: center;}
body .tempinfo_11 .reag-det-title h3 { font-size: 40px;font-weight: lighter;}
body .tempinfo_11 .reag-det-title h4 {font-size: 16px;color: #666;font-weight: lighter;margin-top: 15px;text-transform: uppercase;}
body .tempinfo_11 ul{margin: 0 -18px;}
body .tempinfo_11 li{width:50%;float: left;padding:0 18px;list-style: none;}
body .tempinfo_11 .related-item {display: block;float: left;width: 100%;height: 248px; background: #fff; position: relative; padding: 34px 37px; margin-bottom: 36px; z-index: 1;}
body .tempinfo_11 .related-item::after {content: '';width: 0; height: 100%; background: #ccc;background-size: cover;position: absolute;left: 0;top: 0;overflow: hidden;z-index: -1;-webkit-transition: all .5s; -o-transition: all .5s;transition: all .5s;}
body .tempinfo_11 .related-item .p-tit { font-size: 22px;color: #22bcad; margin-bottom: 6px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
body .tempinfo_11 .related-item .p-cont {font-size: 16px;line-height: 28px;color: rgba(102,102,102,.8);font-weight: lighter;max-height: 168px; padding-right: 10px; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
body .tempinfo_11 .related-item .p-line {position: relative;padding-left: 20px;font-weight: lighter;}
body .tempinfo_11 .related-item .p-line::before {content: '';background: rgba(102,102,102,.6);width: 7px;height: 1px;position: absolute;left: 0; top: 14px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
body .tempinfo_11 .related-item:hover::after {width: 100%;}
body .tempinfo_11 .related-item:hover .p-cont, body .tempinfo_11 .related-item:hover .p-tit { color: #fff;}
body .tempinfo_11 .related-item:hover .p-line::before {background: #fff;}
@media (max-width:768px){
	body .tempinfo_11 ul{margin:0;}
}
@media (max-width:640px){
	body .tempinfo_11 ul{margin:0 -7.5px;}
	body .tempinfo_11 li{padding:0 7.5px;width: 100%;list-style: none;}
	body .tempinfo_11 .reag-det-title{padding:30px 0;}
	body .tempinfo_11 .reag-det-title h3{font-size:26px;}
}



/* info12.html */
body .tempinfo_12{background:#fff;padding-bottom:40px;}
body .tempinfo_12 .reag-det-title { padding: 80px 0 60px;text-align: center;}
body .tempinfo_12 .reag-det-title h3 { font-size: 40px;font-weight: lighter;}
body .tempinfo_12 .reag-det-title h4 {font-size: 16px;color: #666;font-weight: lighter;margin-top: 15px;text-transform: uppercase;}
body .tempinfo_12 .pull-left {width: 47%;float: left;}
body .tempinfo_12 .pull-right { float: right;width: 47%;}
body .tempinfo_12 .system-item { width: 100%;}
body .tempinfo_12 .system-item img { width: 100%;height: auto;}
body .tempinfo_12 .system-box .p-cont { padding: 14px 0; border-top: 1px solid #888;}
body .tempinfo_12 .system-item .p-tit {font-size: 22px; color: #22bcad; margin-bottom: 6px;line-height: 32px;}
body .tempinfo_12 .system-item .p-des {line-height: 24px; color: #888; font-weight: lighter;}
body .tempinfo_12 .system-box .pull-right .system-item:last-child .p-cont {border-bottom: 1px solid #888;}
@media (max-width:768px){
	body .tempinfo_12 .pull-left{width: 100%;padding:0 50px;}
	body .tempinfo_12 .pull-right{width: 100%;padding:0 50px;}
}
@media (max-width:640px){
	body .tempinfo_12 .pull-left{padding:0 0px;}
	body .tempinfo_12 .pull-right{padding:0 0px;}
	body .tempinfo_12 .reag-det-title{padding:30px 0;}
	body .tempinfo_12 .reag-det-title h3{font-size:26px;}
}


/* info13.html */
body .tempinfo_13 .pro-tit {height: 143px; background: #f0f0f0;text-align: center; margin-bottom: 10px;}
body .tempinfo_13 .pro-tit h3 {font-size: 30px;color: #333;font-weight: bold;}
body .tempinfo_13 .pro-three li {list-style: none; height: 115px; border-bottom: solid 1px #e4e4e4;text-align: center;}
body .tempinfo_13 .pro-three li h4 {font-family: 'scd';font-weight: bold;font-size: 80px;line-height: 60px; color: rgba(206,206,206,0.3);}
body .tempinfo_13 .pro-three li h5 { font-size: 14px;color: #333; margin-top: -17px;}
body .tempinfo_13 .pro-three li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: -1px;}