@charset "utf-8";

/*引入字体*/
@font-face {
 font-family: 'ImpactRegular';
 src: url('Impact.eot');
 src: local('Impact Regular'),
        local('Impact'),
        url('Impact.woff') format('woff'),
        url('Impact.ttf') format('truetype'),
        url('Impact.svg#Impact') format('svg');
}


body { font-size:20px;}
@media screen and (min-width:768px) { 
	html { font-size:20px;}
}

@media screen and (min-width:1200px) { 
	.box { position:relative; width:100%; min-width:1200px; max-width:1440px; _width:expression_r(document.body.clientWidth < 1200? "1200": "100%" ); margin:0 auto;}	
	.case .container {
    width: 1170px;
}
}

/*css reset*/
ul,ol{list-style:none}
a:hover, a:active, a:focus{ text-decoration: none; cursor:pointer;}
ul { margin:0; padding:0;}
.clear { clear:both;}
p { margin:0;}
.h1, .h2, .h3 .h4 .h5 .h6, h1, h2, h3, h4, h5, h6 { margin:0;}
/*css reset*/
/*body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font:16px/1.5 'Microsoft Yahei','Simsun';  color:#000;background:#fff;-webkit-text-size-adjust: none; min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
ul,ol{list-style:none}
a{text-decoration:none;color:#1a1a1a}
a:hover, a:active, a:focus{color:#1c5aa2;text-decoration: none;}
a:active{color:#aaa;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%; vertical-align:middle; outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder {color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner { padding:0; border:0}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display: block;}*/


.box { width:100%; overflow:hidden;}
.header {position:fixed; width:100%; z-index:2; background-color:#fff;}
.header.active {  box-shadow: 0px 2px 10px #bbb;}
.search_box { width:100%; background-color:#636363; height:3em; display:none;}
.search_big { padding-top:0.4em;}
.search{ width:770px; margin:0 auto;  background-color:#4b4b4b;}
.search input { height:44px; width:650px; background:none; border:none; color:#777777; line-height:44px; font-size:20px; padding-left:36px;}
.search img { float:right; padding:0 30px; cursor:pointer;}
.search_box span { float:right; font-size:2em; color:#141414; padding:0 30px; cursor:pointer;}
.search_box span:hover{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
    }

.nav { font-size:1em; height:2.3em;}
.nav .main { width:1200px; max-width:100%; margin:0 auto; }
.nav .main .logo { float:left; height:4.3em;}
.nav .main .fdj { float:right; height:2.1em; margin-top:1.1em; cursor:pointer;}
.nav .main .menu { float:right; height:2.1em; margin-top:1.1em; cursor:pointer; padding:0 0 0 1em; display:none;}
.nav .main>ul { float:left; margin-left:86px;}
.nav .main>ul>li { float:left; margin:0 23px; line-height:86px; position:relative;}
.nav .main>ul>li a { color:#333333; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; padding:6px 0;}
.nav .main>ul>li:hover a, .nav .main ul li a.active { border-bottom:4px solid #da251d;}
.nav .main>ul>li:hover .nav_sec { display:block;}
.nav .main>ul>li .nav_sec { position:absolute; left:0; top:88px; background-color:#0068b6; white-space:nowrap; padding:0 0 14px; display:none;}
.nav .main>ul>li .nav_sec li { line-height:48px; padding:0 15px;}
.nav .main>ul>li .nav_sec li:hover { background-color:#004a82;}
.nav .main>ul>li .nav_sec a { display:block; color:#fff; font-size:15px; text-transform:none; border-bottom:none;}
.nav .main>ul>li .nav_sec a:hover, .nav .main>ul>li .nav_sec a.active { border-bottom:none;}
.head_top { height:4.4em;}
.head_top.active { height:7.4em;}
.swiper-slide img { width:100%;}
.swiper-pagination-bullet { width:0.7em; height:0.7em; background:#FFF; opacity:1;}
.swiper-pagination-bullet-active { background:#0068b6;} 

.menu_wap { width:100%; height:100%; position:absolute; top:0; left:0; background:#0065b0; opacity:0.97; z-index:3; padding:5%; display:none;}
.menu_wap .top { height:12%;}
.menu_wap .top img { height:3em;}
.menu_wap .top .esc { float:right;}
.menu_wap dl { text-align:center;}
.menu_wap dt a { font-size:3em; text-transform:uppercase; text-align:center; color:#fff; font-family:impact; font-weight:normal; line-height:2em;}
.menu_wap dd a { font-size:1.4em;text-transform:uppercase; text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:2em; font-weight:lighter;}
.menu_wap .bottom { height:88%; overflow:auto;}
.menu_wap .bottom div.dd { padding:1em 0 1.5em; display:none;}

.backtop { position:fixed; bottom:3em; right:3em; cursor:pointer; display:none; width:3em; z-index:999;}
.backtop img { width:100%;}
.footer { background-color:#333333;}
.footer .top { width:1200px; margin:0 auto; padding-top:26px; margin-bottom:80px;}
.footer .top dl { float:left; margin-right:96px;}
.footer .top dl dt { font-weight:normal; font-family:Arial, Helvetica, sans-serif; margin-top:14px;}
.footer .top dl dt a { color:#b3b3b3; font-size:18px; text-transform:uppercase;}
.footer .top dl dd a { color:#8c8c8c; font-size:13px;}
.footer .top dl dd a:hover { color:#CCC;}
.footer .top dl span { display:block; height:1px; background-color:#565658; width:20px; margin:10px 0;}
.footer .top .link { float:right; padding-top:30px;}
.footer .top .link .load { margin-left:12px; margin-bottom:28px;}
.footer .top .link .load a { margin:0 9px;}
.footer .bottom p { font-size:0.7em; color:#b3b3b3; padding:0.8em; text-align:center; border-top:1px solid #565658;background-color:#333333;}
.message { position:relative;}
.message_main { width:242px; position:absolute; left:-13px; top:0; display:none; z-index:2;}
.message_main .mes_top { width:242px; height:40px; background:url(../images/mes1.png) no-repeat;}
.message_main .mes_top span { float:right; font-size:26px; color:#fff; line-height:40px; padding:0 12px; cursor:pointer;}
.message_main .mes_top span:hover{
	transition-duration:3s;
	-moz-transition-duration:3s;
	-ms-transition-duration:3s;
	-o-transition-duration:3s;
	-webkit-transition-duration:3s; 
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 	/* Opera */
    }
.mes_content{ font-size:14px; color:#939393; border:1px solid #cccccc; background-color:#fff; padding:6px 17px 26px; border-radius:0 0 5px 5px;}
.mes_content input { margin-top:10px; width:100%; padding-left:12px; height:32px; line-height:32px; border-radius:5px; border:1px solid #cccccc;}
.mes_content textarea { margin-top:10px; width:100%; min-height:82px; max-height:82px; min-width:100%; max-width:100%;padding-left:12px;line-height:32px;border-radius:5px; border:1px solid #cccccc;} 
.mes_content .ewm_img { width:70px; margin-top:10px; margin-left:6px;}
.mes_content .ewm_in { width:110px; float:right;}
.mes_content button { width:140px; height:30px; margin:0 auto; display:block; color:#fff; background-color:#1a5992; border-radius:5px; border:none; margin-top:34px;}
.swiper-container { background-color:#fff;}
.index_part1 { background:url(../images/bg1.jpg) no-repeat center; padding-bottom:4.7em; background-size:cover;}
.index_part1 .part1_img1 { position:absolute; display:none;}
.swiper-container1 .swiper-slide.active .part1_img1 { display:block;}
.part_main { max-width:1200px; margin:0 auto;}
.h3_title { font-family:impact; font-size:2.2em; color:#212121; text-transform:uppercase; text-align:center; padding:1.2em 0 0.5em;}
.index_part1 .h3_title { margin-bottom:16px;}
.swiper-container1 .p_zone { width:100%; background-color:#626262; color:#fff; font-size:0.8em; line-height:2.3em; padding:0 16px 0 20px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.swiper-container1 .p_zone span { line-height:0.8em; color:#000; background-color:#fff; width:0.8em; height:0.8em; float:right; margin-top:0.8em; text-align:center;}

.index_part1_2 { background-color:#626262; padding:40px 0; position:relative;}
.swiper-container3 { width:1200px; max-width:90%; overflow:hidden; margin:0 auto;}
.swiper-container3 p { color:#fff; font-size:13px; line-height:30px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_part1_2 .next, .index_part1_2 .prev { position:absolute; top:50%; margin-top:-40px; cursor:pointer;}
.index_part1_2 .next { right:40px;}
.index_part1_2 .prev { left:40px;}

.index { width:100%; background:url(../images/bg2.jpg) no-repeat center; background-size:cover; position:fixed; top:0; z-index:-1;}

.index_part2 { padding-bottom:3.7em;}
.h4_title { font-size:0.8em; color:#fff; width:50em; max-width:100%; margin:0 auto; text-align:center; line-height:1.2em; margin-bottom:3em;}
.index_part2 .h3_title { color:#fff;}
.index_part2 .swiper-slide { position:relative; cursor:pointer;}
.index_part2 .swiper-slide .img_box {overflow:hidden;}
.index_part2 .img_top { position:absolute; top:0; left:0; padding:0 22px;}
.index_part2 .img_main{
	transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	-webkit-transition-duration:1s; 

    }
.index_part2 .swiper-slide:hover .img_main{
    transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	-webkit-transform:scale(1.2);

    }

.index_part2 .bottom { background-color:#fff; padding:15px 25px; }
.index_part2 .bottom { color:#383838; font-size:0.7em;}
.index_part2 .bottom p { display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
overflow: hidden;}
.index_part2 .bottom button { position:relative; display:block; width:7em; height:2em; line-height:2em; border:none; background-color:#333333; color:#fff; margin:0 auto;margin-top:10px; }
.index_part2 .bottom button .span1 { position:absolute;  display:block; height:100%; width:0; left:0; top:0; background-color:#06C; }
.index_part2 .bottom button .span2 { position:absolute;  display:block; width:7em; text-align:center; height:100%; left:0; top:0;  height:100%; }

.index_part3 { background:url(../images/bg3.jpg) no-repeat center; padding-bottom:3em; background-size:cover;}
.index_part3 .h3_title { color:#fff;}
.index_part3 .left { width:26.9em; max-width:100%;}
.index_part3 .left h5 { font-size:1em; color:#fff; text-transform:uppercase; font-weight:bold; margin-bottom:0.8em;}
.index_part3_part  { background-color:#fff; width:26.1em; max-width:100%; padding:0.4em; margin-bottom:0.7em;}
.index_part3_part img { width:38%;}
.index_part3_part .zone { width:58%; float:right; padding-top:0.6em;}
.index_part3_part p { color:#353535; font-size:0.7em; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
word-break: break-all;
overflow: hidden;}
.index_part3_part h6 { color:#595959;font-size:0.7em; margin-top:0.6em;}
.index_part3 .right { width:420px; float:right; padding-top:50px; margin-right:4.4em;}
.index_part3 .right h5 { color:#fff; font-size:0.8em; text-transform:uppercase; font-weight:bold; padding-bottom:20px;}
.index_part3 .right p { line-height:1.5em; font-size:0.8em; color:#fff; padding-left:1.7em; margin-top:24px;}
.index_part3 .right .p1 { background:url(../images/site.png) no-repeat left top; position:relative; padding-bottom:20px;}
.index_part3 .right .p1 .site { width:14.8em; position:absolute; right:0; top:0;}
.index_part3 .right .p2 { background:url(../images/phone.png) no-repeat left;}
.index_part3 .right .p3 { background:url(../images/fax.png) no-repeat left;}

.about .part1 {  padding-bottom:4.5em; background:url(../images/bg2-1.jpg) center; background-size:cover;}
.about .part1 .h3_title { color:#fff; font-size:3em; padding:0.8em 0 0.3em;}
.h3_bottom{ width:4.6em; height:0.25em; background-color:#fff; margin:0 auto; margin-top:-0.7em; margin-bottom:3.3em;}
.about .part1 .main { width:90%; max-width:1200px; margin:0 auto;}
.about .part1 .part1_1 { width:38%; float:left; margin:0 2% 0 3%;}
.about .part1 .part1_1 h4 { color:#fff; text-transform:uppercase; font-size:1.7em; margin-bottom:0.8em; font-weight:bold;}
.h4_bottom{ width:3.5em; height:0.2em; background-color:#fff; margin-top:0; margin-bottom:1.5em;}
.about .part1 .part1_1 .p_zone { font-size:0.7em; color:#fff;}
.about .part1 .part1_2 { width:27%; float:left;}
.about .part1 .part1_2 img { max-width:100%; margin:0 auto;}
.about .part1 .part1_3 { width:22%; float:left;margin:0 4%; overflow:hidden;}
.about .part1 .part1_3 h4 { color:#fff; text-transform:uppercase; font-size:1.2em; text-align:center; margin-bottom:1.5em;}
.about .part1 .part1_3 p { font-size:0.7em; color:#fff; margin:0.6em 0 1.2em;}
.about .part1 .part1_3 .side { width:3.9em; margin:0 auto;}
.about .part1 .part1_3 .prev img { width:1.7em; cursor:pointer;}
.about .part1 .part1_3 .next  { float:right;}
.about .part1 .part1_3 .next img { width:1.7em; cursor:pointer;}

.about .part2 {  padding-bottom:4.5em; background:url(../images/bg2-2.jpg) center; background-size:cover;}
.about .part2 .h3_title { color:#3d3d3d; font-size:2.5em; padding:1em 0 0.4em;}
.about .part2 .h3_bottom{ background-color:#3d3d3d; }
.about .part2 .main { width:90%; max-width:1200px; margin:0 auto;}
.swiper5_box { position:relative; width:1200px; max-width:100%; margin:0 auto;}
.swiper5_box .swiper-container5 { width:86%; margin:0 auto; max-width:1000px; overflow:hidden;}
.swiper5_box .swiper-button-next, .swiper5_box .swiper-button-prev { height:3.5em; width:2em; background-size: 100%; z-index:1;}
.swiper-container5 .p_zone { background-color:#fff; padding:0 0.7em; color:#46463e; padding-bottom:0.5em; border-bottom:0.3em solid #c3c3c3;}
.swiper-container5 .p_zone h4 { font-size:1.7em; line-height:1.8em;}
.swiper-container5 .p_zone p { font-size:0.65em; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
word-break: break-all;
overflow: hidden;}
.swiper6_box { width:86%; margin:0 auto; max-width:1000px; position:relative; margin-top:1.6em; background:url(../images/bg_b.png) repeat-x bottom;}
.swiper-container6 { width:90%; margin:0 auto; overflow:hidden; }
.swiper6_box .swiper-wrapper { text-align:center;}
.prev6, .next6 { position:absolute; top:50%;  height:0.6em; padding:0 0.7em; margin-top:-0.6em; cursor:pointer;}
.prev6 { left:0;}
.next6 { right:0;}
.swiper6_box .swiper-wrapper a { font-size:1.2em; color:#46463e; line-height:3.5em; padding-bottom:0.9em;}
.swiper6_box .swiper-wrapper a:hover, .swiper6_box .swiper-wrapper a.active {  border-bottom:0.2em solid #0068b6; color:#0068b6;}

.about .part3 { background:url(../images/bg2-3.jpg) center; background-size:cover; padding-top:3em; padding-bottom:6em;}
.about .part3 .main { width:90%; max-width:1200px; margin:0 auto;}
.about .part3 .h3_title { color:#fff; font-size:2.5em; padding:1em 0 0.4em;}
.about .part3 .p_zone { width:90%; margin:0 auto; font-size:0.7em; color:#fff; text-align:center; display:none;}
.swiper7_box { width:80%; margin:0 auto; max-width:800px; margin-top:3em;}
.swiper7_box .swiper-wrapper { text-align:center;}
.swiper7_box .swiper-wrapper p { font-size:0.7em; line-height:2em; color:#fff; text-transform:uppercase;}

.about .part4 { background-color:#999; background:url(../images/bg2-4.jpg) center; background-size:cover; padding-top:3em; padding-bottom:6em;}
.about .part4 .main { width:90%; max-width:1020px; margin:0 auto; overflow:hidden;}
.about .part4 .h3_bottom { background-color:#3d3d3d;}
.about .part4 .h3_title { font-size:2.5em; padding:1em 0 0.4em;}
.swiper-container8 p { font-size:0.8em; padding:0.5em 0; color:#fff; background-color:#4e4e4e; text-align:center;}
.swiper-container8 .swiper-slide img { padding:0.5em; background-color:#fff;}
.swiper8_box .side { height:3em; position:relative; width:7em; margin:0 auto; margin-top:2.6em; text-align:center; font-size:1em; color:#8c9da5; line-height:3em;}
.swiper8_box .side .swiper-button-black { height:2em; width:1.2em; background-size: 100%; z-index:1;}

.about_list { width:1.1em; position:fixed; top:380px; right:1.4em;}
.about_list>div { width:0.7em; height:0.7em; margin:0.4em auto; background:#fff; border-radius:1em; cursor:pointer;}
.about_list div.active { border:0.2em solid #1574bc; padding:0.2em; background:none;}

.product .part1 { background:url(../images/bg3-1.jpg) center; background-size:cover; padding-top:0.5em;}
.product .part1 .h3_title { color:#fff; font-size:3em; padding:0.8em 0 0.3em;}
.product .part1 .main { width:90%; max-width:1200px; margin:0 auto;}
.swiper-container9 .swiper-slide { padding-bottom:3.7em; cursor:pointer;}
.swiper-container9 .swiper-slide:hover {background-color:#fff;}
.swiper-container9 .swiper-slide:hover p {color:#414141;}
.swiper-container9 p { width:80%; margin:0 auto; font-size:0.7em; line-height:1em; height:2em; color:#fff; text-align:center;}
.swiper-container9 .active { background:#fff url(../images/btn_b.png) no-repeat bottom; background-position: center 95%; background-size:2em;}
.swiper-container9 .active p { color:#414141;}

.product .part2 { padding-top:1.5em; padding-bottom:3em;}
.product .part2 .main { width:90%; max-width:1200px; margin:0 auto;}
.product .part2 .title { height:2.4em; font-size:0.8em; line-height:2.4em; background-color:#f3f3f3; margin-bottom:2.5em;}
.product .part2 .title>img { height:2.4em;}
.product .part2 .title a { color:#676767; padding:0 0.3em;}
.product .part2 .title span { font-size:1em;} 
#navigation { text-align:center; margin:2em 0 3em; display:none;}
#navigation img { width:12em;}

#cp_waterfall .pin { width:24%; border:1px solid #e7e7e7; float:left; margin:0 0.5% 1.3em; cursor:pointer;}
#cp_waterfall .pin .img_box { height:11.8em;position:relative; display:table-cell; text-align:center; vertical-align:middle;}
#cp_waterfall .pin .img_box .img_main { display:block; max-width:98%; max-height:98%; margin:0 auto;}
#cp_waterfall .pin .img_box .pin_top { position:absolute; top:0; left:0; display:none; width:100%;}
#cp_waterfall .pin:hover { border:1px solid #005ca1;}
#cp_waterfall .pin:hover .pin_top { display:block;}
#cp_waterfall .pin .p_zone { width:94%; margin:0 auto; border-top:1px solid #e7e7e7; padding-top:0.5em; height:5.7em;}
#cp_waterfall .pin .p_zone h3 { color:#0068b6; text-align:center; line-height:2em; font-size:1.2em;}
#cp_waterfall .pin .p_zone p { font-size:0.7em; color:#373737; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.product_detail_bg { width:100%; background:url(../images/cp_bg.jpg) no-repeat center; background-size:cover; position:fixed; top:0; z-index:-1;}
.product_detail {border-top: 1px solid #eeeeee;}
.product_detail .cp_search, .cp_title { width:90%; max-width:1200px; margin:0 auto;}
.product_detail .part_fri { background-color:#fff; padding-top:1.3em;}
.product_detail .cp_search img { width:100%;}
.product_detail .cp_title { line-height:3.5em;}
.product_detail .cp_title .span1 { color:#0068b6; font-size:1.6em;}
.product_detail .cp_title .span2 { padding-left:2em; background:url(../images/cp_home.jpg) no-repeat left; background-size:1.5em; float:right; color:#676767; font-size:0.7em;}
.product_detail .part1 { border-top:1px solid #e1e1e1; padding:2em; background-color:#fff;}
.product_detail .part1 .img_box {width:90%; max-width:1200px; margin:0 auto;}
.product_detail .part1 .img_box img { max-width:100%; display:block; margin:0 auto;}
.product_detail .part1 a { display:block; width:10.3em; margin:1em auto;}
.product_detail .part1 a img { width:100%;}
.product_detail .part2 { background:#f0f0f0; padding:2em 0 2.5em;}
.product_detail .part2 .main { width:90%; max-width:1200px; margin:0 auto;}
.product_detail .part2 .main h3 { color:#0068b6; font-size:1.6em; line-height:3em;}
.product_detail .part2 .main p { color:#424242; font-size:0.8em;}
.product_detail .part2 .main h4 { font-size:1.5em; color:#1d1d1d; padding:2.3em 0 0.4em;}
.product_detail .part2 .main h5 { font-size:0.8em; color:#1d1d1d; line-height:3em; text-transform:uppercase;}
.product_detail .part2 .main table { width:100%; text-align:center; color:#4d4d4d; font-size:0.8em;}
.product_detail .part2 .main table tr th { background-color:#4d4d4d; text-transform:uppercase; text-align:center; color:#fff;  padding:1em 0; font-weight:normal;}
.product_detail .part2 .main table tr th, .product_detail .part2 .main table tr td { border:none;}
 .product_detail .part2 .main table tr td { padding:0.8em 0;} 
.product_detail .part2 .main .table { border-bottom:2em;}
.product_detail .part2 .main .p_zone { color:#494949; font-size:0.8em;}

.product_detail .part3 { padding-top:0.8em; padding-bottom:3.5em; background-color:#fff;}
.product_detail .part3 .main { width:90%; max-width:1200px; margin:0 auto;}
.product_detail .part3 .main h4 { font-size:1.5em; color:#1d1d1d; line-height:4.2em;}
.product_detail .part3 .main p { color:#1d1d1d; font-size:0.7em; padding-bottom:1em; border-bottom:1px solid #dadada;}
.product_detail .part3 .main input, .product_detail .part3 .main textarea { background-color:#f9f9f9;}
.product_detail .part3 .main label { font-size:0.8em; color:#1d1d1d; font-weight:normal;}
.product_detail .part3 .main .btn1 { color:#fff; background-color:#0068b6; border:none; padding:0.3em 1.3em; margin-right:0.7em;}
.product_detail .part3 .main .btn2 { color:#fff; background-color:#6c6c6c; border:none; padding:0.3em 1.3em;}
.product_detail .part3 .main form { padding-top:1.5em;}

.product_detail .part4 { padding:0.5em 0 2em;}
.product_detail .part4 h4  {width:90%; max-width:1200px; margin:0 auto; font-size:1.5em; color:#fff; line-height:5em;}
.product_detail .part4 .swiper_box { position:relative;}
.product_detail .swiper-container11 { width:1200px; max-width:90%; overflow:hidden; margin:0 auto;}
.product_detail .swiper-container11 p { color:#fff; font-size:13px; line-height:36px; text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product_detail .part4 .next, .part4 .prev { position:absolute; top:50%; margin-top:-40px; cursor:pointer;}
.product_detail .part4 .next { right:40px;}
.product_detail .part4 .prev { left:40px;}

.case { padding-bottom:12em;}

.case .h3_title { padding:2.1em 0 0.5em; font-size:2.1em; color:#3d3d3d;}
.case .h3_bottom { background-color:#3d3d3d; margin:0 auto; margin-bottom:0.8em;}
.case .main>p { font-size:0.8em; color:#a1a1a1; width:786px; max-width:90%; text-align:center; margin:0 auto; margin-bottom:2.5em;}
.case .container .part { width:100%; position:relative; border:1px solid #e9e9e9; cursor:pointer; overflow:hidden;}
.case .container .part img.bottom { max-width:100%; max-height:100%; margin:0 auto;}
.case .container .part img.top { width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
.case .container .part p { width:90%; position:absolute; top:0; left:0; text-align:center; color:#fff; font-size:0.9em; display:none;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding:0.3em;}

.case .patr1 { position:relative;}
.case .patr1 img { width:100%;}
.case .patr1 h3 { width:100%; font-family:impact; text-align:center; font-size:3em; color:#fff; position:absolute; top:0.7em; left:0; text-transform:uppercase;}
.case_h3_bottom { width:5em; height:0.3em; background-color:#fff; position:absolute; top:6.3em; left:50%; margin-left:-2.5em;}
.case .patr1 p { font-size:0.7em; color:#fff; width:90%; margin-left:5%; text-align:center; position:absolute; left:0; bottom:4.4em;}

.service_list { width:1.1em; position:fixed; top:380px; right:1.4em;}
.service_list>div { width:0.7em; height:0.7em; margin:0.4em auto; background:#fff; border-radius:1em; cursor:pointer;}
.service_list div.active { border:0.2em solid #1574bc; padding:0.2em; background:none;}
.service .part1 {  padding-bottom:6em; background:url(../images/bg4-1.jpg) center; background-size:cover;}
.service .part1 img { max-width:90%; margin:0 auto; display:block;}
.service .part1 .p_zone { max-width:1040px; margin:0 auto; color:#fff; font-size:0.8em; line-height:1.5em; margin-top:1.4em;}
.service .part2 {  padding-bottom:8.8em; padding-top:2.5em; background:url(../images/bg4-2.jpg) center; background-size:cover;}
.service .part4 { background-color:#999; background:url(../images/bg4-3.jpg) center; background-size:cover; padding-top:3em; padding-bottom:6.4em;}
.service .swiper-container5 h5 img { width:1.8em; margin-right:0.5em;}
.service .swiper-container5 h5 { line-height:2em; color:#7c7c7c; font-size:0.7em; text-transform:uppercase; margin-top:0.7em;}
.service .swiper-container5 .p_zone p {
    font-size: 0.65em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}
.service .part4 .h3_bottom { background-color:#fff;}
.service .part4 .h3_title { color:#fff; padding-top:1em;}
.service .part4 .main>p { font-size:0.8em; color:#fff;}
.service .part4 .main>h5 { font-size:0.9em; color:#fff; text-transform:uppercase; margin:1.5em 0; text-align:center;}
.service .swiper-container8 .swiper-slide { background-color:#fff; padding-bottom:1.1em;}
.service .swiper-container8 p { height:2.3em; text-align:left; line-height:1em; padding:0.3em 0.5em 0em; background-color:#fff; color:#404040;
display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    overflow: hidden;
}

.contact .part1 { background:url(../images/bg5-1.jpg) center; background-size:cover; padding-top:0.5em; padding-bottom:6.7em;}
.contact .part1 .h3_bottom { background-color:#fff; margin-bottom:4.5em;}
.contact .part1 .h3_title { font-size:3em; color:#fff; padding-top:0.7em;}
.contact .main { width:1200px; margin:0 auto;}
.contact .main .left { width:480px; height:390px; background-color:#0068b6; color:#fff; padding:3.8em 1.6em 0;float:left;}
.contact .main .left h5 { color:#fff; font-size:0.8em; text-transform:uppercase; font-weight:bold; padding-bottom:1em;}
.contact .main .left p { line-height:1.5em; font-size:0.8em; color:#fff; padding-left:1.7em; margin-top:1.2em;}
.contact .main .left .p1 { background:url(../images/site.png) no-repeat left top; position:relative; padding-bottom:20px; background-size:1.2em auto ;}
.contact .main .left .p1 .site { position:absolute; right:0; top:0;}
.contact .main .left .p2 { background:url(../images/phone.png) no-repeat left;background-size:1.2em auto ;}
.contact .main .left .p3 { background:url(../images/fax.png) no-repeat left;background-size:1.2em auto ;}
.contact .main .right { width:720px; height:390px; background-color:#666; float:left;}
#dituContent { width:100%;height:100%;}

.contact .part2 { background:url(../images/bg6.jpg) no-repeat right; background-size:auto 100%; padding-bottom:5em;}
.contact .part2 .h3_bottom{ background-color:#3d3d3d; margin-top:0; margin-bottom:1em;}
.contact .part2 .h3_title{color:#3d3d3d; font-size:2.1em;}
.contact .part2 .main { width:90%; max-width:808px; margin:0 auto;}
.contact .part2 .main p { color:#b5b5b5; font-size:0.8em; text-align:center;}
.contact .part2 .main .container { width:100%;  margin-top:1em; margin-bottom:1.5em;}
.contact .part2 .main .container .part { text-align:center;}
.contact .part2 .main .container img { max-width:100%;}
.contact .part2 .main .container .part p { line-height:1.6em;}
.contact .part2 .main form { font-size:0.8em; color:#b4b4b4;}
.contact .part2 .main input { width:48%; line-height:2.7em; height:2.7em; padding-left:1em; border:1px solid #d2d2d2; border-radius:0.4em; margin-bottom:1em;}
.contact .part2 .main input.in_r { float:right;}
.contact .part2 .main textarea { width:100%; line-height:2em; height:6em;  padding-left:1em; border:1px solid #d2d2d2; border-radius:0.4em; margin-bottom:1.7em;}
.contact .part2 .main button { height:2.2em; color:#fff; font-size:0.8em; line-height:2.2em; border:none; border-radius:2.2em; text-transform:uppercase;}
.contact .part2 .main button.send { background-color:#0068b6; width:7.5em; margin-right:1em;} 
.contact .part2 .main button.reset { background-color:#737373; width:5.6em;}






@media screen and (max-width:1200px) { 
	body { font-size:10px;}
	.nav .main .logo { height:5em;}
	.nav .main .menu, .nav .main .fdj { margin-top:1.3em; height:2.6em;}
	.nav .main .fdj { margin-right:0.5em;}
	.footer .top { display:none;}
	.index_part3 { padding:0 5%; padding-bottom:3em;}
	.index_part3 .left { margin:0 auto;}
	.index_part3 .right { display:none;}
	.index_part1, .index_part2 { padding:0 15px; padding-bottom:3em; width:100%; overflow:hidden;}
	.nav .main>ul { display:none;}
	.nav .main { width:100%; padding:0 5%;}
	.nav .main .menu { display:block;}
	.search { width:70%;}
	.search input { height:3.2em; width:78%; line-height:2.2em; font-size:1em; padding-left:1.8em;}
	.search img { float:right; height:3.2em; padding:0 3%; cursor:pointer;}
	.search_box span { float:right; font-size:2em; color:#141414; padding:0.85em 0.75em 0; cursor:pointer;}
	.about .part1 .part1_1 { width:100%; margin-bottom:3em;}
	.about .part1 .part1_2 { width:40%;}
	.about .part1 .part1_3 { width:50%; margin:0 5%;}
	.about .part1 .part1_3 p { font-size:1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.swiper5_box .swiper-button-next, .swiper5_box .swiper-button-prev { display:none;}
	.index_part1_2 .next, .index_part1_2 .prev { display:none;}
	.swiper-container5 .p_zone p {-webkit-line-clamp: 1; font-size:1em;}
	.swiper7_box .swiper-wrapper p  { display:none;}
	.swiper8_box .side { line-height:normal;}
	.about .part4 { padding:1em 0 2.5em;}
	.about_list { display:none;}
	.product .part1 { padding-top:1.5em;}
	.product_detail .cp_title .span2 { display:none;}
	.product_detail .part4 .next, .part4 .prev { display:none;}
	.search_box { height:6em;}
	.search_big { padding-top:1.4em;}
	.case { padding-bottom:6em;}
	.case .patr1 p { bottom:2em; font-size:1em;}
	.service_list { display:none;}
	.service .swiper-container5 h5 span { display:none;}
	.swiper-container8 .swiper-slide img { padding:0.2em;}
	.service .part2 { padding-top:2em; padding-bottom:5em;}
	.service .part4 { padding:1em 0 4em;}
	.contact .main { width:90%; margin:0 auto;}
	.contact .main .left { float:none; width:100%; height:auto; padding-bottom:3em;}
	.contact .main .left .p1 .site { width:17em; position:absolute; right:0; top:0;}
	.contact .main .right { float:none; width:100%; height:30em;}
	.shadow, .shadow img, .shadow div { display:none;}
	.pop { display:none;}
	.contact .main .left h5 {font-size:1.2em; }
	.contact .main .left p { line-height:1.6em; font-size:1.2em; color:#fff; padding-left:1.7em; margin-top:1.2em;}
	.contact .part2 .main .container .part p { display:none;}
	.contact .part2 .main p, .contact .part2 .main form, .contact .part2 .main button { font-size:1em;}
	.head_top { height:5em;}
	.head_top.active { height:11em;}
	.swiper-container1 .p_zone { font-size:1em;}
	.h4_title { font-size:1em; line-height:1.2em;}
	.index_part2 .bottom { font-size:1em;}
	.index_part2 .bottom button { width:6em;}
	.index_part2 .bottom button .span2 { width:6em;}
	.index_part3_part p { font-size:1em;}
	.about .part3 .p_zone { font-size:1em;}
	.swiper-container9 p, #cp_waterfall .pin .p_zone p { font-size:1em;}
	#cp_waterfall .pin .p_zone p { display:none;}
	#cp_waterfall .pin .p_zone { height:2em; padding-top:0;}
	.product_detail .part2 .main p, .product_detail .part2 .main h5, .product_detail .part2 .main .p_zone, .product_detail .part3 .main p, .product_detail .part3 .main label, .case .main>p, .service .part1 .p_zone, .service .swiper-container5 .p_zone p, .service .part4 .main>p, .swiper-container8 p { font-size:1em;}
	.form-horizontal .form-group { margin:0;}
	.product_detail .part3 .main .btn { margin-top:2em;}
	.swiper-container5 .p_zone h4 { line-height:2.5em;}
	.about .part1 .part1_1 .p_zone { font-size:1em;}
	#cp_waterfall .pin { width:46%; border:1px solid #e7e7e7; float:left; margin:0 2% 1.3em; cursor:pointer;}
	.contact .main .right { display:none;}
}

@media screen and (min-width:1200px) { 
	.index_part1 .part_main { position:relative; padding-top:123px; padding-bottom:306px;}
	.index_part1 .h3_title { position:absolute; left:0; top:300px; width:100%;}
	.swiper-container1 { position:absolute; left:0; top:500px; width:100%;}
	
	.index_part2 .part_main { position:relative; padding-top:210px; padding-bottom:302px;}
	.index_part2 .h3_title { position:absolute; left:0; top:300px; width:100%;}
	.index_part2 .h4_title { position:absolute; left:0; top:500px; width:100%;}
	.swiper-container2 { position:absolute; left:0; top:700px; width:100%;}
}

@media screen and (min-width:1200px) { 
	.header, .index, .product_detail_bg { min-width:1200px; max-width:1440px; _width:expression_r(document.body.clientWidth < 1200? "1200": "100%" ); margin:0 auto;}
}

.swiper-container11 .swiper-slide .img_box { background-color:#fff;}
.swiper-container11 .swiper-slide .img_box img{ width:100%;}