@charset "utf-8";
*{margin:0px;padding: 0px;}
a,a:hover,a:visited{text-decoration: none;}
a{color: #333;}
a:hover{color: #0174d1;}
a img{ border:none;}
body{font-family: "Microsoft Yahei"!important;font-size: 14px;color:#333; }
ul,li{list-style-type: none;}

.wrapper{width: 100%;height: auto;overflow: hidden;position: relative;border-top: 2px solid #0174d1;min-width: 1200px;}
.c{width: 1200px;margin: 0 auto;}
.cb{width: 1200px;height: auto;overflow: hidden;border: 1px solid #ebebeb;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.img_c i{display: table-cell;vertical-align: middle;text-align: center;}
.img_c i img{max-width: 100%;max-height: 100%;}

.header{position: relative;height: auto;overflow: hidden;}
.login{width: 120px;height: 40px;line-height: 38px;text-align: center;background: #0174d1;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;overflow: hidden;position: absolute;right: 0px;top: 0px;}
.login a{display: block;color: #fff;}
.login a span{display: inline-block;padding-left: 24px;background: url(../images/user.png) left center no-repeat;}
.logo{width: 420px;height: 116px;overflow: hidden;}
.logo a{display: block;height: 116px;overflow: hidden;}
.logo i{width: 420px;height: 116px;}
.nav{width: 780px;text-align: right;height: 116px;overflow: hidden;}
.nav ul{display: inline-block;padding-top: 40px;}
.nav ul li{float: left;font-size: 16px;}
.nav ul li a{display: block;line-height: 76px;height: 76px;overflow: hidden;padding-left: 26px;margin-left: 30px; width: 70px;}
.nav ul li a:hover,.nav ul li.cu a,.nav ul li.on a{font-weight: bold;color: #0174d1;}

.banner{width: 1920px;height: auto;overflow: hidden;position: relative;left: 50%;margin-left: -960px;margin-bottom: 60px;}
.hd_banner{position: absolute;bottom: 15px;left: 50%;}
.hd_banner ul{position: relative;left: -50%;}
.hd_banner ul li{float: left;width: 12px;height: 12px;margin: 0 10px;border-radius: 50%;overflow: hidden;background: #fff;box-shadow: 2px 2px 5px 0px #333 inset;font-size: 0px;}
.hd_banner ul li.on{background: #0174d1;}

.about{margin-bottom: 60px;}
.headline{padding: 0 10px;background: #0174d1;color: #fff;height: 50px;line-height: 50px;overflow: hidden;position: relative;font-size: 18px;}
.headline span{float: left;width: 42px;height: 50px;overflow: hidden;}
.headline span img{max-width: 100%;max-height: 100%;}
.headline a{display: block;width: 50px;line-height: 50px;height: 50px;overflow: hidden;color: #fff;text-align: center;position: absolute;right: 10px;top: 0px;font-size: 14px;}
.headline a:hover{font-weight: bold;}
.about_area{padding: 30px 20px;height: auto;overflow: hidden;}
.about_img{width: 360px;height: 192px;overflow: hidden;font-size: 0px;}
.about_img i{width: 360px;height: 192px;}
.about_intro{line-height: 30px;color: #666;width: 780px;margin-top: -8px;height: 204px;overflow: hidden;}

.lookfor{margin-bottom: 50px;height: auto;overflow: hidden;}
.headline_b{background: #fff;color: #333;}
.headline_b a{color: #999;}
.headline_b a:hover{color: #0174d1;font-weight: bold;}
.price{width: 378px;height: auto;overflow: hidden;margin-right: 20px;}
.price_area{height: auto;overflow: hidden;padding: 5px 19px 22px;}
.price_form{width: 100%;height: auto;overflow: hidden;}
.price_line{padding-left: 58px;height: auto;overflow: hidden;position: relative;margin-bottom: 10px;}
.price_left{line-height: 32px;height: 32px;overflow: hidden;color: #666;position: absolute;left: 0px;top: 0px;}
.price_right{width: 100%;}
.price_right span{font-size: 12px;color: #999;padding: 0 2px;}
.price_right p{line-height: 32px;height: 32px;overflow: hidden;color: #999;}
.price_right input,.price_right select{width: 100%;height: 32px;line-height: 30px;overflow: hidden;}
.price_common{border: 1px solid #ebebeb;padding: 0 10px;outline: none;background: none;box-sizing: border-box;color: #999;font-family: "Microsoft Yahei"}
.price_right input.price_spec,.price_right select.price_spec{width: 135px;margin-right: 8px;}
.price_right input.price_size{width: 60px;}
.price_right input.price_btn{width: 90px;height: 32px;line-height: 32px;overflow: hidden;background: #0174d1;color: #fff;outline: none;border: none;font-family: "Microsoft Yahei";margin-top: 20px;}
.price_right a.price_btn{display: block;text-align: center;width: 90px;height: 32px;line-height: 32px;overflow: hidden;background: #0174d1;color: #fff;}
.transport{width: 798px;height: auto;overflow: hidden;background: url(../images/trans_bg.png) center bottom no-repeat;}
.transport .headline_b{background: none;}
.trans_area{height: auto;overflow: hidden;padding: 5px 19px 0px;min-height: 252px;}
.trans_form{width: 100%;height: auto;overflow: hidden;}
.trans_input{width: 388px;height: auto;overflow: hidden;margin-right: 20px;}
.trans_input input{width: 100%;height: 74px;line-height: 72px;padding: 0 19px;border: 1px solid #ebebeb;outline: none;background: #fff;box-sizing: border-box;color: #999;font-family: "Microsoft Yahei"}
.trans_danhao{width: 96px;height: auto;overflow: hidden;margin-right: 20px;}
.trans_danhao input{width: 100%;height: 32px;line-height: 30px;text-align: center;border: 1px solid #ebebeb;outline: none;background: #fff;box-sizing: border-box;color: #666;font-family: "Microsoft Yahei";}
.trans_danhao input:hover,.trans_btn button:hover{background: #0174d1;border: 1px solid #0174d1;color: #fff;}
.trans_danhao input.trans_above{margin-bottom: 10px;}
.trans_btn{width: 74px;height: auto;overflow: hidden;margin-right: 20px;}
.trans_btn button{width: 74px;height: 74px;line-height: 24px;overflow: hidden;padding: 12px 20px;text-align: center;border: 1px solid #ebebeb;outline: none;background: #fff;box-sizing: border-box;color: #666;font-family: "Microsoft Yahei";}
.trans_order{width: 140px;height: auto;overflow: hidden;}
.trans_order button{background: #0174d1;color: #fff;width: 140px;line-height: 74px;height: 74px;overflow: hidden;outline: none;border: none;font-family: "Microsoft Yahei";}
.trans_order button span{padding-right: 36px;background: url(../images/order.png) right center no-repeat;display: inline-block;}
.trans_form textarea{line-height: 24px;padding: 0 10px;resize: none;outline: none;border: 1px solid #ebebeb;font-family: "Microsoft Yahei";}

.product{height: auto;overflow: hidden;}
.pro_data{width: 100%;height: auto;overflow: hidden;padding-top: 30px;margin-bottom: 30px;}
.pro_data ul{width: 100%;height: auto;overflow: hidden;}
.pro_data ul li{width: 270px;float: left;height: auto;overflow: hidden;margin-right: 40px;margin-bottom: 12px;}
.pro_data ul li:nth-child(4n){margin-right: 0px;}
.pro_data ul li a{display: block;height: auto;overflow: hidden;position: relative;}
.pro_img{width: 270px;height: 218px;font-size: 0px;overflow: hidden;}
.pro_img i{width: 270px;height: 218px;}
.pro_bt{text-align: center;color: #666;line-height: 52px;height: 52px;overflow: hidden;}
.pro_opacity{width: 270px;height: 218px;background: #000;filter:alpha(opacity=80);opacity: 0.8;position: absolute;top: 0;right: 100%;transition: 400ms ease-in-out;}
.pro_hover{position: absolute;top: 0;left: 100%;color: #fff;text-align: center;width: 100%;height: auto;overflow: hidden;transition: 400ms ease-in-out;}
.pro_nr{line-height: 30px;height: 60px;overflow: hidden;padding-top: 58px;margin-bottom: 12px;font-weight: bold;}
.pro_imore{width: 100%;height: 22px;background: url(../images/pro_imore.png) center center no-repeat;}
.pro_data ul li a:hover .pro_opacity{right: 0;transition: 400ms ease-in-out;}
.pro_data ul li a:hover .pro_hover{left: 0;transition: 400ms ease-in-out;}
.pro_data ul li a:hover .pro_bt{color: #0174d1;font-weight: bold;}

.news{padding: 16px 0 30px;background: #f9f9f9;margin-bottom: 60px;}
.news .headline_b,.partner .headline_b{background: #f9f9f9;}
.news_data{height: auto;overflow: hidden;padding: 16px 20px 0;}
.news_data ul{width: 100%;height: auto;overflow: hidden;}
.news_data ul li{width: 560px;height: auto;overflow: hidden;float: left;margin-bottom: 30px;}
.news_data ul li:nth-child(odd){margin-right: 40px;}
.news_data ul li a{display: block;height: auto;overflow: hidden;position: relative;}
.news_img{width: 210px;height: 170px;font-size: 0px;overflow: hidden;margin-right: 20px;position: absolute;top: 0;left: 0;}
.news_img i{width: 210px;height: 170px;}
.news_img i img{transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}
.news_intro{/*width: 330px;*/padding-left: 230px; height: 170px;overflow: hidden;}
.news_bt{font-size: 16px;line-height: 36px;height: 36px;overflow: hidden;margin-top: -8px;}
.news_nr{line-height: 30px;color: #666;height: 120px;overflow: hidden;}
.news_time{line-height: 30px;height: 30px;overflow: hidden;color: #999;}
.news_data ul li a:hover .news_bt{color: #0174d1;font-weight: bold;}
.news_data ul li a:hover .news_img img{transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);}

.partner{margin-bottom: 60px;}
.part_data{padding: 30px 19px;height: auto;overflow: hidden;}
.part_data ul{width: 100%;height: auto;overflow: hidden;}
.part_data ul li{width: 173px;height: 78px;border: 1px solid #ebebeb;float: left;margin-right: 22px;}
.part_data ul li:last-child{margin-right: 0px;}
.part_data ul li a{display: block;height: auto;overflow: hidden;font-size: 0px;}
.part_data ul li i{width: 173px;height: 78px;}
.part_data ul li:hover{border: 1px solid #0174d1;}
/*.part_data ul li i img{transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);}*/
/*.part_data ul li:hover i img{transition:all ease-in-out .4s;-webkit-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;-moz-transition:all ease-in-out .4s;transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);-moz-transform:scale(1.08,1.08);-ms-transform:scale(1.08,1.08);}*/

.footer{width: 100%;height: auto;overflow: hidden;border-top: 2px solid #0174d1;background: #f9f9f9;padding: 20px 0 22px 0;}
.foot{height: auto;overflow: hidden;margin-bottom: 42px;}
.webside{width: 550px;}
.webside ul{width: 100%;height: auto;overflow: hidden;}
.webside ul li{width: 175px;height: auto;overflow: hidden;float: left;}
.webside ul li a{display: block;line-height: 34px;height: 34px;overflow: hidden;padding-right: 20px;overflow: hidden;}
.webside ul li a:hover{color: #0174d1;font-weight: bold;}
.webside ul li ul li{width: 100%;}
.webside ul li ul li a{line-height: 30px;height: 30px;color: #666;}
.webside ul li ul li a:hover{color: #0174d1;}
.contact{width: 360px;height: auto;overflow: hidden;}
.con_bt{line-height: 34px;height: 34px;overflow: hidden;}
.con_nr{line-height: 30px;color: #666;height: auto;overflow: hidden;}
.erweima{padding-left: 42px;background: url(../images/jiantou.png) left bottom no-repeat;}
.ewm_bt{line-height: 34px;height: 34px;overflow: hidden;margin-bottom: 10px;text-align: center;}
.ewm_img{width: 102px;height: 102px;font-size: 0px;overflow: hidden;}
.ewm_img i{width: 102px;height: 102px;}
.bottom{height: auto;overflow: hidden;line-height: 30px;color: #666;}
.bottom a{color: #666;}
.bottom a:hover{color: #0174d1;font-weight: bold;}
.copyright{max-width: 56%;}
.support{max-width: 40%;text-align: right;}

.main{width: 1200px;height: auto;overflow: hidden;margin: 0 auto 60px;}
.left{width: 270px;height: auto;overflow: hidden;background: #f9f9f9;margin-right: 40px;border-bottom: 2px solid #ebebeb;}

.left_top{padding: 0 15px 0 30px;height: 106px;border-bottom: 1px solid #ebebeb;}
.cn{font-size: 24px;font-weight: bold;line-height: 34px;height: 34px;overflow: hidden;padding-top: 26px;}
.en{font-size: 16px;color: #999;line-height: 24px;height: 24px;overflow: hidden;}
.left_list{width: 100%;height: auto;overflow: hidden;border-top: 1px solid #fff;margin-bottom: 15px;padding-top: 15px;}
.left_list ul{}
.left_list ul li{}
.left_list ul li.bg{background: #0174d1;}
.left_list ul li a{display: block;color: #666;line-height: 42px;height: 42px;overflow: hidden;padding: 0 42px 0 30px;position: relative;}
.left_list ul li a:hover,.left_list ul li a.cu1{color: #fff;background: #0174d1;font-weight: bold;}
.left_list ul li a span{position: absolute;right: 30px;top: 0;font-size: 16px;display: inline-block;line-height: 42px;height: 42px;overflow: hidden;}
.left_list ul li a span.left_plus{}
.left_list ul li a span.left_minus{display: none;font-size: 20px;}
.left_list ul li a:hover span.left_plus,.left_list ul li a.cu1 span.left_plus{display: none;}
.left_list ul li a:hover span.left_minus,.left_list ul li a.cu1 span.left_minus{display: inline-block;}
.left_list ul li ul{display: none;padding: 0 5px 5px;}
.left_list ul li ul li{}
.left_list ul li ul li a{color: #0174d1;background: #fff;line-height: 40px;height: 40px;}
.left_list ul li ul li a:hover,.left_list ul li ul li a.cu2{color: #0174d1;background: #fff;}
.left_list ul li ul li ul{display: none;padding: 10px 0;}
.left_list ul li ul li ul li{}
.left_list ul li ul li ul li a{color: #fff;background: none;line-height: 32px;height: 32px;}
.left_list ul li ul li ul li a:hover{color: #fff;background: none;}

.right{width: 890px;height: auto;overflow: hidden;}
.right_top{padding: 0 20px;height: 50px;line-height: 50px;overflow: hidden;margin-bottom: 40px;background: #0174d1;color: #fff;}
.right_top a{color: #fff;}
.right_top a:hover{font-weight: bold;}

.right_below{width: 100%;height: auto;overflow: hidden;}
.about_det{line-height: 36px;color: #666;}
.about_det img{max-width: 100%;max-height: 100%;}
.about_tit{font-weight: bold;}

.price_ny{width: 798px;margin: 0 auto 40px;}
.transport_ny{width: 798px;margin: 0 auto;}
.pro_list{padding-top: 0px;margin-bottom: 28px;}
.pro_list ul li:nth-child(4n){margin-right: 40px;}
.pro_list ul li:nth-child(3n){margin-right: 0px;}
.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;line-height: 26px;height: 26px;overflow: hidden;color: #999;margin: 0 5px;}
.next1 a:hover{color: #0174d1;}
.next1 ul li a{width: 28px;margin: 0 3px;}
.next1 ul li a:hover,.next1 ul li a.on1{background: #0174d1;color: #fff;}

.news_list{margin-bottom: 30px;padding: 0px;}
.news_list ul li{width: 100%;}
.news_list ul li:nth-child(odd){margin-right: 0px;}

.news_title{text-align: center;font-size: 18px;line-height: 28px;margin-bottom: 5px;}
.news_publish{text-align: center;color: #999;line-height: 30px;height: auto;overflow: hidden;padding-bottom: 12px;border-bottom: 1px solid #ebebeb;margin-bottom: 12px;}
.news_det{line-height: 30px;color: #666;}
.news_det img{max-width: 100%;max-height: 100%;}
.share{height: 28px;line-height: 28px;width: 100%;text-align: right;margin-top: 46px;margin-bottom: 24px;}
.share_box{float: right;}
.next2{line-height: 30px;width: 100%;height: auto;overflow: hidden;background: #f9f9f9;padding: 20px 30px;}
.next2 a{color: #999;}
.next2 a:hover{color: #0174d1;}
.pro_title{margin-bottom: 18px;}
.pro_image{width: 604px;font-size: 0px;margin: 0 auto 26px;text-align: center;height: auto;overflow: hidden;}
.pro_image img{max-width: 100%;max-height: 100%;}