/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{ height:106px; position:relative; z-index:9;}
.head{ height:106px; position:relative;}
.logo{ float:left;}
/*menu*/
.menu{height:106px;line-height:106px; float:right; margin-right:80px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#2183d6; width:170px; position:absolute; left:0px; top:106px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.15); padding:8px 10px 8px 10px;display:none; }
.menu ul li dl dd{ line-height:24px;  padding:8px 10px;transition: all 0.2s ease-in;}
.menu ul li dl dd a{ font-size:14px; color:#fff; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd:hover{ padding-left: 30px;color: #fff;background: #1b77c5;}
.menu a{ font-size:16px;color:#333; text-decoration:none; display:block;text-align:center; padding:0px 20px;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#2183d6;color:#fff;}

.HOT-KEYS {position: absolute;top: 14px;right:50%;width:80px; height: 80px; padding:0;z-index: 10; background: url(../images/sbtn2.PNG) no-repeat 50%; margin-right:-590px; }
.HOT-KEYS .keyleft {margin: 140px 0 0 0;position: absolute;z-index: 1;opacity: 0; transition:all 0.3s ease-in-out;left:500px; display:none;}
.HOT-KEYS .keyleft .content { width: 570px; }
.HOT-KEYS .keyleft .content a { padding-left:18px;  position:relative; line-height: 26px; font-size:14px;}
.HOT-KEYS .keyleft .content a:after { position: absolute; left: 3px; top: 50%; width: 6px; height: 6px; margin-top: -3px; background: #2183d6; content: ""; }
.HOT-KEYS .keyleft .content a:hover { color:#2183d6; }
.searchformBox {position:absolute; right: -1330px; margin-right: 0; background: #f7f6f6; transition:all 0.3s ease-in-out; opacity: 0;top: 70px;height: 86px;margin-top: 0;border-radius: 8px;padding: 10px; width:620px; display:none; }
.searchformBox form .serach_input { width:554px; height:56px; border-radius: 8px 0 0 8px; border:0; padding:0px 15px; font-size:14px; vertical-align:top; background:#fff; color:#666;  }
.searchformBox form .btn_serach { background:url(../images/sbtn.png) no-repeat #2183d6 center; color:#666;position: absolute; right: 10px; top: 10px; width:66px; height:56px; margin:0; padding:0; border-radius: 0 8px 8px 0; border:0; cursor:pointer;  }
.HOT-KEYS:hover .keyleft {margin-left: -550px;opacity: 1;transition:all 0.3s ease-in-out;left:0; display:block;}
.HOT-KEYS:hover .searchformBox { right: -0; opacity: 1; transition:all 0.3s ease-in-out; display:block;}

/* placeholder 颜色 */
.searchformBox .serach_input::-webkit-input-placeholder { color:#999; }
.searchformBox .serach_input:-moz-placeholder { color:#999; }
.searchformBox .serach_input::-moz-placeholder { color:#999; }
.searchformBox .serach_input:-ms-input-placeholder { color:#999; }
.searchformBox:hover .serach_input::-webkit-input-placeholder { color:#999; }
.searchformBox:hover .serach_input:-moz-placeholder { color:#999; }
.searchformBox:hover .serach_input::-moz-placeholder { color:#999; }
.searchformBox:hover .serach_input:-ms-input-placeholder { color:#999; }

#topNav.nav_fixed { position:fixed; top:0; left:0; right:0; width:100%; z-index:9; }
#topNav.nav_fixed { height: 52px; box-shadow:0 3px 3px rgba(0, 0, 0, .1); background:#fff; line-height:52px; z-index: 99; float:none; margin-right:0px; }
#topNav.nav_fixed ul{ text-align:center; width:1200px; margin:0 auto;}
#topNav.nav_fixed ul li{ display:inline-block; float:none;}
#topNav.nav_fixed ul li dl{ top:52px; }

.con1bg{ background:url(../images/bg1.gif) center no-repeat; padding-top:40px;}
.con1_top h2{ text-align:center; line-height:80px; margin-bottom:35px; position:relative; color:#3f3f3f; font-size:32px; font-weight:normal;}
.con1_top h2::after,.con1_top h2::before { position: relative; display:inline-block; width: 57px; height:2px; margin: 38px 13px 0; background: #dedede; vertical-align: top; content:""; }
.c1_top_pic img{ width:100%;}

.con1_bot{ background:#2183d6; margin-top:30px; overflow:hidden;}
.c1_left{ display:block; overflow:hidden; zoom:1; padding:5% 5% 5%; font-size:14px; line-height:28px; box-sizing:border-box; float:left; width:600px; color:#fff; }
.c1_left dl dt { position:relative; margin-bottom:12px; font-size:26px; line-height:40px; overflow:hidden;  text-overflow:ellipsis; }
.c1_left dl dt a{ color:#fff;}
.c1_left dl .u-des { margin-bottom:12px; }
.c1_left dl .u-more { width:110px; height: 32px; text-align: center; } 
.c1_left dl .u-more a { position:relative; display:block; padding:0; font-size:14px; line-height:30px; vertical-align: top; overflow: hidden; transition:all 0.3s ease-in-out; color:#fff; border:1px solid #fff; }
.c1_right{transition: all 0.3s ease-in-out; float:right; width:600px;}
.c1_right img {transition: all 0.6s ease-in-out;transform: scale(1);}
.con1_bot:hover .c1_right img {transform: scale(1.1);}

.con2{ padding-top:50px; overflow:hidden;}
.con2 h2{ text-align:center; line-height:80px; margin-bottom:35px; position:relative; color:#3f3f3f; font-size:32px; font-weight:normal;}
.con2 h2::after,.con2 h2::before { position: relative; display:inline-block; width: 57px; height:2px; margin: 38px 13px 0; background: #dedede; vertical-align: top; content:""; }
.con2 ul li{ float:left; width:20%; text-align:center; position:relative; overflow:hidden; line-height:22px;transition: all 0.3s ease 0s;}
.con2 ul li img{ width:100%;}
.con2 ul li dl{ position: absolute; width: 100%; top:50%; left: 0; height: 80px; margin-top:-40px; border:0; background: none; color: #fff; text-align: center; line-height: 30px; opacity: 1; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2; }
.con2 ul li dl dt{ position: relative; height: 50px; color: #fff; line-height: 50px; font-size: 22px; }
.con2 ul li dl .u-des { color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.con2 ul li dl .u-more { width: 110px; height: 32px; margin:30px auto 0; border: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5); line-height: 32px; text-align: center; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); display: block; opacity: 0; }
.con2 ul li::after {display: block;position: absolute;top:0;left:0;right:0;bottom:0;background-color: rgba(0,0,0,0.4);content: '';transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;}
.con2 ul li:hover::after {background: rgba(0,0,0,0);opacity: 0.8;}
.con2 ul li:hover dl{ margin-top:-80px; background: none; }
.con2 ul li:hover dl .u-more { opacity: 1; }


.con3bg{ background:url(../images/bg2.jpg) center repeat; padding-top:30px; padding-bottom:40px;}
.con3 h2{ text-align:center; line-height:80px; margin-bottom:35px; position:relative; color:#3f3f3f; font-size:32px; font-weight:normal;}
.con3 h2::after,.con3 h2::before { position: relative; display:inline-block; width: 57px; height:2px; margin: 38px 13px 0; background: #dedede; vertical-align: top; content:""; }
/*scroll_03*/
.scroll_03{ overflow:hidden;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:292px; border:1px solid #E8E8E8; overflow:hidden; margin:0 3px;background:#fff;}
.scroll_03 .bd li .img{height:291px;  overflow:hidden;}
.scroll_03 .bd li span{ height:43px; line-height:43px; text-align:center; display:block; font-size:14px;}
.scroll_03 .bd li .img table tr td{ height:291px; text-align:center}
.scroll_03 .bd li .img table tr td img{ max-width:292px; max-height:291px;transition: all 0.6s ease-in-out;transform: scale(1);}
.scroll_03 .bd li:hover span{ background:#2183d6; color:#fff;}
.scroll_03 .bd li:hover .img table tr td img {transform: scale(1.1);}

.con4{ padding:50px 0px;}
.con4 h2{ text-align:center; line-height:80px; margin-bottom:35px; position:relative; color:#3f3f3f; font-size:32px; font-weight:normal;}
.con4 h2::after,.con4 h2::before { position: relative; display:inline-block; width: 57px; height:2px; margin: 38px 13px 0; background: #dedede; vertical-align: top; content:""; }
.slideBox{ height:552px; overflow:hidden; position:relative; float:left; width:570px; background:#f2f2f2 url(../images/slide_bg.jpg) no-repeat center bottom; padding:0 55px 43px; box-sizing:border-box;}
.slideBox .hd { position:relative; padding: 0; width:100%; height:14px; z-index:1; text-align:center; }
.slideBox .hd ul { margin:16px 0 0; padding:0; height:14px; }
.slideBox .hd ul li { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 3px; border-radius: 10px; border:2px solid #d9d9d9; background: #fff; text-indent:-999px; line-height:10px; cursor:pointer; font-size:0; overflow:hidden; vertical-align:top; opacity: 1; }
.slideBox .hd ul li.on { opacity: 1; border:2px solid #2183d6; background:#fff; color:#fff; }
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd ul li{ position:relative; padding-top:60px;}
.slideBox .bd ul li a { display:block; font-size:24px; line-height:38px; color:#2183d6; margin-bottom:14px;}
.slideBox .bd ul li span{ display:block; font-size:14px; line-height:28px; margin-bottom:24px;}
.slideBox .bd ul li img{ width:460px; height:287px; }
.c4_right{ float:right; width:590px;}
.c4_right ul li{ border-top:2px solid #ebebeb; padding:36px 15px 36px 17px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.c4_right ul li a{ display:block; font-size:18px; margin-bottom:6px; line-height:40px;}
.c4_right ul li span{ display:block; font-size:16px; line-height:28px;}
.c4_right ul li:hover {background-color: #f4f4f4;}


.con5{ padding-bottom:50px;}
.con5 h2{ text-align:center; line-height:80px; margin-bottom:35px; position:relative; color:#3f3f3f; font-size:32px; font-weight:normal;}
.con5 h2::after,.con5 h2::before { position: relative; display:inline-block; width: 57px; height:2px; margin: 38px 13px 0; background: #dedede; vertical-align: top; content:""; }
.c5_pic img{ width:1200px;}

.linkbg{ background:#f9f9f9;}
.link{ padding:15px 0px; line-height:24px; font-size:13px;}
.link strong{ font-size:16px; color:#333;}
.link a{ padding:0px 18px; color:#333;}


.footer{ background:#585858; color:#eeefee; padding:30px 0px;}
.ft_left{ float:left;}
.ft_left dl{ float:left; margin-right:10px;}
.ft_left dl dt{ padding:3px 5px; font-size:14px; font-weight:bold;}
.ft_left dl dt a{ color:#fff;}
.ft_left dl dd{ padding:3px 5px; font-size:14px; }
.ft_left dl dd a{ color:#b3b3b3;}
.ft_right{ float:right; font-size:14px; line-height:26px; text-align:right;}
.ft_right a{ color:#eeefee;}
/*common end*/



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; font-size:14px; border:1px solid #faf5f0; margin-bottom:25px; background:url(../images/icon-home.png) left center no-repeat #f9f8f8; padding-left:95px; }
.inside{margin-top:20px; min-height:400px;}

.inside_left{ width:270px; float:left;}
.inside_left .side_a h2{ height:80px; line-height:80px; text-align:center; color:#fff; background:#2183d6; font-weight:normal; font-size:24px;}
.inside_left .side_a dl dd{ height:50px; line-height:50px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:16px; background: #f2f2f2; color:#333;}
.inside_left .side_a dl dd a:hover{ background:#2183d6; color:#fff;}
.inside_left .side_a dl .hover a{ background:#2183d6; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:860px; float:right; }
.inside_con{ padding:10px 0;}


.inside_case ul li{ float:left; width:274px; border:1px solid #E8E8E8; overflow:hidden; margin-right:16px; background:#fff; margin-bottom:16px;}
.inside_case ul li .img{ overflow:hidden;    height: 165px;}
.inside_case ul li .img img{ max-width:274px;transition: all 0.6s ease-in-out;transform: scale(1);}
.inside_case ul li span{ height:43px; line-height:43px; text-align:center; display:block; font-size:14px;}
.inside_case ul li:hover span{ background:#2183d6; color:#fff;}
.inside_case ul li:hover img {transform: scale(1.1);}
.inside_case ul li:nth-child(3n){ margin-right:0px;}


.inside_pro ul li{ float:left; width:188px; border:1px solid #E8E8E8; overflow:hidden; margin-right:20px; background:#fff; margin-bottom:20px; padding:5px;}
.inside_pro ul li img{ width:100%;    height: 150px;}
.inside_pro ul li strong{ display:block; color:#d40000; font-size:16px; line-height:28px; font-weight:normal;}
.inside_pro ul li span{ height:40px; line-height:20px; display:block; font-size:13px;}
.inside_pro ul li:nth-child(4n){ margin-right:0px;}
/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}